javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-08 23:58:13 +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. * 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. * 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. * 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. * 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 // Chip Shapes
// --------------------------------------------- // ---------------------------------------------
:host(.chip-soft) {
--border-radius: #{tokens.$ionic-border-radius-rounded-small};
}
:host(.chip-round) { :host(.chip-round) {
--border-radius: #{tokens.$ionic-border-radius-rounded-large}; --border-radius: #{tokens.$ionic-border-radius-rounded-large};
} }
:host(.chip-rectangular) { :host(.chip-rectangular) {
--border-radius: #{tokens.$ionic-border-radius-square}; --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. * Define the Chip corner shape, when using the Ionic Theme.
*/ */
@Prop({ reflect: true }) shape?: 'soft' | 'round' | 'rectangular'; @Prop({ reflect: true }) shape?: 'round' | 'rectangular';
render() { render() {
const { shape } = this; const { shape } = this;