@atlassian/aui 9.9.5 → 9.9.7

package/entry/aui.batch.components.js

@@ -1,25 +1,25 @@
 // JS components
-export * from './aui.component.avatar'
-export * from './aui.component.avatar-group'
-export * from './aui.component.banner'
-export * from './aui.component.button'
-export * from './aui.component.dialog2'
-export * from './aui.component.dropdown2'
-export * from './aui.component.expander'
-export * from './aui.component.flag'
-export * from './aui.component.form.checkbox-multi-select'
-export * from './aui.component.form.file-select'
-export * from './aui.component.form.label'
-export * from './aui.component.form.select2'
-export * from './aui.component.form.single-select'
-export * from './aui.component.form.toggle'
-export * from './aui.component.inline-dialog2'
+export * from './aui.component.avatar';
+export * from './aui.component.avatar-group';
+export * from './aui.component.banner';
+export * from './aui.component.button';
+export * from './aui.component.dialog2';
+export * from './aui.component.dropdown2';
+export * from './aui.component.expander';
+export * from './aui.component.flag';
+export * from './aui.component.form.checkbox-multi-select';
+export * from './aui.component.form.file-select';
+export * from './aui.component.form.label';
+export * from './aui.component.form.select2';
+export * from './aui.component.form.single-select';
+export * from './aui.component.form.toggle';
+export * from './aui.component.inline-dialog2';
 // export * from './aui.component.layer'
-export * from './aui.component.message'
-export * from './aui.component.nav'
-export * from './aui.component.progressbar'
-export * from './aui.component.sortable-table'
-export * from './aui.component.spinner'
-export * from './aui.component.tabs'
-export * from './aui.component.tooltip'
-export * from './aui.component.trigger'
+export * from './aui.component.message';
+export * from './aui.component.nav';
+export * from './aui.component.progressbar';
+export * from './aui.component.sortable-table';
+export * from './aui.component.spinner';
+export * from './aui.component.tabs';
+export * from './aui.component.tooltip';
+export * from './aui.component.trigger';

package/entry/aui.batch.page.js

@@ -1,4 +1,4 @@
 // Page-level CSS
-import './styles/aui.page.reset'
-import './styles/aui.page.typography'
-import './styles/aui.page.links'
+import './styles/aui.page.reset';
+import './styles/aui.page.typography';
+import './styles/aui.page.links';

package/entry/aui.batch.patterns.js

@@ -1,21 +1,21 @@
 // HTML + CSS patterns
-import './styles/aui.pattern.avatar'
-import './styles/aui.pattern.badge'
-import './styles/aui.pattern.banner'
-import './styles/aui.pattern.basic'
-import './styles/aui.pattern.button'
-import './styles/aui.pattern.forms'
-import './styles/aui.pattern.group'
-import './styles/aui.pattern.help'
-import './styles/aui.pattern.icon'
-import './styles/aui.pattern.inline-dialog'
-import './styles/aui.pattern.label'
-import './styles/aui.pattern.lozenge'
-import './styles/aui.pattern.messages'
-import './styles/aui.pattern.multi-step-progress'
-import './styles/aui.pattern.nav'
-import './styles/aui.pattern.page-header'
-import './styles/aui.pattern.page-layout'
-import './styles/aui.pattern.table'
-import './styles/aui.pattern.tabs'
-import './styles/aui.pattern.toolbar2'
+import './styles/aui.pattern.avatar';
+import './styles/aui.pattern.badge';
+import './styles/aui.pattern.banner';
+import './styles/aui.pattern.basic';
+import './styles/aui.pattern.button';
+import './styles/aui.pattern.forms';
+import './styles/aui.pattern.group';
+import './styles/aui.pattern.help';
+import './styles/aui.pattern.icon';
+import './styles/aui.pattern.inline-dialog';
+import './styles/aui.pattern.label';
+import './styles/aui.pattern.lozenge';
+import './styles/aui.pattern.messages';
+import './styles/aui.pattern.multi-step-progress';
+import './styles/aui.pattern.nav';
+import './styles/aui.pattern.page-header';
+import './styles/aui.pattern.page-layout';
+import './styles/aui.pattern.table';
+import './styles/aui.pattern.tabs';
+import './styles/aui.pattern.toolbar2';

