2017-06-21 09:33:06 -05:00
|
|
|
{
|
2017-06-22 14:59:33 -05:00
|
|
|
"name": "@ionic/core",
|
2025-12-13 15:51:51 +00:00
|
|
|
"version": "8.7.13",
|
2017-06-21 09:33:06 -05:00
|
|
|
"description": "Base components for Ionic",
|
2025-12-08 09:16:10 -08:00
|
|
|
"engines": {
|
2025-12-13 07:00:20 -08:00
|
|
|
"node": ">= 16"
|
2025-12-08 09:16:10 -08:00
|
|
|
},
|
2018-03-03 16:16:02 -06:00
|
|
|
"keywords": [
|
|
|
|
|
"ionic",
|
|
|
|
|
"framework",
|
|
|
|
|
"stencil",
|
|
|
|
|
"mobile",
|
|
|
|
|
"app",
|
|
|
|
|
"webapp",
|
|
|
|
|
"capacitor",
|
|
|
|
|
"cordova",
|
2018-09-20 11:56:29 -05:00
|
|
|
"electron",
|
2018-03-03 16:16:02 -06:00
|
|
|
"progressive web app",
|
|
|
|
|
"pwa"
|
|
|
|
|
],
|
2020-10-27 13:42:24 -04:00
|
|
|
"main": "dist/index.cjs.js",
|
|
|
|
|
"module": "dist/index.js",
|
|
|
|
|
"es2015": "dist/esm/index.js",
|
|
|
|
|
"es2017": "dist/esm/index.js",
|
|
|
|
|
"jsnext:main": "dist/esm/index.js",
|
2019-06-19 21:33:50 +02:00
|
|
|
"collection:main": "dist/collection/index.js",
|
2017-08-03 08:47:34 -05:00
|
|
|
"collection": "dist/collection/collection-manifest.json",
|
2019-06-19 21:33:50 +02:00
|
|
|
"types": "dist/types/interface.d.ts",
|
2017-08-03 08:47:34 -05:00
|
|
|
"files": [
|
2021-02-11 11:08:00 -06:00
|
|
|
"components/",
|
2018-09-11 10:54:22 +02:00
|
|
|
"css/",
|
2021-02-11 11:08:00 -06:00
|
|
|
"dist/",
|
2019-07-23 16:46:06 -05:00
|
|
|
"hydrate/",
|
2018-09-11 10:54:22 +02:00
|
|
|
"loader/"
|
2017-08-03 08:47:34 -05:00
|
|
|
],
|
2018-02-23 10:51:41 -06:00
|
|
|
"dependencies": {
|
2024-06-27 17:53:51 -04:00
|
|
|
"@phosphor-icons/core": "^2.1.1",
|
2025-10-28 15:29:24 +00:00
|
|
|
"@stencil/core": "4.38.0",
|
2025-07-09 09:00:57 -07:00
|
|
|
"ionicons": "^8.0.13",
|
2021-03-23 10:30:09 -04:00
|
|
|
"tslib": "^2.1.0"
|
2018-02-23 10:51:41 -06:00
|
|
|
},
|
2017-08-03 08:47:34 -05:00
|
|
|
"devDependencies": {
|
2025-10-23 09:58:36 -04:00
|
|
|
"@axe-core/playwright": "^4.11.0",
|
2025-12-11 19:26:50 +00:00
|
|
|
"@capacitor/core": "^8.0.0",
|
|
|
|
|
"@capacitor/haptics": "^8.0.0",
|
|
|
|
|
"@capacitor/keyboard": "^8.0.0",
|
|
|
|
|
"@capacitor/status-bar": "^8.0.0",
|
2025-05-27 16:09:06 +00:00
|
|
|
"@clack/prompts": "^0.11.0",
|
2022-04-04 11:12:53 -04:00
|
|
|
"@ionic/eslint-config": "^0.3.0",
|
|
|
|
|
"@ionic/prettier-config": "^2.0.0",
|
2025-10-17 13:25:46 -04:00
|
|
|
"@playwright/test": "^1.56.1",
|
2020-07-24 12:44:09 -05:00
|
|
|
"@rollup/plugin-node-resolve": "^8.4.0",
|
2020-06-29 10:21:06 -05:00
|
|
|
"@rollup/plugin-virtual": "^2.0.3",
|
2025-01-17 13:03:21 -05:00
|
|
|
"@stencil/angular-output-target": "^0.10.0",
|
2024-09-16 10:44:03 -04:00
|
|
|
"@stencil/react-output-target": "0.5.3",
|
2024-01-29 23:21:01 +00:00
|
|
|
"@stencil/sass": "^3.0.9",
|
2025-06-30 12:22:56 -04:00
|
|
|
"@stencil/vue-output-target": "0.10.8",
|
2023-11-09 16:28:10 -05:00
|
|
|
"@types/jest": "^29.5.6",
|
2024-08-30 14:35:04 -04:00
|
|
|
"@types/node": "^18.19.47",
|
2023-09-26 09:01:53 -04:00
|
|
|
"@typescript-eslint/eslint-plugin": "^6.7.2",
|
|
|
|
|
"@typescript-eslint/parser": "^6.7.2",
|
2024-04-15 13:46:17 -04:00
|
|
|
"chalk": "^5.3.0",
|
2022-08-16 16:26:59 -04:00
|
|
|
"clean-css-cli": "^5.6.1",
|
2020-07-24 12:44:09 -05:00
|
|
|
"domino": "^2.1.6",
|
2025-12-01 17:11:51 -08:00
|
|
|
"esbuild": "^0.27.0",
|
2022-04-04 11:12:53 -04:00
|
|
|
"eslint": "^7.32.0",
|
|
|
|
|
"eslint-config-prettier": "^8.5.0",
|
2022-09-15 10:51:51 -05:00
|
|
|
"eslint-plugin-custom-rules": "file:custom-rules",
|
2024-04-15 13:46:17 -04:00
|
|
|
"execa": "^8.0.1",
|
2020-06-29 10:21:06 -05:00
|
|
|
"fs-extra": "^9.0.1",
|
2023-11-09 16:28:10 -05:00
|
|
|
"jest": "^29.7.0",
|
|
|
|
|
"jest-cli": "^29.7.0",
|
2025-11-20 18:02:37 +00:00
|
|
|
"outsystems-design-tokens": "^1.3.4",
|
2025-12-01 17:05:11 -05:00
|
|
|
"playwright-core": "^1.56.1",
|
feat(ionic-theme): improve scss architecture for ionic theme (#29345)
Issue number: None
---------
<!-- 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 PR follows the architectural changes defined on the _SCSS
Architecture Design Doc_. Due to some of the developments done in the
meantime, not everything that was defined on that document was followed
and some sections were simplified.
Overall, there were two guidelines that supported the work on this PR:
- Have no impact on the current scss partials & CSS architecture for the
`md/iOS` themes.
- Make everything related to the new `Ionic` Theme separated.
Based on these, here're the changes made:
**On Themes folder (private):**
- Renamed current internal scss partials on src/themes, related to
md/iOS, to `native.*.scss` and move them to a new folder, called
`native`. Updated imports on all framework.
- Removed the ionic prefix from the name of the mixins and function
partials on src/themes. Updated imports on all framework.
- Created new folder, named ionic, inside src/themes. This holds the
`ionic.globals.scss`, with all the mixins and functions forwarded, to be
used on other scopes.
- Replaced on already created Ionic theme files, the usage of tokens and
mixins with @use, to instead _@use
"../../themes/ionic/ionic.globals.scss" as globals;_. This ensures an
equal approach is followed everywhere and also makes it easier to change
the files imported or paths, in the future, as its all in the same
global file.
- Updated the foundations `readMe` file, with the new process for using
globals.
**On css folder (public):**
- Created new folder, named `ionic`, inside src/css. This holds all the
files related exclusively to Ionic Theme, following the same structure
as exists now for md/iOS, with a core, a bundle, utils, etc. Some files
were a bit duplicated, to eliminate imports from ios or md theme
partials. The only file common to both Themes is the `normalize.scss`.
- No folder structure or renamings were done on the existing output, to
prevent breaking-changes for developers already making imports from this
folder.
- Updated typography and link partials to use globals instead of tokens.
- Changed `font-size` styles on typography to be on `body`, instead of
`html`, to enable correct support of accessibility features on browsers
and devices, related to `font-size`.
**Other changes related to global styles new architecture:**
- Updated margin & padding utility-classed generated by token, to
include css variables and padding/margin mixins.
- Updated link test to use new global Ionic bundle, correct
utility-class on ion-content and updated snapshots. The font-size
changed to 16, as its now the default on the body.
- Updated typography snapshots.
- Updated prettier format on all scss files. Later on we should make
sure this is equal for all team members.
## 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: Sean Perkins <sean@ionic.io>
2024-04-18 17:22:24 +01:00
|
|
|
"prettier": "^2.8.8",
|
2020-08-21 12:42:44 -04:00
|
|
|
"rollup": "^2.26.4",
|
2023-10-10 17:38:09 -04:00
|
|
|
"sass": "^1.33.0",
|
2022-09-09 14:42:31 -05:00
|
|
|
"serve": "^14.0.1",
|
2022-09-09 14:58:25 -05:00
|
|
|
"stylelint": "^13.13.1",
|
2023-09-26 09:01:53 -04:00
|
|
|
"stylelint-order": "^4.1.0"
|
2017-08-03 08:47:34 -05:00
|
|
|
},
|
2017-06-21 09:33:06 -05:00
|
|
|
"scripts": {
|
2025-10-16 10:07:57 -04:00
|
|
|
"build": "npm run clean && npm run build.css && npm run build.themes && stencil build --es5 --docs-json dist/docs.json",
|
2018-08-29 20:30:53 +02:00
|
|
|
"build.css": "npm run css.sass && npm run css.minify",
|
2018-05-16 11:38:53 -05:00
|
|
|
"build.debug": "npm run clean && stencil build --debug",
|
2018-03-29 09:28:19 -05:00
|
|
|
"build.docs.json": "stencil build --docs-json dist/docs.json",
|
2025-11-20 18:02:37 +00:00
|
|
|
"build.tokens": "npx build.tokens --dest src/foundations/ --root=false --scss=true --scss-file=ionic.vars.scss --scss-prefix=ion --utilities=false && npm run prettier.tokens",
|
2025-10-16 10:07:57 -04:00
|
|
|
"build.themes": "esbuild src/themes/*/*.tokens.ts --bundle --format=esm --platform=browser --target=es2017 --outdir=themes --outbase=src/themes && esbuild src/utils/theme.ts --bundle --format=esm --platform=browser --target=es2017 --outfile=themes/utils/theme.js",
|
2018-03-02 23:57:52 -06:00
|
|
|
"clean": "node scripts/clean.js",
|
2018-08-29 20:30:53 +02:00
|
|
|
"css.minify": "cleancss -O2 -o ./css/ionic.bundle.css ./css/ionic.bundle.css",
|
2024-04-05 10:01:20 -04:00
|
|
|
"css.sass": "sass --embed-sources --style compressed src/css:./css",
|
2022-04-04 11:12:53 -04:00
|
|
|
"eslint": "eslint src",
|
2022-12-02 11:56:16 -05:00
|
|
|
"lint": "npm run lint.ts && npm run lint.sass && npm run prettier -- --write --cache",
|
|
|
|
|
"lint.fix": "npm run lint.ts.fix && npm run lint.sass.fix && npm run prettier -- --write --cache",
|
2020-11-12 11:25:33 -05:00
|
|
|
"lint.sass": "stylelint \"src/**/*.scss\"",
|
2018-07-19 16:10:30 -04:00
|
|
|
"lint.sass.fix": "npm run lint.sass -- --fix",
|
2022-04-04 11:12:53 -04:00
|
|
|
"lint.ts": "npm run eslint",
|
|
|
|
|
"lint.ts.fix": "npm run eslint -- --fix",
|
2019-07-23 16:46:06 -05:00
|
|
|
"prerender.e2e": "node scripts/testing/prerender.js",
|
feat(ionic-theme): improve scss architecture for ionic theme (#29345)
Issue number: None
---------
<!-- 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 PR follows the architectural changes defined on the _SCSS
Architecture Design Doc_. Due to some of the developments done in the
meantime, not everything that was defined on that document was followed
and some sections were simplified.
Overall, there were two guidelines that supported the work on this PR:
- Have no impact on the current scss partials & CSS architecture for the
`md/iOS` themes.
- Make everything related to the new `Ionic` Theme separated.
Based on these, here're the changes made:
**On Themes folder (private):**
- Renamed current internal scss partials on src/themes, related to
md/iOS, to `native.*.scss` and move them to a new folder, called
`native`. Updated imports on all framework.
- Removed the ionic prefix from the name of the mixins and function
partials on src/themes. Updated imports on all framework.
- Created new folder, named ionic, inside src/themes. This holds the
`ionic.globals.scss`, with all the mixins and functions forwarded, to be
used on other scopes.
- Replaced on already created Ionic theme files, the usage of tokens and
mixins with @use, to instead _@use
"../../themes/ionic/ionic.globals.scss" as globals;_. This ensures an
equal approach is followed everywhere and also makes it easier to change
the files imported or paths, in the future, as its all in the same
global file.
- Updated the foundations `readMe` file, with the new process for using
globals.
**On css folder (public):**
- Created new folder, named `ionic`, inside src/css. This holds all the
files related exclusively to Ionic Theme, following the same structure
as exists now for md/iOS, with a core, a bundle, utils, etc. Some files
were a bit duplicated, to eliminate imports from ios or md theme
partials. The only file common to both Themes is the `normalize.scss`.
- No folder structure or renamings were done on the existing output, to
prevent breaking-changes for developers already making imports from this
folder.
- Updated typography and link partials to use globals instead of tokens.
- Changed `font-size` styles on typography to be on `body`, instead of
`html`, to enable correct support of accessibility features on browsers
and devices, related to `font-size`.
**Other changes related to global styles new architecture:**
- Updated margin & padding utility-classed generated by token, to
include css variables and padding/margin mixins.
- Updated link test to use new global Ionic bundle, correct
utility-class on ion-content and updated snapshots. The font-size
changed to 16, as its now the default on the body.
- Updated typography snapshots.
- Updated prettier format on all scss files. Later on we should make
sure this is equal for all team members.
## 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: Sean Perkins <sean@ionic.io>
2024-04-18 17:22:24 +01:00
|
|
|
"prettier": "prettier \"./src/**/*.{html,ts,tsx,js,jsx,scss}\"",
|
2024-05-28 15:57:30 +01:00
|
|
|
"prettier.tokens": "prettier \"./src/foundations/*.{scss, html}\" --write --cache",
|
2025-10-16 10:07:57 -04:00
|
|
|
"start": "npm run build.css && npm run build.themes && stencil build --dev --watch --serve",
|
2022-12-07 15:50:59 -05:00
|
|
|
"test": "npm run test.spec && npm run test.e2e",
|
2019-10-30 16:47:49 -06:00
|
|
|
"test.spec": "stencil test --spec --max-workers=2",
|
2023-05-09 10:53:15 -04:00
|
|
|
"test.e2e": "npx playwright test",
|
2025-03-17 14:30:13 -07:00
|
|
|
"test.e2e.update-snapshots": "npm run test.e2e -- --update-snapshots='changed'",
|
2018-09-20 13:22:30 -05:00
|
|
|
"test.watch": "jest --watch --no-cache",
|
2020-10-27 13:42:24 -04:00
|
|
|
"test.treeshake": "node scripts/treeshaking.js dist/index.js",
|
2024-03-18 10:08:30 -04:00
|
|
|
"validate": "npm run lint && npm run test && npm run build && npm run test.treeshake",
|
|
|
|
|
"docker.build": "docker build -t ionic-playwright .",
|
2024-04-15 13:46:17 -04:00
|
|
|
"test.e2e.docker": "npm run docker.build && node ./scripts/docker.mjs",
|
2025-03-17 14:30:13 -07:00
|
|
|
"test.e2e.docker.update-snapshots": "npm run test.e2e.docker -- --update-snapshots='changed'",
|
2024-06-12 11:25:25 -07:00
|
|
|
"test.e2e.docker.ci": "npm run docker.build && CI=true node ./scripts/docker.mjs",
|
|
|
|
|
"test.e2e.script": "node scripts/testing/e2e-script.mjs"
|
2017-06-21 09:33:06 -05:00
|
|
|
},
|
2017-08-03 08:47:34 -05:00
|
|
|
"author": "Ionic Team",
|
|
|
|
|
"license": "MIT",
|
2017-06-21 09:33:06 -05:00
|
|
|
"repository": {
|
|
|
|
|
"type": "git",
|
2023-04-24 07:04:10 -06:00
|
|
|
"url": "git+https://github.com/ionic-team/ionic-framework.git"
|
2017-06-21 09:33:06 -05:00
|
|
|
},
|
|
|
|
|
"bugs": {
|
2024-05-15 17:26:27 -04:00
|
|
|
"url": "https://github.com/ionic-team/ionic-framework/issues"
|
2017-06-21 09:33:06 -05:00
|
|
|
},
|
2019-08-06 12:24:42 -05:00
|
|
|
"homepage": "https://ionicframework.com/",
|
2019-06-19 21:33:50 +02:00
|
|
|
"jest": {
|
|
|
|
|
"preset": "@stencil/core/testing"
|
2022-06-10 12:58:51 -04:00
|
|
|
}
|
2017-06-21 09:33:06 -05:00
|
|
|
}
|
