Skip to content

Commit 355af73

Browse files
BenOsodracBenOsodrac
authored
chore(tokens): update design-tokens dependency to 1.2.1 (#30260)
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 current behavior? <!-- Please describe the current behavior that you are modifying. --> ## What is the new behavior? <!-- Please describe the behavior or changes that are being added by this PR. --> - Update tokens dependency to 1.2.1. - Update generated tokens. ## 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. --> ## Other information <!-- Any other information that is important to this PR such as screenshots of how the component looks before and after the change. -->
1 parent aa5d109 commit 355af73

File tree

4 files changed

+65
-29
lines changed

4 files changed

+65
-29
lines changed

‎core/package-lock.json‎

Lines changed: 7 additions & 8 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎core/package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -66,7 +66,7 @@
6666
"fs-extra": "^9.0.1",
6767
"jest": "^29.7.0",
6868
"jest-cli": "^29.7.0",
69-
"outsystems-design-tokens": "^1.2.0",
69+
"outsystems-design-tokens": "^1.2.1",
7070
"prettier": "^2.8.8",
7171
"rollup": "^2.26.4",
7272
"sass": "^1.33.0",

‎core/src/foundations/ionic.utility.scss‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1090,6 +1090,30 @@ Do not edit directly, this file was auto-generated.
10901090
.ion-background-bg-input-disabled {
10911091
background-color: $ion-bg-input-disabled;
10921092
}
1093+
.ion-bg-input-bold-default {
1094+
color: $ion-bg-input-bold-default;
1095+
}
1096+
.ion-background-bg-input-bold-default {
1097+
background-color: $ion-bg-input-bold-default;
1098+
}
1099+
.ion-bg-input-bold-press {
1100+
color: $ion-bg-input-bold-press;
1101+
}
1102+
.ion-background-bg-input-bold-press {
1103+
background-color: $ion-bg-input-bold-press;
1104+
}
1105+
.ion-bg-input-bold-read-only {
1106+
color: $ion-bg-input-bold-read-only;
1107+
}
1108+
.ion-background-bg-input-bold-read-only {
1109+
background-color: $ion-bg-input-bold-read-only;
1110+
}
1111+
.ion-bg-input-bold-disabled {
1112+
color: $ion-bg-input-bold-disabled;
1113+
}
1114+
.ion-background-bg-input-bold-disabled {
1115+
background-color: $ion-bg-input-bold-disabled;
1116+
}
10931117
.ion-bg-select-default {
10941118
color: $ion-bg-select-default;
10951119
}
@@ -1189,6 +1213,9 @@ Do not edit directly, this file was auto-generated.
11891213
.ion-border-default {
11901214
border-color: $ion-border-default;
11911215
}
1216+
.ion-border-boldest {
1217+
border-color: $ion-border-boldest;
1218+
}
11921219
.ion-border-focus-0 {
11931220
border-color: $ion-border-focus-0;
11941221
}

‎core/src/foundations/ionic.vars.scss‎

Lines changed: 30 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -175,22 +175,22 @@ $ion-bg-warning-subtle-press: var(--ion-bg-warning-subtle-press, #ffcfb1);
175175
$ion-bg-warning-subtle-press-rgb: var(--ion-bg-warning-subtle-press-rgb, 255, 207, 177);
176176
$ion-bg-body: var(--ion-bg-body, #ffffff);
177177
$ion-bg-body-rgb: var(--ion-bg-body-rgb, 255, 255, 255);
178-
$ion-bg-neutral-subtle-default: var(--ion-bg-neutral-subtle-default, #e7e7e7);
179-
$ion-bg-neutral-subtle-default-rgb: var(--ion-bg-neutral-subtle-default-rgb, 231, 231, 231);
180-
$ion-bg-neutral-subtle-press: var(--ion-bg-neutral-subtle-press, #b9b9b9);
181-
$ion-bg-neutral-subtle-press-rgb: var(--ion-bg-neutral-subtle-press-rgb, 185, 185, 185);
178+
$ion-bg-neutral-subtle-default: var(--ion-bg-neutral-subtle-default, #efefef);
179+
$ion-bg-neutral-subtle-default-rgb: var(--ion-bg-neutral-subtle-default-rgb, 239, 239, 239);
180+
$ion-bg-neutral-subtle-press: var(--ion-bg-neutral-subtle-press, #d5d5d5);
181+
$ion-bg-neutral-subtle-press-rgb: var(--ion-bg-neutral-subtle-press-rgb, 213, 213, 213);
182182
$ion-bg-neutral-base-default: var(--ion-bg-neutral-base-default, #a2a2a2);
183183
$ion-bg-neutral-base-default-rgb: var(--ion-bg-neutral-base-default-rgb, 162, 162, 162);
184184
$ion-bg-neutral-base-press: var(--ion-bg-neutral-base-press, #777777);
185185
$ion-bg-neutral-base-press-rgb: var(--ion-bg-neutral-base-press-rgb, 119, 119, 119);
186186
$ion-bg-neutral-subtlest-default: var(--ion-bg-neutral-subtlest-default, #ffffff);
187187
$ion-bg-neutral-subtlest-default-rgb: var(--ion-bg-neutral-subtlest-default-rgb, 255, 255, 255);
188-
$ion-bg-neutral-subtlest-press: var(--ion-bg-neutral-subtlest-press, #e7e7e7);
189-
$ion-bg-neutral-subtlest-press-rgb: var(--ion-bg-neutral-subtlest-press-rgb, 231, 231, 231);
190-
$ion-bg-neutral-bold-default: var(--ion-bg-neutral-bold-default, #626262);
191-
$ion-bg-neutral-bold-default-rgb: var(--ion-bg-neutral-bold-default-rgb, 98, 98, 98);
192-
$ion-bg-neutral-bold-press: var(--ion-bg-neutral-bold-press, #3b3b3b);
193-
$ion-bg-neutral-bold-press-rgb: var(--ion-bg-neutral-bold-press-rgb, 59, 59, 59);
188+
$ion-bg-neutral-subtlest-press: var(--ion-bg-neutral-subtlest-press, #efefef);
189+
$ion-bg-neutral-subtlest-press-rgb: var(--ion-bg-neutral-subtlest-press-rgb, 239, 239, 239);
190+
$ion-bg-neutral-bold-default: var(--ion-bg-neutral-bold-default, #3b3b3b);
191+
$ion-bg-neutral-bold-default-rgb: var(--ion-bg-neutral-bold-default-rgb, 59, 59, 59);
192+
$ion-bg-neutral-bold-press: var(--ion-bg-neutral-bold-press, #242424);
193+
$ion-bg-neutral-bold-press-rgb: var(--ion-bg-neutral-bold-press-rgb, 36, 36, 36);
194194
$ion-bg-neutral-boldest-default: var(--ion-bg-neutral-boldest-default, #242424);
195195
$ion-bg-neutral-boldest-default-rgb: var(--ion-bg-neutral-boldest-default-rgb, 36, 36, 36);
196196
$ion-bg-surface-default: var(--ion-bg-surface-default, #ffffff);
@@ -201,10 +201,18 @@ $ion-bg-input-default: var(--ion-bg-input-default, #ffffff);
201201
$ion-bg-input-default-rgb: var(--ion-bg-input-default-rgb, 255, 255, 255);
202202
$ion-bg-input-read-only: var(--ion-bg-input-read-only, #f5f5f5);
203203
$ion-bg-input-read-only-rgb: var(--ion-bg-input-read-only-rgb, 245, 245, 245);
204-
$ion-bg-input-press: var(--ion-bg-input-press, #e7e7e7);
205-
$ion-bg-input-press-rgb: var(--ion-bg-input-press-rgb, 231, 231, 231);
204+
$ion-bg-input-press: var(--ion-bg-input-press, #efefef);
205+
$ion-bg-input-press-rgb: var(--ion-bg-input-press-rgb, 239, 239, 239);
206206
$ion-bg-input-disabled: var(--ion-bg-input-disabled, #f5f5f5);
207207
$ion-bg-input-disabled-rgb: var(--ion-bg-input-disabled-rgb, 245, 245, 245);
208+
$ion-bg-input-bold-default: var(--ion-bg-input-bold-default, #efefef);
209+
$ion-bg-input-bold-default-rgb: var(--ion-bg-input-bold-default-rgb, 239, 239, 239);
210+
$ion-bg-input-bold-press: var(--ion-bg-input-bold-press, #d5d5d5);
211+
$ion-bg-input-bold-press-rgb: var(--ion-bg-input-bold-press-rgb, 213, 213, 213);
212+
$ion-bg-input-bold-read-only: var(--ion-bg-input-bold-read-only, #e0e0e0);
213+
$ion-bg-input-bold-read-only-rgb: var(--ion-bg-input-bold-read-only-rgb, 224, 224, 224);
214+
$ion-bg-input-bold-disabled: var(--ion-bg-input-bold-disabled, #e0e0e0);
215+
$ion-bg-input-bold-disabled-rgb: var(--ion-bg-input-bold-disabled-rgb, 224, 224, 224);
208216
$ion-bg-select-default: var(--ion-bg-select-default, #f2f4fd);
209217
$ion-bg-select-default-rgb: var(--ion-bg-select-default-rgb, 242, 244, 253);
210218
$ion-bg-select-press: var(--ion-bg-select-press, #d0d7fa);
@@ -237,8 +245,10 @@ $ion-text-inverse: var(--ion-text-inverse, #ffffff);
237245
$ion-text-inverse-rgb: var(--ion-text-inverse-rgb, 255, 255, 255);
238246
$ion-text-select: var(--ion-text-select, #105cef);
239247
$ion-text-select-rgb: var(--ion-text-select-rgb, 16, 92, 239);
240-
$ion-border-default: var(--ion-border-default, #cfcfcf);
241-
$ion-border-default-rgb: var(--ion-border-default-rgb, 207, 207, 207);
248+
$ion-border-default: var(--ion-border-default, #e0e0e0);
249+
$ion-border-default-rgb: var(--ion-border-default-rgb, 224, 224, 224);
250+
$ion-border-boldest: var(--ion-border-boldest, #242424);
251+
$ion-border-boldest-rgb: var(--ion-border-boldest-rgb, 36, 36, 36);
242252
$ion-border-focus-0: var(--ion-border-focus-0, none);
243253
$ion-border-focus-default: var(--ion-border-focus-default, #b5c0f7);
244254
$ion-border-focus-default-rgb: var(--ion-border-focus-default-rgb, 181, 192, 247);
@@ -443,12 +453,12 @@ $ion-soft-xl: var(--ion-soft-xl, 8px);
443453
$ion-soft-2xl: var(--ion-soft-2xl, 16px);
444454
$ion-primitives-neutral-100: var(--ion-primitives-neutral-100, #f5f5f5);
445455
$ion-primitives-neutral-100-rgb: var(--ion-primitives-neutral-100-rgb, 245, 245, 245);
446-
$ion-primitives-neutral-200: var(--ion-primitives-neutral-200, #e7e7e7);
447-
$ion-primitives-neutral-200-rgb: var(--ion-primitives-neutral-200-rgb, 231, 231, 231);
448-
$ion-primitives-neutral-300: var(--ion-primitives-neutral-300, #cfcfcf);
449-
$ion-primitives-neutral-300-rgb: var(--ion-primitives-neutral-300-rgb, 207, 207, 207);
450-
$ion-primitives-neutral-400: var(--ion-primitives-neutral-400, #b9b9b9);
451-
$ion-primitives-neutral-400-rgb: var(--ion-primitives-neutral-400-rgb, 185, 185, 185);
456+
$ion-primitives-neutral-200: var(--ion-primitives-neutral-200, #efefef);
457+
$ion-primitives-neutral-200-rgb: var(--ion-primitives-neutral-200-rgb, 239, 239, 239);
458+
$ion-primitives-neutral-300: var(--ion-primitives-neutral-300, #e0e0e0);
459+
$ion-primitives-neutral-300-rgb: var(--ion-primitives-neutral-300-rgb, 224, 224, 224);
460+
$ion-primitives-neutral-400: var(--ion-primitives-neutral-400, #d5d5d5);
461+
$ion-primitives-neutral-400-rgb: var(--ion-primitives-neutral-400-rgb, 213, 213, 213);
452462
$ion-primitives-neutral-500: var(--ion-primitives-neutral-500, #a2a2a2);
453463
$ion-primitives-neutral-500-rgb: var(--ion-primitives-neutral-500-rgb, 162, 162, 162);
454464
$ion-primitives-neutral-600: var(--ion-primitives-neutral-600, #8c8c8c);

0 commit comments

Comments
 (0)