You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: BREAKING.md
+18-7Lines changed: 18 additions & 7 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -19,6 +19,8 @@ This is a comprehensive list of the breaking changes introduced in the major ver
19
19
-[Card](#version-9x-card)
20
20
-[Chip](#version-9x-chip)
21
21
-[Grid](#version-9x-grid)
22
+
-[Radio Group](#version-9x-radio-group)
23
+
-[Spinner](#version-9x-spinner)
22
24
23
25
<h2id="version-9x-components">Components</h2>
24
26
@@ -38,12 +40,6 @@ This is a comprehensive list of the breaking changes introduced in the major ver
38
40
39
41
- The properties `pull` and `push` have been deprecated and no longer work. A similar look can be achieved with the newly added property `order`.
40
42
41
-
<h4id="version-9x-radio-group">Radio Group</h4>
42
-
43
-
- Converted `ion-radio-group` to use [Shadow DOM](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_shadow_DOM).<br/>
44
-
If you were targeting the internals of `ion-radio-group` in your CSS, you will need to target the `supporting-text`, `helper-text` or `error-text`[Shadow Parts](https://ionicframework.com/docs/theming/css-shadow-parts) instead, or use the provided CSS Variables.<br/>
45
-
Additionally, the `radio-group-wrapper` div element has been removed, causing slotted elements to be direct children of the `ion-radio-group`.
46
-
47
43
<h5>Example 1: Swap two columns</h5>
48
44
49
45
**Version up to 8.x**
@@ -140,4 +136,19 @@ To reorder two columns where column 1 has `size="9" push="3"` and column 2 has `
140
136
</ion-col>
141
137
</ion-row>
142
138
</ion-grid>
143
-
```
139
+
```
140
+
141
+
<h4id="version-9x-radio-group">Radio Group</h4>
142
+
143
+
- Converted `ion-radio-group` to use [Shadow DOM](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_shadow_DOM).<br/>
144
+
If you were targeting the internals of `ion-radio-group` in your CSS, you will need to target the `supporting-text`, `helper-text` or `error-text`[Shadow Parts](https://ionicframework.com/docs/theming/css-shadow-parts) instead, or use the provided CSS Variables.<br/>
145
+
Additionally, the `radio-group-wrapper` div element has been removed, causing slotted elements to be direct children of the `ion-radio-group`.
146
+
147
+
<h4id="version-9x-spinner">Spinner</h4>
148
+
149
+
- Component CSS variables have been removed. The component now utilizes the centralized Ionic Theming system. Global updates should be managed via the theme tokens file, while component-specific overrides are handled through localized CSS variables.
150
+
-`--color` is replaced by `IonSpinner.color` for global styles and
151
+
`--ion-spinner-color` for component-specific styles.
152
+
- CSS classes now include the property name to improve clarity.
- Specific theme classes (e.g., `ion-spinner.md`) are no longer supported. Style modifications based on the active theme must be implemented using theme tokens rather than direct class targeting.
0 commit comments