javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-07 23:16:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

Removed shape soft

Browse Source
This commit is contained in:
Bernardo Cardoso
2024-04-10 18:26:33 +01:00
parent 6aa449f8a3
commit 28dd219799
3 changed files with 4 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
core/src/components.d.ts vendored
View File

@ -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.
*/

4
core/src/components/chip/chip.ionic.scss
View File

@ -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};
}

2
core/src/components/chip/chip.tsx
View File

@ -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;