Skip to content

Commit 2a1addc

Browse files
feat(toast): add hue property for the ionic theme (#30333)
Issue number: internal --------- ## What is the current behavior? The toast component does not support the `hue` property. ## What is the new behavior? Adds support for the `subtle` hue for the toast. Defaults to `subtle`. ## Does this introduce a breaking change? - [ ] Yes - [x] No
1 parent 52fba11 commit 2a1addc

File tree

60 files changed

+244
-9
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

60 files changed

+244
-9
lines changed

core/api.txt

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2436,6 +2436,7 @@ ion-toast,prop,duration,number,config.getNumber('toastDuration', 0),false,false
24362436
ion-toast,prop,enterAnimation,((baseEl: any, opts?: any) => Animation) | undefined,undefined,false,false
24372437
ion-toast,prop,header,string | undefined,undefined,false,false
24382438
ion-toast,prop,htmlAttributes,undefined | { [key: string]: any; },undefined,false,false
2439+
ion-toast,prop,hue,"bold" | "subtle" | undefined,'subtle',false,false
24392440
ion-toast,prop,icon,string | undefined,undefined,false,false
24402441
ion-toast,prop,isOpen,boolean,false,false,false
24412442
ion-toast,prop,keyboardClose,boolean,false,false,false

core/src/components.d.ts

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3844,6 +3844,10 @@ export namespace Components {
38443844
* Additional attributes to pass to the toast.
38453845
*/
38463846
"htmlAttributes"?: { [key: string]: any };
3847+
/**
3848+
* Set to `"bold"` for a toast with vibrant, bold colors or to `"subtle"` for a toast with muted, subtle colors. Only applies to the `ionic` theme.
3849+
*/
3850+
"hue"?: 'bold' | 'subtle';
38473851
/**
38483852
* The name of the icon to display, or the path to a valid SVG file. See `ion-icon`. https://ionic.io/ionicons
38493853
*/
@@ -9384,6 +9388,10 @@ declare namespace LocalJSX {
93849388
* Additional attributes to pass to the toast.
93859389
*/
93869390
"htmlAttributes"?: { [key: string]: any };
9391+
/**
9392+
* Set to `"bold"` for a toast with vibrant, bold colors or to `"subtle"` for a toast with muted, subtle colors. Only applies to the `ionic` theme.
9393+
*/
9394+
"hue"?: 'bold' | 'subtle';
93879395
/**
93889396
* The name of the icon to display, or the path to a valid SVG file. See `ion-icon`. https://ionic.io/ionicons
93899397
*/
-34 Bytes
35 Bytes
-28 Bytes
265 Bytes

0 commit comments

Comments
 (0)