@aloudata/aloudata-design 3.1.0 → 3.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/AProgress/index.js +10 -0
- package/dist/AProgress/index.js.map +1 -1
- package/dist/Alert/index.js +3 -1
- package/dist/Alert/index.js.map +1 -1
- package/dist/Badge/index.js +37 -11
- package/dist/Badge/index.js.map +1 -1
- package/dist/Breadcrumb/index.js +12 -2
- package/dist/Breadcrumb/index.js.map +1 -1
- package/dist/Button/index.d.ts +1 -1
- package/dist/Button/index.js +20 -6
- package/dist/Button/index.js.map +1 -1
- package/dist/Card/index.js +1 -1
- package/dist/Card/index.js.map +1 -1
- package/dist/Carousel/index.js +9 -1
- package/dist/Carousel/index.js.map +1 -1
- package/dist/Checkbox/index.js +17 -2
- package/dist/Checkbox/index.js.map +1 -1
- package/dist/Checkbox/type.d.ts +10 -2
- package/dist/ColorPicker/index.js +112 -46
- package/dist/ColorPicker/index.js.map +1 -1
- package/dist/DataPreviewTable/components/Body/Cell.d.ts +2 -0
- package/dist/DataPreviewTable/components/Body/Cell.js +9 -1
- package/dist/DataPreviewTable/components/Body/Cell.js.map +1 -1
- package/dist/DataPreviewTable/components/Body/index.d.ts +1 -0
- package/dist/DataPreviewTable/components/Body/index.js +35 -23
- package/dist/DataPreviewTable/components/Body/index.js.map +1 -1
- package/dist/DataPreviewTable/components/Header/index.d.ts +1 -0
- package/dist/DataPreviewTable/components/Header/index.js +36 -28
- package/dist/DataPreviewTable/components/Header/index.js.map +1 -1
- package/dist/DataPreviewTable/index.js +19 -2
- package/dist/DataPreviewTable/index.js.map +1 -1
- package/dist/Drawer/index.d.ts +4 -0
- package/dist/Drawer/index.js +93 -79
- package/dist/Drawer/index.js.map +1 -1
- package/dist/Dropdown/index.d.ts +1 -1
- package/dist/Dropdown/index.js +64 -13
- package/dist/Dropdown/index.js.map +1 -1
- package/dist/Form/FormItemContext.d.ts +1 -1
- package/dist/Form/FormItemContext.js.map +1 -1
- package/dist/Form/index.js +50 -7
- package/dist/Form/index.js.map +1 -1
- package/dist/IconButton/index.d.ts +2 -2
- package/dist/IconButton/index.js +9 -3
- package/dist/IconButton/index.js.map +1 -1
- package/dist/Input/components/Input/index.js +18 -8
- package/dist/Input/components/Input/index.js.map +1 -1
- package/dist/Input/components/TextArea/index.js +18 -7
- package/dist/Input/components/TextArea/index.js.map +1 -1
- package/dist/Input/privateSemanticOwner.d.ts +2 -0
- package/dist/Input/privateSemanticOwner.js +1 -0
- package/dist/InputNumber/index.js +16 -9
- package/dist/InputNumber/index.js.map +1 -1
- package/dist/InputNumber/type.d.ts +2 -2
- package/dist/LogicTree/components/LogicItem/index.d.ts +2 -1
- package/dist/LogicTree/components/LogicItem/index.js +13 -2
- package/dist/LogicTree/components/LogicItem/index.js.map +1 -1
- package/dist/LogicTree/index.js +2 -0
- package/dist/LogicTree/index.js.map +1 -1
- package/dist/MemberPicker/components/MemberSelection.d.ts +2 -0
- package/dist/MemberPicker/components/MemberSelection.js +15 -13
- package/dist/MemberPicker/components/MemberSelection.js.map +1 -1
- package/dist/MemberPicker/components/MultipleOption.js +12 -0
- package/dist/MemberPicker/components/MultipleOption.js.map +1 -1
- package/dist/MemberPicker/components/Panel.d.ts +2 -0
- package/dist/MemberPicker/components/Panel.js +11 -1
- package/dist/MemberPicker/components/Panel.js.map +1 -1
- package/dist/MemberPicker/components/PanelWrapper.js +2 -0
- package/dist/MemberPicker/components/PanelWrapper.js.map +1 -1
- package/dist/MemberPicker/components/SelectedMemberTags.js +14 -6
- package/dist/MemberPicker/components/SelectedMemberTags.js.map +1 -1
- package/dist/MemberPicker/components/SingleOption.js +12 -0
- package/dist/MemberPicker/components/SingleOption.js.map +1 -1
- package/dist/MemberPicker/components/UserGroupSelection.d.ts +3 -1
- package/dist/MemberPicker/components/UserGroupSelection.js +65 -42
- package/dist/MemberPicker/components/UserGroupSelection.js.map +1 -1
- package/dist/MemberPicker/index.js +134 -108
- package/dist/MemberPicker/index.js.map +1 -1
- package/dist/Menu/index.d.ts +8 -0
- package/dist/Menu/index.js +33 -3
- package/dist/Menu/index.js.map +1 -1
- package/dist/Modal/index.d.ts +4 -0
- package/dist/Modal/index.js +55 -66
- package/dist/Modal/index.js.map +1 -1
- package/dist/OverflowCount/index.js +10 -0
- package/dist/OverflowCount/index.js.map +1 -1
- package/dist/Pagination/index.js +1 -0
- package/dist/Pagination/index.js.map +1 -1
- package/dist/Popconfirm/index.js +9 -1
- package/dist/Popconfirm/index.js.map +1 -1
- package/dist/Popover/index.js +52 -1
- package/dist/Popover/index.js.map +1 -1
- package/dist/Progress/index.js +4 -0
- package/dist/Progress/index.js.map +1 -1
- package/dist/Radio/components/Group/index.d.ts +5 -1
- package/dist/Radio/components/Group/index.js +7 -2
- package/dist/Radio/components/Group/index.js.map +1 -1
- package/dist/Radio/components/Radio/index.js +26 -0
- package/dist/Radio/components/Radio/index.js.map +1 -1
- package/dist/Radio/interface/radio.d.ts +7 -0
- package/dist/Radio/interface/radioGroup.d.ts +2 -0
- package/dist/RenameInput/index.js +11 -0
- package/dist/RenameInput/index.js.map +1 -1
- package/dist/Select/BaseSelect.d.ts +3 -0
- package/dist/Select/BaseSelect.js +229 -32
- package/dist/Select/BaseSelect.js.map +1 -1
- package/dist/Select/SelectTrigger.d.ts +2 -0
- package/dist/Select/SelectTrigger.js +13 -5
- package/dist/Select/SelectTrigger.js.map +1 -1
- package/dist/Select/components/OptionCollection.d.ts +41 -0
- package/dist/Select/components/OptionCollection.js +124 -0
- package/dist/Select/components/OptionCollection.js.map +1 -0
- package/dist/Select/index.js +45 -3
- package/dist/Select/index.js.map +1 -1
- package/dist/Select/interface.d.ts +1 -1
- package/dist/Skeleton/index.js +1 -1
- package/dist/Skeleton/index.js.map +1 -1
- package/dist/Spin/index.d.ts +1 -1
- package/dist/Spin/index.js +22 -7
- package/dist/Spin/index.js.map +1 -1
- package/dist/Switch/index.d.ts +5 -0
- package/dist/Switch/index.js +15 -5
- package/dist/Switch/index.js.map +1 -1
- package/dist/Table/components/Header.js +0 -1
- package/dist/Table/components/Header.js.map +1 -1
- package/dist/Table/index.js +42 -27
- package/dist/Table/index.js.map +1 -1
- package/dist/Tabs/index.js +1 -0
- package/dist/Tabs/index.js.map +1 -1
- package/dist/Tag/index.js +20 -1
- package/dist/Tag/index.js.map +1 -1
- package/dist/Tooltip/index.js +34 -5
- package/dist/Tooltip/index.js.map +1 -1
- package/dist/Tour/index.js +13 -1
- package/dist/Tour/index.js.map +1 -1
- package/dist/Tree/Tree2.js +2 -0
- package/dist/Tree/Tree2.js.map +1 -1
- package/dist/_utils/dialogAccessibility.d.ts +17 -0
- package/dist/_utils/dialogAccessibility.js +110 -0
- package/dist/_utils/dialogAccessibility.js.map +1 -0
- package/dist/_utils/formControlSemanticOwner.d.ts +3 -0
- package/dist/_utils/formControlSemanticOwner.js +17 -0
- package/dist/_utils/formControlSemanticOwner.js.map +1 -0
- package/dist/_utils/overlayCoordinator.js +1 -11
- package/dist/_utils/overlayCoordinator.js.map +1 -1
- package/dist/aloudata-design.css +1 -1
- package/dist/governance/semantic.d.ts +1 -0
- package/dist/governance/semantic.js +2 -0
- package/dist/governance/semantic.json +1737 -0
- package/dist/theme/contract/baselineResolvedTokenValueManifest.d.ts +1 -1
- package/dist/theme/contract/darkResolvedTokenValueManifest.d.ts +1 -1
- package/dist/theme/contract/tokenOutputContract.js +1 -0
- package/dist/theme/contract/tokenOutputContract.js.map +1 -1
- package/dist/theme/generator/acceptedColorValues.d.ts +2 -1
- package/dist/theme/generator/baselineTokenValueDelivery.d.ts +9 -1
- package/dist/theme/generator/minimalAcceptedColorValues.d.ts +2 -2
- package/dist/theme/generator/neutralSourceResolver.d.ts +28 -0
- package/dist/theme/generator/neutralSourceResolver.js +2 -0
- package/dist/theme/generator/neutralSourceValues.d.ts +28 -0
- package/dist/theme/generator/neutralSourceValues.js +2 -0
- package/dist/theme/governance/semanticGovernanceContract.d.ts +91 -0
- package/dist/theme/governance/semanticGovernanceContract.js +342 -0
- package/dist/theme/governance/semanticGovernanceContract.js.map +1 -0
- package/dist/theme/index.d.ts +2 -0
- package/dist/theme/index.js +1 -0
- package/dist/theme/neutralSourceContract.d.ts +3 -0
- package/dist/theme/neutralSourceContract.js +11 -0
- package/dist/theme/neutralSourceContract.js.map +1 -0
- package/dist/theme/runtime/colorValueMode/generated/darkBaselineDeclarations.d.ts +1 -1
- package/dist/theme/runtime/colorValueMode/generated/darkBaselineDeclarations.js +46 -45
- package/dist/theme/runtime/colorValueMode/generated/darkBaselineDeclarations.js.map +1 -1
- package/dist/theme/runtime/colorValueMode/generated/slateDarkDeclarations.d.ts +3 -0
- package/dist/theme/runtime/colorValueMode/generated/slateDarkDeclarations.js +2 -0
- package/dist/theme/runtime/colorValueMode/generated/slateLightDeclarations.d.ts +3 -0
- package/dist/theme/runtime/colorValueMode/generated/slateLightDeclarations.js +2 -0
- package/dist/theme/runtime/colorValueMode/generated/stoneDarkDeclarations.d.ts +3 -0
- package/dist/theme/runtime/colorValueMode/generated/stoneDarkDeclarations.js +2 -0
- package/dist/theme/runtime/colorValueMode/generated/stoneLightDeclarations.d.ts +3 -0
- package/dist/theme/runtime/colorValueMode/generated/stoneLightDeclarations.js +2 -0
- package/dist/theme/runtime/colorValueMode/generated/v3BaselineDeclarations.d.ts +1 -1
- package/dist/theme/runtime/colorValueMode/generated/v3BaselineDeclarations.js +42 -41
- package/dist/theme/runtime/colorValueMode/generated/v3BaselineDeclarations.js.map +1 -1
- package/dist/theme/runtime/colorValueMode/index.js +2 -12
- package/dist/theme/runtime/colorValueMode/index.js.map +1 -1
- package/dist/theme/runtime/colorValueMode/legacyNeutralCompatibility.d.ts +2 -0
- package/dist/theme/runtime/colorValueMode/legacyNeutralCompatibility.js +48 -0
- package/dist/theme/runtime/colorValueMode/legacyNeutralCompatibility.js.map +1 -0
- package/dist/theme/runtime/colorValueMode/registry.d.ts +1 -1
- package/dist/theme/runtime/colorValueMode/registry.js +2 -1
- package/dist/theme/runtime/colorValueMode/registry.js.map +1 -1
- package/dist/theme/runtime/initAldTheme.js +1 -3
- package/dist/theme/runtime/initAldTheme.js.map +1 -1
- package/dist/theme/runtime/neutralSource/index.d.ts +6 -0
- package/dist/theme/runtime/neutralSource/index.js +11 -0
- package/dist/theme/runtime/neutralSource/index.js.map +1 -0
- package/dist/theme/runtime/neutralSource.d.ts +2 -0
- package/package.json +12 -2
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"semanticGovernanceContract.js","names":[],"sources":["../../../src/theme/governance/semanticGovernanceContract.ts"],"sourcesContent":["import {\n getTokenOutputContractEntries,\n type TokenOutputContractEntry,\n type TokenOutputContractLifecycle,\n} from '../contract/tokenOutputContract';\nimport type { TokenOutputVariableName } from './migrationMappingRegistry';\n\nexport type SemanticGovernanceRole =\n | 'background'\n | 'content'\n | 'action'\n | 'border'\n | 'control-state'\n | 'focus';\n\nexport type SemanticGovernanceFamily =\n | 'neutral-structural'\n | 'inverted'\n | 'brand'\n | 'informative'\n | 'positive'\n | 'warning'\n | 'negative'\n | `action-${string}`;\n\nexport type ActionState = 'normal' | 'hover' | 'active' | 'selected';\n\nexport interface SemanticGovernanceProvenance {\n id: string;\n authorityDocument: string;\n authorityLocator: string;\n authorityStatus: 'Accepted';\n governanceVersion: string;\n}\n\nexport interface SemanticGovernanceTokenFact {\n token: TokenOutputVariableName;\n role: SemanticGovernanceRole;\n family?: SemanticGovernanceFamily;\n state?: ActionState;\n lifecycle: TokenOutputContractLifecycle;\n provenance: readonly string[];\n}\n\ninterface SemanticHierarchy {\n id: string;\n kind: 'semantic-emphasis' | 'semantic-structural';\n tokens: readonly TokenOutputVariableName[];\n provenance: readonly string[];\n}\n\ninterface SemanticPair {\n id: string;\n kind: 'feedback-family' | 'inverted-content' | 'action-state-family';\n families?: readonly SemanticGovernanceFamily[];\n roles: readonly SemanticGovernanceRole[];\n tokenReferences: readonly TokenOutputVariableName[];\n provenance: readonly string[];\n}\n\ninterface SemanticRoleRequirement {\n role: SemanticGovernanceRole;\n tokenReferences: readonly TokenOutputVariableName[];\n}\n\ninterface UiConcept {\n id: string;\n purpose: string;\n requiredRoles: readonly SemanticRoleRequirement[];\n optionalRoles: readonly SemanticRoleRequirement[];\n scope: string;\n nonGoals: readonly string[];\n provenance: readonly string[];\n}\n\ninterface CompositionPattern {\n id: string;\n scope: string;\n requiredRoles: readonly SemanticRoleRequirement[];\n optionalRoles: readonly SemanticRoleRequirement[];\n allowedStates: readonly ActionState[];\n relatedUiConcepts: readonly string[];\n owningGovernanceSource: readonly string[];\n nonGoals: readonly string[];\n provenance: readonly string[];\n}\n\ninterface DeterministicAntiPattern {\n id: string;\n meaning: string;\n scope: string;\n provenance: readonly string[];\n}\n\nexport interface SemanticGovernanceContract {\n schemaVersion: '1.0.0';\n semanticGovernanceArtifactVersion: '1.0.0';\n packageCompatibility: {\n minimumPackageVersion: '3.1.0';\n maximumExclusivePackageVersion: '4.0.0';\n };\n tokenOutputContract: {\n entryCount: number;\n identitySetFingerprint: string;\n referencedTokenCount: number;\n };\n provenance: readonly SemanticGovernanceProvenance[];\n tokenFacts: readonly SemanticGovernanceTokenFact[];\n hierarchies: readonly SemanticHierarchy[];\n pairs: readonly SemanticPair[];\n uiConcepts: readonly UiConcept[];\n compositionPatterns: readonly CompositionPattern[];\n antiPatterns: readonly DeterministicAntiPattern[];\n}\n\nexport interface SemanticGovernanceContractValidationReport {\n valid: boolean;\n errors: readonly string[];\n}\n\nconst provenance = [\n {\n id: 'token-output-contract',\n authorityDocument: 'src/theme/contract/tokenOutputContract.ts',\n authorityLocator: 'tokenOutputContractEntries',\n authorityStatus: 'Accepted',\n governanceVersion: 'current-token-output-contract',\n },\n {\n id: 'neutral-architecture-23a',\n authorityDocument:\n 'docs/color-system/23A-neutral-color-architecture-decision.md',\n authorityLocator: 'Sections 8-9',\n authorityStatus: 'Accepted',\n governanceVersion: '23A',\n },\n {\n id: 'semantic-knowledge-decision-26',\n authorityDocument:\n 'docs/color-system/26-semantic-governance-knowledge-delivery-decision.md',\n authorityLocator: 'Sections 5-14',\n authorityStatus: 'Accepted',\n governanceVersion: '26',\n },\n {\n id: 'semantic-knowledge-specification-27',\n authorityDocument:\n 'docs/color-system/27-semantic-governance-knowledge-delivery-specification.md',\n authorityLocator: 'Sections 6-14',\n authorityStatus: 'Accepted',\n governanceVersion: '27',\n },\n] as const satisfies readonly SemanticGovernanceProvenance[];\n\nconst feedbackFamilies = [\n 'informative',\n 'positive',\n 'warning',\n 'negative',\n] as const;\nconst actionStates = ['normal', 'hover', 'active', 'selected'] as const;\n\nfunction asToken(value: string): TokenOutputVariableName {\n return value as TokenOutputVariableName;\n}\n\nfunction roleFor(\n entry: TokenOutputContractEntry,\n): SemanticGovernanceRole | null {\n return entry.group === 'dimension' || entry.group === 'compatibility'\n ? null\n : entry.group;\n}\n\nfunction familyFor(\n name: string,\n role: SemanticGovernanceRole,\n): SemanticGovernanceFamily | undefined {\n if (role === 'action') {\n const family = name\n .replace(/^--action-/, '')\n .replace(/-(normal|hover|active|selected)$/, '');\n return `action-${family}`;\n }\n if (name.includes('-neutral-')) return 'neutral-structural';\n if (name.includes('-inverted')) return 'inverted';\n if (name.includes('-brand-')) return 'brand';\n for (const family of feedbackFamilies) {\n if (name.includes(`-${family}-`)) return family;\n }\n return undefined;\n}\n\nfunction stateFor(\n name: string,\n role: SemanticGovernanceRole,\n): ActionState | undefined {\n if (role !== 'action') return undefined;\n return actionStates.find((state) => name.endsWith(`-${state}`));\n}\n\nfunction fnv1a32(value: string) {\n let hash = 0x811c9dc5;\n for (const character of value) {\n hash ^= character.charCodeAt(0);\n hash = Math.imul(hash, 0x01000193) >>> 0;\n }\n return `fnv1a32:${hash.toString(16).padStart(8, '0')}`;\n}\n\nfunction requirement(\n role: SemanticGovernanceRole,\n tokenReferences: readonly string[],\n): SemanticRoleRequirement {\n return { role, tokenReferences: tokenReferences.map(asToken) };\n}\n\nconst allOutputEntries = getTokenOutputContractEntries();\nconst referencedEntries = allOutputEntries.filter(\n (entry) => roleFor(entry) !== null,\n);\nconst tokenFacts = referencedEntries.map(\n (entry): SemanticGovernanceTokenFact => {\n const role = roleFor(entry)!;\n return {\n token: entry.name,\n role,\n family: familyFor(entry.name, role),\n state: stateFor(entry.name, role),\n lifecycle: entry.lifecycle,\n provenance: ['token-output-contract', 'semantic-knowledge-decision-26'],\n };\n },\n);\n\nconst hierarchies: readonly SemanticHierarchy[] = [\n {\n id: 'content-emphasis',\n kind: 'semantic-emphasis',\n tokens: [\n '--content-primary',\n '--content-secondary',\n '--content-tertiary',\n '--content-disabled',\n ].map(asToken),\n provenance: ['token-output-contract', 'semantic-knowledge-decision-26'],\n },\n {\n id: 'neutral-structural-relation',\n kind: 'semantic-structural',\n tokens: [\n '--background-default',\n '--background-neutral-surface',\n '--background-neutral-subtle',\n '--background-neutral-on-subtle',\n '--background-neutral-muted',\n '--background-neutral-strong',\n '--background-neutral-hard',\n ].map(asToken),\n provenance: ['token-output-contract', 'neutral-architecture-23a'],\n },\n];\n\nconst pairs: readonly SemanticPair[] = [\n {\n id: 'feedback-family-alignment',\n kind: 'feedback-family',\n families: feedbackFamilies,\n roles: ['background', 'border', 'content'],\n tokenReferences: feedbackFamilies\n .flatMap((family) => [\n `--background-${family}-subtle`,\n `--border-${family}-subtle`,\n `--content-${family}-primary`,\n ])\n .map(asToken),\n provenance: ['semantic-knowledge-decision-26'],\n },\n {\n id: 'inverted-surface-content',\n kind: 'inverted-content',\n roles: ['background', 'action', 'content'],\n tokenReferences: [\n '--background-inverted',\n '--action-inverted-normal',\n '--content-inverted-primary',\n ].map(asToken),\n provenance: ['semantic-knowledge-decision-26'],\n },\n {\n id: 'action-state-family-membership',\n kind: 'action-state-family',\n families: ['action-primary'],\n roles: ['action'],\n tokenReferences: actionStates.map((state) =>\n asToken(`--action-primary-${state}`),\n ),\n provenance: ['semantic-knowledge-decision-26'],\n },\n];\n\nconst uiConcepts: readonly UiConcept[] = [\n {\n id: 'structural-surface',\n purpose: 'A readable structural surface.',\n requiredRoles: [\n requirement('background', ['--background-default']),\n requirement('content', ['--content-primary']),\n ],\n optionalRoles: [requirement('border', ['--border-default'])],\n scope: 'Structural UI surfaces.',\n nonGoals: ['Does not define page hierarchy.'],\n provenance: ['semantic-knowledge-decision-26'],\n },\n {\n id: 'neutral-structural-tier',\n purpose: 'A neutral secondary structural grouping.',\n requiredRoles: [\n requirement('background', [\n '--background-neutral-surface',\n '--background-neutral-subtle',\n ]),\n requirement('content', ['--content-primary']),\n ],\n optionalRoles: [requirement('border', ['--border-neutral-subtle'])],\n scope: 'Neutral structural grouping.',\n nonGoals: ['Does not prescribe page-to-card hierarchy.'],\n provenance: ['neutral-architecture-23a', 'semantic-knowledge-decision-26'],\n },\n {\n id: 'interactive-action-surface',\n purpose: 'An interactive action control surface.',\n requiredRoles: [\n requirement('action', ['--action-primary-normal']),\n requirement('content', ['--content-inverted-primary']),\n requirement('focus', ['--focus-ring']),\n ],\n optionalRoles: [requirement('border', ['--border-default'])],\n scope: 'Interactive actions.',\n nonGoals: ['Does not define Menu or Dialog behavior.'],\n provenance: ['semantic-knowledge-decision-26'],\n },\n {\n id: 'field-control-surface',\n purpose: 'An editable field control surface.',\n requiredRoles: [\n requirement('background', ['--background-default']),\n requirement('border', ['--border-neutral-subtle']),\n requirement('content', ['--content-primary']),\n requirement('focus', ['--focus-ring']),\n ],\n optionalRoles: [requirement('action', ['--action-ghost-hover'])],\n scope: 'Field controls.',\n nonGoals: ['Does not define Select interaction.'],\n provenance: ['semantic-knowledge-decision-26'],\n },\n {\n id: 'floating-command-surface',\n purpose: 'A temporary floating command surface.',\n requiredRoles: [\n requirement('background', ['--background-default']),\n requirement('border', ['--border-default-alpha']),\n requirement('content', ['--content-primary']),\n requirement('action', ['--action-ghost-hover']),\n requirement('focus', ['--focus-ring']),\n ],\n optionalRoles: [],\n scope: 'Floating command surfaces.',\n nonGoals: ['Does not define Menu keyboard behavior.'],\n provenance: ['semantic-knowledge-decision-26'],\n },\n {\n id: 'feedback-surface',\n purpose: 'A same-family feedback surface.',\n requiredRoles: [\n requirement('background', ['--background-informative-subtle']),\n requirement('border', ['--border-informative-subtle']),\n requirement('content', ['--content-informative-primary']),\n ],\n optionalRoles: [],\n scope: 'Feedback callouts.',\n nonGoals: ['Does not select feedback purpose from context.'],\n provenance: ['semantic-knowledge-decision-26'],\n },\n {\n id: 'inverted-surface',\n purpose: 'A local inverted semantic context.',\n requiredRoles: [\n requirement('background', ['--background-inverted']),\n requirement('content', ['--content-inverted-primary']),\n ],\n optionalRoles: [requirement('action', ['--action-inverted-normal'])],\n scope: 'Inverted local surfaces.',\n nonGoals: ['Does not imply dark theme.'],\n provenance: ['semantic-knowledge-decision-26'],\n },\n];\n\nconst compositionPatterns: readonly CompositionPattern[] = [\n {\n id: 'action-control',\n scope: 'A stable action control composition.',\n requiredRoles: uiConcepts[2].requiredRoles,\n optionalRoles: uiConcepts[2].optionalRoles,\n allowedStates: actionStates,\n relatedUiConcepts: ['interactive-action-surface'],\n owningGovernanceSource: ['semantic-knowledge-decision-26'],\n nonGoals: ['Does not define component interaction.'],\n provenance: ['semantic-knowledge-decision-26'],\n },\n {\n id: 'field-control',\n scope: 'A stable field control composition.',\n requiredRoles: uiConcepts[3].requiredRoles,\n optionalRoles: uiConcepts[3].optionalRoles,\n allowedStates: [],\n relatedUiConcepts: ['field-control-surface'],\n owningGovernanceSource: ['semantic-knowledge-decision-26'],\n nonGoals: ['Does not define complex Select behavior.'],\n provenance: ['semantic-knowledge-decision-26'],\n },\n {\n id: 'floating-command-collection',\n scope: 'A floating command collection composition.',\n requiredRoles: uiConcepts[4].requiredRoles,\n optionalRoles: uiConcepts[4].optionalRoles,\n allowedStates: ['hover', 'active', 'selected'],\n relatedUiConcepts: ['floating-command-surface'],\n owningGovernanceSource: ['semantic-knowledge-decision-26'],\n nonGoals: ['Does not define Menu behavior.'],\n provenance: ['semantic-knowledge-decision-26'],\n },\n {\n id: 'feedback-callout',\n scope: 'A same-family feedback callout composition.',\n requiredRoles: uiConcepts[5].requiredRoles,\n optionalRoles: uiConcepts[5].optionalRoles,\n allowedStates: [],\n relatedUiConcepts: ['feedback-surface'],\n owningGovernanceSource: ['semantic-knowledge-decision-26'],\n nonGoals: ['Does not select feedback intent.'],\n provenance: ['semantic-knowledge-decision-26'],\n },\n];\n\nconst antiPatterns: readonly DeterministicAntiPattern[] = [\n {\n id: 'primitive-bypass',\n meaning: 'Consumer UI bypasses semantic ownership.',\n scope: 'Consumer color use.',\n provenance: ['semantic-knowledge-decision-26'],\n },\n {\n id: 'wrong-domain',\n meaning: 'A semantic role is used outside its domain.',\n scope: 'Consumer color use.',\n provenance: ['semantic-knowledge-decision-26'],\n },\n {\n id: 'wrong-feedback-family',\n meaning: 'Feedback roles mix published families.',\n scope: 'Feedback composition.',\n provenance: ['semantic-knowledge-decision-26'],\n },\n {\n id: 'source-aware-consumer',\n meaning: 'Consumer branches on source identity.',\n scope: 'Consumer runtime boundary.',\n provenance: ['neutral-architecture-23a', 'semantic-knowledge-decision-26'],\n },\n {\n id: 'invalid-lifecycle',\n meaning: 'Consumer uses an unavailable output lifecycle.',\n scope: 'Consumer token use.',\n provenance: ['token-output-contract', 'semantic-knowledge-decision-26'],\n },\n];\n\nexport const semanticGovernanceContract: SemanticGovernanceContract = {\n schemaVersion: '1.0.0',\n semanticGovernanceArtifactVersion: '1.0.0',\n packageCompatibility: {\n minimumPackageVersion: '3.1.0',\n maximumExclusivePackageVersion: '4.0.0',\n },\n tokenOutputContract: {\n entryCount: allOutputEntries.length,\n identitySetFingerprint: fnv1a32(\n referencedEntries\n .map((entry) => `${entry.name}:${entry.lifecycle}`)\n .sort()\n .join('\\n'),\n ),\n referencedTokenCount: referencedEntries.length,\n },\n provenance,\n tokenFacts,\n hierarchies,\n pairs,\n uiConcepts,\n compositionPatterns,\n antiPatterns,\n};\n\nfunction referencesAreKnown(\n references: readonly TokenOutputVariableName[],\n facts: Set<string>,\n) {\n return references.every((reference) => facts.has(reference));\n}\n\nexport function validateSemanticGovernanceContract(\n contract: SemanticGovernanceContract = semanticGovernanceContract,\n): SemanticGovernanceContractValidationReport {\n const errors: string[] = [];\n const sourceEntries = getTokenOutputContractEntries().filter(\n (entry) => roleFor(entry) !== null,\n );\n const sourceByName = new Map(\n sourceEntries.map((entry) => [entry.name, entry]),\n );\n const factNames = new Set(contract.tokenFacts.map((fact) => fact.token));\n if (\n contract.schemaVersion !== '1.0.0' ||\n contract.semanticGovernanceArtifactVersion !== '1.0.0'\n )\n errors.push('Unsupported contract version.');\n if (\n contract.tokenOutputContract.entryCount !==\n getTokenOutputContractEntries().length\n )\n errors.push('Token Output Contract entry count is stale.');\n if (\n contract.tokenOutputContract.referencedTokenCount !== sourceEntries.length\n )\n errors.push('Referenced token count is stale.');\n if (\n factNames.size !== contract.tokenFacts.length ||\n factNames.size !== sourceEntries.length\n )\n errors.push('Token facts must uniquely cover every non-dimension output.');\n for (const fact of contract.tokenFacts) {\n const source = sourceByName.get(fact.token);\n if (\n !source ||\n source.lifecycle !== fact.lifecycle ||\n roleFor(source) !== fact.role\n )\n errors.push(`Invalid token fact: ${fact.token}`);\n }\n const knownProvenance = new Set(\n contract.provenance.map((record) => record.id),\n );\n const hasValidProvenance = (ids: readonly string[]) =>\n ids.length > 0 && ids.every((id) => knownProvenance.has(id));\n if (\n !contract.provenance.every(\n (record) => record.authorityStatus === 'Accepted',\n )\n )\n errors.push('Provenance must be Accepted.');\n for (const hierarchy of contract.hierarchies)\n if (\n !referencesAreKnown(hierarchy.tokens, factNames) ||\n !hasValidProvenance(hierarchy.provenance)\n )\n errors.push(`Invalid hierarchy: ${hierarchy.id}`);\n for (const pair of contract.pairs)\n if (\n !referencesAreKnown(pair.tokenReferences, factNames) ||\n !hasValidProvenance(pair.provenance)\n )\n errors.push(`Invalid pair: ${pair.id}`);\n for (const concept of contract.uiConcepts) {\n if (\n !concept.requiredRoles.every((item) =>\n referencesAreKnown(item.tokenReferences, factNames),\n ) ||\n !hasValidProvenance(concept.provenance)\n )\n errors.push(`Invalid UI concept: ${concept.id}`);\n }\n const conceptIds = new Set(contract.uiConcepts.map((concept) => concept.id));\n for (const pattern of contract.compositionPatterns) {\n if (\n !pattern.requiredRoles.every((item) =>\n referencesAreKnown(item.tokenReferences, factNames),\n ) ||\n !pattern.relatedUiConcepts.every((id) => conceptIds.has(id)) ||\n !hasValidProvenance(pattern.provenance)\n )\n errors.push(`Invalid composition pattern: ${pattern.id}`);\n }\n if (\n contract.uiConcepts.length !== 7 ||\n contract.compositionPatterns.length !== 4 ||\n contract.antiPatterns.length !== 5\n )\n errors.push('Published governance collection cardinality is invalid.');\n return { valid: errors.length === 0, errors };\n}\n"],"mappings":";;AAwHA,IAAM,aAAa;CACjB;EACE,IAAI;EACJ,mBAAmB;EACnB,kBAAkB;EAClB,iBAAiB;EACjB,mBAAmB;EACpB;CACD;EACE,IAAI;EACJ,mBACE;EACF,kBAAkB;EAClB,iBAAiB;EACjB,mBAAmB;EACpB;CACD;EACE,IAAI;EACJ,mBACE;EACF,kBAAkB;EAClB,iBAAiB;EACjB,mBAAmB;EACpB;CACD;EACE,IAAI;EACJ,mBACE;EACF,kBAAkB;EAClB,iBAAiB;EACjB,mBAAmB;EACpB;CACF;AAED,IAAM,mBAAmB;CACvB;CACA;CACA;CACA;CACD;AACD,IAAM,eAAe;CAAC;CAAU;CAAS;CAAU;CAAW;AAE9D,SAAS,QAAQ,OAAwC;AACvD,QAAO;;AAGT,SAAS,QACP,OAC+B;AAC/B,QAAO,MAAM,UAAU,eAAe,MAAM,UAAU,kBAClD,OACA,MAAM;;AAGZ,SAAS,UACP,MACA,MACsC;AACtC,KAAI,SAAS,SAIX,QAAO,UAHQ,KACZ,QAAQ,cAAc,GAAG,CACzB,QAAQ,oCAAoC,GAAG;AAGpD,KAAI,KAAK,SAAS,YAAY,CAAE,QAAO;AACvC,KAAI,KAAK,SAAS,YAAY,CAAE,QAAO;AACvC,KAAI,KAAK,SAAS,UAAU,CAAE,QAAO;AACrC,MAAK,MAAM,UAAU,iBACnB,KAAI,KAAK,SAAS,IAAI,OAAO,GAAG,CAAE,QAAO;;AAK7C,SAAS,SACP,MACA,MACyB;AACzB,KAAI,SAAS,SAAU,QAAO;AAC9B,QAAO,aAAa,MAAM,UAAU,KAAK,SAAS,IAAI,QAAQ,CAAC;;AAGjE,SAAS,QAAQ,OAAe;CAC9B,IAAI,OAAO;AACX,MAAK,MAAM,aAAa,OAAO;AAC7B,UAAQ,UAAU,WAAW,EAAE;AAC/B,SAAO,KAAK,KAAK,MAAM,SAAW,KAAK;;AAEzC,QAAO,WAAW,KAAK,SAAS,GAAG,CAAC,SAAS,GAAG,IAAI;;AAGtD,SAAS,YACP,MACA,iBACyB;AACzB,QAAO;EAAE;EAAM,iBAAiB,gBAAgB,IAAI,QAAQ;EAAE;;AAGhE,IAAM,mBAAmB,+BAA+B;AACxD,IAAM,oBAAoB,iBAAiB,QACxC,UAAU,QAAQ,MAAM,KAAK,KAC/B;AACD,IAAM,aAAa,kBAAkB,KAClC,UAAuC;CACtC,MAAM,OAAO,QAAQ,MAAM;AAC3B,QAAO;EACL,OAAO,MAAM;EACb;EACA,QAAQ,UAAU,MAAM,MAAM,KAAK;EACnC,OAAO,SAAS,MAAM,MAAM,KAAK;EACjC,WAAW,MAAM;EACjB,YAAY,CAAC,yBAAyB,iCAAiC;EACxE;EAEJ;AAED,IAAM,cAA4C,CAChD;CACE,IAAI;CACJ,MAAM;CACN,QAAQ;EACN;EACA;EACA;EACA;EACD,CAAC,IAAI,QAAQ;CACd,YAAY,CAAC,yBAAyB,iCAAiC;CACxE,EACD;CACE,IAAI;CACJ,MAAM;CACN,QAAQ;EACN;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,IAAI,QAAQ;CACd,YAAY,CAAC,yBAAyB,2BAA2B;CAClE,CACF;AAED,IAAM,QAAiC;CACrC;EACE,IAAI;EACJ,MAAM;EACN,UAAU;EACV,OAAO;GAAC;GAAc;GAAU;GAAU;EAC1C,iBAAiB,iBACd,SAAS,WAAW;GACnB,gBAAgB,OAAO;GACvB,YAAY,OAAO;GACnB,aAAa,OAAO;GACrB,CAAC,CACD,IAAI,QAAQ;EACf,YAAY,CAAC,iCAAiC;EAC/C;CACD;EACE,IAAI;EACJ,MAAM;EACN,OAAO;GAAC;GAAc;GAAU;GAAU;EAC1C,iBAAiB;GACf;GACA;GACA;GACD,CAAC,IAAI,QAAQ;EACd,YAAY,CAAC,iCAAiC;EAC/C;CACD;EACE,IAAI;EACJ,MAAM;EACN,UAAU,CAAC,iBAAiB;EAC5B,OAAO,CAAC,SAAS;EACjB,iBAAiB,aAAa,KAAK,UACjC,QAAQ,oBAAoB,QAAQ,CACrC;EACD,YAAY,CAAC,iCAAiC;EAC/C;CACF;AAED,IAAM,aAAmC;CACvC;EACE,IAAI;EACJ,SAAS;EACT,eAAe,CACb,YAAY,cAAc,CAAC,uBAAuB,CAAC,EACnD,YAAY,WAAW,CAAC,oBAAoB,CAAC,CAC9C;EACD,eAAe,CAAC,YAAY,UAAU,CAAC,mBAAmB,CAAC,CAAC;EAC5D,OAAO;EACP,UAAU,CAAC,kCAAkC;EAC7C,YAAY,CAAC,iCAAiC;EAC/C;CACD;EACE,IAAI;EACJ,SAAS;EACT,eAAe,CACb,YAAY,cAAc,CACxB,gCACA,8BACD,CAAC,EACF,YAAY,WAAW,CAAC,oBAAoB,CAAC,CAC9C;EACD,eAAe,CAAC,YAAY,UAAU,CAAC,0BAA0B,CAAC,CAAC;EACnE,OAAO;EACP,UAAU,CAAC,6CAA6C;EACxD,YAAY,CAAC,4BAA4B,iCAAiC;EAC3E;CACD;EACE,IAAI;EACJ,SAAS;EACT,eAAe;GACb,YAAY,UAAU,CAAC,0BAA0B,CAAC;GAClD,YAAY,WAAW,CAAC,6BAA6B,CAAC;GACtD,YAAY,SAAS,CAAC,eAAe,CAAC;GACvC;EACD,eAAe,CAAC,YAAY,UAAU,CAAC,mBAAmB,CAAC,CAAC;EAC5D,OAAO;EACP,UAAU,CAAC,2CAA2C;EACtD,YAAY,CAAC,iCAAiC;EAC/C;CACD;EACE,IAAI;EACJ,SAAS;EACT,eAAe;GACb,YAAY,cAAc,CAAC,uBAAuB,CAAC;GACnD,YAAY,UAAU,CAAC,0BAA0B,CAAC;GAClD,YAAY,WAAW,CAAC,oBAAoB,CAAC;GAC7C,YAAY,SAAS,CAAC,eAAe,CAAC;GACvC;EACD,eAAe,CAAC,YAAY,UAAU,CAAC,uBAAuB,CAAC,CAAC;EAChE,OAAO;EACP,UAAU,CAAC,sCAAsC;EACjD,YAAY,CAAC,iCAAiC;EAC/C;CACD;EACE,IAAI;EACJ,SAAS;EACT,eAAe;GACb,YAAY,cAAc,CAAC,uBAAuB,CAAC;GACnD,YAAY,UAAU,CAAC,yBAAyB,CAAC;GACjD,YAAY,WAAW,CAAC,oBAAoB,CAAC;GAC7C,YAAY,UAAU,CAAC,uBAAuB,CAAC;GAC/C,YAAY,SAAS,CAAC,eAAe,CAAC;GACvC;EACD,eAAe,EAAE;EACjB,OAAO;EACP,UAAU,CAAC,0CAA0C;EACrD,YAAY,CAAC,iCAAiC;EAC/C;CACD;EACE,IAAI;EACJ,SAAS;EACT,eAAe;GACb,YAAY,cAAc,CAAC,kCAAkC,CAAC;GAC9D,YAAY,UAAU,CAAC,8BAA8B,CAAC;GACtD,YAAY,WAAW,CAAC,gCAAgC,CAAC;GAC1D;EACD,eAAe,EAAE;EACjB,OAAO;EACP,UAAU,CAAC,iDAAiD;EAC5D,YAAY,CAAC,iCAAiC;EAC/C;CACD;EACE,IAAI;EACJ,SAAS;EACT,eAAe,CACb,YAAY,cAAc,CAAC,wBAAwB,CAAC,EACpD,YAAY,WAAW,CAAC,6BAA6B,CAAC,CACvD;EACD,eAAe,CAAC,YAAY,UAAU,CAAC,2BAA2B,CAAC,CAAC;EACpE,OAAO;EACP,UAAU,CAAC,6BAA6B;EACxC,YAAY,CAAC,iCAAiC;EAC/C;CACF;AAED,IAAM,sBAAqD;CACzD;EACE,IAAI;EACJ,OAAO;EACP,eAAe,WAAW,GAAG;EAC7B,eAAe,WAAW,GAAG;EAC7B,eAAe;EACf,mBAAmB,CAAC,6BAA6B;EACjD,wBAAwB,CAAC,iCAAiC;EAC1D,UAAU,CAAC,yCAAyC;EACpD,YAAY,CAAC,iCAAiC;EAC/C;CACD;EACE,IAAI;EACJ,OAAO;EACP,eAAe,WAAW,GAAG;EAC7B,eAAe,WAAW,GAAG;EAC7B,eAAe,EAAE;EACjB,mBAAmB,CAAC,wBAAwB;EAC5C,wBAAwB,CAAC,iCAAiC;EAC1D,UAAU,CAAC,2CAA2C;EACtD,YAAY,CAAC,iCAAiC;EAC/C;CACD;EACE,IAAI;EACJ,OAAO;EACP,eAAe,WAAW,GAAG;EAC7B,eAAe,WAAW,GAAG;EAC7B,eAAe;GAAC;GAAS;GAAU;GAAW;EAC9C,mBAAmB,CAAC,2BAA2B;EAC/C,wBAAwB,CAAC,iCAAiC;EAC1D,UAAU,CAAC,iCAAiC;EAC5C,YAAY,CAAC,iCAAiC;EAC/C;CACD;EACE,IAAI;EACJ,OAAO;EACP,eAAe,WAAW,GAAG;EAC7B,eAAe,WAAW,GAAG;EAC7B,eAAe,EAAE;EACjB,mBAAmB,CAAC,mBAAmB;EACvC,wBAAwB,CAAC,iCAAiC;EAC1D,UAAU,CAAC,mCAAmC;EAC9C,YAAY,CAAC,iCAAiC;EAC/C;CACF;AAmCD,IAAa,6BAAyD;CACpE,eAAe;CACf,mCAAmC;CACnC,sBAAsB;EACpB,uBAAuB;EACvB,gCAAgC;EACjC;CACD,qBAAqB;EACnB,YAAY,iBAAiB;EAC7B,wBAAwB,QACtB,kBACG,KAAK,UAAU,GAAG,MAAM,KAAK,GAAG,MAAM,YAAY,CAClD,MAAM,CACN,KAAK,KAAK,CACd;EACD,sBAAsB,kBAAkB;EACzC;CACD;CACA;CACA;CACA;CACA;CACA;CACA,cAxDwD;EACxD;GACE,IAAI;GACJ,SAAS;GACT,OAAO;GACP,YAAY,CAAC,iCAAiC;GAC/C;EACD;GACE,IAAI;GACJ,SAAS;GACT,OAAO;GACP,YAAY,CAAC,iCAAiC;GAC/C;EACD;GACE,IAAI;GACJ,SAAS;GACT,OAAO;GACP,YAAY,CAAC,iCAAiC;GAC/C;EACD;GACE,IAAI;GACJ,SAAS;GACT,OAAO;GACP,YAAY,CAAC,4BAA4B,iCAAiC;GAC3E;EACD;GACE,IAAI;GACJ,SAAS;GACT,OAAO;GACP,YAAY,CAAC,yBAAyB,iCAAiC;GACxE;EACF;CA0BA"}
|
package/dist/theme/index.d.ts
CHANGED
|
@@ -1,6 +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 { aldNeutralSourceDataAttribute, aldNeutralSources, applyAldNeutralSource, isAldNeutralSource, } from './runtime/neutralSource.js';
|
|
5
|
+
export type { NeutralSourceId } from './runtime/neutralSource.js';
|
|
4
6
|
export { aldColorValueModeDataAttribute, aldColorValueModeStyleElementId, applyAldColorValueMode, buildAldColorValueModeCss, createAldColorValueModeVars, } from './runtime/colorValueMode.js';
|
|
5
7
|
export { aldColorValueModes, getAldColorValueModeDefinition, getAldColorValueModeDefinitions, } from './runtime/colorValueMode/registry.js';
|
|
6
8
|
export type { AldColorValueMode, AldColorValueModeDefinition, AldColorValueModeLifecycle, } from './runtime/colorValueMode/registry.js';
|
package/dist/theme/index.js
CHANGED
|
@@ -2,6 +2,7 @@ import "./runtime/defaultTheme.js";
|
|
|
2
2
|
import "./runtime/createTheme.js";
|
|
3
3
|
import "./runtime/themeToCssVars.js";
|
|
4
4
|
import "./runtime/initAldTheme.js";
|
|
5
|
+
import "./runtime/neutralSource/index.js";
|
|
5
6
|
import "./runtime/colorValueMode/registry.js";
|
|
6
7
|
import "./runtime/colorValueMode/index.js";
|
|
7
8
|
import "./governance/migrationMappingRegistry.js";
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
//#region src/theme/neutralSourceContract.ts
|
|
2
|
+
var neutralSourceIds = [
|
|
3
|
+
"neutral",
|
|
4
|
+
"slate",
|
|
5
|
+
"stone"
|
|
6
|
+
];
|
|
7
|
+
var DEFAULT_NEUTRAL_SOURCE = "neutral";
|
|
8
|
+
//#endregion
|
|
9
|
+
export { DEFAULT_NEUTRAL_SOURCE, neutralSourceIds };
|
|
10
|
+
|
|
11
|
+
//# sourceMappingURL=neutralSourceContract.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"neutralSourceContract.js","names":[],"sources":["../../src/theme/neutralSourceContract.ts"],"sourcesContent":["export const neutralSourceIds = ['neutral', 'slate', 'stone'] as const;\n\nexport type NeutralSourceId = (typeof neutralSourceIds)[number];\n\nexport const DEFAULT_NEUTRAL_SOURCE = 'neutral' as const;\n"],"mappings":";AAAA,IAAa,mBAAmB;CAAC;CAAW;CAAS;CAAQ;AAI7D,IAAa,yBAAyB"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { AldThemeCssVars } from '../../types';
|
|
2
2
|
export declare const aldDarkBaselineDeclarations: AldThemeCssVars;
|
|
3
|
-
export declare const aldDarkBaselineDeclarationsFingerprint = "fnv1a-
|
|
3
|
+
export declare const aldDarkBaselineDeclarationsFingerprint = "fnv1a-757ec517";
|
|
@@ -8,14 +8,14 @@ var aldDarkBaselineDeclarations = Object.freeze({
|
|
|
8
8
|
"--action-primary-subtle-hover": "var(--semantic-brand-800)",
|
|
9
9
|
"--action-primary-subtle-active": "var(--semantic-brand-700)",
|
|
10
10
|
"--action-primary-subtle-selected": "var(--semantic-brand-900)",
|
|
11
|
-
"--action-neutral-normal": "
|
|
12
|
-
"--action-neutral-hover": "
|
|
13
|
-
"--action-neutral-active": "
|
|
14
|
-
"--action-neutral-selected": "
|
|
15
|
-
"--action-neutral-subtle-normal": "
|
|
16
|
-
"--action-neutral-subtle-hover": "
|
|
17
|
-
"--action-neutral-subtle-active": "
|
|
18
|
-
"--action-neutral-subtle-selected": "
|
|
11
|
+
"--action-neutral-normal": "#262626",
|
|
12
|
+
"--action-neutral-hover": "#404040",
|
|
13
|
+
"--action-neutral-active": "#525252",
|
|
14
|
+
"--action-neutral-selected": "#262626",
|
|
15
|
+
"--action-neutral-subtle-normal": "#171717",
|
|
16
|
+
"--action-neutral-subtle-hover": "#262626",
|
|
17
|
+
"--action-neutral-subtle-active": "#404040",
|
|
18
|
+
"--action-neutral-subtle-selected": "#262626",
|
|
19
19
|
"--action-destructive-normal": "var(--semantic-negative-500)",
|
|
20
20
|
"--action-destructive-hover": "var(--semantic-negative-400)",
|
|
21
21
|
"--action-destructive-active": "var(--semantic-negative-600)",
|
|
@@ -24,58 +24,59 @@ var aldDarkBaselineDeclarations = Object.freeze({
|
|
|
24
24
|
"--action-destructive-subtle-hover": "var(--semantic-negative-800)",
|
|
25
25
|
"--action-destructive-subtle-active": "var(--semantic-negative-700)",
|
|
26
26
|
"--action-destructive-subtle-selected": "var(--semantic-negative-900)",
|
|
27
|
-
"--action-ghost-normal": "
|
|
28
|
-
"--action-ghost-hover": "
|
|
29
|
-
"--action-ghost-active": "
|
|
30
|
-
"--action-ghost-selected": "
|
|
31
|
-
"--action-ghost-inverted-hover": "
|
|
32
|
-
"--action-ghost-inverted-active": "
|
|
33
|
-
"--action-ghost-inverted-selected": "
|
|
27
|
+
"--action-ghost-normal": "transparent",
|
|
28
|
+
"--action-ghost-hover": "rgba(255 255 255 / 0.05)",
|
|
29
|
+
"--action-ghost-active": "rgba(255 255 255 / 0.10)",
|
|
30
|
+
"--action-ghost-selected": "rgba(255 255 255 / 0.05)",
|
|
31
|
+
"--action-ghost-inverted-hover": "rgba(0 0 0 / 0.10)",
|
|
32
|
+
"--action-ghost-inverted-active": "rgba(0 0 0 / 0.15)",
|
|
33
|
+
"--action-ghost-inverted-selected": "rgba(0 0 0 / 0.10)",
|
|
34
34
|
"--action-ghost-destructive-hover": "var(--semantic-negative-900)",
|
|
35
35
|
"--action-ghost-destructive-active": "var(--semantic-negative-800)",
|
|
36
36
|
"--action-ghost-destructive-selected": "var(--semantic-negative-900)",
|
|
37
|
-
"--action-inverted-normal": "
|
|
38
|
-
"--action-inverted-hover": "
|
|
39
|
-
"--action-inverted-active": "
|
|
40
|
-
"--action-inverted-selected": "
|
|
41
|
-
"--background-default": "
|
|
42
|
-
"--background-inverted": "
|
|
37
|
+
"--action-inverted-normal": "#FAFAFA",
|
|
38
|
+
"--action-inverted-hover": "#F5F5F5",
|
|
39
|
+
"--action-inverted-active": "#E5E5E5",
|
|
40
|
+
"--action-inverted-selected": "#F5F5F5",
|
|
41
|
+
"--background-default": "#0A0A0A",
|
|
42
|
+
"--background-inverted": "#FAFAFA",
|
|
43
|
+
"--background-mask": "rgba(0 0 0 / 0.45)",
|
|
43
44
|
"--background-brand-muted": "var(--semantic-brand-900)",
|
|
44
45
|
"--background-brand-on-subtle": "var(--semantic-brand-800)",
|
|
45
46
|
"--background-brand-strong": "var(--semantic-brand-500)",
|
|
46
|
-
"--background-neutral-hard": "
|
|
47
|
-
"--background-neutral-muted": "
|
|
48
|
-
"--background-neutral-on-subtle": "
|
|
49
|
-
"--background-neutral-strong": "
|
|
50
|
-
"--background-neutral-subtle": "
|
|
51
|
-
"--background-neutral-surface": "
|
|
47
|
+
"--background-neutral-hard": "#404040",
|
|
48
|
+
"--background-neutral-muted": "#262626",
|
|
49
|
+
"--background-neutral-on-subtle": "#262626",
|
|
50
|
+
"--background-neutral-strong": "#404040",
|
|
51
|
+
"--background-neutral-subtle": "#171717",
|
|
52
|
+
"--background-neutral-surface": "#171717",
|
|
52
53
|
"--background-informative-muted": "var(--semantic-informative-900)",
|
|
53
54
|
"--background-informative-on-subtle": "var(--semantic-informative-800)",
|
|
54
55
|
"--background-informative-strong": "var(--semantic-informative-500)",
|
|
55
56
|
"--background-informative-subtle": "var(--semantic-informative-900)",
|
|
56
|
-
"--background-informative-surface": "
|
|
57
|
+
"--background-informative-surface": "#0A0A0A",
|
|
57
58
|
"--background-positive-muted": "var(--semantic-positive-900)",
|
|
58
59
|
"--background-positive-on-subtle": "var(--semantic-positive-800)",
|
|
59
60
|
"--background-positive-strong": "var(--semantic-positive-500)",
|
|
60
61
|
"--background-positive-subtle": "var(--semantic-positive-900)",
|
|
61
|
-
"--background-positive-surface": "
|
|
62
|
+
"--background-positive-surface": "#0A0A0A",
|
|
62
63
|
"--background-warning-muted": "var(--semantic-warning-900)",
|
|
63
64
|
"--background-warning-on-subtle": "var(--semantic-warning-800)",
|
|
64
65
|
"--background-warning-strong": "var(--semantic-warning-500)",
|
|
65
66
|
"--background-warning-subtle": "var(--semantic-warning-900)",
|
|
66
|
-
"--background-warning-surface": "
|
|
67
|
+
"--background-warning-surface": "#0A0A0A",
|
|
67
68
|
"--background-negative-muted": "var(--semantic-negative-900)",
|
|
68
69
|
"--background-negative-on-subtle": "var(--semantic-negative-800)",
|
|
69
70
|
"--background-negative-strong": "var(--semantic-negative-500)",
|
|
70
71
|
"--background-negative-subtle": "var(--semantic-negative-900)",
|
|
71
|
-
"--background-negative-surface": "
|
|
72
|
-
"--border-default": "
|
|
73
|
-
"--border-default-alpha": "
|
|
74
|
-
"--border-inverted": "
|
|
72
|
+
"--background-negative-surface": "#0A0A0A",
|
|
73
|
+
"--border-default": "#404040",
|
|
74
|
+
"--border-default-alpha": "rgba(255 255 255 / 0.10)",
|
|
75
|
+
"--border-inverted": "#171717",
|
|
75
76
|
"--border-brand-strong": "var(--semantic-brand-500)",
|
|
76
77
|
"--border-brand-subtle": "var(--semantic-brand-700)",
|
|
77
|
-
"--border-neutral-strong": "
|
|
78
|
-
"--border-neutral-subtle": "
|
|
78
|
+
"--border-neutral-strong": "#525252",
|
|
79
|
+
"--border-neutral-subtle": "#262626",
|
|
79
80
|
"--border-informative-strong": "var(--semantic-informative-500)",
|
|
80
81
|
"--border-informative-subtle": "var(--semantic-informative-700)",
|
|
81
82
|
"--border-positive-strong": "var(--semantic-positive-500)",
|
|
@@ -85,18 +86,18 @@ var aldDarkBaselineDeclarations = Object.freeze({
|
|
|
85
86
|
"--border-negative-strong": "var(--semantic-negative-500)",
|
|
86
87
|
"--border-negative-subtle": "var(--semantic-negative-700)",
|
|
87
88
|
"--control-state-selected": "var(--semantic-brand-500)",
|
|
88
|
-
"--control-state-unselected": "
|
|
89
|
+
"--control-state-unselected": "#737373",
|
|
89
90
|
"--focus-ring": "var(--semantic-brand-500)",
|
|
90
|
-
"--content-primary": "
|
|
91
|
-
"--content-secondary": "
|
|
92
|
-
"--content-tertiary": "
|
|
93
|
-
"--content-disabled": "
|
|
91
|
+
"--content-primary": "#FAFAFA",
|
|
92
|
+
"--content-secondary": "#E5E5E5",
|
|
93
|
+
"--content-tertiary": "#A3A3A3",
|
|
94
|
+
"--content-disabled": "#525252",
|
|
94
95
|
"--content-brand-primary": "var(--semantic-brand-400)",
|
|
95
96
|
"--content-brand-secondary": "var(--semantic-brand-500)",
|
|
96
|
-
"--content-inverted-primary": "
|
|
97
|
-
"--content-inverted-secondary": "
|
|
98
|
-
"--content-inverted-tertiary": "
|
|
99
|
-
"--content-inverted-disabled": "
|
|
97
|
+
"--content-inverted-primary": "#171717",
|
|
98
|
+
"--content-inverted-secondary": "#525252",
|
|
99
|
+
"--content-inverted-tertiary": "#737373",
|
|
100
|
+
"--content-inverted-disabled": "#A3A3A3",
|
|
100
101
|
"--content-informative-primary": "var(--semantic-informative-300)",
|
|
101
102
|
"--content-informative-secondary": "var(--semantic-informative-400)",
|
|
102
103
|
"--content-positive-primary": "var(--semantic-positive-300)",
|
|
@@ -1 +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-
|
|
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-757ec517. */\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': '#262626',\n '--action-neutral-hover': '#404040',\n '--action-neutral-active': '#525252',\n '--action-neutral-selected': '#262626',\n '--action-neutral-subtle-normal': '#171717',\n '--action-neutral-subtle-hover': '#262626',\n '--action-neutral-subtle-active': '#404040',\n '--action-neutral-subtle-selected': '#262626',\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': 'transparent',\n '--action-ghost-hover': 'rgba(255 255 255 / 0.05)',\n '--action-ghost-active': 'rgba(255 255 255 / 0.10)',\n '--action-ghost-selected': 'rgba(255 255 255 / 0.05)',\n '--action-ghost-inverted-hover': 'rgba(0 0 0 / 0.10)',\n '--action-ghost-inverted-active': 'rgba(0 0 0 / 0.15)',\n '--action-ghost-inverted-selected': 'rgba(0 0 0 / 0.10)',\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': '#FAFAFA',\n '--action-inverted-hover': '#F5F5F5',\n '--action-inverted-active': '#E5E5E5',\n '--action-inverted-selected': '#F5F5F5',\n '--background-default': '#0A0A0A',\n '--background-inverted': '#FAFAFA',\n '--background-mask': 'rgba(0 0 0 / 0.45)',\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': '#404040',\n '--background-neutral-muted': '#262626',\n '--background-neutral-on-subtle': '#262626',\n '--background-neutral-strong': '#404040',\n '--background-neutral-subtle': '#171717',\n '--background-neutral-surface': '#171717',\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': '#0A0A0A',\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': '#0A0A0A',\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': '#0A0A0A',\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': '#0A0A0A',\n '--border-default': '#404040',\n '--border-default-alpha': 'rgba(255 255 255 / 0.10)',\n '--border-inverted': '#171717',\n '--border-brand-strong': 'var(--semantic-brand-500)',\n '--border-brand-subtle': 'var(--semantic-brand-700)',\n '--border-neutral-strong': '#525252',\n '--border-neutral-subtle': '#262626',\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 '--control-state-selected': 'var(--semantic-brand-500)',\n '--control-state-unselected': '#737373',\n '--focus-ring': 'var(--semantic-brand-500)',\n '--content-primary': '#FAFAFA',\n '--content-secondary': '#E5E5E5',\n '--content-tertiary': '#A3A3A3',\n '--content-disabled': '#525252',\n '--content-brand-primary': 'var(--semantic-brand-400)',\n '--content-brand-secondary': 'var(--semantic-brand-500)',\n '--content-inverted-primary': '#171717',\n '--content-inverted-secondary': '#525252',\n '--content-inverted-tertiary': '#737373',\n '--content-inverted-disabled': '#A3A3A3',\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-757ec517';\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,qBAAqB;CACrB,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,4BAA4B;CAC5B,8BAA8B;CAC9B,gBAAgB;CAChB,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"}
|
|
@@ -8,14 +8,14 @@ var aldV3BaselineDeclarations = Object.freeze({
|
|
|
8
8
|
"--action-primary-subtle-hover": "var(--semantic-brand-100)",
|
|
9
9
|
"--action-primary-subtle-active": "var(--semantic-brand-300)",
|
|
10
10
|
"--action-primary-subtle-selected": "var(--semantic-brand-100)",
|
|
11
|
-
"--action-neutral-normal": "
|
|
12
|
-
"--action-neutral-hover": "
|
|
13
|
-
"--action-neutral-active": "
|
|
14
|
-
"--action-neutral-selected": "
|
|
15
|
-
"--action-neutral-subtle-normal": "
|
|
16
|
-
"--action-neutral-subtle-hover": "
|
|
17
|
-
"--action-neutral-subtle-active": "
|
|
18
|
-
"--action-neutral-subtle-selected": "
|
|
11
|
+
"--action-neutral-normal": "#404040",
|
|
12
|
+
"--action-neutral-hover": "#262626",
|
|
13
|
+
"--action-neutral-active": "#171717",
|
|
14
|
+
"--action-neutral-selected": "#262626",
|
|
15
|
+
"--action-neutral-subtle-normal": "#FAFAFA",
|
|
16
|
+
"--action-neutral-subtle-hover": "#F5F5F5",
|
|
17
|
+
"--action-neutral-subtle-active": "#D4D4D4",
|
|
18
|
+
"--action-neutral-subtle-selected": "#F5F5F5",
|
|
19
19
|
"--action-destructive-normal": "var(--semantic-negative-600)",
|
|
20
20
|
"--action-destructive-hover": "var(--semantic-negative-800)",
|
|
21
21
|
"--action-destructive-active": "var(--semantic-negative-900)",
|
|
@@ -24,31 +24,32 @@ var aldV3BaselineDeclarations = Object.freeze({
|
|
|
24
24
|
"--action-destructive-subtle-hover": "var(--semantic-negative-100)",
|
|
25
25
|
"--action-destructive-subtle-active": "var(--semantic-negative-300)",
|
|
26
26
|
"--action-destructive-subtle-selected": "var(--semantic-negative-100)",
|
|
27
|
-
"--action-ghost-normal": "
|
|
28
|
-
"--action-ghost-hover": "
|
|
29
|
-
"--action-ghost-active": "
|
|
30
|
-
"--action-ghost-selected": "
|
|
31
|
-
"--action-ghost-inverted-hover": "
|
|
32
|
-
"--action-ghost-inverted-active": "
|
|
33
|
-
"--action-ghost-inverted-selected": "
|
|
27
|
+
"--action-ghost-normal": "transparent",
|
|
28
|
+
"--action-ghost-hover": "rgba(0 0 0 / 0.05)",
|
|
29
|
+
"--action-ghost-active": "rgba(0 0 0 / 0.10)",
|
|
30
|
+
"--action-ghost-selected": "rgba(0 0 0 / 0.05)",
|
|
31
|
+
"--action-ghost-inverted-hover": "rgba(255 255 255 / 0.10)",
|
|
32
|
+
"--action-ghost-inverted-active": "rgba(255 255 255 / 0.15)",
|
|
33
|
+
"--action-ghost-inverted-selected": "rgba(255 255 255 / 0.10)",
|
|
34
34
|
"--action-ghost-destructive-hover": "var(--semantic-negative-50)",
|
|
35
35
|
"--action-ghost-destructive-active": "var(--semantic-negative-100)",
|
|
36
36
|
"--action-ghost-destructive-selected": "var(--semantic-negative-50)",
|
|
37
|
-
"--action-inverted-normal": "
|
|
38
|
-
"--action-inverted-hover": "
|
|
39
|
-
"--action-inverted-active": "
|
|
40
|
-
"--action-inverted-selected": "
|
|
41
|
-
"--background-default": "
|
|
42
|
-
"--background-inverted": "
|
|
37
|
+
"--action-inverted-normal": "#FFFFFF",
|
|
38
|
+
"--action-inverted-hover": "rgba(255 255 255 / 0.80)",
|
|
39
|
+
"--action-inverted-active": "rgba(255 255 255 / 0.70)",
|
|
40
|
+
"--action-inverted-selected": "rgba(255 255 255 / 0.80)",
|
|
41
|
+
"--background-default": "#FFFFFF",
|
|
42
|
+
"--background-inverted": "#171717",
|
|
43
|
+
"--background-mask": "rgba(0 0 0 / 0.45)",
|
|
43
44
|
"--background-brand-muted": "var(--semantic-brand-200)",
|
|
44
45
|
"--background-brand-on-subtle": "var(--semantic-brand-100)",
|
|
45
46
|
"--background-brand-strong": "var(--semantic-brand-600)",
|
|
46
|
-
"--background-neutral-hard": "
|
|
47
|
-
"--background-neutral-muted": "
|
|
48
|
-
"--background-neutral-on-subtle": "
|
|
49
|
-
"--background-neutral-strong": "
|
|
50
|
-
"--background-neutral-subtle": "
|
|
51
|
-
"--background-neutral-surface": "
|
|
47
|
+
"--background-neutral-hard": "#262626",
|
|
48
|
+
"--background-neutral-muted": "#D4D4D4",
|
|
49
|
+
"--background-neutral-on-subtle": "#E5E5E5",
|
|
50
|
+
"--background-neutral-strong": "#525252",
|
|
51
|
+
"--background-neutral-subtle": "#F5F5F5",
|
|
52
|
+
"--background-neutral-surface": "#FAFAFA",
|
|
52
53
|
"--background-informative-muted": "var(--semantic-informative-200)",
|
|
53
54
|
"--background-informative-on-subtle": "var(--semantic-informative-100)",
|
|
54
55
|
"--background-informative-strong": "var(--semantic-informative-600)",
|
|
@@ -69,13 +70,13 @@ var aldV3BaselineDeclarations = Object.freeze({
|
|
|
69
70
|
"--background-negative-strong": "var(--semantic-negative-600)",
|
|
70
71
|
"--background-negative-subtle": "var(--semantic-negative-25)",
|
|
71
72
|
"--background-negative-surface": "var(--semantic-negative-0)",
|
|
72
|
-
"--border-default": "
|
|
73
|
-
"--border-default-alpha": "
|
|
74
|
-
"--border-inverted": "
|
|
73
|
+
"--border-default": "#D4D4D4",
|
|
74
|
+
"--border-default-alpha": "rgba(0 0 0 / 0.10)",
|
|
75
|
+
"--border-inverted": "#FFFFFF",
|
|
75
76
|
"--border-brand-strong": "var(--semantic-brand-600)",
|
|
76
77
|
"--border-brand-subtle": "var(--semantic-brand-300)",
|
|
77
|
-
"--border-neutral-strong": "
|
|
78
|
-
"--border-neutral-subtle": "
|
|
78
|
+
"--border-neutral-strong": "#525252",
|
|
79
|
+
"--border-neutral-subtle": "#E5E5E5",
|
|
79
80
|
"--border-informative-strong": "var(--semantic-informative-600)",
|
|
80
81
|
"--border-informative-subtle": "var(--semantic-informative-300)",
|
|
81
82
|
"--border-positive-strong": "var(--semantic-positive-600)",
|
|
@@ -85,18 +86,18 @@ var aldV3BaselineDeclarations = Object.freeze({
|
|
|
85
86
|
"--border-negative-strong": "var(--semantic-negative-600)",
|
|
86
87
|
"--border-negative-subtle": "var(--semantic-negative-300)",
|
|
87
88
|
"--control-state-selected": "var(--semantic-brand-600)",
|
|
88
|
-
"--control-state-unselected": "
|
|
89
|
+
"--control-state-unselected": "#737373",
|
|
89
90
|
"--focus-ring": "var(--semantic-brand-600)",
|
|
90
|
-
"--content-primary": "
|
|
91
|
-
"--content-secondary": "
|
|
92
|
-
"--content-tertiary": "
|
|
93
|
-
"--content-disabled": "
|
|
91
|
+
"--content-primary": "#171717",
|
|
92
|
+
"--content-secondary": "#525252",
|
|
93
|
+
"--content-tertiary": "#737373",
|
|
94
|
+
"--content-disabled": "#A3A3A3",
|
|
94
95
|
"--content-brand-primary": "var(--semantic-brand-900)",
|
|
95
96
|
"--content-brand-secondary": "var(--semantic-brand-600)",
|
|
96
|
-
"--content-inverted-primary": "
|
|
97
|
-
"--content-inverted-secondary": "
|
|
98
|
-
"--content-inverted-tertiary": "
|
|
99
|
-
"--content-inverted-disabled": "
|
|
97
|
+
"--content-inverted-primary": "#FFFFFF",
|
|
98
|
+
"--content-inverted-secondary": "rgba(255 255 255 / 0.60)",
|
|
99
|
+
"--content-inverted-tertiary": "rgba(255 255 255 / 0.40)",
|
|
100
|
+
"--content-inverted-disabled": "rgba(255 255 255 / 0.20)",
|
|
100
101
|
"--content-informative-primary": "var(--semantic-informative-900)",
|
|
101
102
|
"--content-informative-secondary": "var(--semantic-informative-600)",
|
|
102
103
|
"--content-positive-primary": "var(--semantic-positive-900)",
|
|
@@ -1 +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-
|
|
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-db3dba38. */\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': '#404040',\n '--action-neutral-hover': '#262626',\n '--action-neutral-active': '#171717',\n '--action-neutral-selected': '#262626',\n '--action-neutral-subtle-normal': '#FAFAFA',\n '--action-neutral-subtle-hover': '#F5F5F5',\n '--action-neutral-subtle-active': '#D4D4D4',\n '--action-neutral-subtle-selected': '#F5F5F5',\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': 'transparent',\n '--action-ghost-hover': 'rgba(0 0 0 / 0.05)',\n '--action-ghost-active': 'rgba(0 0 0 / 0.10)',\n '--action-ghost-selected': 'rgba(0 0 0 / 0.05)',\n '--action-ghost-inverted-hover': 'rgba(255 255 255 / 0.10)',\n '--action-ghost-inverted-active': 'rgba(255 255 255 / 0.15)',\n '--action-ghost-inverted-selected': 'rgba(255 255 255 / 0.10)',\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': '#FFFFFF',\n '--action-inverted-hover': 'rgba(255 255 255 / 0.80)',\n '--action-inverted-active': 'rgba(255 255 255 / 0.70)',\n '--action-inverted-selected': 'rgba(255 255 255 / 0.80)',\n '--background-default': '#FFFFFF',\n '--background-inverted': '#171717',\n '--background-mask': 'rgba(0 0 0 / 0.45)',\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': '#262626',\n '--background-neutral-muted': '#D4D4D4',\n '--background-neutral-on-subtle': '#E5E5E5',\n '--background-neutral-strong': '#525252',\n '--background-neutral-subtle': '#F5F5F5',\n '--background-neutral-surface': '#FAFAFA',\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': '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': '#D4D4D4',\n '--border-default-alpha': 'rgba(0 0 0 / 0.10)',\n '--border-inverted': '#FFFFFF',\n '--border-brand-strong': 'var(--semantic-brand-600)',\n '--border-brand-subtle': 'var(--semantic-brand-300)',\n '--border-neutral-strong': '#525252',\n '--border-neutral-subtle': '#E5E5E5',\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 '--control-state-selected': 'var(--semantic-brand-600)',\n '--control-state-unselected': '#737373',\n '--focus-ring': 'var(--semantic-brand-600)',\n '--content-primary': '#171717',\n '--content-secondary': '#525252',\n '--content-tertiary': '#737373',\n '--content-disabled': '#A3A3A3',\n '--content-brand-primary': 'var(--semantic-brand-900)',\n '--content-brand-secondary': 'var(--semantic-brand-600)',\n '--content-inverted-primary': '#FFFFFF',\n '--content-inverted-secondary': 'rgba(255 255 255 / 0.60)',\n '--content-inverted-tertiary': 'rgba(255 255 255 / 0.40)',\n '--content-inverted-disabled': 'rgba(255 255 255 / 0.20)',\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-db3dba38';\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,qBAAqB;CACrB,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,4BAA4B;CAC5B,8BAA8B;CAC9B,gBAAgB;CAChB,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"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { themeStyleElementId } from "../tokenMap.js";
|
|
2
1
|
import { getAldColorValueModeDefinition, isAldColorValueMode } from "./registry.js";
|
|
3
2
|
//#region src/theme/runtime/colorValueMode/index.ts
|
|
4
3
|
var aldColorValueModeStyleElementId = "ald-color-value-mode-runtime";
|
|
@@ -15,16 +14,7 @@ function buildAldColorValueModeCss(mode) {
|
|
|
15
14
|
function removeAldColorValueModeLayer() {
|
|
16
15
|
document.getElementById(aldColorValueModeStyleElementId)?.remove();
|
|
17
16
|
}
|
|
18
|
-
function placeColorValueModeLayer(style
|
|
19
|
-
const tenantThemeStyle = document.getElementById(themeStyleElementId);
|
|
20
|
-
if (mode === "dark") {
|
|
21
|
-
document.head.appendChild(style);
|
|
22
|
-
return;
|
|
23
|
-
}
|
|
24
|
-
if (tenantThemeStyle) {
|
|
25
|
-
document.head.insertBefore(style, tenantThemeStyle);
|
|
26
|
-
return;
|
|
27
|
-
}
|
|
17
|
+
function placeColorValueModeLayer(style) {
|
|
28
18
|
document.head.appendChild(style);
|
|
29
19
|
}
|
|
30
20
|
function injectAldColorValueModeLayer(mode) {
|
|
@@ -38,7 +28,7 @@ function injectAldColorValueModeLayer(mode) {
|
|
|
38
28
|
style = document.createElement("style");
|
|
39
29
|
style.id = aldColorValueModeStyleElementId;
|
|
40
30
|
}
|
|
41
|
-
placeColorValueModeLayer(style
|
|
31
|
+
placeColorValueModeLayer(style);
|
|
42
32
|
style.setAttribute(aldColorValueModeDataAttribute, mode);
|
|
43
33
|
if (style.textContent !== cssText) style.textContent = cssText;
|
|
44
34
|
}
|
|
@@ -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 type AldColorValueModeDefinition,\n} from './registry';\
|
|
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';\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(style: HTMLStyleElement) {\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);\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,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,yBAAyB,OAAyB;AACzD,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,MAAM;AAC/B,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"}
|