@aloudata/aloudata-design 3.0.24 → 3.0.26
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/Button/index.js +9 -3
- package/dist/Button/index.js.map +1 -1
- package/dist/Checkbox/index.js +7 -1
- package/dist/Checkbox/index.js.map +1 -1
- package/dist/Collapse/index.js +68 -22
- package/dist/Collapse/index.js.map +1 -1
- package/dist/Dropdown/index.js +12 -2
- package/dist/Dropdown/index.js.map +1 -1
- package/dist/Input/components/Input/index.js +7 -1
- package/dist/Input/components/Input/index.js.map +1 -1
- package/dist/Input/components/TextArea/index.js +7 -1
- package/dist/Input/components/TextArea/index.js.map +1 -1
- package/dist/InputNumber/index.js +7 -1
- package/dist/InputNumber/index.js.map +1 -1
- package/dist/Modal/index.js +13 -0
- package/dist/Modal/index.js.map +1 -1
- package/dist/Pagination/PageSizeChanger.d.ts +1 -0
- package/dist/Pagination/PageSizeChanger.js +3 -2
- package/dist/Pagination/PageSizeChanger.js.map +1 -1
- package/dist/Pagination/index.js +33 -19
- package/dist/Pagination/index.js.map +1 -1
- package/dist/Pagination/types.d.ts +3 -0
- package/dist/Select/BaseSelect.js +12 -12
- package/dist/Select/BaseSelect.js.map +1 -1
- package/dist/Steps/index.js +66 -14
- package/dist/Steps/index.js.map +1 -1
- package/dist/Switch/index.js +7 -1
- package/dist/Switch/index.js.map +1 -1
- package/dist/Table/components/ExpandCell.js +6 -2
- package/dist/Table/components/ExpandCell.js.map +1 -1
- package/dist/Table/components/Header.js +25 -17
- package/dist/Table/components/Header.js.map +1 -1
- package/dist/Table/hooks/useFixed.js +5 -1
- package/dist/Table/hooks/useFixed.js.map +1 -1
- package/dist/Table/hooks/useRowSelection.js +14 -7
- package/dist/Table/hooks/useRowSelection.js.map +1 -1
- package/dist/Table/index.js +8 -2
- package/dist/Table/index.js.map +1 -1
- package/dist/Tabs/index.js +7 -1
- package/dist/Tabs/index.js.map +1 -1
- package/dist/aloudata-design.css +1 -1
- package/dist/locale/default.d.ts +6 -0
- package/dist/locale/en_US.d.ts +6 -0
- package/dist/locale/en_US.js +6 -0
- package/dist/locale/en_US.js.map +1 -1
- package/dist/locale/zh_CN.d.ts +6 -0
- package/dist/locale/zh_CN.js +6 -0
- package/dist/locale/zh_CN.js.map +1 -1
- package/dist/theme/contract/controlStateColorArtifact.d.ts +73 -0
- package/dist/theme/contract/controlStateColorArtifact.js +2 -0
- package/dist/theme/contract/focusRingArtifact.d.ts +51 -0
- package/dist/theme/contract/focusRingArtifact.js +2 -0
- package/dist/theme/contract/tokenOutputContract.d.ts +1 -1
- package/dist/theme/contract/tokenOutputContract.js +4 -0
- package/dist/theme/contract/tokenOutputContract.js.map +1 -1
- package/dist/theme/runtime/colorValueMode/generated/darkBaselineDeclarations.d.ts +1 -1
- package/dist/theme/runtime/colorValueMode/generated/darkBaselineDeclarations.js +3 -0
- package/dist/theme/runtime/colorValueMode/generated/darkBaselineDeclarations.js.map +1 -1
- package/dist/theme/runtime/colorValueMode/generated/v3BaselineDeclarations.d.ts +1 -1
- package/dist/theme/runtime/colorValueMode/generated/v3BaselineDeclarations.js +3 -0
- package/dist/theme/runtime/colorValueMode/generated/v3BaselineDeclarations.js.map +1 -1
- package/dist/theme/runtime/themeToCssVars.js +3 -0
- package/dist/theme/runtime/themeToCssVars.js.map +1 -1
- package/package.json +1 -1
package/dist/locale/default.d.ts
CHANGED
|
@@ -70,6 +70,12 @@ export declare function getTranslator(lang?: string): {
|
|
|
70
70
|
};
|
|
71
71
|
};
|
|
72
72
|
Pagination: {
|
|
73
|
+
navigationLabel: string;
|
|
74
|
+
previousPage: string;
|
|
75
|
+
nextPage: string;
|
|
76
|
+
page: (page: number) => string;
|
|
77
|
+
currentPage: (page: number) => string;
|
|
78
|
+
pageSize: string;
|
|
73
79
|
itemsPerPage: string;
|
|
74
80
|
selectPageSize: string;
|
|
75
81
|
totalItems: (total: number, range: [number, number]) => string;
|
package/dist/locale/en_US.d.ts
CHANGED
|
@@ -60,6 +60,12 @@ declare const localeValues: {
|
|
|
60
60
|
};
|
|
61
61
|
};
|
|
62
62
|
Pagination: {
|
|
63
|
+
navigationLabel: string;
|
|
64
|
+
previousPage: string;
|
|
65
|
+
nextPage: string;
|
|
66
|
+
page: (page: number) => string;
|
|
67
|
+
currentPage: (page: number) => string;
|
|
68
|
+
pageSize: string;
|
|
63
69
|
itemsPerPage: string;
|
|
64
70
|
selectPageSize: string;
|
|
65
71
|
totalItems: (total: number, range: [number, number]) => string;
|
package/dist/locale/en_US.js
CHANGED
|
@@ -54,6 +54,12 @@ var localeValues = {
|
|
|
54
54
|
}
|
|
55
55
|
},
|
|
56
56
|
Pagination: {
|
|
57
|
+
navigationLabel: "Pagination",
|
|
58
|
+
previousPage: "Previous page",
|
|
59
|
+
nextPage: "Next page",
|
|
60
|
+
page: (page) => `Page ${page}`,
|
|
61
|
+
currentPage: (page) => `Current page, ${page}`,
|
|
62
|
+
pageSize: "Items per page",
|
|
57
63
|
itemsPerPage: "/ page",
|
|
58
64
|
selectPageSize: "Select size",
|
|
59
65
|
totalItems: (total, range) => `Total ${total} items, showing ${range[0]}-${range[1]}`
|
package/dist/locale/en_US.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"en_US.js","names":[],"sources":["../../src/locale/en_US.ts"],"sourcesContent":["import enUSDatePicker from 'rc-picker/es/locale/en_US';\n\nconst localeValues = {\n locale: 'en',\n DatePicker: enUSDatePicker,\n Empty: {\n noContentFound: 'No Content Found',\n },\n ColorPicker: {\n default: 'Default',\n standardColor: 'Standard Color',\n recentlyUsed: 'Recently Used',\n },\n DataPreviewTable: {\n dataLoadFailed: 'Data loading failed',\n loadFailed: 'Loading failed',\n },\n InputSearch: {\n search: 'Search',\n },\n MemberPicker: {\n select: 'Select',\n pleaseConfigGetUserByKeywordsMethod:\n 'Please configure the getUsersByKeywords method in ConfigProvider',\n pleaseConfigGetUserByIdsMethod:\n 'Please configure the getUsersByIds method in ConfigProvider',\n noData: 'No Data',\n subLevel: 'Sub-level',\n users: 'Users',\n userGroups: 'User Groups',\n selectedTotal: (total: number) => `Selected ${total}`,\n cancel: 'Cancel',\n confirm: 'Confirm',\n ban: 'Banned',\n },\n Modal: {\n cancel: 'Cancel',\n sure: 'Ok',\n },\n Select: {\n noSearchResult: 'No search results',\n all: 'All',\n },\n Tree: {\n expand: 'Expand',\n },\n Table: {\n cancelSelect: 'Cancel Selection',\n selected: 'Selected ',\n item: ' items',\n selectAll: 'Select All',\n },\n ErrorBoundary: {\n happenedError: 'An error occurred',\n },\n LogicTree: {\n btn: {\n addCondition: 'Add condition',\n addRelation: 'Add relation',\n },\n select: {\n and: 'And',\n or: 'Or',\n },\n },\n Pagination: {\n itemsPerPage: '/ page',\n selectPageSize: 'Select size',\n totalItems: (total: number, range: [number, number]) =>\n `Total ${total} items, showing ${range[0]}-${range[1]}`,\n },\n};\n\nexport default localeValues;\n"],"mappings":";;AAEA,IAAM,eAAe;CACnB,QAAQ;CACR,YAAY;CACZ,OAAO,EACL,gBAAgB,oBACjB;CACD,aAAa;EACX,SAAS;EACT,eAAe;EACf,cAAc;EACf;CACD,kBAAkB;EAChB,gBAAgB;EAChB,YAAY;EACb;CACD,aAAa,EACX,QAAQ,UACT;CACD,cAAc;EACZ,QAAQ;EACR,qCACE;EACF,gCACE;EACF,QAAQ;EACR,UAAU;EACV,OAAO;EACP,YAAY;EACZ,gBAAgB,UAAkB,YAAY;EAC9C,QAAQ;EACR,SAAS;EACT,KAAK;EACN;CACD,OAAO;EACL,QAAQ;EACR,MAAM;EACP;CACD,QAAQ;EACN,gBAAgB;EAChB,KAAK;EACN;CACD,MAAM,EACJ,QAAQ,UACT;CACD,OAAO;EACL,cAAc;EACd,UAAU;EACV,MAAM;EACN,WAAW;EACZ;CACD,eAAe,EACb,eAAe,qBAChB;CACD,WAAW;EACT,KAAK;GACH,cAAc;GACd,aAAa;GACd;EACD,QAAQ;GACN,KAAK;GACL,IAAI;GACL;EACF;CACD,YAAY;EACV,cAAc;EACd,gBAAgB;EAChB,aAAa,OAAe,UAC1B,SAAS,MAAM,kBAAkB,MAAM,GAAG,GAAG,MAAM;EACtD;CACF"}
|
|
1
|
+
{"version":3,"file":"en_US.js","names":[],"sources":["../../src/locale/en_US.ts"],"sourcesContent":["import enUSDatePicker from 'rc-picker/es/locale/en_US';\n\nconst localeValues = {\n locale: 'en',\n DatePicker: enUSDatePicker,\n Empty: {\n noContentFound: 'No Content Found',\n },\n ColorPicker: {\n default: 'Default',\n standardColor: 'Standard Color',\n recentlyUsed: 'Recently Used',\n },\n DataPreviewTable: {\n dataLoadFailed: 'Data loading failed',\n loadFailed: 'Loading failed',\n },\n InputSearch: {\n search: 'Search',\n },\n MemberPicker: {\n select: 'Select',\n pleaseConfigGetUserByKeywordsMethod:\n 'Please configure the getUsersByKeywords method in ConfigProvider',\n pleaseConfigGetUserByIdsMethod:\n 'Please configure the getUsersByIds method in ConfigProvider',\n noData: 'No Data',\n subLevel: 'Sub-level',\n users: 'Users',\n userGroups: 'User Groups',\n selectedTotal: (total: number) => `Selected ${total}`,\n cancel: 'Cancel',\n confirm: 'Confirm',\n ban: 'Banned',\n },\n Modal: {\n cancel: 'Cancel',\n sure: 'Ok',\n },\n Select: {\n noSearchResult: 'No search results',\n all: 'All',\n },\n Tree: {\n expand: 'Expand',\n },\n Table: {\n cancelSelect: 'Cancel Selection',\n selected: 'Selected ',\n item: ' items',\n selectAll: 'Select All',\n },\n ErrorBoundary: {\n happenedError: 'An error occurred',\n },\n LogicTree: {\n btn: {\n addCondition: 'Add condition',\n addRelation: 'Add relation',\n },\n select: {\n and: 'And',\n or: 'Or',\n },\n },\n Pagination: {\n navigationLabel: 'Pagination',\n previousPage: 'Previous page',\n nextPage: 'Next page',\n page: (page: number) => `Page ${page}`,\n currentPage: (page: number) => `Current page, ${page}`,\n pageSize: 'Items per page',\n itemsPerPage: '/ page',\n selectPageSize: 'Select size',\n totalItems: (total: number, range: [number, number]) =>\n `Total ${total} items, showing ${range[0]}-${range[1]}`,\n },\n};\n\nexport default localeValues;\n"],"mappings":";;AAEA,IAAM,eAAe;CACnB,QAAQ;CACR,YAAY;CACZ,OAAO,EACL,gBAAgB,oBACjB;CACD,aAAa;EACX,SAAS;EACT,eAAe;EACf,cAAc;EACf;CACD,kBAAkB;EAChB,gBAAgB;EAChB,YAAY;EACb;CACD,aAAa,EACX,QAAQ,UACT;CACD,cAAc;EACZ,QAAQ;EACR,qCACE;EACF,gCACE;EACF,QAAQ;EACR,UAAU;EACV,OAAO;EACP,YAAY;EACZ,gBAAgB,UAAkB,YAAY;EAC9C,QAAQ;EACR,SAAS;EACT,KAAK;EACN;CACD,OAAO;EACL,QAAQ;EACR,MAAM;EACP;CACD,QAAQ;EACN,gBAAgB;EAChB,KAAK;EACN;CACD,MAAM,EACJ,QAAQ,UACT;CACD,OAAO;EACL,cAAc;EACd,UAAU;EACV,MAAM;EACN,WAAW;EACZ;CACD,eAAe,EACb,eAAe,qBAChB;CACD,WAAW;EACT,KAAK;GACH,cAAc;GACd,aAAa;GACd;EACD,QAAQ;GACN,KAAK;GACL,IAAI;GACL;EACF;CACD,YAAY;EACV,iBAAiB;EACjB,cAAc;EACd,UAAU;EACV,OAAO,SAAiB,QAAQ;EAChC,cAAc,SAAiB,iBAAiB;EAChD,UAAU;EACV,cAAc;EACd,gBAAgB;EAChB,aAAa,OAAe,UAC1B,SAAS,MAAM,kBAAkB,MAAM,GAAG,GAAG,MAAM;EACtD;CACF"}
|
package/dist/locale/zh_CN.d.ts
CHANGED
|
@@ -60,6 +60,12 @@ declare const localeValues: {
|
|
|
60
60
|
};
|
|
61
61
|
};
|
|
62
62
|
Pagination: {
|
|
63
|
+
navigationLabel: string;
|
|
64
|
+
previousPage: string;
|
|
65
|
+
nextPage: string;
|
|
66
|
+
page: (page: number) => string;
|
|
67
|
+
currentPage: (page: number) => string;
|
|
68
|
+
pageSize: string;
|
|
63
69
|
itemsPerPage: string;
|
|
64
70
|
selectPageSize: string;
|
|
65
71
|
totalItems: (total: number, range: [number, number]) => string;
|
package/dist/locale/zh_CN.js
CHANGED
|
@@ -55,6 +55,12 @@ var localeValues = {
|
|
|
55
55
|
}
|
|
56
56
|
},
|
|
57
57
|
Pagination: {
|
|
58
|
+
navigationLabel: "分页",
|
|
59
|
+
previousPage: "上一页",
|
|
60
|
+
nextPage: "下一页",
|
|
61
|
+
page: (page) => `第 ${page} 页`,
|
|
62
|
+
currentPage: (page) => `当前第 ${page} 页`,
|
|
63
|
+
pageSize: "每页条数",
|
|
58
64
|
itemsPerPage: "条/页",
|
|
59
65
|
selectPageSize: "选择条数",
|
|
60
66
|
totalItems: (total, range) => `共 ${total} 条，当前第 ${range[0]}-${range[1]} 条`
|
package/dist/locale/zh_CN.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"zh_CN.js","names":[],"sources":["../../src/locale/zh_CN.ts"],"sourcesContent":["import 'dayjs/locale/zh-cn';\nimport zhCNDatePicker from 'rc-picker/es/locale/zh_CN';\n\nconst localeValues = {\n locale: 'zh-cn',\n DatePicker: zhCNDatePicker,\n Empty: {\n noContentFound: '未找到内容',\n },\n ColorPicker: {\n default: '默认',\n standardColor: '标准色',\n recentlyUsed: '最近使用',\n },\n DataPreviewTable: {\n dataLoadFailed: '数据加载失败',\n loadFailed: '加载失败',\n },\n InputSearch: {\n search: '搜索',\n },\n MemberPicker: {\n select: '选择',\n ban: '已停用',\n pleaseConfigGetUserByKeywordsMethod:\n '请在ConfigProvider中配置getUsersByKeywords方法',\n pleaseConfigGetUserByIdsMethod: '请在ConfigProvider中配置getUsersByIds方法',\n noData: '无数据',\n subLevel: '下级',\n users: '用户',\n userGroups: '用户组',\n selectedTotal: (total: number) => `已选 ${total}`,\n cancel: '取消',\n confirm: '确定',\n },\n Modal: {\n cancel: '取消',\n sure: '确定',\n },\n Select: {\n noSearchResult: '无搜索结果',\n all: '全部',\n },\n Tree: {\n expand: '展开',\n },\n Table: {\n cancelSelect: '取消选择',\n selected: '已选',\n item: '个',\n selectAll: '全选',\n },\n ErrorBoundary: {\n happenedError: '发生了错误',\n },\n LogicTree: {\n btn: {\n addCondition: '添加条件',\n addRelation: '添加关系',\n },\n select: {\n and: '且',\n or: '或',\n },\n },\n Pagination: {\n itemsPerPage: '条/页',\n selectPageSize: '选择条数',\n totalItems: (total: number, range: [number, number]) =>\n `共 ${total} 条，当前第 ${range[0]}-${range[1]} 条`,\n },\n};\n\nexport default localeValues;\n"],"mappings":";;;AAGA,IAAM,eAAe;CACnB,QAAQ;CACR,YAAY;CACZ,OAAO,EACL,gBAAgB,SACjB;CACD,aAAa;EACX,SAAS;EACT,eAAe;EACf,cAAc;EACf;CACD,kBAAkB;EAChB,gBAAgB;EAChB,YAAY;EACb;CACD,aAAa,EACX,QAAQ,MACT;CACD,cAAc;EACZ,QAAQ;EACR,KAAK;EACL,qCACE;EACF,gCAAgC;EAChC,QAAQ;EACR,UAAU;EACV,OAAO;EACP,YAAY;EACZ,gBAAgB,UAAkB,MAAM;EACxC,QAAQ;EACR,SAAS;EACV;CACD,OAAO;EACL,QAAQ;EACR,MAAM;EACP;CACD,QAAQ;EACN,gBAAgB;EAChB,KAAK;EACN;CACD,MAAM,EACJ,QAAQ,MACT;CACD,OAAO;EACL,cAAc;EACd,UAAU;EACV,MAAM;EACN,WAAW;EACZ;CACD,eAAe,EACb,eAAe,SAChB;CACD,WAAW;EACT,KAAK;GACH,cAAc;GACd,aAAa;GACd;EACD,QAAQ;GACN,KAAK;GACL,IAAI;GACL;EACF;CACD,YAAY;EACV,cAAc;EACd,gBAAgB;EAChB,aAAa,OAAe,UAC1B,KAAK,MAAM,SAAS,MAAM,GAAG,GAAG,MAAM,GAAG;EAC5C;CACF"}
|
|
1
|
+
{"version":3,"file":"zh_CN.js","names":[],"sources":["../../src/locale/zh_CN.ts"],"sourcesContent":["import 'dayjs/locale/zh-cn';\nimport zhCNDatePicker from 'rc-picker/es/locale/zh_CN';\n\nconst localeValues = {\n locale: 'zh-cn',\n DatePicker: zhCNDatePicker,\n Empty: {\n noContentFound: '未找到内容',\n },\n ColorPicker: {\n default: '默认',\n standardColor: '标准色',\n recentlyUsed: '最近使用',\n },\n DataPreviewTable: {\n dataLoadFailed: '数据加载失败',\n loadFailed: '加载失败',\n },\n InputSearch: {\n search: '搜索',\n },\n MemberPicker: {\n select: '选择',\n ban: '已停用',\n pleaseConfigGetUserByKeywordsMethod:\n '请在ConfigProvider中配置getUsersByKeywords方法',\n pleaseConfigGetUserByIdsMethod: '请在ConfigProvider中配置getUsersByIds方法',\n noData: '无数据',\n subLevel: '下级',\n users: '用户',\n userGroups: '用户组',\n selectedTotal: (total: number) => `已选 ${total}`,\n cancel: '取消',\n confirm: '确定',\n },\n Modal: {\n cancel: '取消',\n sure: '确定',\n },\n Select: {\n noSearchResult: '无搜索结果',\n all: '全部',\n },\n Tree: {\n expand: '展开',\n },\n Table: {\n cancelSelect: '取消选择',\n selected: '已选',\n item: '个',\n selectAll: '全选',\n },\n ErrorBoundary: {\n happenedError: '发生了错误',\n },\n LogicTree: {\n btn: {\n addCondition: '添加条件',\n addRelation: '添加关系',\n },\n select: {\n and: '且',\n or: '或',\n },\n },\n Pagination: {\n navigationLabel: '分页',\n previousPage: '上一页',\n nextPage: '下一页',\n page: (page: number) => `第 ${page} 页`,\n currentPage: (page: number) => `当前第 ${page} 页`,\n pageSize: '每页条数',\n itemsPerPage: '条/页',\n selectPageSize: '选择条数',\n totalItems: (total: number, range: [number, number]) =>\n `共 ${total} 条，当前第 ${range[0]}-${range[1]} 条`,\n },\n};\n\nexport default localeValues;\n"],"mappings":";;;AAGA,IAAM,eAAe;CACnB,QAAQ;CACR,YAAY;CACZ,OAAO,EACL,gBAAgB,SACjB;CACD,aAAa;EACX,SAAS;EACT,eAAe;EACf,cAAc;EACf;CACD,kBAAkB;EAChB,gBAAgB;EAChB,YAAY;EACb;CACD,aAAa,EACX,QAAQ,MACT;CACD,cAAc;EACZ,QAAQ;EACR,KAAK;EACL,qCACE;EACF,gCAAgC;EAChC,QAAQ;EACR,UAAU;EACV,OAAO;EACP,YAAY;EACZ,gBAAgB,UAAkB,MAAM;EACxC,QAAQ;EACR,SAAS;EACV;CACD,OAAO;EACL,QAAQ;EACR,MAAM;EACP;CACD,QAAQ;EACN,gBAAgB;EAChB,KAAK;EACN;CACD,MAAM,EACJ,QAAQ,MACT;CACD,OAAO;EACL,cAAc;EACd,UAAU;EACV,MAAM;EACN,WAAW;EACZ;CACD,eAAe,EACb,eAAe,SAChB;CACD,WAAW;EACT,KAAK;GACH,cAAc;GACd,aAAa;GACd;EACD,QAAQ;GACN,KAAK;GACL,IAAI;GACL;EACF;CACD,YAAY;EACV,iBAAiB;EACjB,cAAc;EACd,UAAU;EACV,OAAO,SAAiB,KAAK,KAAK;EAClC,cAAc,SAAiB,OAAO,KAAK;EAC3C,UAAU;EACV,cAAc;EACd,gBAAgB;EAChB,aAAa,OAAe,UAC1B,KAAK,MAAM,SAAS,MAAM,GAAG,GAAG,MAAM,GAAG;EAC5C;CACF"}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import { TokenOutputVariableName } from '../governance/migrationMappingRegistry';
|
|
2
|
+
export type ControlStateColorSemanticIdentity = 'control-state.selected' | 'control-state.unselected';
|
|
3
|
+
export type ControlStateColorMode = 'light' | 'dark';
|
|
4
|
+
export interface ControlStateColorSemanticOutputRecord {
|
|
5
|
+
identity: ControlStateColorSemanticIdentity;
|
|
6
|
+
outputName: TokenOutputVariableName;
|
|
7
|
+
sourceAuthority: readonly string[];
|
|
8
|
+
contractVersion: 'v1';
|
|
9
|
+
validationStatus: 'approved';
|
|
10
|
+
}
|
|
11
|
+
export interface ControlStateColorMappingRecord {
|
|
12
|
+
identity: ControlStateColorSemanticIdentity;
|
|
13
|
+
mode: ControlStateColorMode;
|
|
14
|
+
outputName: TokenOutputVariableName;
|
|
15
|
+
substrate: string;
|
|
16
|
+
value: string;
|
|
17
|
+
mappingVersion: 'v1';
|
|
18
|
+
validationStatus: 'approved';
|
|
19
|
+
}
|
|
20
|
+
export interface ControlStateColorArtifactValidationResult {
|
|
21
|
+
valid: boolean;
|
|
22
|
+
semanticRecordsChecked: number;
|
|
23
|
+
mappingRecordsChecked: number;
|
|
24
|
+
errors: string[];
|
|
25
|
+
}
|
|
26
|
+
export declare const controlStateColorSemanticOutputRecords: readonly [{
|
|
27
|
+
readonly identity: "control-state.selected";
|
|
28
|
+
readonly outputName: "--control-state-selected";
|
|
29
|
+
readonly sourceAuthority: readonly ["control-state-color-semantic-decision.md", "control-state-color-mapping-decision.md", "control-state-color-output-architecture-decision.md", "control-state-color-artifact-specification.md", "control-state-color-theme-mapping-review.md"];
|
|
30
|
+
readonly contractVersion: "v1";
|
|
31
|
+
readonly validationStatus: "approved";
|
|
32
|
+
}, {
|
|
33
|
+
readonly identity: "control-state.unselected";
|
|
34
|
+
readonly outputName: "--control-state-unselected";
|
|
35
|
+
readonly sourceAuthority: readonly ["control-state-color-semantic-decision.md", "control-state-color-mapping-decision.md", "control-state-color-output-architecture-decision.md", "control-state-color-artifact-specification.md", "control-state-color-theme-mapping-review.md"];
|
|
36
|
+
readonly contractVersion: "v1";
|
|
37
|
+
readonly validationStatus: "approved";
|
|
38
|
+
}];
|
|
39
|
+
export declare const controlStateColorMappingRecords: readonly [{
|
|
40
|
+
readonly identity: "control-state.selected";
|
|
41
|
+
readonly mode: "light";
|
|
42
|
+
readonly outputName: "--control-state-selected";
|
|
43
|
+
readonly substrate: "semantic-brand-600";
|
|
44
|
+
readonly value: "var(--semantic-brand-600)";
|
|
45
|
+
readonly mappingVersion: "v1";
|
|
46
|
+
readonly validationStatus: "approved";
|
|
47
|
+
}, {
|
|
48
|
+
readonly identity: "control-state.unselected";
|
|
49
|
+
readonly mode: "light";
|
|
50
|
+
readonly outputName: "--control-state-unselected";
|
|
51
|
+
readonly substrate: "semantic-neutral-500";
|
|
52
|
+
readonly value: "var(--semantic-neutral-500)";
|
|
53
|
+
readonly mappingVersion: "v1";
|
|
54
|
+
readonly validationStatus: "approved";
|
|
55
|
+
}, {
|
|
56
|
+
readonly identity: "control-state.selected";
|
|
57
|
+
readonly mode: "dark";
|
|
58
|
+
readonly outputName: "--control-state-selected";
|
|
59
|
+
readonly substrate: "semantic-brand-500";
|
|
60
|
+
readonly value: "var(--semantic-brand-500)";
|
|
61
|
+
readonly mappingVersion: "v1";
|
|
62
|
+
readonly validationStatus: "approved";
|
|
63
|
+
}, {
|
|
64
|
+
readonly identity: "control-state.unselected";
|
|
65
|
+
readonly mode: "dark";
|
|
66
|
+
readonly outputName: "--control-state-unselected";
|
|
67
|
+
readonly substrate: "semantic-neutral-500";
|
|
68
|
+
readonly value: "var(--semantic-neutral-500)";
|
|
69
|
+
readonly mappingVersion: "v1";
|
|
70
|
+
readonly validationStatus: "approved";
|
|
71
|
+
}];
|
|
72
|
+
export declare function getControlStateColorValue(mode: ControlStateColorMode, outputName: TokenOutputVariableName): "var(--semantic-brand-600)" | "var(--semantic-neutral-500)" | "var(--semantic-brand-500)" | undefined;
|
|
73
|
+
export declare function validateControlStateColorArtifactRecords(): ControlStateColorArtifactValidationResult;
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { TokenOutputVariableName } from '../governance/migrationMappingRegistry';
|
|
2
|
+
export type FocusRingSemanticIdentity = 'focus-ring';
|
|
3
|
+
export type FocusRingMode = 'light' | 'dark';
|
|
4
|
+
export interface FocusRingSemanticOutputRecord {
|
|
5
|
+
identity: FocusRingSemanticIdentity;
|
|
6
|
+
outputName: TokenOutputVariableName;
|
|
7
|
+
sourceAuthority: readonly string[];
|
|
8
|
+
contractVersion: 'v1';
|
|
9
|
+
validationStatus: 'approved';
|
|
10
|
+
}
|
|
11
|
+
export interface FocusRingMappingRecord {
|
|
12
|
+
identity: FocusRingSemanticIdentity;
|
|
13
|
+
mode: FocusRingMode;
|
|
14
|
+
outputName: TokenOutputVariableName;
|
|
15
|
+
substrate: string;
|
|
16
|
+
value: string;
|
|
17
|
+
mappingVersion: 'v1';
|
|
18
|
+
validationStatus: 'approved';
|
|
19
|
+
}
|
|
20
|
+
export interface FocusRingArtifactValidationResult {
|
|
21
|
+
valid: boolean;
|
|
22
|
+
semanticRecordsChecked: number;
|
|
23
|
+
mappingRecordsChecked: number;
|
|
24
|
+
errors: string[];
|
|
25
|
+
}
|
|
26
|
+
export declare const focusRingSemanticOutputRecords: readonly [{
|
|
27
|
+
readonly identity: "focus-ring";
|
|
28
|
+
readonly outputName: "--focus-ring";
|
|
29
|
+
readonly sourceAuthority: readonly ["focus-ring-contract-decision.md", "focus-ring-output-architecture-decision.md", "focus-ring-artifact-specification.md", "focus-ring-theme-mapping-review.md"];
|
|
30
|
+
readonly contractVersion: "v1";
|
|
31
|
+
readonly validationStatus: "approved";
|
|
32
|
+
}];
|
|
33
|
+
export declare const focusRingMappingRecords: readonly [{
|
|
34
|
+
readonly identity: "focus-ring";
|
|
35
|
+
readonly mode: "light";
|
|
36
|
+
readonly outputName: "--focus-ring";
|
|
37
|
+
readonly substrate: "semantic-brand-600";
|
|
38
|
+
readonly value: "var(--semantic-brand-600)";
|
|
39
|
+
readonly mappingVersion: "v1";
|
|
40
|
+
readonly validationStatus: "approved";
|
|
41
|
+
}, {
|
|
42
|
+
readonly identity: "focus-ring";
|
|
43
|
+
readonly mode: "dark";
|
|
44
|
+
readonly outputName: "--focus-ring";
|
|
45
|
+
readonly substrate: "semantic-brand-500";
|
|
46
|
+
readonly value: "var(--semantic-brand-500)";
|
|
47
|
+
readonly mappingVersion: "v1";
|
|
48
|
+
readonly validationStatus: "approved";
|
|
49
|
+
}];
|
|
50
|
+
export declare function getFocusRingValue(mode: FocusRingMode): "var(--semantic-brand-600)" | "var(--semantic-brand-500)" | undefined;
|
|
51
|
+
export declare function validateFocusRingArtifactRecords(): FocusRingArtifactValidationResult;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { LegacyCssVariableName, TokenOutputVariableName } from '../governance/migrationMappingRegistry';
|
|
2
|
-
export type TokenOutputContractGroup = 'action' | 'background' | 'border' | 'content' | 'dimension' | 'compatibility';
|
|
2
|
+
export type TokenOutputContractGroup = 'action' | 'background' | 'border' | 'control-state' | 'focus' | 'content' | 'dimension' | 'compatibility';
|
|
3
3
|
export type TokenOutputContractDeliveryKind = 'css-variable';
|
|
4
4
|
export type TokenOutputContractLifecycle = 'active' | 'deprecated' | 'compatibility';
|
|
5
5
|
export interface TokenOutputContractCompatibility {
|
|
@@ -106,6 +106,8 @@ var contentOutputNames = [
|
|
|
106
106
|
"--content-negative-primary",
|
|
107
107
|
"--content-negative-secondary"
|
|
108
108
|
];
|
|
109
|
+
var controlStateOutputNames = ["--control-state-selected", "--control-state-unselected"];
|
|
110
|
+
var focusOutputNames = ["--focus-ring"];
|
|
109
111
|
var dimensionOutputNames = [
|
|
110
112
|
"--dimension-0",
|
|
111
113
|
"--dimension-0-5",
|
|
@@ -128,6 +130,8 @@ var tokenOutputContractEntries = [
|
|
|
128
130
|
...createEntries("action", actionOutputNames),
|
|
129
131
|
...createEntries("background", backgroundOutputNames),
|
|
130
132
|
...createEntries("border", borderOutputNames),
|
|
133
|
+
...createEntries("control-state", controlStateOutputNames),
|
|
134
|
+
...createEntries("focus", focusOutputNames),
|
|
131
135
|
...createEntries("content", contentOutputNames),
|
|
132
136
|
...createEntries("dimension", dimensionOutputNames)
|
|
133
137
|
];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tokenOutputContract.js","names":[],"sources":["../../../src/theme/contract/tokenOutputContract.ts"],"sourcesContent":["import {\n migrationMappingRegistry,\n type LegacyCssVariableName,\n type TokenOutputVariableName,\n} from '../governance/migrationMappingRegistry';\n\nexport type TokenOutputContractGroup =\n | 'action'\n | 'background'\n | 'border'\n | 'content'\n | 'dimension'\n | 'compatibility';\n\nexport type TokenOutputContractDeliveryKind = 'css-variable';\n\nexport type TokenOutputContractLifecycle =\n | 'active'\n | 'deprecated'\n | 'compatibility';\n\nexport interface TokenOutputContractCompatibility {\n source?: LegacyCssVariableName;\n reason: string;\n}\n\nexport interface TokenOutputContractEntry {\n name: TokenOutputVariableName;\n group: TokenOutputContractGroup;\n delivery: TokenOutputContractDeliveryKind;\n lifecycle: TokenOutputContractLifecycle;\n compatibility?: TokenOutputContractCompatibility;\n description?: string;\n}\n\nexport type TokenOutputContractValidationIssueCode =\n | 'duplicate-name'\n | 'invalid-name'\n | 'invalid-legacy-canonical-name'\n | 'invalid-compatibility-name'\n | 'missing-published-migration-target'\n | 'legacy-source-promoted-to-canonical-output';\n\nexport interface TokenOutputContractValidationIssue {\n code: TokenOutputContractValidationIssueCode;\n name: string;\n message: string;\n}\n\nexport interface TokenOutputContractValidationReport {\n valid: boolean;\n entriesChecked: number;\n errors: TokenOutputContractValidationIssue[];\n}\n\nconst legacySourcePrefixes = [\n '--alias-',\n '--interaction-',\n '--non-semantic-',\n] as const;\n\nfunction createEntries(\n group: TokenOutputContractGroup,\n names: readonly TokenOutputVariableName[],\n): TokenOutputContractEntry[] {\n return names.map((name) => ({\n name,\n group,\n delivery: 'css-variable',\n lifecycle: 'active',\n compatibility: undefined,\n }));\n}\n\nfunction actionStates(\n family: string,\n states: readonly string[] = ['normal', 'hover', 'active', 'selected'],\n): TokenOutputVariableName[] {\n return states.map((state) => `--action-${family}-${state}` as const);\n}\n\nconst actionOutputNames: TokenOutputVariableName[] = [\n ...actionStates('primary'),\n ...actionStates('primary-subtle'),\n ...actionStates('neutral'),\n ...actionStates('neutral-subtle'),\n ...actionStates('destructive'),\n ...actionStates('destructive-subtle'),\n ...actionStates('ghost'),\n ...actionStates('ghost-inverted', ['hover', 'active', 'selected']),\n ...actionStates('ghost-destructive', ['hover', 'active', 'selected']),\n ...actionStates('inverted'),\n];\n\nconst backgroundOutputNames: TokenOutputVariableName[] = [\n '--background-default',\n '--background-inverted',\n '--background-brand-muted',\n '--background-brand-on-subtle',\n '--background-brand-strong',\n '--background-neutral-hard',\n '--background-neutral-muted',\n '--background-neutral-on-subtle',\n '--background-neutral-strong',\n '--background-neutral-subtle',\n '--background-neutral-surface',\n '--background-informative-muted',\n '--background-informative-on-subtle',\n '--background-informative-strong',\n '--background-informative-subtle',\n '--background-informative-surface',\n '--background-positive-muted',\n '--background-positive-on-subtle',\n '--background-positive-strong',\n '--background-positive-subtle',\n '--background-positive-surface',\n '--background-warning-muted',\n '--background-warning-on-subtle',\n '--background-warning-strong',\n '--background-warning-subtle',\n '--background-warning-surface',\n '--background-negative-muted',\n '--background-negative-on-subtle',\n '--background-negative-strong',\n '--background-negative-subtle',\n '--background-negative-surface',\n];\n\nconst borderOutputNames: TokenOutputVariableName[] = [\n '--border-default',\n '--border-default-alpha',\n '--border-inverted',\n '--border-brand-strong',\n '--border-brand-subtle',\n '--border-neutral-strong',\n '--border-neutral-subtle',\n '--border-informative-strong',\n '--border-informative-subtle',\n '--border-positive-strong',\n '--border-positive-subtle',\n '--border-warning-strong',\n '--border-warning-subtle',\n '--border-negative-strong',\n '--border-negative-subtle',\n];\n\nconst contentOutputNames: TokenOutputVariableName[] = [\n '--content-primary',\n '--content-secondary',\n '--content-tertiary',\n '--content-disabled',\n '--content-brand-primary',\n '--content-brand-secondary',\n '--content-inverted-primary',\n '--content-inverted-secondary',\n '--content-inverted-tertiary',\n '--content-inverted-disabled',\n '--content-informative-primary',\n '--content-informative-secondary',\n '--content-positive-primary',\n '--content-positive-secondary',\n '--content-warning-primary',\n '--content-warning-secondary',\n '--content-negative-primary',\n '--content-negative-secondary',\n];\n\nconst dimensionOutputNames: TokenOutputVariableName[] = [\n '--dimension-0',\n '--dimension-0-5',\n '--dimension-1',\n '--dimension-1-5',\n '--dimension-2',\n '--dimension-3',\n '--dimension-4',\n '--dimension-5',\n '--dimension-6',\n '--dimension-8',\n '--dimension-10',\n '--dimension-12',\n '--dimension-14',\n '--dimension-16',\n '--dimension-18',\n '--dimension-20',\n];\n\nexport const tokenOutputContractEntries = [\n ...createEntries('action', actionOutputNames),\n ...createEntries('background', backgroundOutputNames),\n ...createEntries('border', borderOutputNames),\n ...createEntries('content', contentOutputNames),\n ...createEntries('dimension', dimensionOutputNames),\n] as const satisfies readonly TokenOutputContractEntry[];\n\nfunction isLegacySourceName(name: string) {\n return legacySourcePrefixes.some((prefix) => name.startsWith(prefix));\n}\n\nfunction createEntryMap(entries = tokenOutputContractEntries) {\n return new Map(entries.map((entry) => [entry.name, entry]));\n}\n\nexport function getTokenOutputContractEntries(): TokenOutputContractEntry[] {\n return [...tokenOutputContractEntries];\n}\n\nexport function getTokenOutputContractEntry(\n name: string,\n): TokenOutputContractEntry | undefined {\n return createEntryMap().get(name as TokenOutputVariableName);\n}\n\nexport function isTokenOutputContractName(\n name: string,\n): name is TokenOutputVariableName {\n return createEntryMap().has(name as TokenOutputVariableName);\n}\n\nexport function getTokenOutputContractEntriesByGroup(\n group: TokenOutputContractGroup,\n): TokenOutputContractEntry[] {\n return tokenOutputContractEntries.filter((entry) => entry.group === group);\n}\n\nexport function getCanonicalTokenOutputContractEntries(): TokenOutputContractEntry[] {\n return tokenOutputContractEntries.filter(\n (entry) => entry.lifecycle === 'active' && !entry.compatibility,\n );\n}\n\nexport function getCompatibilityTokenOutputContractEntries(): TokenOutputContractEntry[] {\n return tokenOutputContractEntries.filter(\n (entry) =>\n entry.lifecycle === 'compatibility' || Boolean(entry.compatibility),\n );\n}\n\nfunction createError(\n code: TokenOutputContractValidationIssueCode,\n name: string,\n message: string,\n): TokenOutputContractValidationIssue {\n return { code, name, message };\n}\n\nexport function validateTokenOutputContract(\n entries: readonly TokenOutputContractEntry[] = tokenOutputContractEntries,\n): TokenOutputContractValidationReport {\n const errors: TokenOutputContractValidationIssue[] = [];\n const seen = new Set<string>();\n const entryMap = createEntryMap(entries);\n\n for (const entry of entries) {\n if (seen.has(entry.name)) {\n errors.push(\n createError(\n 'duplicate-name',\n entry.name,\n `${entry.name} is duplicated in Token Output Contract.`,\n ),\n );\n }\n seen.add(entry.name);\n\n if (!entry.name.startsWith('--')) {\n errors.push(\n createError(\n 'invalid-name',\n entry.name,\n `${entry.name} must be a CSS custom property name.`,\n ),\n );\n }\n\n if (\n entry.lifecycle === 'active' &&\n !entry.compatibility &&\n isLegacySourceName(entry.name)\n ) {\n errors.push(\n createError(\n 'invalid-legacy-canonical-name',\n entry.name,\n `${entry.name} must not be promoted to active canonical output.`,\n ),\n );\n }\n\n if (\n isLegacySourceName(entry.name) &&\n (entry.lifecycle !== 'compatibility' || !entry.compatibility)\n ) {\n errors.push(\n createError(\n 'invalid-compatibility-name',\n entry.name,\n `${entry.name} uses legacy naming and must be explicit compatibility output.`,\n ),\n );\n }\n }\n\n for (const mapping of migrationMappingRegistry) {\n if (mapping.lifecycle === 'published' && mapping.target) {\n if (!entryMap.has(mapping.target)) {\n errors.push(\n createError(\n 'missing-published-migration-target',\n mapping.target,\n `${mapping.target} is targeted by ${mapping.source} but is not in Token Output Contract.`,\n ),\n );\n }\n }\n\n const sourceEntry = entryMap.get(mapping.source);\n if (\n sourceEntry &&\n sourceEntry.lifecycle === 'active' &&\n !sourceEntry.compatibility\n ) {\n errors.push(\n createError(\n 'legacy-source-promoted-to-canonical-output',\n mapping.source,\n `${mapping.source} is a legacy source and must not be active canonical output.`,\n ),\n );\n }\n }\n\n return {\n valid: errors.length === 0,\n entriesChecked: entries.length,\n errors,\n };\n}\n"],"mappings":";AA6DA,SAAS,cACP,OACA,OAC4B;AAC5B,QAAO,MAAM,KAAK,UAAU;EAC1B;EACA;EACA,UAAU;EACV,WAAW;EACX,eAAe;EAChB,EAAE;;AAGL,SAAS,aACP,QACA,SAA4B;CAAC;CAAU;CAAS;CAAU;CAAW,EAC1C;AAC3B,QAAO,OAAO,KAAK,UAAU,YAAY,OAAO,GAAG,QAAiB;;AAGtE,IAAM,oBAA+C;CACnD,GAAG,aAAa,UAAU;CAC1B,GAAG,aAAa,iBAAiB;CACjC,GAAG,aAAa,UAAU;CAC1B,GAAG,aAAa,iBAAiB;CACjC,GAAG,aAAa,cAAc;CAC9B,GAAG,aAAa,qBAAqB;CACrC,GAAG,aAAa,QAAQ;CACxB,GAAG,aAAa,kBAAkB;EAAC;EAAS;EAAU;EAAW,CAAC;CAClE,GAAG,aAAa,qBAAqB;EAAC;EAAS;EAAU;EAAW,CAAC;CACrE,GAAG,aAAa,WAAW;CAC5B;AAED,IAAM,wBAAmD;CACvD;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,IAAM,oBAA+C;CACnD;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,IAAM,qBAAgD;CACpD;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,IAAM,uBAAkD;CACtD;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,IAAa,6BAA6B;CACxC,GAAG,cAAc,UAAU,kBAAkB;CAC7C,GAAG,cAAc,cAAc,sBAAsB;CACrD,GAAG,cAAc,UAAU,kBAAkB;CAC7C,GAAG,cAAc,WAAW,mBAAmB;CAC/C,GAAG,cAAc,aAAa,qBAAqB;CACpD;AAMD,SAAS,eAAe,UAAU,4BAA4B;AAC5D,QAAO,IAAI,IAAI,QAAQ,KAAK,UAAU,CAAC,MAAM,MAAM,MAAM,CAAC,CAAC;;AAG7D,SAAgB,gCAA4D;AAC1E,QAAO,CAAC,GAAG,2BAA2B;;AAGxC,SAAgB,4BACd,MACsC;AACtC,QAAO,gBAAgB,CAAC,IAAI,KAAgC;;AAS9D,SAAgB,qCACd,OAC4B;AAC5B,QAAO,2BAA2B,QAAQ,UAAU,MAAM,UAAU,MAAM;;AAG5E,SAAgB,yCAAqE;AACnF,QAAO,2BAA2B,QAC/B,UAAU,MAAM,cAAc,YAAY,CAAC,MAAM,cACnD;;AAGH,SAAgB,6CAAyE;AACvF,QAAO,2BAA2B,QAC/B,UACC,MAAM,cAAc,mBAAmB,QAAQ,MAAM,cAAc,CACtE"}
|
|
1
|
+
{"version":3,"file":"tokenOutputContract.js","names":[],"sources":["../../../src/theme/contract/tokenOutputContract.ts"],"sourcesContent":["import {\n migrationMappingRegistry,\n type LegacyCssVariableName,\n type TokenOutputVariableName,\n} from '../governance/migrationMappingRegistry';\n\nexport type TokenOutputContractGroup =\n | 'action'\n | 'background'\n | 'border'\n | 'control-state'\n | 'focus'\n | 'content'\n | 'dimension'\n | 'compatibility';\n\nexport type TokenOutputContractDeliveryKind = 'css-variable';\n\nexport type TokenOutputContractLifecycle =\n | 'active'\n | 'deprecated'\n | 'compatibility';\n\nexport interface TokenOutputContractCompatibility {\n source?: LegacyCssVariableName;\n reason: string;\n}\n\nexport interface TokenOutputContractEntry {\n name: TokenOutputVariableName;\n group: TokenOutputContractGroup;\n delivery: TokenOutputContractDeliveryKind;\n lifecycle: TokenOutputContractLifecycle;\n compatibility?: TokenOutputContractCompatibility;\n description?: string;\n}\n\nexport type TokenOutputContractValidationIssueCode =\n | 'duplicate-name'\n | 'invalid-name'\n | 'invalid-legacy-canonical-name'\n | 'invalid-compatibility-name'\n | 'missing-published-migration-target'\n | 'legacy-source-promoted-to-canonical-output';\n\nexport interface TokenOutputContractValidationIssue {\n code: TokenOutputContractValidationIssueCode;\n name: string;\n message: string;\n}\n\nexport interface TokenOutputContractValidationReport {\n valid: boolean;\n entriesChecked: number;\n errors: TokenOutputContractValidationIssue[];\n}\n\nconst legacySourcePrefixes = [\n '--alias-',\n '--interaction-',\n '--non-semantic-',\n] as const;\n\nfunction createEntries(\n group: TokenOutputContractGroup,\n names: readonly TokenOutputVariableName[],\n): TokenOutputContractEntry[] {\n return names.map((name) => ({\n name,\n group,\n delivery: 'css-variable',\n lifecycle: 'active',\n compatibility: undefined,\n }));\n}\n\nfunction actionStates(\n family: string,\n states: readonly string[] = ['normal', 'hover', 'active', 'selected'],\n): TokenOutputVariableName[] {\n return states.map((state) => `--action-${family}-${state}` as const);\n}\n\nconst actionOutputNames: TokenOutputVariableName[] = [\n ...actionStates('primary'),\n ...actionStates('primary-subtle'),\n ...actionStates('neutral'),\n ...actionStates('neutral-subtle'),\n ...actionStates('destructive'),\n ...actionStates('destructive-subtle'),\n ...actionStates('ghost'),\n ...actionStates('ghost-inverted', ['hover', 'active', 'selected']),\n ...actionStates('ghost-destructive', ['hover', 'active', 'selected']),\n ...actionStates('inverted'),\n];\n\nconst backgroundOutputNames: TokenOutputVariableName[] = [\n '--background-default',\n '--background-inverted',\n '--background-brand-muted',\n '--background-brand-on-subtle',\n '--background-brand-strong',\n '--background-neutral-hard',\n '--background-neutral-muted',\n '--background-neutral-on-subtle',\n '--background-neutral-strong',\n '--background-neutral-subtle',\n '--background-neutral-surface',\n '--background-informative-muted',\n '--background-informative-on-subtle',\n '--background-informative-strong',\n '--background-informative-subtle',\n '--background-informative-surface',\n '--background-positive-muted',\n '--background-positive-on-subtle',\n '--background-positive-strong',\n '--background-positive-subtle',\n '--background-positive-surface',\n '--background-warning-muted',\n '--background-warning-on-subtle',\n '--background-warning-strong',\n '--background-warning-subtle',\n '--background-warning-surface',\n '--background-negative-muted',\n '--background-negative-on-subtle',\n '--background-negative-strong',\n '--background-negative-subtle',\n '--background-negative-surface',\n];\n\nconst borderOutputNames: TokenOutputVariableName[] = [\n '--border-default',\n '--border-default-alpha',\n '--border-inverted',\n '--border-brand-strong',\n '--border-brand-subtle',\n '--border-neutral-strong',\n '--border-neutral-subtle',\n '--border-informative-strong',\n '--border-informative-subtle',\n '--border-positive-strong',\n '--border-positive-subtle',\n '--border-warning-strong',\n '--border-warning-subtle',\n '--border-negative-strong',\n '--border-negative-subtle',\n];\n\nconst contentOutputNames: TokenOutputVariableName[] = [\n '--content-primary',\n '--content-secondary',\n '--content-tertiary',\n '--content-disabled',\n '--content-brand-primary',\n '--content-brand-secondary',\n '--content-inverted-primary',\n '--content-inverted-secondary',\n '--content-inverted-tertiary',\n '--content-inverted-disabled',\n '--content-informative-primary',\n '--content-informative-secondary',\n '--content-positive-primary',\n '--content-positive-secondary',\n '--content-warning-primary',\n '--content-warning-secondary',\n '--content-negative-primary',\n '--content-negative-secondary',\n];\n\nconst controlStateOutputNames: TokenOutputVariableName[] = [\n '--control-state-selected',\n '--control-state-unselected',\n];\n\nconst focusOutputNames: TokenOutputVariableName[] = ['--focus-ring'];\n\nconst dimensionOutputNames: TokenOutputVariableName[] = [\n '--dimension-0',\n '--dimension-0-5',\n '--dimension-1',\n '--dimension-1-5',\n '--dimension-2',\n '--dimension-3',\n '--dimension-4',\n '--dimension-5',\n '--dimension-6',\n '--dimension-8',\n '--dimension-10',\n '--dimension-12',\n '--dimension-14',\n '--dimension-16',\n '--dimension-18',\n '--dimension-20',\n];\n\nexport const tokenOutputContractEntries = [\n ...createEntries('action', actionOutputNames),\n ...createEntries('background', backgroundOutputNames),\n ...createEntries('border', borderOutputNames),\n ...createEntries('control-state', controlStateOutputNames),\n ...createEntries('focus', focusOutputNames),\n ...createEntries('content', contentOutputNames),\n ...createEntries('dimension', dimensionOutputNames),\n] as const satisfies readonly TokenOutputContractEntry[];\n\nfunction isLegacySourceName(name: string) {\n return legacySourcePrefixes.some((prefix) => name.startsWith(prefix));\n}\n\nfunction createEntryMap(entries = tokenOutputContractEntries) {\n return new Map(entries.map((entry) => [entry.name, entry]));\n}\n\nexport function getTokenOutputContractEntries(): TokenOutputContractEntry[] {\n return [...tokenOutputContractEntries];\n}\n\nexport function getTokenOutputContractEntry(\n name: string,\n): TokenOutputContractEntry | undefined {\n return createEntryMap().get(name as TokenOutputVariableName);\n}\n\nexport function isTokenOutputContractName(\n name: string,\n): name is TokenOutputVariableName {\n return createEntryMap().has(name as TokenOutputVariableName);\n}\n\nexport function getTokenOutputContractEntriesByGroup(\n group: TokenOutputContractGroup,\n): TokenOutputContractEntry[] {\n return tokenOutputContractEntries.filter((entry) => entry.group === group);\n}\n\nexport function getCanonicalTokenOutputContractEntries(): TokenOutputContractEntry[] {\n return tokenOutputContractEntries.filter(\n (entry) => entry.lifecycle === 'active' && !entry.compatibility,\n );\n}\n\nexport function getCompatibilityTokenOutputContractEntries(): TokenOutputContractEntry[] {\n return tokenOutputContractEntries.filter(\n (entry) =>\n entry.lifecycle === 'compatibility' || Boolean(entry.compatibility),\n );\n}\n\nfunction createError(\n code: TokenOutputContractValidationIssueCode,\n name: string,\n message: string,\n): TokenOutputContractValidationIssue {\n return { code, name, message };\n}\n\nexport function validateTokenOutputContract(\n entries: readonly TokenOutputContractEntry[] = tokenOutputContractEntries,\n): TokenOutputContractValidationReport {\n const errors: TokenOutputContractValidationIssue[] = [];\n const seen = new Set<string>();\n const entryMap = createEntryMap(entries);\n\n for (const entry of entries) {\n if (seen.has(entry.name)) {\n errors.push(\n createError(\n 'duplicate-name',\n entry.name,\n `${entry.name} is duplicated in Token Output Contract.`,\n ),\n );\n }\n seen.add(entry.name);\n\n if (!entry.name.startsWith('--')) {\n errors.push(\n createError(\n 'invalid-name',\n entry.name,\n `${entry.name} must be a CSS custom property name.`,\n ),\n );\n }\n\n if (\n entry.lifecycle === 'active' &&\n !entry.compatibility &&\n isLegacySourceName(entry.name)\n ) {\n errors.push(\n createError(\n 'invalid-legacy-canonical-name',\n entry.name,\n `${entry.name} must not be promoted to active canonical output.`,\n ),\n );\n }\n\n if (\n isLegacySourceName(entry.name) &&\n (entry.lifecycle !== 'compatibility' || !entry.compatibility)\n ) {\n errors.push(\n createError(\n 'invalid-compatibility-name',\n entry.name,\n `${entry.name} uses legacy naming and must be explicit compatibility output.`,\n ),\n );\n }\n }\n\n for (const mapping of migrationMappingRegistry) {\n if (mapping.lifecycle === 'published' && mapping.target) {\n if (!entryMap.has(mapping.target)) {\n errors.push(\n createError(\n 'missing-published-migration-target',\n mapping.target,\n `${mapping.target} is targeted by ${mapping.source} but is not in Token Output Contract.`,\n ),\n );\n }\n }\n\n const sourceEntry = entryMap.get(mapping.source);\n if (\n sourceEntry &&\n sourceEntry.lifecycle === 'active' &&\n !sourceEntry.compatibility\n ) {\n errors.push(\n createError(\n 'legacy-source-promoted-to-canonical-output',\n mapping.source,\n `${mapping.source} is a legacy source and must not be active canonical output.`,\n ),\n );\n }\n }\n\n return {\n valid: errors.length === 0,\n entriesChecked: entries.length,\n errors,\n };\n}\n"],"mappings":";AA+DA,SAAS,cACP,OACA,OAC4B;AAC5B,QAAO,MAAM,KAAK,UAAU;EAC1B;EACA;EACA,UAAU;EACV,WAAW;EACX,eAAe;EAChB,EAAE;;AAGL,SAAS,aACP,QACA,SAA4B;CAAC;CAAU;CAAS;CAAU;CAAW,EAC1C;AAC3B,QAAO,OAAO,KAAK,UAAU,YAAY,OAAO,GAAG,QAAiB;;AAGtE,IAAM,oBAA+C;CACnD,GAAG,aAAa,UAAU;CAC1B,GAAG,aAAa,iBAAiB;CACjC,GAAG,aAAa,UAAU;CAC1B,GAAG,aAAa,iBAAiB;CACjC,GAAG,aAAa,cAAc;CAC9B,GAAG,aAAa,qBAAqB;CACrC,GAAG,aAAa,QAAQ;CACxB,GAAG,aAAa,kBAAkB;EAAC;EAAS;EAAU;EAAW,CAAC;CAClE,GAAG,aAAa,qBAAqB;EAAC;EAAS;EAAU;EAAW,CAAC;CACrE,GAAG,aAAa,WAAW;CAC5B;AAED,IAAM,wBAAmD;CACvD;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,IAAM,oBAA+C;CACnD;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,IAAM,qBAAgD;CACpD;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,IAAM,0BAAqD,CACzD,4BACA,6BACD;AAED,IAAM,mBAA8C,CAAC,eAAe;AAEpE,IAAM,uBAAkD;CACtD;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,IAAa,6BAA6B;CACxC,GAAG,cAAc,UAAU,kBAAkB;CAC7C,GAAG,cAAc,cAAc,sBAAsB;CACrD,GAAG,cAAc,UAAU,kBAAkB;CAC7C,GAAG,cAAc,iBAAiB,wBAAwB;CAC1D,GAAG,cAAc,SAAS,iBAAiB;CAC3C,GAAG,cAAc,WAAW,mBAAmB;CAC/C,GAAG,cAAc,aAAa,qBAAqB;CACpD;AAMD,SAAS,eAAe,UAAU,4BAA4B;AAC5D,QAAO,IAAI,IAAI,QAAQ,KAAK,UAAU,CAAC,MAAM,MAAM,MAAM,CAAC,CAAC;;AAG7D,SAAgB,gCAA4D;AAC1E,QAAO,CAAC,GAAG,2BAA2B;;AAGxC,SAAgB,4BACd,MACsC;AACtC,QAAO,gBAAgB,CAAC,IAAI,KAAgC;;AAS9D,SAAgB,qCACd,OAC4B;AAC5B,QAAO,2BAA2B,QAAQ,UAAU,MAAM,UAAU,MAAM;;AAG5E,SAAgB,yCAAqE;AACnF,QAAO,2BAA2B,QAC/B,UAAU,MAAM,cAAc,YAAY,CAAC,MAAM,cACnD;;AAGH,SAAgB,6CAAyE;AACvF,QAAO,2BAA2B,QAC/B,UACC,MAAM,cAAc,mBAAmB,QAAQ,MAAM,cAAc,CACtE"}
|
|
@@ -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-4957235d";
|
|
@@ -84,6 +84,9 @@ var aldDarkBaselineDeclarations = Object.freeze({
|
|
|
84
84
|
"--border-warning-subtle": "var(--semantic-warning-700)",
|
|
85
85
|
"--border-negative-strong": "var(--semantic-negative-500)",
|
|
86
86
|
"--border-negative-subtle": "var(--semantic-negative-700)",
|
|
87
|
+
"--control-state-selected": "var(--semantic-brand-500)",
|
|
88
|
+
"--control-state-unselected": "var(--semantic-neutral-500)",
|
|
89
|
+
"--focus-ring": "var(--semantic-brand-500)",
|
|
87
90
|
"--content-primary": "var(--semantic-neutral-50)",
|
|
88
91
|
"--content-secondary": "var(--semantic-neutral-200)",
|
|
89
92
|
"--content-tertiary": "var(--semantic-neutral-400)",
|
|
@@ -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-4957235d. */\n\nimport type { AldThemeCssVars } from '../../types';\n\nexport const aldDarkBaselineDeclarations = Object.freeze({\n '--action-primary-normal': 'var(--semantic-brand-500)',\n '--action-primary-hover': 'var(--semantic-brand-400)',\n '--action-primary-active': 'var(--semantic-brand-600)',\n '--action-primary-selected': 'var(--semantic-brand-900)',\n '--action-primary-subtle-normal': 'var(--semantic-brand-900)',\n '--action-primary-subtle-hover': 'var(--semantic-brand-800)',\n '--action-primary-subtle-active': 'var(--semantic-brand-700)',\n '--action-primary-subtle-selected': 'var(--semantic-brand-900)',\n '--action-neutral-normal': 'var(--semantic-neutral-800)',\n '--action-neutral-hover': 'var(--semantic-neutral-700)',\n '--action-neutral-active': 'var(--semantic-neutral-600)',\n '--action-neutral-selected': 'var(--semantic-neutral-800)',\n '--action-neutral-subtle-normal': 'var(--semantic-neutral-900)',\n '--action-neutral-subtle-hover': 'var(--semantic-neutral-800)',\n '--action-neutral-subtle-active': 'var(--semantic-neutral-700)',\n '--action-neutral-subtle-selected': 'var(--semantic-neutral-800)',\n '--action-destructive-normal': 'var(--semantic-negative-500)',\n '--action-destructive-hover': 'var(--semantic-negative-400)',\n '--action-destructive-active': 'var(--semantic-negative-600)',\n '--action-destructive-selected': 'var(--semantic-negative-900)',\n '--action-destructive-subtle-normal': 'var(--semantic-negative-900)',\n '--action-destructive-subtle-hover': 'var(--semantic-negative-800)',\n '--action-destructive-subtle-active': 'var(--semantic-negative-700)',\n '--action-destructive-subtle-selected': 'var(--semantic-negative-900)',\n '--action-ghost-normal': 'var(--global-transparent-transparent)',\n '--action-ghost-hover': 'var(--global-white-alpha-100)',\n '--action-ghost-active': 'var(--global-white-alpha-200)',\n '--action-ghost-selected': 'var(--global-white-alpha-100)',\n '--action-ghost-inverted-hover': 'var(--semantic-neutral-alpha-100)',\n '--action-ghost-inverted-active': 'var(--semantic-neutral-alpha-200)',\n '--action-ghost-inverted-selected': 'var(--semantic-neutral-alpha-100)',\n '--action-ghost-destructive-hover': 'var(--semantic-negative-900)',\n '--action-ghost-destructive-active': 'var(--semantic-negative-800)',\n '--action-ghost-destructive-selected': 'var(--semantic-negative-900)',\n '--action-inverted-normal': 'var(--semantic-neutral-neutral-0)',\n '--action-inverted-hover': 'var(--semantic-neutral-100)',\n '--action-inverted-active': 'var(--semantic-neutral-200)',\n '--action-inverted-selected': 'var(--semantic-neutral-100)',\n '--background-default': 'var(--semantic-neutral-950)',\n '--background-inverted': 'var(--semantic-neutral-neutral-0)',\n '--background-brand-muted': 'var(--semantic-brand-900)',\n '--background-brand-on-subtle': 'var(--semantic-brand-800)',\n '--background-brand-strong': 'var(--semantic-brand-500)',\n '--background-neutral-hard': 'var(--semantic-neutral-700)',\n '--background-neutral-muted': 'var(--semantic-neutral-800)',\n '--background-neutral-on-subtle': 'var(--semantic-neutral-800)',\n '--background-neutral-strong': 'var(--semantic-neutral-700)',\n '--background-neutral-subtle': 'var(--semantic-neutral-900)',\n '--background-neutral-surface': 'var(--semantic-neutral-900)',\n '--background-informative-muted': 'var(--semantic-informative-900)',\n '--background-informative-on-subtle': 'var(--semantic-informative-800)',\n '--background-informative-strong': 'var(--semantic-informative-500)',\n '--background-informative-subtle': 'var(--semantic-informative-900)',\n '--background-informative-surface': 'var(--semantic-neutral-950)',\n '--background-positive-muted': 'var(--semantic-positive-900)',\n '--background-positive-on-subtle': 'var(--semantic-positive-800)',\n '--background-positive-strong': 'var(--semantic-positive-500)',\n '--background-positive-subtle': 'var(--semantic-positive-900)',\n '--background-positive-surface': 'var(--semantic-neutral-950)',\n '--background-warning-muted': 'var(--semantic-warning-900)',\n '--background-warning-on-subtle': 'var(--semantic-warning-800)',\n '--background-warning-strong': 'var(--semantic-warning-500)',\n '--background-warning-subtle': 'var(--semantic-warning-900)',\n '--background-warning-surface': 'var(--semantic-neutral-950)',\n '--background-negative-muted': 'var(--semantic-negative-900)',\n '--background-negative-on-subtle': 'var(--semantic-negative-800)',\n '--background-negative-strong': 'var(--semantic-negative-500)',\n '--background-negative-subtle': 'var(--semantic-negative-900)',\n '--background-negative-surface': 'var(--semantic-neutral-950)',\n '--border-default': 'var(--semantic-neutral-700)',\n '--border-default-alpha': 'var(--global-white-alpha-200)',\n '--border-inverted': 'var(--semantic-neutral-900)',\n '--border-brand-strong': 'var(--semantic-brand-500)',\n '--border-brand-subtle': 'var(--semantic-brand-700)',\n '--border-neutral-strong': 'var(--semantic-neutral-600)',\n '--border-neutral-subtle': 'var(--semantic-neutral-800)',\n '--border-informative-strong': 'var(--semantic-informative-500)',\n '--border-informative-subtle': 'var(--semantic-informative-700)',\n '--border-positive-strong': 'var(--semantic-positive-500)',\n '--border-positive-subtle': 'var(--semantic-positive-700)',\n '--border-warning-strong': 'var(--semantic-warning-500)',\n '--border-warning-subtle': 'var(--semantic-warning-700)',\n '--border-negative-strong': 'var(--semantic-negative-500)',\n '--border-negative-subtle': 'var(--semantic-negative-700)',\n '--control-state-selected': 'var(--semantic-brand-500)',\n '--control-state-unselected': 'var(--semantic-neutral-500)',\n '--focus-ring': 'var(--semantic-brand-500)',\n '--content-primary': 'var(--semantic-neutral-50)',\n '--content-secondary': 'var(--semantic-neutral-200)',\n '--content-tertiary': 'var(--semantic-neutral-400)',\n '--content-disabled': 'var(--semantic-neutral-600)',\n '--content-brand-primary': 'var(--semantic-brand-400)',\n '--content-brand-secondary': 'var(--semantic-brand-500)',\n '--content-inverted-primary': 'var(--semantic-neutral-900)',\n '--content-inverted-secondary': 'var(--semantic-neutral-600)',\n '--content-inverted-tertiary': 'var(--semantic-neutral-500)',\n '--content-inverted-disabled': 'var(--semantic-neutral-400)',\n '--content-informative-primary': 'var(--semantic-informative-300)',\n '--content-informative-secondary': 'var(--semantic-informative-400)',\n '--content-positive-primary': 'var(--semantic-positive-300)',\n '--content-positive-secondary': 'var(--semantic-positive-400)',\n '--content-warning-primary': 'var(--semantic-warning-300)',\n '--content-warning-secondary': 'var(--semantic-warning-400)',\n '--content-negative-primary': 'var(--semantic-negative-300)',\n '--content-negative-secondary': 'var(--semantic-negative-400)',\n '--dimension-0': '0px',\n '--dimension-0-5': '2px',\n '--dimension-1': '4px',\n '--dimension-1-5': '6px',\n '--dimension-2': '8px',\n '--dimension-3': '12px',\n '--dimension-4': '16px',\n '--dimension-5': '20px',\n '--dimension-6': '24px',\n '--dimension-8': '32px',\n '--dimension-10': '40px',\n '--dimension-12': '48px',\n '--dimension-14': '56px',\n '--dimension-16': '64px',\n '--dimension-18': '72px',\n '--dimension-20': '80px',\n}) as AldThemeCssVars;\n\nexport const aldDarkBaselineDeclarationsFingerprint = 'fnv1a-4957235d';\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"}
|
|
@@ -84,6 +84,9 @@ var aldV3BaselineDeclarations = Object.freeze({
|
|
|
84
84
|
"--border-warning-subtle": "var(--semantic-warning-300)",
|
|
85
85
|
"--border-negative-strong": "var(--semantic-negative-600)",
|
|
86
86
|
"--border-negative-subtle": "var(--semantic-negative-300)",
|
|
87
|
+
"--control-state-selected": "var(--semantic-brand-600)",
|
|
88
|
+
"--control-state-unselected": "var(--semantic-neutral-500)",
|
|
89
|
+
"--focus-ring": "var(--semantic-brand-600)",
|
|
87
90
|
"--content-primary": "var(--semantic-neutral-900)",
|
|
88
91
|
"--content-secondary": "var(--semantic-neutral-600)",
|
|
89
92
|
"--content-tertiary": "var(--semantic-neutral-500)",
|
|
@@ -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-73c001e2. */\n\nimport type { AldThemeCssVars } from '../../types';\n\nexport const aldV3BaselineDeclarations = Object.freeze({\n '--action-primary-normal': 'var(--semantic-brand-600)',\n '--action-primary-hover': 'var(--semantic-brand-800)',\n '--action-primary-active': 'var(--semantic-brand-900)',\n '--action-primary-selected': 'var(--semantic-brand-800)',\n '--action-primary-subtle-normal': 'var(--semantic-brand-50)',\n '--action-primary-subtle-hover': 'var(--semantic-brand-100)',\n '--action-primary-subtle-active': 'var(--semantic-brand-300)',\n '--action-primary-subtle-selected': 'var(--semantic-brand-100)',\n '--action-neutral-normal': 'var(--semantic-neutral-700)',\n '--action-neutral-hover': 'var(--semantic-neutral-800)',\n '--action-neutral-active': 'var(--semantic-neutral-900)',\n '--action-neutral-selected': 'var(--semantic-neutral-800)',\n '--action-neutral-subtle-normal': 'var(--semantic-neutral-50)',\n '--action-neutral-subtle-hover': 'var(--semantic-neutral-100)',\n '--action-neutral-subtle-active': 'var(--semantic-neutral-300)',\n '--action-neutral-subtle-selected': 'var(--semantic-neutral-100)',\n '--action-destructive-normal': 'var(--semantic-negative-600)',\n '--action-destructive-hover': 'var(--semantic-negative-800)',\n '--action-destructive-active': 'var(--semantic-negative-900)',\n '--action-destructive-selected': 'var(--semantic-negative-800)',\n '--action-destructive-subtle-normal': 'var(--semantic-negative-50)',\n '--action-destructive-subtle-hover': 'var(--semantic-negative-100)',\n '--action-destructive-subtle-active': 'var(--semantic-negative-300)',\n '--action-destructive-subtle-selected': 'var(--semantic-negative-100)',\n '--action-ghost-normal': 'var(--global-transparent-transparent)',\n '--action-ghost-hover': 'var(--semantic-neutral-alpha-50)',\n '--action-ghost-active': 'var(--semantic-neutral-alpha-100)',\n '--action-ghost-selected': 'var(--semantic-neutral-alpha-50)',\n '--action-ghost-inverted-hover': 'var(--global-white-alpha-200)',\n '--action-ghost-inverted-active': 'var(--global-white-alpha-300)',\n '--action-ghost-inverted-selected': 'var(--global-white-alpha-200)',\n '--action-ghost-destructive-hover': 'var(--semantic-negative-50)',\n '--action-ghost-destructive-active': 'var(--semantic-negative-100)',\n '--action-ghost-destructive-selected': 'var(--semantic-negative-50)',\n '--action-inverted-normal': 'var(--global-white-alpha-950)',\n '--action-inverted-hover': 'var(--global-white-alpha-900)',\n '--action-inverted-active': 'var(--global-white-alpha-800)',\n '--action-inverted-selected': 'var(--global-white-alpha-900)',\n '--background-default': 'var(--global-white-alpha-950)',\n '--background-inverted': 'var(--semantic-neutral-900)',\n '--background-brand-muted': 'var(--semantic-brand-200)',\n '--background-brand-on-subtle': 'var(--semantic-brand-100)',\n '--background-brand-strong': 'var(--semantic-brand-600)',\n '--background-neutral-hard': 'var(--semantic-neutral-800)',\n '--background-neutral-muted': 'var(--semantic-neutral-200)',\n '--background-neutral-on-subtle': 'var(--semantic-neutral-100)',\n '--background-neutral-strong': 'var(--semantic-neutral-600)',\n '--background-neutral-subtle': 'var(--semantic-neutral-25)',\n '--background-neutral-surface': 'var(--semantic-neutral-neutral-0)',\n '--background-informative-muted': 'var(--semantic-informative-200)',\n '--background-informative-on-subtle': 'var(--semantic-informative-100)',\n '--background-informative-strong': 'var(--semantic-informative-600)',\n '--background-informative-subtle': 'var(--semantic-informative-25)',\n '--background-informative-surface':\n 'var(--semantic-informative-informative-0)',\n '--background-positive-muted': 'var(--semantic-positive-200)',\n '--background-positive-on-subtle': 'var(--semantic-positive-100)',\n '--background-positive-strong': 'var(--semantic-positive-600)',\n '--background-positive-subtle': 'var(--semantic-positive-25)',\n '--background-positive-surface': 'var(--semantic-positive-0)',\n '--background-warning-muted': 'var(--semantic-warning-200)',\n '--background-warning-on-subtle': 'var(--semantic-warning-100)',\n '--background-warning-strong': 'var(--semantic-warning-600)',\n '--background-warning-subtle': 'var(--semantic-warning-25)',\n '--background-warning-surface': 'var(--semantic-warning-0)',\n '--background-negative-muted': 'var(--semantic-negative-200)',\n '--background-negative-on-subtle': 'var(--semantic-negative-100)',\n '--background-negative-strong': 'var(--semantic-negative-600)',\n '--background-negative-subtle': 'var(--semantic-negative-25)',\n '--background-negative-surface': 'var(--semantic-negative-0)',\n '--border-default': 'var(--semantic-neutral-300)',\n '--border-default-alpha': 'var(--semantic-neutral-alpha-100)',\n '--border-inverted': 'var(--global-white-alpha-950)',\n '--border-brand-strong': 'var(--semantic-brand-600)',\n '--border-brand-subtle': 'var(--semantic-brand-300)',\n '--border-neutral-strong': 'var(--semantic-neutral-600)',\n '--border-neutral-subtle': 'var(--semantic-neutral-200)',\n '--border-informative-strong': 'var(--semantic-informative-600)',\n '--border-informative-subtle': 'var(--semantic-informative-300)',\n '--border-positive-strong': 'var(--semantic-positive-600)',\n '--border-positive-subtle': 'var(--semantic-positive-300)',\n '--border-warning-strong': 'var(--semantic-warning-600)',\n '--border-warning-subtle': 'var(--semantic-warning-300)',\n '--border-negative-strong': 'var(--semantic-negative-600)',\n '--border-negative-subtle': 'var(--semantic-negative-300)',\n '--control-state-selected': 'var(--semantic-brand-600)',\n '--control-state-unselected': 'var(--semantic-neutral-500)',\n '--focus-ring': 'var(--semantic-brand-600)',\n '--content-primary': 'var(--semantic-neutral-900)',\n '--content-secondary': 'var(--semantic-neutral-600)',\n '--content-tertiary': 'var(--semantic-neutral-500)',\n '--content-disabled': 'var(--semantic-neutral-400)',\n '--content-brand-primary': 'var(--semantic-brand-900)',\n '--content-brand-secondary': 'var(--semantic-brand-600)',\n '--content-inverted-primary': 'var(--global-white-alpha-950)',\n '--content-inverted-secondary': 'var(--global-white-alpha-600)',\n '--content-inverted-tertiary': 'var(--global-white-alpha-500)',\n '--content-inverted-disabled': 'var(--global-white-alpha-400)',\n '--content-informative-primary': 'var(--semantic-informative-900)',\n '--content-informative-secondary': 'var(--semantic-informative-600)',\n '--content-positive-primary': 'var(--semantic-positive-900)',\n '--content-positive-secondary': 'var(--semantic-positive-600)',\n '--content-warning-primary': 'var(--semantic-warning-900)',\n '--content-warning-secondary': 'var(--semantic-warning-600)',\n '--content-negative-primary': 'var(--semantic-negative-900)',\n '--content-negative-secondary': 'var(--semantic-negative-600)',\n '--dimension-0': '0px',\n '--dimension-0-5': '2px',\n '--dimension-1': '4px',\n '--dimension-1-5': '6px',\n '--dimension-2': '8px',\n '--dimension-3': '12px',\n '--dimension-4': '16px',\n '--dimension-5': '20px',\n '--dimension-6': '24px',\n '--dimension-8': '32px',\n '--dimension-10': '40px',\n '--dimension-12': '48px',\n '--dimension-14': '56px',\n '--dimension-16': '64px',\n '--dimension-18': '72px',\n '--dimension-20': '80px',\n}) as AldThemeCssVars;\n\nexport const aldV3BaselineDeclarationsFingerprint = 'fnv1a-73c001e2';\n"],"mappings":";AAIA,IAAa,4BAA4B,OAAO,OAAO;CACrD,2BAA2B;CAC3B,0BAA0B;CAC1B,2BAA2B;CAC3B,6BAA6B;CAC7B,kCAAkC;CAClC,iCAAiC;CACjC,kCAAkC;CAClC,oCAAoC;CACpC,2BAA2B;CAC3B,0BAA0B;CAC1B,2BAA2B;CAC3B,6BAA6B;CAC7B,kCAAkC;CAClC,iCAAiC;CACjC,kCAAkC;CAClC,oCAAoC;CACpC,+BAA+B;CAC/B,8BAA8B;CAC9B,+BAA+B;CAC/B,iCAAiC;CACjC,sCAAsC;CACtC,qCAAqC;CACrC,sCAAsC;CACtC,wCAAwC;CACxC,yBAAyB;CACzB,wBAAwB;CACxB,yBAAyB;CACzB,2BAA2B;CAC3B,iCAAiC;CACjC,kCAAkC;CAClC,oCAAoC;CACpC,oCAAoC;CACpC,qCAAqC;CACrC,uCAAuC;CACvC,4BAA4B;CAC5B,2BAA2B;CAC3B,4BAA4B;CAC5B,8BAA8B;CAC9B,wBAAwB;CACxB,yBAAyB;CACzB,4BAA4B;CAC5B,gCAAgC;CAChC,6BAA6B;CAC7B,6BAA6B;CAC7B,8BAA8B;CAC9B,kCAAkC;CAClC,+BAA+B;CAC/B,+BAA+B;CAC/B,gCAAgC;CAChC,kCAAkC;CAClC,sCAAsC;CACtC,mCAAmC;CACnC,mCAAmC;CACnC,oCACE;CACF,+BAA+B;CAC/B,mCAAmC;CACnC,gCAAgC;CAChC,gCAAgC;CAChC,iCAAiC;CACjC,8BAA8B;CAC9B,kCAAkC;CAClC,+BAA+B;CAC/B,+BAA+B;CAC/B,gCAAgC;CAChC,+BAA+B;CAC/B,mCAAmC;CACnC,gCAAgC;CAChC,gCAAgC;CAChC,iCAAiC;CACjC,oBAAoB;CACpB,0BAA0B;CAC1B,qBAAqB;CACrB,yBAAyB;CACzB,yBAAyB;CACzB,2BAA2B;CAC3B,2BAA2B;CAC3B,+BAA+B;CAC/B,+BAA+B;CAC/B,4BAA4B;CAC5B,4BAA4B;CAC5B,2BAA2B;CAC3B,2BAA2B;CAC3B,4BAA4B;CAC5B,4BAA4B;CAC5B,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"}
|
|
@@ -95,6 +95,9 @@ function themeToCssVars(theme) {
|
|
|
95
95
|
"--action-primary-subtle-hover": "var(--semantic-brand-100)",
|
|
96
96
|
"--action-primary-subtle-active": "var(--semantic-brand-300)",
|
|
97
97
|
"--action-primary-subtle-selected": "var(--semantic-brand-100)",
|
|
98
|
+
"--control-state-selected": "var(--semantic-brand-600)",
|
|
99
|
+
"--control-state-unselected": "var(--semantic-neutral-500)",
|
|
100
|
+
"--focus-ring": "var(--semantic-brand-600)",
|
|
98
101
|
"--content-brand-primary": "var(--semantic-brand-900)",
|
|
99
102
|
"--content-brand-secondary": "var(--semantic-brand-600)",
|
|
100
103
|
"--alias-colors-text-selected": "var(--semantic-brand-900)",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"themeToCssVars.js","names":[],"sources":["../../../src/theme/runtime/themeToCssVars.ts"],"sourcesContent":["import { assignVars, radiusVarNames } from './tokenMap';\nimport type { AldThemeCssVars, ResolvedAldTheme } from './types';\n\ntype Rgb = [number, number, number];\n\nconst tonalStops = {\n 950: 0.68,\n 900: 0.52,\n 800: 0.36,\n 700: 0.18,\n 600: 0,\n 500: 0.2,\n 400: 0.38,\n 300: 0.56,\n 200: 0.72,\n 100: 0.84,\n 50: 0.92,\n 25: 0.96,\n 0: 0.98,\n} as const;\n\nfunction clampChannel(value: number) {\n return Math.max(0, Math.min(255, Math.round(value)));\n}\n\nfunction parseHexColor(color: string): Rgb | null {\n const normalized = color.trim();\n const match = normalized.match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/i);\n if (!match) return null;\n const hex =\n match[1].length === 3\n ? match[1]\n .split('')\n .map((char) => char + char)\n .join('')\n : match[1];\n return [\n Number.parseInt(hex.slice(0, 2), 16),\n Number.parseInt(hex.slice(2, 4), 16),\n Number.parseInt(hex.slice(4, 6), 16),\n ];\n}\n\nfunction rgbToHex(rgb: Rgb) {\n return `#${rgb\n .map((channel) => clampChannel(channel).toString(16).padStart(2, '0'))\n .join('')}`;\n}\n\nfunction normalizeColor(color: string) {\n const rgb = parseHexColor(color);\n return rgb ? rgbToHex(rgb) : color.trim();\n}\n\nfunction mix(from: Rgb, to: Rgb, amount: number): Rgb {\n return [\n from[0] + (to[0] - from[0]) * amount,\n from[1] + (to[1] - from[1]) * amount,\n from[2] + (to[2] - from[2]) * amount,\n ];\n}\n\nfunction createPaletteVars(\n prefix: string,\n baseColor: string,\n globalPrefix?: string,\n globalZeroName?: `--${string}`,\n): AldThemeCssVars {\n const baseRgb = parseHexColor(baseColor);\n const base = normalizeColor(baseColor);\n\n if (!baseRgb) {\n return {\n [`--semantic-${prefix}-600`]: base,\n };\n }\n\n const vars: AldThemeCssVars = {};\n for (const [stop, amount] of Object.entries(tonalStops)) {\n const target: Rgb = Number(stop) > 600 ? [0, 0, 0] : [255, 255, 255];\n const value =\n stop === '600' ? base : rgbToHex(mix(baseRgb, target, amount));\n vars[`--semantic-${prefix}-${stop}`] = value;\n if (globalPrefix) {\n vars[`--${globalPrefix}-${stop}`] = value;\n }\n }\n if (globalZeroName && vars[`--semantic-${prefix}-0`]) {\n vars[globalZeroName] = vars[`--semantic-${prefix}-0`];\n }\n return vars;\n}\n\nfunction radiusToCssValue(value: number | string) {\n return typeof value === 'number' ? `${value}px` : value;\n}\n\nexport function themeToCssVars(theme: ResolvedAldTheme): AldThemeCssVars {\n const { token } = theme;\n const vars: AldThemeCssVars = {};\n\n assignVars(\n vars,\n createPaletteVars(\n 'brand',\n token.colorPrimary,\n 'global-blue',\n '--global-blue-blue-0',\n ),\n );\n assignVars(vars, createPaletteVars('informative', token.colorInfo));\n assignVars(\n vars,\n createPaletteVars(\n 'positive',\n token.colorSuccess,\n 'global-green',\n '--global-green-green-0',\n ),\n );\n assignVars(\n vars,\n createPaletteVars(\n 'warning',\n token.colorWarning,\n 'global-orange',\n '--global-orange-orange-0',\n ),\n );\n assignVars(\n vars,\n createPaletteVars('negative', token.colorError, 'global-red'),\n );\n\n const textBase = normalizeColor(token.colorTextBase);\n const bgBase = normalizeColor(token.colorBgBase);\n const borderBase = normalizeColor(token.colorBorderBase);\n const radius = radiusToCssValue(token.borderRadius);\n\n assignVars(vars, {\n '--content-primary': textBase,\n '--alias-colors-text-strong': textBase,\n '--alias-colors-text-default': textBase,\n '--background-default': bgBase,\n '--background-neutral-surface': bgBase,\n '--border-default': borderBase,\n '--border-default-alpha': borderBase,\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 '--content-brand-primary': 'var(--semantic-brand-900)',\n '--content-brand-secondary': 'var(--semantic-brand-600)',\n '--alias-colors-text-selected': 'var(--semantic-brand-900)',\n '--alias-colors-text-brand': 'var(--semantic-brand-600)',\n '--alias-colors-text-danger': 'var(--semantic-negative-600)',\n '--alias-colors-text-warning': 'var(--semantic-warning-600)',\n '--alias-colors-text-success': 'var(--semantic-positive-600)',\n '--alias-colors-text-information': 'var(--semantic-informative-600)',\n '--alias-colors-icon-selected': 'var(--semantic-brand-600)',\n '--alias-colors-icon-brand': 'var(--semantic-brand-600)',\n '--alias-colors-icon-danger': 'var(--semantic-negative-600)',\n '--alias-colors-icon-warning': 'var(--semantic-warning-600)',\n '--alias-colors-icon-success': 'var(--semantic-positive-600)',\n '--alias-colors-icon-information': 'var(--semantic-informative-600)',\n '--border-brand-strong': 'var(--semantic-brand-600)',\n '--border-brand-subtle': 'var(--semantic-brand-300)',\n '--alias-colors-border-selected': 'var(--semantic-brand-600)',\n '--alias-colors-border-brand': 'var(--semantic-brand-600)',\n '--alias-colors-border-danger': 'var(--semantic-negative-600)',\n '--alias-colors-border-warning': 'var(--semantic-warning-600)',\n '--alias-colors-border-success': 'var(--semantic-positive-600)',\n '--alias-colors-border-information': 'var(--semantic-informative-600)',\n '--alias-colors-bg-selected-default': 'var(--semantic-brand-100)',\n '--alias-colors-bg-selected-hover': 'var(--semantic-brand-100)',\n '--alias-colors-bg-selected-press': 'var(--semantic-brand-300)',\n '--alias-colors-bg-selected-strong-default': 'var(--semantic-brand-600)',\n '--alias-colors-bg-selected-strong-hover': 'var(--semantic-brand-600)',\n '--alias-colors-bg-selected-strong-press': 'var(--semantic-brand-900)',\n '--background-brand-strong': 'var(--semantic-brand-600)',\n '--background-brand-muted': 'var(--semantic-brand-200)',\n '--background-brand-subtle': 'var(--semantic-brand-25)',\n '--semantic-informative-informative-0': 'var(--semantic-informative-0)',\n '--interaction-default-normal': 'var(--semantic-brand-600)',\n '--interaction-default-hover': 'var(--semantic-brand-800)',\n '--interaction-default-active': 'var(--semantic-brand-900)',\n '--interaction-border-normal': 'var(--semantic-brand-400)',\n '--interaction-border-hover': 'var(--semantic-brand-500)',\n '--interaction-border-active': 'var(--semantic-brand-700)',\n '--interaction-border-selected': 'var(--semantic-brand-600)',\n });\n\n for (const varName of radiusVarNames) {\n vars[varName] = radius;\n }\n\n return vars;\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"themeToCssVars.js","names":[],"sources":["../../../src/theme/runtime/themeToCssVars.ts"],"sourcesContent":["import { assignVars, radiusVarNames } from './tokenMap';\nimport type { AldThemeCssVars, ResolvedAldTheme } from './types';\n\ntype Rgb = [number, number, number];\n\nconst tonalStops = {\n 950: 0.68,\n 900: 0.52,\n 800: 0.36,\n 700: 0.18,\n 600: 0,\n 500: 0.2,\n 400: 0.38,\n 300: 0.56,\n 200: 0.72,\n 100: 0.84,\n 50: 0.92,\n 25: 0.96,\n 0: 0.98,\n} as const;\n\nfunction clampChannel(value: number) {\n return Math.max(0, Math.min(255, Math.round(value)));\n}\n\nfunction parseHexColor(color: string): Rgb | null {\n const normalized = color.trim();\n const match = normalized.match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/i);\n if (!match) return null;\n const hex =\n match[1].length === 3\n ? match[1]\n .split('')\n .map((char) => char + char)\n .join('')\n : match[1];\n return [\n Number.parseInt(hex.slice(0, 2), 16),\n Number.parseInt(hex.slice(2, 4), 16),\n Number.parseInt(hex.slice(4, 6), 16),\n ];\n}\n\nfunction rgbToHex(rgb: Rgb) {\n return `#${rgb\n .map((channel) => clampChannel(channel).toString(16).padStart(2, '0'))\n .join('')}`;\n}\n\nfunction normalizeColor(color: string) {\n const rgb = parseHexColor(color);\n return rgb ? rgbToHex(rgb) : color.trim();\n}\n\nfunction mix(from: Rgb, to: Rgb, amount: number): Rgb {\n return [\n from[0] + (to[0] - from[0]) * amount,\n from[1] + (to[1] - from[1]) * amount,\n from[2] + (to[2] - from[2]) * amount,\n ];\n}\n\nfunction createPaletteVars(\n prefix: string,\n baseColor: string,\n globalPrefix?: string,\n globalZeroName?: `--${string}`,\n): AldThemeCssVars {\n const baseRgb = parseHexColor(baseColor);\n const base = normalizeColor(baseColor);\n\n if (!baseRgb) {\n return {\n [`--semantic-${prefix}-600`]: base,\n };\n }\n\n const vars: AldThemeCssVars = {};\n for (const [stop, amount] of Object.entries(tonalStops)) {\n const target: Rgb = Number(stop) > 600 ? [0, 0, 0] : [255, 255, 255];\n const value =\n stop === '600' ? base : rgbToHex(mix(baseRgb, target, amount));\n vars[`--semantic-${prefix}-${stop}`] = value;\n if (globalPrefix) {\n vars[`--${globalPrefix}-${stop}`] = value;\n }\n }\n if (globalZeroName && vars[`--semantic-${prefix}-0`]) {\n vars[globalZeroName] = vars[`--semantic-${prefix}-0`];\n }\n return vars;\n}\n\nfunction radiusToCssValue(value: number | string) {\n return typeof value === 'number' ? `${value}px` : value;\n}\n\nexport function themeToCssVars(theme: ResolvedAldTheme): AldThemeCssVars {\n const { token } = theme;\n const vars: AldThemeCssVars = {};\n\n assignVars(\n vars,\n createPaletteVars(\n 'brand',\n token.colorPrimary,\n 'global-blue',\n '--global-blue-blue-0',\n ),\n );\n assignVars(vars, createPaletteVars('informative', token.colorInfo));\n assignVars(\n vars,\n createPaletteVars(\n 'positive',\n token.colorSuccess,\n 'global-green',\n '--global-green-green-0',\n ),\n );\n assignVars(\n vars,\n createPaletteVars(\n 'warning',\n token.colorWarning,\n 'global-orange',\n '--global-orange-orange-0',\n ),\n );\n assignVars(\n vars,\n createPaletteVars('negative', token.colorError, 'global-red'),\n );\n\n const textBase = normalizeColor(token.colorTextBase);\n const bgBase = normalizeColor(token.colorBgBase);\n const borderBase = normalizeColor(token.colorBorderBase);\n const radius = radiusToCssValue(token.borderRadius);\n\n assignVars(vars, {\n '--content-primary': textBase,\n '--alias-colors-text-strong': textBase,\n '--alias-colors-text-default': textBase,\n '--background-default': bgBase,\n '--background-neutral-surface': bgBase,\n '--border-default': borderBase,\n '--border-default-alpha': borderBase,\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 '--control-state-selected': 'var(--semantic-brand-600)',\n '--control-state-unselected': 'var(--semantic-neutral-500)',\n '--focus-ring': 'var(--semantic-brand-600)',\n '--content-brand-primary': 'var(--semantic-brand-900)',\n '--content-brand-secondary': 'var(--semantic-brand-600)',\n '--alias-colors-text-selected': 'var(--semantic-brand-900)',\n '--alias-colors-text-brand': 'var(--semantic-brand-600)',\n '--alias-colors-text-danger': 'var(--semantic-negative-600)',\n '--alias-colors-text-warning': 'var(--semantic-warning-600)',\n '--alias-colors-text-success': 'var(--semantic-positive-600)',\n '--alias-colors-text-information': 'var(--semantic-informative-600)',\n '--alias-colors-icon-selected': 'var(--semantic-brand-600)',\n '--alias-colors-icon-brand': 'var(--semantic-brand-600)',\n '--alias-colors-icon-danger': 'var(--semantic-negative-600)',\n '--alias-colors-icon-warning': 'var(--semantic-warning-600)',\n '--alias-colors-icon-success': 'var(--semantic-positive-600)',\n '--alias-colors-icon-information': 'var(--semantic-informative-600)',\n '--border-brand-strong': 'var(--semantic-brand-600)',\n '--border-brand-subtle': 'var(--semantic-brand-300)',\n '--alias-colors-border-selected': 'var(--semantic-brand-600)',\n '--alias-colors-border-brand': 'var(--semantic-brand-600)',\n '--alias-colors-border-danger': 'var(--semantic-negative-600)',\n '--alias-colors-border-warning': 'var(--semantic-warning-600)',\n '--alias-colors-border-success': 'var(--semantic-positive-600)',\n '--alias-colors-border-information': 'var(--semantic-informative-600)',\n '--alias-colors-bg-selected-default': 'var(--semantic-brand-100)',\n '--alias-colors-bg-selected-hover': 'var(--semantic-brand-100)',\n '--alias-colors-bg-selected-press': 'var(--semantic-brand-300)',\n '--alias-colors-bg-selected-strong-default': 'var(--semantic-brand-600)',\n '--alias-colors-bg-selected-strong-hover': 'var(--semantic-brand-600)',\n '--alias-colors-bg-selected-strong-press': 'var(--semantic-brand-900)',\n '--background-brand-strong': 'var(--semantic-brand-600)',\n '--background-brand-muted': 'var(--semantic-brand-200)',\n '--background-brand-subtle': 'var(--semantic-brand-25)',\n '--semantic-informative-informative-0': 'var(--semantic-informative-0)',\n '--interaction-default-normal': 'var(--semantic-brand-600)',\n '--interaction-default-hover': 'var(--semantic-brand-800)',\n '--interaction-default-active': 'var(--semantic-brand-900)',\n '--interaction-border-normal': 'var(--semantic-brand-400)',\n '--interaction-border-hover': 'var(--semantic-brand-500)',\n '--interaction-border-active': 'var(--semantic-brand-700)',\n '--interaction-border-selected': 'var(--semantic-brand-600)',\n });\n\n for (const varName of radiusVarNames) {\n vars[varName] = radius;\n }\n\n return vars;\n}\n"],"mappings":"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"}
|