@aloudata/aloudata-design 3.1.0 → 3.1.1
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 +91 -78
- 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 +1 -0
- package/dist/MemberPicker/components/MemberSelection.js +83 -94
- 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 +1 -0
- package/dist/MemberPicker/components/Panel.js +4 -1
- package/dist/MemberPicker/components/Panel.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 +2 -1
- package/dist/MemberPicker/components/UserGroupSelection.js +61 -48
- 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/theme/contract/baselineResolvedTokenValueManifest.d.ts +1 -1
- package/dist/theme/contract/darkResolvedTokenValueManifest.d.ts +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 +27 -0
- package/dist/theme/generator/neutralSourceValues.js +2 -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 +45 -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 +41 -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 +1 -1
|
@@ -16,7 +16,7 @@ export interface BaselineResolvedTokenValueManifestValidationResult {
|
|
|
16
16
|
errors: string[];
|
|
17
17
|
fingerprint: string;
|
|
18
18
|
}
|
|
19
|
-
export declare const baselineResolvedTokenValueManifestVersion: "baseline-resolved-token-values-
|
|
19
|
+
export declare const baselineResolvedTokenValueManifestVersion: "baseline-resolved-token-values-v2";
|
|
20
20
|
export declare const baselineResolvedTokenValueManifest: readonly BaselineResolvedTokenValueManifestRecord[];
|
|
21
21
|
export declare const baselineResolvedTokenValueManifestFingerprint: string;
|
|
22
22
|
export declare function validateBaselineResolvedTokenValueManifest(): BaselineResolvedTokenValueManifestValidationResult;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { BaselineResolvedTokenValueManifestRecord, BaselineResolvedTokenValueManifestValidationResult } from './baselineResolvedTokenValueManifest.js';
|
|
2
|
-
export declare const darkResolvedTokenValueManifestVersion: "dark-resolved-token-values-
|
|
2
|
+
export declare const darkResolvedTokenValueManifestVersion: "dark-resolved-token-values-v2";
|
|
3
3
|
export declare const darkResolvedTokenValueManifest: readonly BaselineResolvedTokenValueManifestRecord[];
|
|
4
4
|
export declare const darkResolvedTokenValueManifestFingerprint: string;
|
|
5
5
|
export declare function validateDarkResolvedTokenValueManifest(): BaselineResolvedTokenValueManifestValidationResult;
|
|
@@ -46,6 +46,7 @@ export interface AcceptedPaletteValueRecord extends AcceptedColorValueBaseRecord
|
|
|
46
46
|
format: AcceptedColorValueFormat;
|
|
47
47
|
scale: string;
|
|
48
48
|
role?: string;
|
|
49
|
+
source?: 'neutral' | 'slate' | 'stone';
|
|
49
50
|
}
|
|
50
51
|
export interface AcceptedSemanticRoleRecord extends AcceptedColorValueBaseRecord {
|
|
51
52
|
type: 'semantic-role';
|
|
@@ -70,7 +71,7 @@ export interface AcceptedBrandSeedRecord extends AcceptedColorValueBaseRecord {
|
|
|
70
71
|
overridePolicy: AcceptedBrandSeedOverridePolicy;
|
|
71
72
|
}
|
|
72
73
|
export type AcceptedColorValueRecord = AcceptedPaletteValueRecord | AcceptedSemanticRoleRecord | AcceptedThemeMappingRecord | AcceptedBrandSeedRecord;
|
|
73
|
-
export type AcceptedColorValueSourceValidationIssueCode = 'invalid-record' | 'duplicate-id' | 'duplicate-name-in-family' | 'missing-required-field' | 'invalid-family' | 'invalid-record-type' | 'invalid-lifecycle' | 'invalid-color-format' | 'invalid-theme' | 'invalid-semantic-domain' | 'invalid-provenance-decision-status' | 'invalid-provenance-derivation' | 'invalid-resolution-mode' | 'invalid-override-policy' | 'invalid-record-family' | 'forbidden-authority' | 'missing-theme-mapping-source' | 'missing-scale-stop';
|
|
74
|
+
export type AcceptedColorValueSourceValidationIssueCode = 'invalid-record' | 'duplicate-id' | 'duplicate-name-in-family' | 'missing-required-field' | 'invalid-family' | 'invalid-record-type' | 'invalid-lifecycle' | 'invalid-color-format' | 'invalid-theme' | 'invalid-semantic-domain' | 'invalid-provenance-decision-status' | 'invalid-provenance-derivation' | 'invalid-resolution-mode' | 'invalid-override-policy' | 'invalid-record-family' | 'forbidden-authority' | 'missing-theme-mapping-source' | 'missing-scale-stop' | 'invalid-neutral-source' | 'duplicate-neutral-source-stop';
|
|
74
75
|
export interface AcceptedColorValueSourceValidationIssue {
|
|
75
76
|
code: AcceptedColorValueSourceValidationIssueCode;
|
|
76
77
|
message: string;
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { BaselineResolvedTokenValueManifestRecord, BaselineResolvedTokenValueManifestValidationResult } from '../contract/baselineResolvedTokenValueManifest';
|
|
2
|
+
import { NeutralSourceId } from './neutralSourceValues.js';
|
|
2
3
|
export interface TokenValueDeliveryDefinition {
|
|
4
|
+
source: NeutralSourceId;
|
|
3
5
|
mode: 'light' | 'dark';
|
|
4
6
|
manifestName: string;
|
|
5
7
|
fingerprint: string;
|
|
@@ -8,10 +10,16 @@ export interface TokenValueDeliveryDefinition {
|
|
|
8
10
|
validate: () => BaselineResolvedTokenValueManifestValidationResult;
|
|
9
11
|
runtimeExportName: string;
|
|
10
12
|
runtimeFingerprintExportName: string;
|
|
13
|
+
cssFileName: string;
|
|
14
|
+
runtimeFileName: string;
|
|
11
15
|
}
|
|
12
16
|
export declare const baselineTokenValueDeliveryDefinition: TokenValueDeliveryDefinition;
|
|
13
17
|
export declare const darkTokenValueDeliveryDefinition: TokenValueDeliveryDefinition;
|
|
14
|
-
export declare const
|
|
18
|
+
export declare const slateLightTokenValueDeliveryDefinition: TokenValueDeliveryDefinition;
|
|
19
|
+
export declare const slateDarkTokenValueDeliveryDefinition: TokenValueDeliveryDefinition;
|
|
20
|
+
export declare const stoneLightTokenValueDeliveryDefinition: TokenValueDeliveryDefinition;
|
|
21
|
+
export declare const stoneDarkTokenValueDeliveryDefinition: TokenValueDeliveryDefinition;
|
|
22
|
+
export declare const tokenValueDeliveryDefinitions: readonly [TokenValueDeliveryDefinition, TokenValueDeliveryDefinition, TokenValueDeliveryDefinition, TokenValueDeliveryDefinition, TokenValueDeliveryDefinition, TokenValueDeliveryDefinition];
|
|
15
23
|
export declare function renderTokenValuesCss(definition: TokenValueDeliveryDefinition): string;
|
|
16
24
|
export declare function renderTokenValueDeclarationsModule(definition: TokenValueDeliveryDefinition): string;
|
|
17
25
|
export declare function renderBaselineTokenValuesCss(): string;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { AcceptedPaletteValueRecord, ValueSourceProvenance } from './acceptedColorValues.js';
|
|
2
|
-
export declare const minimalAcceptedPaletteValues: readonly [AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord
|
|
2
|
+
export declare const minimalAcceptedPaletteValues: readonly [...AcceptedPaletteValueRecord[], AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord];
|
|
3
3
|
export declare const minimalAcceptedBrandSeedValues: readonly [{
|
|
4
4
|
readonly id: "brand-seed:default-brand";
|
|
5
5
|
readonly type: "brand-seed";
|
|
@@ -12,7 +12,7 @@ export declare const minimalAcceptedBrandSeedValues: readonly [{
|
|
|
12
12
|
readonly generatedScaleFamily: "brand";
|
|
13
13
|
readonly overridePolicy: "default-only";
|
|
14
14
|
}];
|
|
15
|
-
export declare const minimalAcceptedColorValues: readonly [AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord,
|
|
15
|
+
export declare const minimalAcceptedColorValues: readonly [...AcceptedPaletteValueRecord[], AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, AcceptedPaletteValueRecord, {
|
|
16
16
|
readonly id: "brand-seed:default-brand";
|
|
17
17
|
readonly type: "brand-seed";
|
|
18
18
|
readonly family: "brand";
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { BaselineResolvedTokenValueManifestRecord, BaselineResolvedTokenValueManifestValidationResult } from '../contract/baselineResolvedTokenValueManifest';
|
|
2
|
+
import { TokenOutputVariableName } from '../governance/migrationMappingRegistry';
|
|
3
|
+
import { absoluteColorValues, blackAlphaValues, whiteAlphaValues, NeutralSourceId, NeutralStop } from './neutralSourceValues.js';
|
|
4
|
+
export type NeutralSourceMode = 'light' | 'dark';
|
|
5
|
+
export interface ResolveNeutralSourceManifestInput {
|
|
6
|
+
source: NeutralSourceId;
|
|
7
|
+
mode: NeutralSourceMode;
|
|
8
|
+
}
|
|
9
|
+
type NeutralReference = {
|
|
10
|
+
type: 'source';
|
|
11
|
+
stop: NeutralStop;
|
|
12
|
+
} | {
|
|
13
|
+
type: 'black-alpha';
|
|
14
|
+
stop: keyof typeof blackAlphaValues;
|
|
15
|
+
} | {
|
|
16
|
+
type: 'white-alpha';
|
|
17
|
+
stop: keyof typeof whiteAlphaValues;
|
|
18
|
+
} | {
|
|
19
|
+
type: 'absolute';
|
|
20
|
+
value: keyof typeof absoluteColorValues;
|
|
21
|
+
};
|
|
22
|
+
type NeutralSemanticMapping = Partial<Record<TokenOutputVariableName, NeutralReference>>;
|
|
23
|
+
export declare const lightNeutralSemanticMapping: NeutralSemanticMapping;
|
|
24
|
+
export declare const darkNeutralSemanticMapping: NeutralSemanticMapping;
|
|
25
|
+
export declare function resolveNeutralSourceManifest({ source: sourceId, mode, }: ResolveNeutralSourceManifestInput): readonly BaselineResolvedTokenValueManifestRecord[];
|
|
26
|
+
export declare function createNeutralSourceManifestFingerprint(records: readonly BaselineResolvedTokenValueManifestRecord[]): string;
|
|
27
|
+
export declare function validateNeutralSourceManifest({ source, mode, }: ResolveNeutralSourceManifestInput): BaselineResolvedTokenValueManifestValidationResult;
|
|
28
|
+
export {};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { NeutralSourceId } from '../neutralSourceContract';
|
|
2
|
+
export { DEFAULT_NEUTRAL_SOURCE, neutralSourceIds, } from '../neutralSourceContract';
|
|
3
|
+
export type { NeutralSourceId } from '../neutralSourceContract';
|
|
4
|
+
export declare const neutralStops: readonly ["50", "100", "200", "300", "400", "500", "600", "700", "800", "900", "950"];
|
|
5
|
+
export type NeutralStop = (typeof neutralStops)[number];
|
|
6
|
+
export declare const neutralSourceValues: Readonly<Record<NeutralSourceId, Readonly<Record<NeutralStop, string>>>>;
|
|
7
|
+
export declare const blackAlphaValues: {
|
|
8
|
+
readonly '5': "rgba(0 0 0 / 0.05)";
|
|
9
|
+
readonly '10': "rgba(0 0 0 / 0.10)";
|
|
10
|
+
readonly '15': "rgba(0 0 0 / 0.15)";
|
|
11
|
+
readonly '20': "rgba(0 0 0 / 0.20)";
|
|
12
|
+
};
|
|
13
|
+
export declare const whiteAlphaValues: {
|
|
14
|
+
readonly '5': "rgba(255 255 255 / 0.05)";
|
|
15
|
+
readonly '10': "rgba(255 255 255 / 0.10)";
|
|
16
|
+
readonly '15': "rgba(255 255 255 / 0.15)";
|
|
17
|
+
readonly '20': "rgba(255 255 255 / 0.20)";
|
|
18
|
+
readonly '40': "rgba(255 255 255 / 0.40)";
|
|
19
|
+
readonly '60': "rgba(255 255 255 / 0.60)";
|
|
20
|
+
readonly '70': "rgba(255 255 255 / 0.70)";
|
|
21
|
+
readonly '80': "rgba(255 255 255 / 0.80)";
|
|
22
|
+
};
|
|
23
|
+
export declare const absoluteColorValues: {
|
|
24
|
+
readonly white: "#FFFFFF";
|
|
25
|
+
readonly black: "#000000";
|
|
26
|
+
readonly transparent: "transparent";
|
|
27
|
+
};
|
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-2ba03d53";
|
|
@@ -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,58 @@ 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
43
|
"--background-brand-muted": "var(--semantic-brand-900)",
|
|
44
44
|
"--background-brand-on-subtle": "var(--semantic-brand-800)",
|
|
45
45
|
"--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": "
|
|
46
|
+
"--background-neutral-hard": "#404040",
|
|
47
|
+
"--background-neutral-muted": "#262626",
|
|
48
|
+
"--background-neutral-on-subtle": "#262626",
|
|
49
|
+
"--background-neutral-strong": "#404040",
|
|
50
|
+
"--background-neutral-subtle": "#171717",
|
|
51
|
+
"--background-neutral-surface": "#171717",
|
|
52
52
|
"--background-informative-muted": "var(--semantic-informative-900)",
|
|
53
53
|
"--background-informative-on-subtle": "var(--semantic-informative-800)",
|
|
54
54
|
"--background-informative-strong": "var(--semantic-informative-500)",
|
|
55
55
|
"--background-informative-subtle": "var(--semantic-informative-900)",
|
|
56
|
-
"--background-informative-surface": "
|
|
56
|
+
"--background-informative-surface": "#0A0A0A",
|
|
57
57
|
"--background-positive-muted": "var(--semantic-positive-900)",
|
|
58
58
|
"--background-positive-on-subtle": "var(--semantic-positive-800)",
|
|
59
59
|
"--background-positive-strong": "var(--semantic-positive-500)",
|
|
60
60
|
"--background-positive-subtle": "var(--semantic-positive-900)",
|
|
61
|
-
"--background-positive-surface": "
|
|
61
|
+
"--background-positive-surface": "#0A0A0A",
|
|
62
62
|
"--background-warning-muted": "var(--semantic-warning-900)",
|
|
63
63
|
"--background-warning-on-subtle": "var(--semantic-warning-800)",
|
|
64
64
|
"--background-warning-strong": "var(--semantic-warning-500)",
|
|
65
65
|
"--background-warning-subtle": "var(--semantic-warning-900)",
|
|
66
|
-
"--background-warning-surface": "
|
|
66
|
+
"--background-warning-surface": "#0A0A0A",
|
|
67
67
|
"--background-negative-muted": "var(--semantic-negative-900)",
|
|
68
68
|
"--background-negative-on-subtle": "var(--semantic-negative-800)",
|
|
69
69
|
"--background-negative-strong": "var(--semantic-negative-500)",
|
|
70
70
|
"--background-negative-subtle": "var(--semantic-negative-900)",
|
|
71
|
-
"--background-negative-surface": "
|
|
72
|
-
"--border-default": "
|
|
73
|
-
"--border-default-alpha": "
|
|
74
|
-
"--border-inverted": "
|
|
71
|
+
"--background-negative-surface": "#0A0A0A",
|
|
72
|
+
"--border-default": "#404040",
|
|
73
|
+
"--border-default-alpha": "rgba(255 255 255 / 0.10)",
|
|
74
|
+
"--border-inverted": "#171717",
|
|
75
75
|
"--border-brand-strong": "var(--semantic-brand-500)",
|
|
76
76
|
"--border-brand-subtle": "var(--semantic-brand-700)",
|
|
77
|
-
"--border-neutral-strong": "
|
|
78
|
-
"--border-neutral-subtle": "
|
|
77
|
+
"--border-neutral-strong": "#525252",
|
|
78
|
+
"--border-neutral-subtle": "#262626",
|
|
79
79
|
"--border-informative-strong": "var(--semantic-informative-500)",
|
|
80
80
|
"--border-informative-subtle": "var(--semantic-informative-700)",
|
|
81
81
|
"--border-positive-strong": "var(--semantic-positive-500)",
|
|
@@ -85,18 +85,18 @@ var aldDarkBaselineDeclarations = Object.freeze({
|
|
|
85
85
|
"--border-negative-strong": "var(--semantic-negative-500)",
|
|
86
86
|
"--border-negative-subtle": "var(--semantic-negative-700)",
|
|
87
87
|
"--control-state-selected": "var(--semantic-brand-500)",
|
|
88
|
-
"--control-state-unselected": "
|
|
88
|
+
"--control-state-unselected": "#737373",
|
|
89
89
|
"--focus-ring": "var(--semantic-brand-500)",
|
|
90
|
-
"--content-primary": "
|
|
91
|
-
"--content-secondary": "
|
|
92
|
-
"--content-tertiary": "
|
|
93
|
-
"--content-disabled": "
|
|
90
|
+
"--content-primary": "#FAFAFA",
|
|
91
|
+
"--content-secondary": "#E5E5E5",
|
|
92
|
+
"--content-tertiary": "#A3A3A3",
|
|
93
|
+
"--content-disabled": "#525252",
|
|
94
94
|
"--content-brand-primary": "var(--semantic-brand-400)",
|
|
95
95
|
"--content-brand-secondary": "var(--semantic-brand-500)",
|
|
96
|
-
"--content-inverted-primary": "
|
|
97
|
-
"--content-inverted-secondary": "
|
|
98
|
-
"--content-inverted-tertiary": "
|
|
99
|
-
"--content-inverted-disabled": "
|
|
96
|
+
"--content-inverted-primary": "#171717",
|
|
97
|
+
"--content-inverted-secondary": "#525252",
|
|
98
|
+
"--content-inverted-tertiary": "#737373",
|
|
99
|
+
"--content-inverted-disabled": "#A3A3A3",
|
|
100
100
|
"--content-informative-primary": "var(--semantic-informative-300)",
|
|
101
101
|
"--content-informative-secondary": "var(--semantic-informative-400)",
|
|
102
102
|
"--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-2ba03d53. */\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-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-2ba03d53';\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,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,31 @@ 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
43
|
"--background-brand-muted": "var(--semantic-brand-200)",
|
|
44
44
|
"--background-brand-on-subtle": "var(--semantic-brand-100)",
|
|
45
45
|
"--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": "
|
|
46
|
+
"--background-neutral-hard": "#262626",
|
|
47
|
+
"--background-neutral-muted": "#D4D4D4",
|
|
48
|
+
"--background-neutral-on-subtle": "#E5E5E5",
|
|
49
|
+
"--background-neutral-strong": "#525252",
|
|
50
|
+
"--background-neutral-subtle": "#F5F5F5",
|
|
51
|
+
"--background-neutral-surface": "#FAFAFA",
|
|
52
52
|
"--background-informative-muted": "var(--semantic-informative-200)",
|
|
53
53
|
"--background-informative-on-subtle": "var(--semantic-informative-100)",
|
|
54
54
|
"--background-informative-strong": "var(--semantic-informative-600)",
|
|
@@ -69,13 +69,13 @@ var aldV3BaselineDeclarations = Object.freeze({
|
|
|
69
69
|
"--background-negative-strong": "var(--semantic-negative-600)",
|
|
70
70
|
"--background-negative-subtle": "var(--semantic-negative-25)",
|
|
71
71
|
"--background-negative-surface": "var(--semantic-negative-0)",
|
|
72
|
-
"--border-default": "
|
|
73
|
-
"--border-default-alpha": "
|
|
74
|
-
"--border-inverted": "
|
|
72
|
+
"--border-default": "#D4D4D4",
|
|
73
|
+
"--border-default-alpha": "rgba(0 0 0 / 0.10)",
|
|
74
|
+
"--border-inverted": "#FFFFFF",
|
|
75
75
|
"--border-brand-strong": "var(--semantic-brand-600)",
|
|
76
76
|
"--border-brand-subtle": "var(--semantic-brand-300)",
|
|
77
|
-
"--border-neutral-strong": "
|
|
78
|
-
"--border-neutral-subtle": "
|
|
77
|
+
"--border-neutral-strong": "#525252",
|
|
78
|
+
"--border-neutral-subtle": "#E5E5E5",
|
|
79
79
|
"--border-informative-strong": "var(--semantic-informative-600)",
|
|
80
80
|
"--border-informative-subtle": "var(--semantic-informative-300)",
|
|
81
81
|
"--border-positive-strong": "var(--semantic-positive-600)",
|
|
@@ -85,18 +85,18 @@ var aldV3BaselineDeclarations = Object.freeze({
|
|
|
85
85
|
"--border-negative-strong": "var(--semantic-negative-600)",
|
|
86
86
|
"--border-negative-subtle": "var(--semantic-negative-300)",
|
|
87
87
|
"--control-state-selected": "var(--semantic-brand-600)",
|
|
88
|
-
"--control-state-unselected": "
|
|
88
|
+
"--control-state-unselected": "#737373",
|
|
89
89
|
"--focus-ring": "var(--semantic-brand-600)",
|
|
90
|
-
"--content-primary": "
|
|
91
|
-
"--content-secondary": "
|
|
92
|
-
"--content-tertiary": "
|
|
93
|
-
"--content-disabled": "
|
|
90
|
+
"--content-primary": "#171717",
|
|
91
|
+
"--content-secondary": "#525252",
|
|
92
|
+
"--content-tertiary": "#737373",
|
|
93
|
+
"--content-disabled": "#A3A3A3",
|
|
94
94
|
"--content-brand-primary": "var(--semantic-brand-900)",
|
|
95
95
|
"--content-brand-secondary": "var(--semantic-brand-600)",
|
|
96
|
-
"--content-inverted-primary": "
|
|
97
|
-
"--content-inverted-secondary": "
|
|
98
|
-
"--content-inverted-tertiary": "
|
|
99
|
-
"--content-inverted-disabled": "
|
|
96
|
+
"--content-inverted-primary": "#FFFFFF",
|
|
97
|
+
"--content-inverted-secondary": "rgba(255 255 255 / 0.60)",
|
|
98
|
+
"--content-inverted-tertiary": "rgba(255 255 255 / 0.40)",
|
|
99
|
+
"--content-inverted-disabled": "rgba(255 255 255 / 0.20)",
|
|
100
100
|
"--content-informative-primary": "var(--semantic-informative-900)",
|
|
101
101
|
"--content-informative-secondary": "var(--semantic-informative-600)",
|
|
102
102
|
"--content-positive-primary": "var(--semantic-positive-900)",
|