diff --git a/core/src/components.d.ts b/core/src/components.d.ts index 4fb68ef7c8..348b2add35 100644 --- a/core/src/components.d.ts +++ b/core/src/components.d.ts @@ -753,7 +753,7 @@ export namespace Components { /** * Define the Chip corner shape, when using the Ionic Theme. */ - "shape"?: 'soft' | 'round' | 'rectangular'; + "shape"?: 'round' | 'rectangular'; /** * The theme determines the visual appearance of the component. */ @@ -5985,7 +5985,7 @@ declare namespace LocalJSX { /** * Define the Chip corner shape, when using the Ionic Theme. */ - "shape"?: 'soft' | 'round' | 'rectangular'; + "shape"?: 'round' | 'rectangular'; /** * The theme determines the visual appearance of the component. */ diff --git a/core/src/components/chip/chip.ionic.scss b/core/src/components/chip/chip.ionic.scss index 683d9776ef..e534a8c8f9 100644 --- a/core/src/components/chip/chip.ionic.scss +++ b/core/src/components/chip/chip.ionic.scss @@ -86,12 +86,10 @@ $ionic-states-hover: #{rgba(#05080f, 0.16)}; // We should review how to make thi // Chip Shapes // --------------------------------------------- -:host(.chip-soft) { - --border-radius: #{tokens.$ionic-border-radius-rounded-small}; -} :host(.chip-round) { --border-radius: #{tokens.$ionic-border-radius-rounded-large}; } + :host(.chip-rectangular) { --border-radius: #{tokens.$ionic-border-radius-square}; } diff --git a/core/src/components/chip/chip.tsx b/core/src/components/chip/chip.tsx index ba30e86671..90582f6a6a 100644 --- a/core/src/components/chip/chip.tsx +++ b/core/src/components/chip/chip.tsx @@ -39,7 +39,7 @@ export class Chip implements ComponentInterface { /** * Define the Chip corner shape, when using the Ionic Theme. */ - @Prop({ reflect: true }) shape?: 'soft' | 'round' | 'rectangular'; + @Prop({ reflect: true }) shape?: 'round' | 'rectangular'; render() { const { shape } = this;