package/entry/aui.batch.prototyping.js

@@ -1,6 +1,6 @@
 export * from './aui.side-effects';
 export { log, error, warn } from './behaviours/aui.behaviour.logger';
-import {i18n as I18n} from './behaviours/aui.behaviour.i18n';
+import { i18n as I18n } from './behaviours/aui.behaviour.i18n';
 import './aui.batch.page';
 import './aui.batch.patterns';
 import './aui.batch.iconography';
@@ -14,15 +14,7 @@ import { RestfulTable } from './aui.component.restful-table';
 import { sidebar } from './aui.component.sidebar';
 import { whenIType } from './behaviours/aui.behaviour.keyboard-shortcuts';
 
-export {
-    I18n,
-    Header,
-    DatePicker,
-    CalendarWidget,
-    RestfulTable,
-    sidebar,
-    whenIType,
-};
+export { I18n, Header, DatePicker, CalendarWidget, RestfulTable, sidebar, whenIType };
 
 export const {
     FocusManager,
@@ -47,7 +39,7 @@ export const {
     tablessortable,
     tabs,
     undim,
-    _addID
+    _addID,
 } = window.AJS;
 
 // Fix AUI + WRM compatibility in a hacky way.

package/entry/aui.component.nav.js

@@ -1,2 +1,2 @@
 import './styles/aui.pattern.nav';
-export {default as navigation, NavigationEl} from '@atlassian/aui/src/js/aui/navigation';
+export { default as navigation, NavigationEl } from '@atlassian/aui/src/js/aui/navigation';

package/entry/aui.component.progressbar.js

@@ -1,4 +1,7 @@
 import './styles/aui.page.reset';
 import './styles/aui.page.typography';
 import '@atlassian/aui/src/less/aui-experimental-progress-indicator.less';
-export { default as progressBars, ProgressBarEl } from '@atlassian/aui/src/js/aui/progress-indicator';
+export {
+    default as progressBars,
+    ProgressBarEl,
+} from '@atlassian/aui/src/js/aui/progress-indicator';

package/entry/aui.side-effects.js

@@ -20,5 +20,5 @@ import './styles/aui.pattern.toolbar2';
 export * from './aui.core';
 // todo AUI-4814: undo the weird relationships between layer, layerManager, and LayerManager.global
 export * from './behaviours/aui.behaviour.layer-manager'; // because this is created in layer.js, and is needed as a side-effect on most pages :(
-export {default as $} from '@atlassian/aui/src/js/aui/setup';
-export {default as toInit} from '@atlassian/aui/src/js/aui/to-init';
+export { default as $ } from '@atlassian/aui/src/js/aui/setup';
+export { default as toInit } from '@atlassian/aui/src/js/aui/to-init';

package/entry/behaviours/aui.behaviour.format.js

@@ -5,4 +5,4 @@
  * @note This behaviour really should be a part of the WRM itself.
  * @see https://ecosystem.atlassian.net/browse/PLUGWEB-109
  */
-export {default as format} from '@atlassian/aui/src/js/aui/format';
+export { default as format } from '@atlassian/aui/src/js/aui/format';

package/entry/behaviours/aui.behaviour.i18n.js

@@ -1 +1 @@
-export {I18n as i18n} from '@atlassian/aui/src/js/aui/i18n';
+export { I18n as i18n } from '@atlassian/aui/src/js/aui/i18n';

package/entry/behaviours/aui.behaviour.keyboard-shortcuts.js

@@ -1 +1 @@
-export {default as whenIType} from '@atlassian/aui/src/js/aui/when-i-type';
+export { default as whenIType } from '@atlassian/aui/src/js/aui/when-i-type';

package/entry/behaviours/aui.behaviour.progressive-data-set.js

@@ -1 +1 @@
-export {default as ProgressiveDataSet} from '../../src/js/aui/progressive-data-set';
+export { default as ProgressiveDataSet } from '../../src/js/aui/progressive-data-set';

package/entry/behaviours/aui.behaviour.version.js

@@ -1 +1 @@
-export {default as version} from '@atlassian/aui/src/js/aui/version';
+export { default as version } from '@atlassian/aui/src/js/aui/version';

package/entry/deprecated/aui.component.inline-dialog1.js

@@ -1,2 +1,2 @@
 import '../../src/less/inline-dialog.less';
-export {default as InlineDialog} from '../../src/js/aui/inline-dialog';
+export { default as InlineDialog } from '../../src/js/aui/inline-dialog';

package/entry/styles/aui-design-tokens-compatibility.less

@@ -6,123 +6,122 @@
 // colors from there, and is included in a product that's on a newer version,
 // we want for the color definitions to still be found.
 
-html[data-color-mode="light"][data-theme~="light:light"],
-html[data-color-mode="dark"][data-theme~="dark:light"],
-html[data-color-mode="light"][data-theme~="light:dark"],
-html[data-color-mode="dark"][data-theme~="dark:dark"] {
-  // last seen in 0.13.5
-  --ds-text-highEmphasis: var(--ds-text);
-  --ds-text-link-pressed: var(--ds-link-pressed);
-  --ds-text-link-resting: var(--ds-link);
-  --ds-text-lowEmphasis: var(--ds-text-subtlest);
-  --ds-text-mediumEmphasis: var(--ds-text-subtle);
-  --ds-text-onBold: var(--ds-text-inverse);
-  --ds-text-onBoldWarning: var(--ds-text-warning-inverse);
-  --ds-border-focus: var(--ds-border-focused);
-  --ds-border-neutral: var(--ds-border);
-  --ds-background-accent-red: var(--ds-background-accent-red-subtler);
-  --ds-background-accent-red-bold: var(--ds-background-accent-red-subtle);
-  --ds-background-accent-orange: var(--ds-background-accent-orange-subtler);
-  --ds-background-accent-orange-bold: var(--ds-background-accent-orange-subtle);
-  --ds-background-accent-yellow: var(--ds-background-accent-yellow-subtler);
-  --ds-background-accent-yellow-bold: var(--ds-background-accent-yellow-subtle);
-  --ds-background-accent-green: var(--ds-background-accent-green-subtler);
-  --ds-background-accent-green-bold: var(--ds-background-accent-green-subtle);
-  --ds-background-accent-teal: var(--ds-background-accent-teal-subtler);
-  --ds-background-accent-teal-bold: var(--ds-background-accent-teal-subtle);
-  --ds-background-accent-blue: var(--ds-background-accent-blue-subtler);
-  --ds-background-accent-blue-bold: var(--ds-background-accent-blue-subtle);
-  --ds-background-accent-purple: var(--ds-background-accent-purple-subtler);
-  --ds-background-accent-purple-bold: var(--ds-background-accent-purple-subtle);
-  --ds-background-accent-magenta: var(--ds-background-accent-magenta-subtler);
-  --ds-background-accent-magenta-bold: var(--ds-background-accent-magenta-subtle);
-  --ds-background-blanket: var(--ds-blanket);
-  --ds-background-boldBrand-hover: var(--ds-background-brand-bold-hovered);
-  --ds-background-boldBrand-pressed: var(--ds-background-brand-bold-pressed);
-  --ds-background-boldBrand-resting: var(--ds-background-brand-bold);
-  --ds-background-boldDanger-hover: var(--ds-background-danger-bold-hovered);
-  --ds-background-boldDanger-pressed: var(--ds-background-danger-bold-pressed);
-  --ds-background-boldDanger-resting: var(--ds-background-danger-bold);
-  --ds-background-boldDiscovery-hover: var(--ds-background-discovery-bold-hovered);
-  --ds-background-boldDiscovery-pressed: var(--ds-background-discovery-bold-pressed);
-  --ds-background-boldDiscovery-resting: var(--ds-background-discovery-bold);
-  --ds-background-boldNeutral-hover: var(--ds-background-neutral-bold-hovered);
-  --ds-background-boldNeutral-pressed: var(--ds-background-neutral-bold-pressed);
-  --ds-background-boldNeutral-resting: var(--ds-background-neutral-bold);
-  --ds-background-boldSuccess-hover: var(--ds-background-success-bold-hovered);
-  --ds-background-boldSuccess-pressed: var(--ds-background-success-bold-pressed);
-  --ds-background-boldSuccess-resting: var(--ds-background-success-bold);
-  --ds-background-boldWarning-hover: var(--ds-background-warning-bold-hovered);
-  --ds-background-boldWarning-pressed: var(--ds-background-warning-bold-pressed);
-  --ds-background-boldWarning-resting: var(--ds-background-warning-bold);
-  --ds-background-card: var(--ds-surface-raised);
-  --ds-background-default: var(--ds-surface);
-  --ds-background-inverse: var(--ds-background-inverse-subtle);
-  --ds-background-overlay: var(--ds-surface-overlay);
-  --ds-background-selected-hover: var(--ds-background-selected-hovered);
-  --ds-background-selected-resting: var(--ds-background-selected);
-  --ds-background-subtleBorderedNeutral-pressed: var(--ds-background-input-pressed);
-  --ds-background-subtleBorderedNeutral-resting: var(--ds-background-input);
-  --ds-background-subtleBrand-hover: var(--ds-background-selected-hovered);
-  --ds-background-subtleBrand-pressed: var(--ds-background-selected-pressed);
-  --ds-background-subtleBrand-resting: var(--ds-background-selected);
-  --ds-background-subtleDanger-hover: var(--ds-background-danger-hovered);
-  --ds-background-subtleDanger-pressed: var(--ds-background-danger-pressed);
-  --ds-background-subtleDanger-resting: var(--ds-background-danger);
-  --ds-background-subtleDiscovery-hover: var(--ds-background-discovery-hovered);
-  --ds-background-subtleDiscovery-pressed: var(--ds-background-discovery-pressed);
-  --ds-background-subtleDiscovery-resting: var(--ds-background-discovery);
-  --ds-background-subtleNeutral-hover: var(--ds-background-neutral-hovered);
-  --ds-background-subtleNeutral-pressed: var(--ds-background-neutral-pressed);
-  --ds-background-subtleNeutral-resting: var(--ds-background-neutral);
-  --ds-background-subtleSuccess-hover: var(--ds-background-success-hovered);
-  --ds-background-subtleSuccess-pressed: var(--ds-background-success-pressed);
-  --ds-background-subtleSuccess-resting: var(--ds-background-success);
-  --ds-background-subtleWarning-hover: var(--ds-background-warning-hovered);
-  --ds-background-subtleWarning-pressed: var(--ds-background-warning-pressed);
-  --ds-background-subtleWarning-resting: var(--ds-background-warning);
-  --ds-background-sunken: var(--ds-surface-sunken);
-  --ds-background-transparentNeutral-hover: var(--ds-background-neutral-subtle-hovered);
-  --ds-background-transparentNeutral-pressed: var(--ds-background-neutral-subtle-pressed);
-  --ds-background-brand: var(--ds-background-selected);
-  --ds-background-brand-hovered: var(--ds-background-selected-hovered);
-  --ds-background-brand-pressed: var(--ds-background-selected-pressed);
-  --ds-interaction-inverse-hovered: var(--ds-background-inverse-subtle-hovered);
-  --ds-interaction-inverse-pressed: var(--ds-background-inverse-subtle-pressed);
-  --ds-accent-boldBlue: var(--ds-background-accent-blue-bolder);
-  --ds-accent-boldGreen: var(--ds-background-accent-green-bolder);
-  --ds-accent-boldOrange: var(--ds-background-accent-orange-bolder);
-  --ds-accent-boldPurple: var(--ds-background-accent-purple-bolder);
-  --ds-accent-boldRed: var(--ds-background-accent-red-bolder);
-  --ds-accent-boldTeal: var(--ds-background-accent-teal-bolder);
-  --ds-accent-subtleBlue: var(--ds-background-accent-blue-subtler);
-  --ds-accent-subtleGreen: var(--ds-background-accent-green-subtler);
-  --ds-accent-subtleMagenta: var(--ds-background-accent-magenta-subtler);
-  --ds-accent-subtleOrange: var(--ds-background-accent-orange-subtler);
-  --ds-accent-subtlePurple: var(--ds-background-accent-purple-subtler);
-  --ds-accent-subtleRed: var(--ds-background-accent-red-subtler);
-  --ds-accent-subtleTeal: var(--ds-background-accent-teal-subtler);
-  --ds-iconBorder-brand: var(--ds-icon-brand);
-  --ds-iconBorder-danger: var(--ds-icon-danger);
-  --ds-iconBorder-warning: var(--ds-icon-warning);
-  --ds-iconBorder-success: var(--ds-icon-success);
-  --ds-iconBorder-discovery: var(--ds-icon-discovery);
-  --ds-overlay-hover: var(--ds-interaction-hovered);
-  --ds-overlay-pressed: var(--ds-interaction-pressed);
-  --ds-card: var(--ds-shadow-raised);
-  --ds-overlay: var(--ds-shadow-overlay);
-  --ds-UNSAFE_util-transparent: var(--ds-UNSAFE-transparent);
+html[data-color-mode='light'][data-theme~='light:light'],
+html[data-color-mode='dark'][data-theme~='dark:light'],
+html[data-color-mode='light'][data-theme~='light:dark'],
+html[data-color-mode='dark'][data-theme~='dark:dark'] {
+    // last seen in 0.13.5
+    --ds-text-highEmphasis: var(--ds-text);
+    --ds-text-link-pressed: var(--ds-link-pressed);
+    --ds-text-link-resting: var(--ds-link);
+    --ds-text-lowEmphasis: var(--ds-text-subtlest);
+    --ds-text-mediumEmphasis: var(--ds-text-subtle);
+    --ds-text-onBold: var(--ds-text-inverse);
+    --ds-text-onBoldWarning: var(--ds-text-warning-inverse);
+    --ds-border-focus: var(--ds-border-focused);
+    --ds-border-neutral: var(--ds-border);
+    --ds-background-accent-red: var(--ds-background-accent-red-subtler);
+    --ds-background-accent-red-bold: var(--ds-background-accent-red-subtle);
+    --ds-background-accent-orange: var(--ds-background-accent-orange-subtler);
+    --ds-background-accent-orange-bold: var(--ds-background-accent-orange-subtle);
+    --ds-background-accent-yellow: var(--ds-background-accent-yellow-subtler);
+    --ds-background-accent-yellow-bold: var(--ds-background-accent-yellow-subtle);
+    --ds-background-accent-green: var(--ds-background-accent-green-subtler);
+    --ds-background-accent-green-bold: var(--ds-background-accent-green-subtle);
+    --ds-background-accent-teal: var(--ds-background-accent-teal-subtler);
+    --ds-background-accent-teal-bold: var(--ds-background-accent-teal-subtle);
+    --ds-background-accent-blue: var(--ds-background-accent-blue-subtler);
+    --ds-background-accent-blue-bold: var(--ds-background-accent-blue-subtle);
+    --ds-background-accent-purple: var(--ds-background-accent-purple-subtler);
+    --ds-background-accent-purple-bold: var(--ds-background-accent-purple-subtle);
+    --ds-background-accent-magenta: var(--ds-background-accent-magenta-subtler);
+    --ds-background-accent-magenta-bold: var(--ds-background-accent-magenta-subtle);
+    --ds-background-blanket: var(--ds-blanket);
+    --ds-background-boldBrand-hover: var(--ds-background-brand-bold-hovered);
+    --ds-background-boldBrand-pressed: var(--ds-background-brand-bold-pressed);
+    --ds-background-boldBrand-resting: var(--ds-background-brand-bold);
+    --ds-background-boldDanger-hover: var(--ds-background-danger-bold-hovered);
+    --ds-background-boldDanger-pressed: var(--ds-background-danger-bold-pressed);
+    --ds-background-boldDanger-resting: var(--ds-background-danger-bold);
+    --ds-background-boldDiscovery-hover: var(--ds-background-discovery-bold-hovered);
+    --ds-background-boldDiscovery-pressed: var(--ds-background-discovery-bold-pressed);
+    --ds-background-boldDiscovery-resting: var(--ds-background-discovery-bold);
+    --ds-background-boldNeutral-hover: var(--ds-background-neutral-bold-hovered);
+    --ds-background-boldNeutral-pressed: var(--ds-background-neutral-bold-pressed);
+    --ds-background-boldNeutral-resting: var(--ds-background-neutral-bold);
+    --ds-background-boldSuccess-hover: var(--ds-background-success-bold-hovered);
+    --ds-background-boldSuccess-pressed: var(--ds-background-success-bold-pressed);
+    --ds-background-boldSuccess-resting: var(--ds-background-success-bold);
+    --ds-background-boldWarning-hover: var(--ds-background-warning-bold-hovered);
+    --ds-background-boldWarning-pressed: var(--ds-background-warning-bold-pressed);
+    --ds-background-boldWarning-resting: var(--ds-background-warning-bold);
+    --ds-background-card: var(--ds-surface-raised);
+    --ds-background-default: var(--ds-surface);
+    --ds-background-inverse: var(--ds-background-inverse-subtle);
+    --ds-background-overlay: var(--ds-surface-overlay);
+    --ds-background-selected-hover: var(--ds-background-selected-hovered);
+    --ds-background-selected-resting: var(--ds-background-selected);
+    --ds-background-subtleBorderedNeutral-pressed: var(--ds-background-input-pressed);
+    --ds-background-subtleBorderedNeutral-resting: var(--ds-background-input);
+    --ds-background-subtleBrand-hover: var(--ds-background-selected-hovered);
+    --ds-background-subtleBrand-pressed: var(--ds-background-selected-pressed);
+    --ds-background-subtleBrand-resting: var(--ds-background-selected);
+    --ds-background-subtleDanger-hover: var(--ds-background-danger-hovered);
+    --ds-background-subtleDanger-pressed: var(--ds-background-danger-pressed);
+    --ds-background-subtleDanger-resting: var(--ds-background-danger);
+    --ds-background-subtleDiscovery-hover: var(--ds-background-discovery-hovered);
+    --ds-background-subtleDiscovery-pressed: var(--ds-background-discovery-pressed);
+    --ds-background-subtleDiscovery-resting: var(--ds-background-discovery);
+    --ds-background-subtleNeutral-hover: var(--ds-background-neutral-hovered);
+    --ds-background-subtleNeutral-pressed: var(--ds-background-neutral-pressed);
+    --ds-background-subtleNeutral-resting: var(--ds-background-neutral);
+    --ds-background-subtleSuccess-hover: var(--ds-background-success-hovered);
+    --ds-background-subtleSuccess-pressed: var(--ds-background-success-pressed);
+    --ds-background-subtleSuccess-resting: var(--ds-background-success);
+    --ds-background-subtleWarning-hover: var(--ds-background-warning-hovered);
+    --ds-background-subtleWarning-pressed: var(--ds-background-warning-pressed);
+    --ds-background-subtleWarning-resting: var(--ds-background-warning);
+    --ds-background-sunken: var(--ds-surface-sunken);
+    --ds-background-transparentNeutral-hover: var(--ds-background-neutral-subtle-hovered);
+    --ds-background-transparentNeutral-pressed: var(--ds-background-neutral-subtle-pressed);
+    --ds-background-brand: var(--ds-background-selected);
+    --ds-background-brand-hovered: var(--ds-background-selected-hovered);
+    --ds-background-brand-pressed: var(--ds-background-selected-pressed);
+    --ds-interaction-inverse-hovered: var(--ds-background-inverse-subtle-hovered);
+    --ds-interaction-inverse-pressed: var(--ds-background-inverse-subtle-pressed);
+    --ds-accent-boldBlue: var(--ds-background-accent-blue-bolder);
+    --ds-accent-boldGreen: var(--ds-background-accent-green-bolder);
+    --ds-accent-boldOrange: var(--ds-background-accent-orange-bolder);
+    --ds-accent-boldPurple: var(--ds-background-accent-purple-bolder);
+    --ds-accent-boldRed: var(--ds-background-accent-red-bolder);
+    --ds-accent-boldTeal: var(--ds-background-accent-teal-bolder);
+    --ds-accent-subtleBlue: var(--ds-background-accent-blue-subtler);
+    --ds-accent-subtleGreen: var(--ds-background-accent-green-subtler);
+    --ds-accent-subtleMagenta: var(--ds-background-accent-magenta-subtler);
+    --ds-accent-subtleOrange: var(--ds-background-accent-orange-subtler);
+    --ds-accent-subtlePurple: var(--ds-background-accent-purple-subtler);
+    --ds-accent-subtleRed: var(--ds-background-accent-red-subtler);
+    --ds-accent-subtleTeal: var(--ds-background-accent-teal-subtler);
+    --ds-iconBorder-brand: var(--ds-icon-brand);
+    --ds-iconBorder-danger: var(--ds-icon-danger);
+    --ds-iconBorder-warning: var(--ds-icon-warning);
+    --ds-iconBorder-success: var(--ds-icon-success);
+    --ds-iconBorder-discovery: var(--ds-icon-discovery);
+    --ds-overlay-hover: var(--ds-interaction-hovered);
+    --ds-overlay-pressed: var(--ds-interaction-pressed);
+    --ds-card: var(--ds-shadow-raised);
+    --ds-overlay: var(--ds-shadow-overlay);
+    --ds-UNSAFE_util-transparent: var(--ds-UNSAFE-transparent);
 }
 
-html[data-color-mode="light"][data-theme~="light:light"],
-html[data-color-mode="dark"][data-theme~="dark:light"] {
-  // last seen in 0.13.5
-  --ds-UNSAFE_util-MISSING_TOKEN: #FA11F2;
+html[data-color-mode='light'][data-theme~='light:light'],
+html[data-color-mode='dark'][data-theme~='dark:light'] {
+    // last seen in 0.13.5
+    --ds-UNSAFE_util-MISSING_TOKEN: #fa11f2;
 }
 
-html[data-color-mode="light"][data-theme~="light:dark"],
-html[data-color-mode="dark"][data-theme~="dark:dark"] {
-  // last seen in 0.13.5
-  --ds-UNSAFE_util-MISSING_TOKEN: #FA11F2;
+html[data-color-mode='light'][data-theme~='light:dark'],
+html[data-color-mode='dark'][data-theme~='dark:dark'] {
+    // last seen in 0.13.5
+    --ds-UNSAFE_util-MISSING_TOKEN: #fa11f2;
 }
-

package/entry/token-themes-generated/p2/aui-prototyping-design-tokens-base-themes.js

@@ -0,0 +1,26 @@
+let style;
+
+
+/* ------ THEME: light ------ */
+
+style = document.createElement('style');
+style.dataset.theme = 'light';
+style.textContent += require('./themes/light.js').default;
+document.head.appendChild(style);
+
+
+
+/* ------ THEME: dark ------ */
+
+style = document.createElement('style');
+style.dataset.theme = 'dark';
+style.textContent += require('./themes/dark.js').default;
+document.head.appendChild(style);
+
+
+/* ------ THEME: original ------ */
+
+style = document.createElement('style');
+style.dataset.theme = 'original';
+style.textContent += '';
+document.head.appendChild(style);

package/entry/token-themes-generated/p2/aui-prototyping-design-tokens-theme-import-map.js

@@ -0,0 +1,47 @@
+export default {
+	'light': () => import(
+		/* webpackChunkName: "./themes/light" */
+		'./themes/light.js'
+	),
+	'dark': () => import(
+		/* webpackChunkName: "./themes/dark" */
+		'./themes/dark.js'
+	),
+	'legacy-light': () => import(
+		/* webpackChunkName: "./themes/legacy-light" */
+		'./themes/legacy-light.js'
+	),
+	'legacy-dark': () => import(
+		/* webpackChunkName: "./themes/legacy-dark" */
+		'./themes/legacy-dark.js'
+	),
+	'spacing': () => import(
+		/* webpackChunkName: "./themes/spacing" */
+		'./themes/spacing.js'
+	),
+	'typography': () => import(
+		/* webpackChunkName: "./themes/typography" */
+		'./themes/typography.js'
+	),
+	'shape': () => import(
+		/* webpackChunkName: "./themes/shape" */
+		'./themes/shape.js'
+	),
+	'typography-adg3': () => import(
+		/* webpackChunkName: "./themes/typography-adg3" */
+		'./themes/typography-adg3.js'
+	),
+	'typography-minor3': () => import(
+		/* webpackChunkName: "./themes/typography-minor3" */
+		'./themes/typography-minor3.js'
+	),
+	'light-new-input-border': () => import(
+		/* webpackChunkName: "./themes/light-new-input-border" */
+		'./themes/light-new-input-border.js'
+	),
+	'dark-new-input-border': () => import(
+		/* webpackChunkName: "./themes/dark-new-input-border" */
+		'./themes/dark-new-input-border.js'
+	),
+	'original': () => Promise.resolve(''),
+};