@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
|
@@ -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-435d32ec. */\n\nimport type { AldThemeCssVars } from '../../types';\n\nexport const aldV3BaselineDeclarations = Object.freeze({\n '--action-primary-normal': 'var(--semantic-brand-600)',\n '--action-primary-hover': 'var(--semantic-brand-800)',\n '--action-primary-active': 'var(--semantic-brand-900)',\n '--action-primary-selected': 'var(--semantic-brand-800)',\n '--action-primary-subtle-normal': 'var(--semantic-brand-50)',\n '--action-primary-subtle-hover': 'var(--semantic-brand-100)',\n '--action-primary-subtle-active': 'var(--semantic-brand-300)',\n '--action-primary-subtle-selected': 'var(--semantic-brand-100)',\n '--action-neutral-normal': '#404040',\n '--action-neutral-hover': '#262626',\n '--action-neutral-active': '#171717',\n '--action-neutral-selected': '#262626',\n '--action-neutral-subtle-normal': '#FAFAFA',\n '--action-neutral-subtle-hover': '#F5F5F5',\n '--action-neutral-subtle-active': '#D4D4D4',\n '--action-neutral-subtle-selected': '#F5F5F5',\n '--action-destructive-normal': 'var(--semantic-negative-600)',\n '--action-destructive-hover': 'var(--semantic-negative-800)',\n '--action-destructive-active': 'var(--semantic-negative-900)',\n '--action-destructive-selected': 'var(--semantic-negative-800)',\n '--action-destructive-subtle-normal': 'var(--semantic-negative-50)',\n '--action-destructive-subtle-hover': 'var(--semantic-negative-100)',\n '--action-destructive-subtle-active': 'var(--semantic-negative-300)',\n '--action-destructive-subtle-selected': 'var(--semantic-negative-100)',\n '--action-ghost-normal': 'transparent',\n '--action-ghost-hover': 'rgba(0 0 0 / 0.05)',\n '--action-ghost-active': 'rgba(0 0 0 / 0.10)',\n '--action-ghost-selected': 'rgba(0 0 0 / 0.05)',\n '--action-ghost-inverted-hover': 'rgba(255 255 255 / 0.10)',\n '--action-ghost-inverted-active': 'rgba(255 255 255 / 0.15)',\n '--action-ghost-inverted-selected': 'rgba(255 255 255 / 0.10)',\n '--action-ghost-destructive-hover': 'var(--semantic-negative-50)',\n '--action-ghost-destructive-active': 'var(--semantic-negative-100)',\n '--action-ghost-destructive-selected': 'var(--semantic-negative-50)',\n '--action-inverted-normal': '#FFFFFF',\n '--action-inverted-hover': 'rgba(255 255 255 / 0.80)',\n '--action-inverted-active': 'rgba(255 255 255 / 0.70)',\n '--action-inverted-selected': 'rgba(255 255 255 / 0.80)',\n '--background-default': '#FFFFFF',\n '--background-inverted': '#171717',\n '--background-brand-muted': 'var(--semantic-brand-200)',\n '--background-brand-on-subtle': 'var(--semantic-brand-100)',\n '--background-brand-strong': 'var(--semantic-brand-600)',\n '--background-neutral-hard': '#262626',\n '--background-neutral-muted': '#D4D4D4',\n '--background-neutral-on-subtle': '#E5E5E5',\n '--background-neutral-strong': '#525252',\n '--background-neutral-subtle': '#F5F5F5',\n '--background-neutral-surface': '#FAFAFA',\n '--background-informative-muted': 'var(--semantic-informative-200)',\n '--background-informative-on-subtle': 'var(--semantic-informative-100)',\n '--background-informative-strong': 'var(--semantic-informative-600)',\n '--background-informative-subtle': 'var(--semantic-informative-25)',\n '--background-informative-surface': 'var(--semantic-informative-informative-0)',\n '--background-positive-muted': 'var(--semantic-positive-200)',\n '--background-positive-on-subtle': 'var(--semantic-positive-100)',\n '--background-positive-strong': 'var(--semantic-positive-600)',\n '--background-positive-subtle': 'var(--semantic-positive-25)',\n '--background-positive-surface': 'var(--semantic-positive-0)',\n '--background-warning-muted': 'var(--semantic-warning-200)',\n '--background-warning-on-subtle': 'var(--semantic-warning-100)',\n '--background-warning-strong': 'var(--semantic-warning-600)',\n '--background-warning-subtle': 'var(--semantic-warning-25)',\n '--background-warning-surface': 'var(--semantic-warning-0)',\n '--background-negative-muted': 'var(--semantic-negative-200)',\n '--background-negative-on-subtle': 'var(--semantic-negative-100)',\n '--background-negative-strong': 'var(--semantic-negative-600)',\n '--background-negative-subtle': 'var(--semantic-negative-25)',\n '--background-negative-surface': 'var(--semantic-negative-0)',\n '--border-default': '#D4D4D4',\n '--border-default-alpha': 'rgba(0 0 0 / 0.10)',\n '--border-inverted': '#FFFFFF',\n '--border-brand-strong': 'var(--semantic-brand-600)',\n '--border-brand-subtle': 'var(--semantic-brand-300)',\n '--border-neutral-strong': '#525252',\n '--border-neutral-subtle': '#E5E5E5',\n '--border-informative-strong': 'var(--semantic-informative-600)',\n '--border-informative-subtle': 'var(--semantic-informative-300)',\n '--border-positive-strong': 'var(--semantic-positive-600)',\n '--border-positive-subtle': 'var(--semantic-positive-300)',\n '--border-warning-strong': 'var(--semantic-warning-600)',\n '--border-warning-subtle': 'var(--semantic-warning-300)',\n '--border-negative-strong': 'var(--semantic-negative-600)',\n '--border-negative-subtle': 'var(--semantic-negative-300)',\n '--control-state-selected': 'var(--semantic-brand-600)',\n '--control-state-unselected': '#737373',\n '--focus-ring': 'var(--semantic-brand-600)',\n '--content-primary': '#171717',\n '--content-secondary': '#525252',\n '--content-tertiary': '#737373',\n '--content-disabled': '#A3A3A3',\n '--content-brand-primary': 'var(--semantic-brand-900)',\n '--content-brand-secondary': 'var(--semantic-brand-600)',\n '--content-inverted-primary': '#FFFFFF',\n '--content-inverted-secondary': 'rgba(255 255 255 / 0.60)',\n '--content-inverted-tertiary': 'rgba(255 255 255 / 0.40)',\n '--content-inverted-disabled': 'rgba(255 255 255 / 0.20)',\n '--content-informative-primary': 'var(--semantic-informative-900)',\n '--content-informative-secondary': 'var(--semantic-informative-600)',\n '--content-positive-primary': 'var(--semantic-positive-900)',\n '--content-positive-secondary': 'var(--semantic-positive-600)',\n '--content-warning-primary': 'var(--semantic-warning-900)',\n '--content-warning-secondary': 'var(--semantic-warning-600)',\n '--content-negative-primary': 'var(--semantic-negative-900)',\n '--content-negative-secondary': 'var(--semantic-negative-600)',\n '--dimension-0': '0px',\n '--dimension-0-5': '2px',\n '--dimension-1': '4px',\n '--dimension-1-5': '6px',\n '--dimension-2': '8px',\n '--dimension-3': '12px',\n '--dimension-4': '16px',\n '--dimension-5': '20px',\n '--dimension-6': '24px',\n '--dimension-8': '32px',\n '--dimension-10': '40px',\n '--dimension-12': '48px',\n '--dimension-14': '56px',\n '--dimension-16': '64px',\n '--dimension-18': '72px',\n '--dimension-20': '80px',\n}) as AldThemeCssVars;\n\nexport const aldV3BaselineDeclarationsFingerprint = 'fnv1a-435d32ec';\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,oCAAoC;CACpC,+BAA+B;CAC/B,mCAAmC;CACnC,gCAAgC;CAChC,gCAAgC;CAChC,iCAAiC;CACjC,8BAA8B;CAC9B,kCAAkC;CAClC,+BAA+B;CAC/B,+BAA+B;CAC/B,gCAAgC;CAChC,+BAA+B;CAC/B,mCAAmC;CACnC,gCAAgC;CAChC,gCAAgC;CAChC,iCAAiC;CACjC,oBAAoB;CACpB,0BAA0B;CAC1B,qBAAqB;CACrB,yBAAyB;CACzB,yBAAyB;CACzB,2BAA2B;CAC3B,2BAA2B;CAC3B,+BAA+B;CAC/B,+BAA+B;CAC/B,4BAA4B;CAC5B,4BAA4B;CAC5B,2BAA2B;CAC3B,2BAA2B;CAC3B,4BAA4B;CAC5B,4BAA4B;CAC5B,4BAA4B;CAC5B,8BAA8B;CAC9B,gBAAgB;CAChB,qBAAqB;CACrB,uBAAuB;CACvB,sBAAsB;CACtB,sBAAsB;CACtB,2BAA2B;CAC3B,6BAA6B;CAC7B,8BAA8B;CAC9B,gCAAgC;CAChC,+BAA+B;CAC/B,+BAA+B;CAC/B,iCAAiC;CACjC,mCAAmC;CACnC,8BAA8B;CAC9B,gCAAgC;CAChC,6BAA6B;CAC7B,+BAA+B;CAC/B,8BAA8B;CAC9B,gCAAgC;CAChC,iBAAiB;CACjB,mBAAmB;CACnB,iBAAiB;CACjB,mBAAmB;CACnB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,kBAAkB;CAClB,kBAAkB;CAClB,kBAAkB;CAClB,kBAAkB;CAClB,kBAAkB;CAClB,kBAAkB;CACnB,CAAC"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { themeStyleElementId } from "../tokenMap.js";
|
|
2
1
|
import { getAldColorValueModeDefinition, isAldColorValueMode } from "./registry.js";
|
|
3
2
|
//#region src/theme/runtime/colorValueMode/index.ts
|
|
4
3
|
var aldColorValueModeStyleElementId = "ald-color-value-mode-runtime";
|
|
@@ -15,16 +14,7 @@ function buildAldColorValueModeCss(mode) {
|
|
|
15
14
|
function removeAldColorValueModeLayer() {
|
|
16
15
|
document.getElementById(aldColorValueModeStyleElementId)?.remove();
|
|
17
16
|
}
|
|
18
|
-
function placeColorValueModeLayer(style
|
|
19
|
-
const tenantThemeStyle = document.getElementById(themeStyleElementId);
|
|
20
|
-
if (mode === "dark") {
|
|
21
|
-
document.head.appendChild(style);
|
|
22
|
-
return;
|
|
23
|
-
}
|
|
24
|
-
if (tenantThemeStyle) {
|
|
25
|
-
document.head.insertBefore(style, tenantThemeStyle);
|
|
26
|
-
return;
|
|
27
|
-
}
|
|
17
|
+
function placeColorValueModeLayer(style) {
|
|
28
18
|
document.head.appendChild(style);
|
|
29
19
|
}
|
|
30
20
|
function injectAldColorValueModeLayer(mode) {
|
|
@@ -38,7 +28,7 @@ function injectAldColorValueModeLayer(mode) {
|
|
|
38
28
|
style = document.createElement("style");
|
|
39
29
|
style.id = aldColorValueModeStyleElementId;
|
|
40
30
|
}
|
|
41
|
-
placeColorValueModeLayer(style
|
|
31
|
+
placeColorValueModeLayer(style);
|
|
42
32
|
style.setAttribute(aldColorValueModeDataAttribute, mode);
|
|
43
33
|
if (style.textContent !== cssText) style.textContent = cssText;
|
|
44
34
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/theme/runtime/colorValueMode/index.ts"],"sourcesContent":["import {\n getAldColorValueModeDefinition,\n isAldColorValueMode,\n type AldColorValueMode,\n type AldColorValueModeDefinition,\n} from './registry';\
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/theme/runtime/colorValueMode/index.ts"],"sourcesContent":["import {\n getAldColorValueModeDefinition,\n isAldColorValueMode,\n type AldColorValueMode,\n type AldColorValueModeDefinition,\n} from './registry';\n\nexport const aldColorValueModeStyleElementId = 'ald-color-value-mode-runtime';\nexport const aldColorValueModeDataAttribute = 'data-ald-color-value-mode';\n\nexport function createAldColorValueModeVars(\n definition: Pick<\n AldColorValueModeDefinition,\n 'mode' | 'selector' | 'declarations'\n >,\n) {\n const entries = Object.entries(definition.declarations);\n\n if (entries.length === 0) return '';\n\n const declarations = entries\n .sort(([a], [b]) => a.localeCompare(b))\n .map(([name, value]) => ` ${name}: ${value};`)\n .join('\\n');\n\n return `${definition.selector} {\\n${declarations}\\n}\\n`;\n}\n\nexport function buildAldColorValueModeCss(mode: unknown) {\n return createAldColorValueModeVars(getAldColorValueModeDefinition(mode));\n}\n\nfunction removeAldColorValueModeLayer() {\n document.getElementById(aldColorValueModeStyleElementId)?.remove();\n}\n\nfunction placeColorValueModeLayer(style: HTMLStyleElement) {\n document.head.appendChild(style);\n}\n\nfunction injectAldColorValueModeLayer(mode: AldColorValueMode) {\n const cssText = buildAldColorValueModeCss(mode);\n let style = document.getElementById(\n aldColorValueModeStyleElementId,\n ) as HTMLStyleElement | null;\n\n if (!cssText) {\n removeAldColorValueModeLayer();\n return;\n }\n\n if (!style) {\n style = document.createElement('style');\n style.id = aldColorValueModeStyleElementId;\n }\n\n placeColorValueModeLayer(style);\n style.setAttribute(aldColorValueModeDataAttribute, mode);\n\n if (style.textContent !== cssText) {\n style.textContent = cssText;\n }\n}\n\nexport function applyAldColorValueMode(mode: unknown): AldColorValueMode {\n if (typeof document === 'undefined') return 'legacy';\n\n const normalizedMode = isAldColorValueMode(mode) ? mode : 'legacy';\n\n document.documentElement.setAttribute(\n aldColorValueModeDataAttribute,\n normalizedMode,\n );\n injectAldColorValueModeLayer(normalizedMode);\n\n return normalizedMode;\n}\n"],"mappings":";;AAOA,IAAa,kCAAkC;AAC/C,IAAa,iCAAiC;AAE9C,SAAgB,4BACd,YAIA;CACA,MAAM,UAAU,OAAO,QAAQ,WAAW,aAAa;AAEvD,KAAI,QAAQ,WAAW,EAAG,QAAO;CAEjC,MAAM,eAAe,QAClB,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,cAAc,EAAE,CAAC,CACtC,KAAK,CAAC,MAAM,WAAW,KAAK,KAAK,IAAI,MAAM,GAAG,CAC9C,KAAK,KAAK;AAEb,QAAO,GAAG,WAAW,SAAS,MAAM,aAAa;;AAGnD,SAAgB,0BAA0B,MAAe;AACvD,QAAO,4BAA4B,+BAA+B,KAAK,CAAC;;AAG1E,SAAS,+BAA+B;AACtC,UAAS,eAAe,gCAAgC,EAAE,QAAQ;;AAGpE,SAAS,yBAAyB,OAAyB;AACzD,UAAS,KAAK,YAAY,MAAM;;AAGlC,SAAS,6BAA6B,MAAyB;CAC7D,MAAM,UAAU,0BAA0B,KAAK;CAC/C,IAAI,QAAQ,SAAS,eACnB,gCACD;AAED,KAAI,CAAC,SAAS;AACZ,gCAA8B;AAC9B;;AAGF,KAAI,CAAC,OAAO;AACV,UAAQ,SAAS,cAAc,QAAQ;AACvC,QAAM,KAAK;;AAGb,0BAAyB,MAAM;AAC/B,OAAM,aAAa,gCAAgC,KAAK;AAExD,KAAI,MAAM,gBAAgB,QACxB,OAAM,cAAc;;AAIxB,SAAgB,uBAAuB,MAAkC;AACvE,KAAI,OAAO,aAAa,YAAa,QAAO;CAE5C,MAAM,iBAAiB,oBAAoB,KAAK,GAAG,OAAO;AAE1D,UAAS,gBAAgB,aACvB,gCACA,eACD;AACD,8BAA6B,eAAe;AAE5C,QAAO"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
//#region src/theme/runtime/colorValueMode/legacyNeutralCompatibility.ts
|
|
2
|
+
var aldLegacyNeutralCompatibilityDeclarations = Object.freeze({
|
|
3
|
+
"--action-neutral-normal": "var(--semantic-neutral-700)",
|
|
4
|
+
"--action-neutral-hover": "var(--semantic-neutral-800)",
|
|
5
|
+
"--action-neutral-active": "var(--semantic-neutral-900)",
|
|
6
|
+
"--action-neutral-selected": "var(--semantic-neutral-800)",
|
|
7
|
+
"--action-neutral-subtle-normal": "var(--semantic-neutral-50)",
|
|
8
|
+
"--action-neutral-subtle-hover": "var(--semantic-neutral-100)",
|
|
9
|
+
"--action-neutral-subtle-active": "var(--semantic-neutral-300)",
|
|
10
|
+
"--action-neutral-subtle-selected": "var(--semantic-neutral-100)",
|
|
11
|
+
"--action-ghost-normal": "var(--global-transparent-transparent)",
|
|
12
|
+
"--action-ghost-hover": "var(--semantic-neutral-alpha-50)",
|
|
13
|
+
"--action-ghost-active": "var(--semantic-neutral-alpha-100)",
|
|
14
|
+
"--action-ghost-selected": "var(--semantic-neutral-alpha-50)",
|
|
15
|
+
"--action-ghost-inverted-hover": "var(--global-white-alpha-200)",
|
|
16
|
+
"--action-ghost-inverted-active": "var(--global-white-alpha-300)",
|
|
17
|
+
"--action-ghost-inverted-selected": "var(--global-white-alpha-200)",
|
|
18
|
+
"--action-inverted-normal": "var(--global-white-alpha-950)",
|
|
19
|
+
"--action-inverted-hover": "var(--global-white-alpha-900)",
|
|
20
|
+
"--action-inverted-active": "var(--global-white-alpha-800)",
|
|
21
|
+
"--action-inverted-selected": "var(--global-white-alpha-900)",
|
|
22
|
+
"--background-default": "var(--global-white-alpha-950)",
|
|
23
|
+
"--background-inverted": "var(--semantic-neutral-900)",
|
|
24
|
+
"--background-neutral-hard": "var(--semantic-neutral-800)",
|
|
25
|
+
"--background-neutral-muted": "var(--semantic-neutral-200)",
|
|
26
|
+
"--background-neutral-on-subtle": "var(--semantic-neutral-100)",
|
|
27
|
+
"--background-neutral-strong": "var(--semantic-neutral-600)",
|
|
28
|
+
"--background-neutral-subtle": "var(--semantic-neutral-25)",
|
|
29
|
+
"--background-neutral-surface": "var(--semantic-neutral-neutral-0)",
|
|
30
|
+
"--border-default": "var(--semantic-neutral-300)",
|
|
31
|
+
"--border-default-alpha": "var(--semantic-neutral-alpha-100)",
|
|
32
|
+
"--border-inverted": "var(--global-white-alpha-950)",
|
|
33
|
+
"--border-neutral-strong": "var(--semantic-neutral-600)",
|
|
34
|
+
"--border-neutral-subtle": "var(--semantic-neutral-200)",
|
|
35
|
+
"--control-state-unselected": "var(--semantic-neutral-500)",
|
|
36
|
+
"--content-primary": "var(--semantic-neutral-900)",
|
|
37
|
+
"--content-secondary": "var(--semantic-neutral-600)",
|
|
38
|
+
"--content-tertiary": "var(--semantic-neutral-500)",
|
|
39
|
+
"--content-disabled": "var(--semantic-neutral-400)",
|
|
40
|
+
"--content-inverted-primary": "var(--global-white-alpha-950)",
|
|
41
|
+
"--content-inverted-secondary": "var(--global-white-alpha-600)",
|
|
42
|
+
"--content-inverted-tertiary": "var(--global-white-alpha-500)",
|
|
43
|
+
"--content-inverted-disabled": "var(--global-white-alpha-400)"
|
|
44
|
+
});
|
|
45
|
+
//#endregion
|
|
46
|
+
export { aldLegacyNeutralCompatibilityDeclarations };
|
|
47
|
+
|
|
48
|
+
//# sourceMappingURL=legacyNeutralCompatibility.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"legacyNeutralCompatibility.js","names":[],"sources":["../../../../src/theme/runtime/colorValueMode/legacyNeutralCompatibility.ts"],"sourcesContent":["import type { AldThemeCssVars } from '../types';\n\nexport const aldLegacyNeutralCompatibilityDeclarations = Object.freeze({\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-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-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-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 '--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-neutral-strong': 'var(--semantic-neutral-600)',\n '--border-neutral-subtle': 'var(--semantic-neutral-200)',\n '--control-state-unselected': 'var(--semantic-neutral-500)',\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-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}) as AldThemeCssVars;\n"],"mappings":";AAEA,IAAa,4CAA4C,OAAO,OAAO;CACrE,2BAA2B;CAC3B,0BAA0B;CAC1B,2BAA2B;CAC3B,6BAA6B;CAC7B,kCAAkC;CAClC,iCAAiC;CACjC,kCAAkC;CAClC,oCAAoC;CACpC,yBAAyB;CACzB,wBAAwB;CACxB,yBAAyB;CACzB,2BAA2B;CAC3B,iCAAiC;CACjC,kCAAkC;CAClC,oCAAoC;CACpC,4BAA4B;CAC5B,2BAA2B;CAC3B,4BAA4B;CAC5B,8BAA8B;CAC9B,wBAAwB;CACxB,yBAAyB;CACzB,6BAA6B;CAC7B,8BAA8B;CAC9B,kCAAkC;CAClC,+BAA+B;CAC/B,+BAA+B;CAC/B,gCAAgC;CAChC,oBAAoB;CACpB,0BAA0B;CAC1B,qBAAqB;CACrB,2BAA2B;CAC3B,2BAA2B;CAC3B,8BAA8B;CAC9B,qBAAqB;CACrB,uBAAuB;CACvB,sBAAsB;CACtB,sBAAsB;CACtB,8BAA8B;CAC9B,gCAAgC;CAChC,+BAA+B;CAC/B,+BAA+B;CAChC,CAAC"}
|
|
@@ -13,7 +13,7 @@ declare const colorValueModeRegistry: {
|
|
|
13
13
|
readonly title: "Legacy compatibility values";
|
|
14
14
|
readonly lifecycle: "stable";
|
|
15
15
|
readonly selector: ":root[data-ald-color-value-mode=\"legacy\"]";
|
|
16
|
-
readonly declarations:
|
|
16
|
+
readonly declarations: AldThemeCssVars;
|
|
17
17
|
};
|
|
18
18
|
readonly v3: {
|
|
19
19
|
readonly mode: "v3";
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { aldV3BaselineDeclarations } from "./generated/v3BaselineDeclarations.js";
|
|
2
2
|
import { aldDarkBaselineDeclarations } from "./generated/darkBaselineDeclarations.js";
|
|
3
|
+
import { aldLegacyNeutralCompatibilityDeclarations } from "./legacyNeutralCompatibility.js";
|
|
3
4
|
//#region src/theme/runtime/colorValueMode/registry.ts
|
|
4
5
|
var colorValueModeRegistry = {
|
|
5
6
|
legacy: {
|
|
@@ -7,7 +8,7 @@ var colorValueModeRegistry = {
|
|
|
7
8
|
title: "Legacy compatibility values",
|
|
8
9
|
lifecycle: "stable",
|
|
9
10
|
selector: ":root[data-ald-color-value-mode=\"legacy\"]",
|
|
10
|
-
declarations:
|
|
11
|
+
declarations: aldLegacyNeutralCompatibilityDeclarations
|
|
11
12
|
},
|
|
12
13
|
v3: {
|
|
13
14
|
mode: "v3",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"registry.js","names":[],"sources":["../../../../src/theme/runtime/colorValueMode/registry.ts"],"sourcesContent":["import { aldV3BaselineDeclarations } from './generated/v3BaselineDeclarations';\nimport { aldDarkBaselineDeclarations } from './generated/darkBaselineDeclarations';\nimport type { AldThemeCssVars } from '../types';\n\nexport type AldColorValueModeLifecycle =\n | 'stable'\n | 'experimental'\n | 'deprecated';\n\nexport interface AldColorValueModeDefinition<Mode extends string = string> {\n mode: Mode;\n title: string;\n lifecycle: AldColorValueModeLifecycle;\n selector: string;\n declarations: AldThemeCssVars;\n}\n\nconst colorValueModeRegistry = {\n legacy: {\n mode: 'legacy',\n title: 'Legacy compatibility values',\n lifecycle: 'stable',\n selector: ':root[data-ald-color-value-mode=\"legacy\"]',\n declarations:
|
|
1
|
+
{"version":3,"file":"registry.js","names":[],"sources":["../../../../src/theme/runtime/colorValueMode/registry.ts"],"sourcesContent":["import { aldV3BaselineDeclarations } from './generated/v3BaselineDeclarations';\nimport { aldDarkBaselineDeclarations } from './generated/darkBaselineDeclarations';\nimport { aldLegacyNeutralCompatibilityDeclarations } from './legacyNeutralCompatibility';\nimport type { AldThemeCssVars } from '../types';\n\nexport type AldColorValueModeLifecycle =\n | 'stable'\n | 'experimental'\n | 'deprecated';\n\nexport interface AldColorValueModeDefinition<Mode extends string = string> {\n mode: Mode;\n title: string;\n lifecycle: AldColorValueModeLifecycle;\n selector: string;\n declarations: AldThemeCssVars;\n}\n\nconst colorValueModeRegistry = {\n legacy: {\n mode: 'legacy',\n title: 'Legacy compatibility values',\n lifecycle: 'stable',\n selector: ':root[data-ald-color-value-mode=\"legacy\"]',\n declarations: aldLegacyNeutralCompatibilityDeclarations,\n },\n v3: {\n mode: 'v3',\n title: 'ALD V3 values',\n lifecycle: 'stable',\n selector: ':root[data-ald-color-value-mode=\"v3\"]',\n declarations: aldV3BaselineDeclarations,\n },\n dark: {\n mode: 'dark',\n title: 'ALD Dark values',\n lifecycle: 'stable',\n selector: ':root[data-ald-color-value-mode=\"dark\"]',\n declarations: aldDarkBaselineDeclarations,\n },\n} as const satisfies Record<string, AldColorValueModeDefinition>;\n\nexport type AldColorValueMode = keyof typeof colorValueModeRegistry;\n\nexport const aldColorValueModes = Object.freeze(\n Object.keys(colorValueModeRegistry) as AldColorValueMode[],\n);\n\nexport function isAldColorValueMode(\n value: unknown,\n): value is AldColorValueMode {\n return (\n typeof value === 'string' &&\n Object.prototype.hasOwnProperty.call(colorValueModeRegistry, value)\n );\n}\n\nfunction copyDefinition(\n definition: AldColorValueModeDefinition<AldColorValueMode>,\n): AldColorValueModeDefinition<AldColorValueMode> {\n return {\n ...definition,\n declarations: { ...definition.declarations },\n };\n}\n\nexport function getAldColorValueModeDefinition(\n mode: unknown,\n): AldColorValueModeDefinition<AldColorValueMode> {\n const normalizedMode = isAldColorValueMode(mode) ? mode : 'legacy';\n\n return copyDefinition(\n colorValueModeRegistry[\n normalizedMode\n ] as AldColorValueModeDefinition<AldColorValueMode>,\n );\n}\n\nexport function getAldColorValueModeDefinitions(): Array<\n AldColorValueModeDefinition<AldColorValueMode>\n> {\n return aldColorValueModes.map((mode) => getAldColorValueModeDefinition(mode));\n}\n"],"mappings":";;;;AAkBA,IAAM,yBAAyB;CAC7B,QAAQ;EACN,MAAM;EACN,OAAO;EACP,WAAW;EACX,UAAU;EACV,cAAc;EACf;CACD,IAAI;EACF,MAAM;EACN,OAAO;EACP,WAAW;EACX,UAAU;EACV,cAAc;EACf;CACD,MAAM;EACJ,MAAM;EACN,OAAO;EACP,WAAW;EACX,UAAU;EACV,cAAc;EACf;CACF;AAID,IAAa,qBAAqB,OAAO,OACvC,OAAO,KAAK,uBAAuB,CACpC;AAED,SAAgB,oBACd,OAC4B;AAC5B,QACE,OAAO,UAAU,YACjB,OAAO,UAAU,eAAe,KAAK,wBAAwB,MAAM;;AAIvE,SAAS,eACP,YACgD;AAChD,QAAO;EACL,GAAG;EACH,cAAc,EAAE,GAAG,WAAW,cAAc;EAC7C;;AAGH,SAAgB,+BACd,MACgD;AAGhD,QAAO,eACL,uBAHqB,oBAAoB,KAAK,GAAG,OAAO,UAMzD;;AAGH,SAAgB,kCAEd;AACA,QAAO,mBAAmB,KAAK,SAAS,+BAA+B,KAAK,CAAC"}
|
|
@@ -3,7 +3,6 @@ import { themeDataAttribute, themeStyleElementId } from "./tokenMap.js";
|
|
|
3
3
|
import { themeToCssVars } from "./themeToCssVars.js";
|
|
4
4
|
//#region src/theme/runtime/initAldTheme.ts
|
|
5
5
|
var colorValueModeStyleElementId = "ald-color-value-mode-runtime";
|
|
6
|
-
var colorValueModeDataAttribute = "data-ald-color-value-mode";
|
|
7
6
|
function escapeCssString(value) {
|
|
8
7
|
return value.replace(/\\/g, "\\\\").replace(/"/g, "\\\"");
|
|
9
8
|
}
|
|
@@ -21,8 +20,7 @@ function initAldTheme(config) {
|
|
|
21
20
|
document.getElementById(themeStyleElementId)?.remove();
|
|
22
21
|
document.head.appendChild(style);
|
|
23
22
|
const colorValueModeStyle = document.getElementById(colorValueModeStyleElementId);
|
|
24
|
-
if (colorValueModeStyle
|
|
25
|
-
else if (colorValueModeStyle) document.head.insertBefore(colorValueModeStyle, style);
|
|
23
|
+
if (colorValueModeStyle) document.head.appendChild(colorValueModeStyle);
|
|
26
24
|
document.documentElement.setAttribute(themeDataAttribute, theme.id);
|
|
27
25
|
}
|
|
28
26
|
//#endregion
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"initAldTheme.js","names":[],"sources":["../../../src/theme/runtime/initAldTheme.ts"],"sourcesContent":["import { createTheme } from './createTheme';\nimport { themeDataAttribute, themeStyleElementId } from './tokenMap';\nimport { themeToCssVars } from './themeToCssVars';\nimport type { AldThemeConfig, ResolvedAldTheme } from './types';\n\nconst colorValueModeStyleElementId = 'ald-color-value-mode-runtime';\
|
|
1
|
+
{"version":3,"file":"initAldTheme.js","names":[],"sources":["../../../src/theme/runtime/initAldTheme.ts"],"sourcesContent":["import { createTheme } from './createTheme';\nimport { themeDataAttribute, themeStyleElementId } from './tokenMap';\nimport { themeToCssVars } from './themeToCssVars';\nimport type { AldThemeConfig, ResolvedAldTheme } from './types';\n\nconst colorValueModeStyleElementId = 'ald-color-value-mode-runtime';\n\nfunction escapeCssString(value: string) {\n return value.replace(/\\\\/g, '\\\\\\\\').replace(/\"/g, '\\\\\"');\n}\n\nfunction createThemeCss(theme: ResolvedAldTheme) {\n const vars = themeToCssVars(theme);\n const body = Object.entries(vars)\n .map(([name, value]) => ` ${name}: ${value};`)\n .join('\\n');\n\n return `:root[${themeDataAttribute}=\"${escapeCssString(\n theme.id,\n )}\"] {\\n${body}\\n}\\n`;\n}\n\nexport function initAldTheme(config: AldThemeConfig | ResolvedAldTheme): void {\n if (typeof document === 'undefined') return;\n\n const theme = createTheme(config);\n const style = document.createElement('style');\n\n style.id = themeStyleElementId;\n style.textContent = createThemeCss(theme);\n\n document.getElementById(themeStyleElementId)?.remove();\n document.head.appendChild(style);\n\n const colorValueModeStyle = document.getElementById(\n colorValueModeStyleElementId,\n );\n if (colorValueModeStyle) {\n document.head.appendChild(colorValueModeStyle);\n }\n\n document.documentElement.setAttribute(themeDataAttribute, theme.id);\n}\n"],"mappings":";;;;AAKA,IAAM,+BAA+B;AAErC,SAAS,gBAAgB,OAAe;AACtC,QAAO,MAAM,QAAQ,OAAO,OAAO,CAAC,QAAQ,MAAM,OAAM;;AAG1D,SAAS,eAAe,OAAyB;CAC/C,MAAM,OAAO,eAAe,MAAM;CAClC,MAAM,OAAO,OAAO,QAAQ,KAAK,CAC9B,KAAK,CAAC,MAAM,WAAW,KAAK,KAAK,IAAI,MAAM,GAAG,CAC9C,KAAK,KAAK;AAEb,QAAO,SAAS,mBAAmB,IAAI,gBACrC,MAAM,GACP,CAAC,QAAQ,KAAK;;AAGjB,SAAgB,aAAa,QAAiD;AAC5E,KAAI,OAAO,aAAa,YAAa;CAErC,MAAM,QAAQ,YAAY,OAAO;CACjC,MAAM,QAAQ,SAAS,cAAc,QAAQ;AAE7C,OAAM,KAAK;AACX,OAAM,cAAc,eAAe,MAAM;AAEzC,UAAS,eAAe,oBAAoB,EAAE,QAAQ;AACtD,UAAS,KAAK,YAAY,MAAM;CAEhC,MAAM,sBAAsB,SAAS,eACnC,6BACD;AACD,KAAI,oBACF,UAAS,KAAK,YAAY,oBAAoB;AAGhD,UAAS,gBAAgB,aAAa,oBAAoB,MAAM,GAAG"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { NeutralSourceId } from '../../neutralSourceContract';
|
|
2
|
+
export declare const aldNeutralSourceDataAttribute = "data-ald-neutral-source";
|
|
3
|
+
export declare const aldNeutralSources: readonly ("neutral" | "slate" | "stone")[];
|
|
4
|
+
export declare function isAldNeutralSource(value: unknown): value is NeutralSourceId;
|
|
5
|
+
export declare function applyAldNeutralSource(source: unknown): NeutralSourceId;
|
|
6
|
+
export type { NeutralSourceId } from '../../neutralSourceContract';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { neutralSourceIds } from "../../neutralSourceContract.js";
|
|
2
|
+
//#region src/theme/runtime/neutralSource/index.ts
|
|
3
|
+
var aldNeutralSourceDataAttribute = "data-ald-neutral-source";
|
|
4
|
+
Object.freeze([...neutralSourceIds]);
|
|
5
|
+
function isAldNeutralSource(value) {
|
|
6
|
+
return typeof value === "string" && neutralSourceIds.includes(value);
|
|
7
|
+
}
|
|
8
|
+
//#endregion
|
|
9
|
+
export { aldNeutralSourceDataAttribute, isAldNeutralSource };
|
|
10
|
+
|
|
11
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/theme/runtime/neutralSource/index.ts"],"sourcesContent":["import {\n DEFAULT_NEUTRAL_SOURCE,\n neutralSourceIds,\n type NeutralSourceId,\n} from '../../neutralSourceContract';\n\nexport const aldNeutralSourceDataAttribute = 'data-ald-neutral-source';\nexport const aldNeutralSources = Object.freeze([...neutralSourceIds]);\n\nexport function isAldNeutralSource(value: unknown): value is NeutralSourceId {\n return (\n typeof value === 'string' &&\n (neutralSourceIds as readonly string[]).includes(value)\n );\n}\n\nexport function applyAldNeutralSource(source: unknown): NeutralSourceId {\n const normalizedSource = isAldNeutralSource(source)\n ? source\n : DEFAULT_NEUTRAL_SOURCE;\n\n if (typeof document === 'undefined') return normalizedSource;\n\n if (normalizedSource === DEFAULT_NEUTRAL_SOURCE) {\n document.documentElement.removeAttribute(aldNeutralSourceDataAttribute);\n } else {\n document.documentElement.setAttribute(\n aldNeutralSourceDataAttribute,\n normalizedSource,\n );\n }\n\n return normalizedSource;\n}\n\nexport type { NeutralSourceId } from '../../neutralSourceContract';\n"],"mappings":";;AAMA,IAAa,gCAAgC;AACZ,OAAO,OAAO,CAAC,GAAG,iBAAiB,CAAC;AAErE,SAAgB,mBAAmB,OAA0C;AAC3E,QACE,OAAO,UAAU,YAChB,iBAAuC,SAAS,MAAM"}
|