mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-12-19 05:19:42 +08:00
f9a936b875
Issue number: internal --------- <!-- Please do not submit updates to dependencies unless it fixes an issue. --> <!-- Please try to limit your pull request to one type (bugfix, feature, etc). Submit multiple pull requests if needed. --> ## What is the new behavior? <!-- Please describe the behavior or changes that are being added by this PR. --> This pull request updates the design token build system and its dependencies, simplifying the process and removing custom scripts in favor of using the latest features of the `outsystems-design-tokens` package. The changes modernize how design tokens are generated and maintained, reducing custom code and leveraging upstream improvements. Key changes include: **Build Process Simplification:** - The custom design token generation scripts (`core/scripts/tokens/index.mjs` and `core/scripts/tokens/utils.mjs`) have been removed. Token generation is now handled directly via the `outsystems-design-tokens` package using an `npx` command in the `build.tokens` script. This reduces maintenance overhead and keeps the build process aligned with upstream best practices. [[1]](diffhunk://#diff-0b9870c62ff80af860467e2541bba0b9ba5e7280b12bea6eeb124b1d174efbcfL1-L188) [[2]](diffhunk://#diff-8b5c339d9dd13300954577213f84a443321a0d6477acd7553787fbcc00ce8cabL1-L320) [[3]](diffhunk://#diff-7f67769260741e2563407af949f7e54fbf0431d1c607933f6e8a8094e3219e26L83-R82) **Dependency Updates:** - Updated `outsystems-design-tokens` to version `1.3.3` and `style-dictionary` to version `5.1.1` in both `package.json` and `package-lock.json`. This ensures compatibility with the latest features and bug fixes and removes the need to specify `style-dictionary` directly as a dependency. [[1]](diffhunk://#diff-4ff996db8bece1eded512c3b97a6bde33622f94bb387634ef32496d832d57744L47-L52) [[2]](diffhunk://#diff-4ff996db8bece1eded512c3b97a6bde33622f94bb387634ef32496d832d57744L9592-R9598) [[3]](diffhunk://#diff-4ff996db8bece1eded512c3b97a6bde33622f94bb387634ef32496d832d57744L11137-R11138) [[4]](diffhunk://#diff-7f67769260741e2563407af949f7e54fbf0431d1c607933f6e8a8094e3219e26L69-L74) **SCSS Utility Import:** - The `@forward "../../foundations/ionic.utility";` statement was removed from `core/src/css/ionic/utils.bundle.ionic.scss`, likely because the utility SCSS is now generated and managed by the new token build process. Removed CSS tests for Ionic theme, as they relied heavily on testing the effect of the utility-classes, that are no longer created on the ionic scope. ## Does this introduce a breaking change? - [ ] Yes - [x] No <!-- If this introduces a breaking change: 1. Describe the impact and migration path for existing applications below. 2. Update the BREAKING.md file with the breaking change. 3. Add "BREAKING CHANGE: [...]" to the commit description when merging. See https://github.com/ionic-team/ionic-framework/blob/main/docs/CONTRIBUTING.md#footer for more information. --> --------- Co-authored-by: ionitron <hi@ionicframework.com>
73 lines
2.5 KiB
JavaScript
73 lines
2.5 KiB
JavaScript
|
|
(function() {
|
|
|
|
if (window.location.search.indexOf('rtl=true') > -1) {
|
|
document.documentElement.setAttribute('dir', 'rtl');
|
|
}
|
|
|
|
if (window.location.search.indexOf('ionic:_testing=true') > -1) {
|
|
const style = document.createElement('style');
|
|
style.innerHTML = `
|
|
* {
|
|
caret-color: transparent !important;
|
|
}`;
|
|
document.head.appendChild(style);
|
|
}
|
|
|
|
/**
|
|
* The term `palette` is used to as a param to match the
|
|
* Ionic docs, plus here is already a `ionic:theme` query being
|
|
* used for `md`, `ios`, and `ionic` themes.
|
|
*/
|
|
const palette = window.location.search.match(/palette=([a-z]+)/);
|
|
if (palette && palette[1] !== 'light') {
|
|
const linkTag = document.createElement('link');
|
|
linkTag.setAttribute('rel', 'stylesheet');
|
|
linkTag.setAttribute('type', 'text/css');
|
|
linkTag.setAttribute('href', `/css/palettes/${palette[1]}.always.css`);
|
|
document.head.appendChild(linkTag);
|
|
}
|
|
|
|
/**
|
|
* The `ionic` theme uses a different stylesheet than the `iOS` and `md` themes.
|
|
* This is to ensure that the `ionic` theme is loaded when the `ionic:theme=ionic`
|
|
* or when the HTML tag has the `theme="ionic"` attribute. This is useful for
|
|
* the snapshot tests, where the `ionic` theme is not loaded by default.
|
|
*/
|
|
const themeQuery = window.location.search.match(/ionic:theme=([a-z]+)/);
|
|
const themeAttr = document.documentElement.getAttribute('theme');
|
|
|
|
if ((themeQuery && themeQuery[1] === 'ionic') || themeAttr === 'ionic') {
|
|
const ionicThemeLinkTag = document.querySelector('link[href*="css/ionic/bundle.ionic.css"]');
|
|
|
|
if (!ionicThemeLinkTag) {
|
|
const linkTag = document.createElement('link');
|
|
linkTag.setAttribute('rel', 'stylesheet');
|
|
linkTag.setAttribute('type', 'text/css');
|
|
linkTag.setAttribute('href', '/css/ionic/bundle.ionic.css');
|
|
document.head.appendChild(linkTag);
|
|
}
|
|
|
|
const utilsBundleLinkTag = document.querySelector('link[href*="css/utils.bundle.css"]');
|
|
if (!utilsBundleLinkTag) {
|
|
const linkTag = document.createElement('link');
|
|
linkTag.setAttribute('rel', 'stylesheet');
|
|
linkTag.setAttribute('type', 'text/css');
|
|
linkTag.setAttribute('href', '/css/utils.bundle.css');
|
|
document.head.appendChild(linkTag);
|
|
}
|
|
|
|
const defaultThemeLinkTag = document.querySelector('link[href*="css/ionic.bundle.css"]');
|
|
if (defaultThemeLinkTag) {
|
|
defaultThemeLinkTag.remove();
|
|
}
|
|
}
|
|
|
|
window.Ionic = window.Ionic || {};
|
|
window.Ionic.config = window.Ionic.config || {};
|
|
|
|
window.addEventListener('appload', () => {
|
|
window.testAppLoaded = true;
|
|
})
|
|
})();
|