vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Code Format

pull/5896/head
GitHub Actions Bot 2024-06-14 14:56:05 +00:00
parent 4479b202f6
commit 03c536bd6c
28 changed files with 438 additions and 633 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
apps/showcase/doc/datatable/LazyLoadDoc.vue
View File

@ -445,16 +445,13 @@ const onRowUnselect = () => {
this.loading = true; this.loading = true;
this.lazyParams = { ...this.lazyParams, first: event?.first || this.first }; this.lazyParams = { ...this.lazyParams, first: event?.first || this.first };
setTimeout( setTimeout(() => {
() => { CustomerService.getCustomers({ lazyEvent: JSON.stringify(this.lazyParams) }).then((data) => {
CustomerService.getCustomers({ lazyEvent: JSON.stringify(this.lazyParams) }).then((data) => { this.customers = data.customers;
this.customers = data.customers; this.totalRecords = data.totalRecords;
this.totalRecords = data.totalRecords; this.loading = false;
this.loading = false; });
}); }, Math.random() * 1000 + 250);
},
Math.random() * 1000 + 250
);
}, },
onPage(event) { onPage(event) {
this.lazyParams = event; this.lazyParams = event;

23
apps/showcase/doc/datatable/virtualscroll/LazyVirtualScrollDoc.vue
View File

@ -294,22 +294,19 @@ const loadCarsLazy = (event) => {
} }
//simulate remote connection with a timeout //simulate remote connection with a timeout
this.loadLazyTimeout = setTimeout( this.loadLazyTimeout = setTimeout(() => {
() => { let _virtualCars = [...this.virtualCars];
let _virtualCars = [...this.virtualCars]; let { first, last } = event;
let { first, last } = event;
//load data of required page //load data of required page
const loadedCars = this.cars.slice(first, last); const loadedCars = this.cars.slice(first, last);
//populate page of virtual cars //populate page of virtual cars
Array.prototype.splice.apply(_virtualCars, [...[first, last - first], ...loadedCars]); Array.prototype.splice.apply(_virtualCars, [...[first, last - first], ...loadedCars]);
this.virtualCars = _virtualCars; this.virtualCars = _virtualCars;
this.lazyLoading = false; this.lazyLoading = false;
}, }, Math.random() * 1000 + 250);
Math.random() * 1000 + 250
);
} }
} }
}; };

10
apps/showcase/doc/dataview/BasicDoc.vue
View File

@ -19,15 +19,7 @@
<div class="text-lg font-medium mt-2">{{ item.name }}</div> <div class="text-lg font-medium mt-2">{{ item.name }}</div>
</div> </div>
<div class="bg-surface-100 p-1" style="border-radius: 30px"> <div class="bg-surface-100 p-1" style="border-radius: 30px">
<div <div class="bg-surface-0 flex items-center gap-2 justify-center py-1 px-2" style="border-radius: 30px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.06)">
class="bg-surface-0 flex items-center gap-2 justify-center py-1 px-2"
style="
border-radius: 30px;
box-shadow:
0px 1px 2px 0px rgba(0, 0, 0, 0.04),
0px 1px 2px 0px rgba(0, 0, 0, 0.06);
"
>
<span class="text-surface-900 font-medium text-sm">{{ item.rating }}</span> <span class="text-surface-900 font-medium text-sm">{{ item.rating }}</span>
<i class="pi pi-star-fill text-yellow-500"></i> <i class="pi pi-star-fill text-yellow-500"></i>
</div> </div>

20
apps/showcase/doc/dataview/LayoutDoc.vue
View File

@ -29,15 +29,7 @@
<div class="text-lg font-medium mt-2">{{ item.name }}</div> <div class="text-lg font-medium mt-2">{{ item.name }}</div>
</div> </div>
<div class="bg-surface-100 p-1" style="border-radius: 30px"> <div class="bg-surface-100 p-1" style="border-radius: 30px">
<div <div class="bg-surface-0 flex items-center gap-2 justify-center py-1 px-2" style="border-radius: 30px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.06)">
class="bg-surface-0 flex items-center gap-2 justify-center py-1 px-2"
style="
border-radius: 30px;
box-shadow:
0px 1px 2px 0px rgba(0, 0, 0, 0.04),
0px 1px 2px 0px rgba(0, 0, 0, 0.06);
"
>
<span class="text-surface-900 font-medium text-sm">{{ item.rating }}</span> <span class="text-surface-900 font-medium text-sm">{{ item.rating }}</span>
<i class="pi pi-star-fill text-yellow-500"></i> <i class="pi pi-star-fill text-yellow-500"></i>
</div> </div>
@ -73,15 +65,7 @@
<div class="text-lg font-medium mt-1">{{ item.name }}</div> <div class="text-lg font-medium mt-1">{{ item.name }}</div>
</div> </div>
<div class="bg-surface-100 p-1" style="border-radius: 30px"> <div class="bg-surface-100 p-1" style="border-radius: 30px">
<div <div class="bg-surface-0 flex items-center gap-2 justify-center py-1 px-2" style="border-radius: 30px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.06)">
class="bg-surface-0 flex items-center gap-2 justify-center py-1 px-2"
style="
border-radius: 30px;
box-shadow:
0px 1px 2px 0px rgba(0, 0, 0, 0.04),
0px 1px 2px 0px rgba(0, 0, 0, 0.06);
"
>
<span class="text-surface-900 font-medium text-sm">{{ item.rating }}</span> <span class="text-surface-900 font-medium text-sm">{{ item.rating }}</span>
<i class="pi pi-star-fill text-yellow-500"></i> <i class="pi pi-star-fill text-yellow-500"></i>
</div> </div>

10
apps/showcase/doc/dataview/PaginationDoc.vue
View File

@ -19,15 +19,7 @@
<div class="text-lg font-medium mt-2">{{ item.name }}</div> <div class="text-lg font-medium mt-2">{{ item.name }}</div>
</div> </div>
<div class="bg-surface-100 p-1" style="border-radius: 30px"> <div class="bg-surface-100 p-1" style="border-radius: 30px">
<div <div class="bg-surface-0 flex items-center gap-2 justify-center py-1 px-2" style="border-radius: 30px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.06)">
class="bg-surface-0 flex items-center gap-2 justify-center py-1 px-2"
style="
border-radius: 30px;
box-shadow:
0px 1px 2px 0px rgba(0, 0, 0, 0.04),
0px 1px 2px 0px rgba(0, 0, 0, 0.06);
"
>
<span class="text-surface-900 font-medium text-sm">{{ item.rating }}</span> <span class="text-surface-900 font-medium text-sm">{{ item.rating }}</span>
<i class="pi pi-star-fill text-yellow-500"></i> <i class="pi pi-star-fill text-yellow-500"></i>
</div> </div>

10
apps/showcase/doc/dataview/SortingDoc.vue
View File

@ -22,15 +22,7 @@
<div class="text-lg font-medium mt-2">{{ item.name }}</div> <div class="text-lg font-medium mt-2">{{ item.name }}</div>
</div> </div>
<div class="bg-surface-100 p-1" style="border-radius: 30px"> <div class="bg-surface-100 p-1" style="border-radius: 30px">
<div <div class="bg-surface-0 flex items-center gap-2 justify-center py-1 px-2" style="border-radius: 30px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.06)">
class="bg-surface-0 flex items-center gap-2 justify-center py-1 px-2"
style="
border-radius: 30px;
box-shadow:
0px 1px 2px 0px rgba(0, 0, 0, 0.04),
0px 1px 2px 0px rgba(0, 0, 0, 0.06);
"
>
<span class="text-surface-900 font-medium text-sm">{{ item.rating }}</span> <span class="text-surface-900 font-medium text-sm">{{ item.rating }}</span>
<i class="pi pi-star-fill text-yellow-500"></i> <i class="pi pi-star-fill text-yellow-500"></i>
</div> </div>

21
apps/showcase/doc/select/LazyVirtualScrollDoc.vue
View File

@ -119,20 +119,17 @@ const onLazyLoad = (event) => {
} }
//imitate delay of a backend call //imitate delay of a backend call
this.loadLazyTimeout = setTimeout( this.loadLazyTimeout = setTimeout(() => {
() => { const { first, last } = event;
const { first, last } = event; const items = [...this.items];
const items = [...this.items];
for (let i = first; i < last; i++) { for (let i = first; i < last; i++) {
items[i] = { label: `Item #${i}`, value: i }; items[i] = { label: `Item #${i}`, value: i };
} }
this.items = items; this.items = items;
this.loading = false; this.loading = false;
}, }, Math.random() * 1000 + 250);
Math.random() * 1000 + 250
);
} }
} }
}; };

21
apps/showcase/doc/virtualscroller/LazyDoc.vue
View File

@ -134,20 +134,17 @@ const onLazyLoad = (event) => {
} }
//imitate delay of a backend call //imitate delay of a backend call
this.loadLazyTimeout = setTimeout( this.loadLazyTimeout = setTimeout(() => {
() => { const { first, last } = event;
const { first, last } = event; const lazyItems = [...this.lazyItems];
const lazyItems = [...this.lazyItems];
for (let i = first; i < last; i++) { for (let i = first; i < last; i++) {
lazyItems[i] = `Item #${i}`; lazyItems[i] = `Item #${i}`;
} }
this.lazyItems = lazyItems; this.lazyItems = lazyItems;
this.lazyLoading = false; this.lazyLoading = false;
}, }, Math.random() * 1000 + 250);
Math.random() * 1000 + 250
);
} }
} }
}; };

19
packages/core/src/index.d.ts vendored
View File

@ -4,16 +4,15 @@ declare type PublicProps = VNodeProps & AllowedComponentProps & ComponentCustomP
declare type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never; declare type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never;
export declare type EmitFn<Options = ObjectEmitsOptions, Event extends keyof Options = keyof Options> = export declare type EmitFn<Options = ObjectEmitsOptions, Event extends keyof Options = keyof Options> = Options extends Array<infer V>
Options extends Array<infer V> ? (e: V, ...args: any[]) => void
? (e: V, ...args: any[]) => void : {} extends Options
: {} extends Options ? (e: string, ...args: any[]) => void
? (e: string, ...args: any[]) => void : UnionToIntersection<
: UnionToIntersection< {
{ [key in Event]: Options[key] extends (...args: infer Args) => any ? (e: key, ...args: Args) => void : (e: key, ...args: any[]) => void;
[key in Event]: Options[key] extends (...args: infer Args) => any ? (e: key, ...args: Args) => void : (e: key, ...args: any[]) => void; }[Event]
}[Event] >;
>;
export type DefineComponent<P = {}, S = {}, E = {}, M = {}> = _DefineComponent<P, {}, {}, {}, M & MethodOptions, {}, {}, E & ObjectEmitsOptions, string, {}, {}, {}, S & SlotsType>; export type DefineComponent<P = {}, S = {}, E = {}, M = {}> = _DefineComponent<P, {}, {}, {}, M & MethodOptions, {}, {}, E & ObjectEmitsOptions, string, {}, {}, {}, S & SlotsType>;

4
packages/primevue/src/accordion/style/AccordionStyle.js
View File

@ -24,8 +24,8 @@ const theme = ({ dt }) => `
font-weight: ${dt('accordion.header.font.weight')}; font-weight: ${dt('accordion.header.font.weight')};
border-radius: ${dt('accordion.header.border.radius')}; border-radius: ${dt('accordion.header.border.radius')};
transition: background ${dt('accordion.transition.duration')}; color ${dt('accordion.transition.duration')}color ${dt('accordion.transition.duration')}, outline-color ${dt('accordion.transition.duration')}, box-shadow ${dt( transition: background ${dt('accordion.transition.duration')}; color ${dt('accordion.transition.duration')}color ${dt('accordion.transition.duration')}, outline-color ${dt('accordion.transition.duration')}, box-shadow ${dt(
'accordion.transition.duration' 'accordion.transition.duration'
)}; )};
outline-color: transparent; outline-color: transparent;
} }

8
packages/primevue/src/autocomplete/style/AutoCompleteStyle.js
View File

@ -45,8 +45,8 @@ const theme = ({ dt }) => `
border-left: 0 none; border-left: 0 none;
color: ${dt('autocomplete.dropdown.color')}; color: ${dt('autocomplete.dropdown.color')};
transition: background ${dt('autocomplete.transition.duration')}, color ${dt('autocomplete.transition.duration')}, border-color ${dt('autocomplete.transition.duration')}, outline-color ${dt('autocomplete.transition.duration')}, box-shadow ${dt( transition: background ${dt('autocomplete.transition.duration')}, color ${dt('autocomplete.transition.duration')}, border-color ${dt('autocomplete.transition.duration')}, outline-color ${dt('autocomplete.transition.duration')}, box-shadow ${dt(
'autocomplete.transition.duration' 'autocomplete.transition.duration'
)}; )};
outline-color: transparent; outline-color: transparent;
} }
@ -148,8 +148,8 @@ const theme = ({ dt }) => `
border-radius: ${dt('autocomplete.border.radius')}; border-radius: ${dt('autocomplete.border.radius')};
width: 100%; width: 100%;
transition: background ${dt('autocomplete.transition.duration')}, color ${dt('autocomplete.transition.duration')}, border-color ${dt('autocomplete.transition.duration')}, outline-color ${dt('autocomplete.transition.duration')}, box-shadow ${dt( transition: background ${dt('autocomplete.transition.duration')}, color ${dt('autocomplete.transition.duration')}, border-color ${dt('autocomplete.transition.duration')}, outline-color ${dt('autocomplete.transition.duration')}, box-shadow ${dt(
'autocomplete.transition.duration' 'autocomplete.transition.duration'
)}; )};
outline-color: transparent; outline-color: transparent;
box-shadow: ${dt('autocomplete.shadow')}; box-shadow: ${dt('autocomplete.shadow')};
} }

8
packages/primevue/src/cascadeselect/style/CascadeSelectStyle.js
View File

@ -9,8 +9,8 @@ const theme = ({ dt }) => `
background: ${dt('cascadeselect.background')}; background: ${dt('cascadeselect.background')};
border: 1px solid ${dt('cascadeselect.border.color')}; border: 1px solid ${dt('cascadeselect.border.color')};
transition: background ${dt('cascadeselect.transition.duration')}, color ${dt('cascadeselect.transition.duration')}, border-color ${dt('cascadeselect.transition.duration')}, outline-color ${dt( transition: background ${dt('cascadeselect.transition.duration')}, color ${dt('cascadeselect.transition.duration')}, border-color ${dt('cascadeselect.transition.duration')}, outline-color ${dt(
'cascadeselect.transition.duration' 'cascadeselect.transition.duration'
)}, box-shadow ${dt('cascadeselect.transition.duration')}; )}, box-shadow ${dt('cascadeselect.transition.duration')};
border-radius: ${dt('cascadeselect.border.radius')}; border-radius: ${dt('cascadeselect.border.radius')};
outline-color: transparent; outline-color: transparent;
box-shadow: ${dt('cascadeselect.shadow')}; box-shadow: ${dt('cascadeselect.shadow')};
@ -133,8 +133,8 @@ const theme = ({ dt }) => `
color: ${dt('cascadeselect.option.color')}; color: ${dt('cascadeselect.option.color')};
background: transparent; background: transparent;
transition: background ${dt('cascadeselect.transition.duration')}, color ${dt('cascadeselect.transition.duration')}, border-color ${dt('cascadeselect.transition.duration')}, box-shadow ${dt( transition: background ${dt('cascadeselect.transition.duration')}, color ${dt('cascadeselect.transition.duration')}, border-color ${dt('cascadeselect.transition.duration')}, box-shadow ${dt(
'cascadeselect.transition.duration' 'cascadeselect.transition.duration'
)}, outline-color ${dt('cascadeselect.transition.duration')}; )}, outline-color ${dt('cascadeselect.transition.duration')};
border-radius: ${dt('cascadeselect.option.border.radius')}; border-radius: ${dt('cascadeselect.option.border.radius')};
} }

4
packages/primevue/src/checkbox/style/CheckboxStyle.js
View File

@ -37,8 +37,8 @@ const theme = ({ dt }) => `
width: ${dt('checkbox.width')}; width: ${dt('checkbox.width')};
height: ${dt('checkbox.width')}; height: ${dt('checkbox.width')};
transition: background ${dt('checkbox.transition.duration')}, color ${dt('checkbox.transition.duration')}, border-color ${dt('checkbox.transition.duration')}, box-shadow ${dt('checkbox.transition.duration')}, outline-color ${dt( transition: background ${dt('checkbox.transition.duration')}, color ${dt('checkbox.transition.duration')}, border-color ${dt('checkbox.transition.duration')}, box-shadow ${dt('checkbox.transition.duration')}, outline-color ${dt(
'checkbox.transition.duration' 'checkbox.transition.duration'
)}; )};
outline-color: transparent; outline-color: transparent;
box-shadow: ${dt('checkbox.shadow')}; box-shadow: ${dt('checkbox.shadow')};
} }

4
packages/primevue/src/colorpicker/style/ColorPickerStyle.js
View File

@ -17,8 +17,8 @@ const theme = ({ dt }) => `
border: 0 none; border: 0 none;
border-radius: ${dt('colorpicker.preview.border.radius')}; border-radius: ${dt('colorpicker.preview.border.radius')};
transition: background ${dt('colorpicker.transition.duration')}, color ${dt('colorpicker.transition.duration')}, border-color ${dt('colorpicker.transition.duration')}, outline-color ${dt('colorpicker.transition.duration')}, box-shadow ${dt( transition: background ${dt('colorpicker.transition.duration')}, color ${dt('colorpicker.transition.duration')}, border-color ${dt('colorpicker.transition.duration')}, outline-color ${dt('colorpicker.transition.duration')}, box-shadow ${dt(
'colorpicker.transition.duration' 'colorpicker.transition.duration'
)}; )};
outline-color: transparent; outline-color: transparent;
cursor: pointer; cursor: pointer;
} }

12
packages/primevue/src/datepicker/style/DatePickerStyle.js
View File

@ -126,8 +126,8 @@ const theme = ({ dt }) => `
cursor: pointer; cursor: pointer;
font-weight: inherit; font-weight: inherit;
transition: background ${dt('datepicker.transition.duration')}, color ${dt('datepicker.transition.duration')}, border-color ${dt('datepicker.transition.duration')}, outline-color ${dt('datepicker.transition.duration')}, box-shadow ${dt( transition: background ${dt('datepicker.transition.duration')}, color ${dt('datepicker.transition.duration')}, border-color ${dt('datepicker.transition.duration')}, outline-color ${dt('datepicker.transition.duration')}, box-shadow ${dt(
'datepicker.transition.duration' 'datepicker.transition.duration'
)}; )};
} }
.p-datepicker-select-month { .p-datepicker-select-month {
@ -264,8 +264,8 @@ const theme = ({ dt }) => `
position: relative; position: relative;
padding: ${dt('datepicker.date.padding')}; padding: ${dt('datepicker.date.padding')};
transition: background ${dt('datepicker.transition.duration')}, color ${dt('datepicker.transition.duration')}, border-color ${dt('datepicker.transition.duration')}, box-shadow ${dt('datepicker.transition.duration')}, outline-color ${dt( transition: background ${dt('datepicker.transition.duration')}, color ${dt('datepicker.transition.duration')}, border-color ${dt('datepicker.transition.duration')}, box-shadow ${dt('datepicker.transition.duration')}, outline-color ${dt(
'datepicker.transition.duration' 'datepicker.transition.duration'
)}; )};
border-radius: ${dt('datepicker.month.border.radius')}; border-radius: ${dt('datepicker.month.border.radius')};
outline-color: transparent; outline-color: transparent;
color: ${dt('datepicker.date.color')}; color: ${dt('datepicker.date.color')};
@ -301,8 +301,8 @@ const theme = ({ dt }) => `
position: relative; position: relative;
padding: ${dt('datepicker.date.padding')}; padding: ${dt('datepicker.date.padding')};
transition: background ${dt('datepicker.transition.duration')}, color ${dt('datepicker.transition.duration')}, border-color ${dt('datepicker.transition.duration')}, box-shadow ${dt('datepicker.transition.duration')}, outline-color ${dt( transition: background ${dt('datepicker.transition.duration')}, color ${dt('datepicker.transition.duration')}, border-color ${dt('datepicker.transition.duration')}, box-shadow ${dt('datepicker.transition.duration')}, outline-color ${dt(
'datepicker.transition.duration' 'datepicker.transition.duration'
)}; )};
border-radius: ${dt('datepicker.year.border.radius')}; border-radius: ${dt('datepicker.year.border.radius')};
outline-color: transparent; outline-color: transparent;
color: ${dt('datepicker.date.color')}; color: ${dt('datepicker.date.color')};

4
packages/primevue/src/inputchips/style/InputChipsStyle.js
View File

@ -21,8 +21,8 @@ const theme = ({ dt }) => `
border-radius: ${dt('inputchips.border.radius')}; border-radius: ${dt('inputchips.border.radius')};
width: 100%; width: 100%;
transition: background ${dt('inputchips.transition.duration')}, color ${dt('inputchips.transition.duration')}, border-color ${dt('inputchips.transition.duration')}, outline-color ${dt('inputchips.transition.duration')}, box-shadow ${dt( transition: background ${dt('inputchips.transition.duration')}, color ${dt('inputchips.transition.duration')}, border-color ${dt('inputchips.transition.duration')}, outline-color ${dt('inputchips.transition.duration')}, box-shadow ${dt(
'inputchips.transition.duration' 'inputchips.transition.duration'
)}; )};
outline-color: transparent; outline-color: transparent;
box-shadow: ${dt('inputchips.shadow')}; box-shadow: ${dt('inputchips.shadow')};
} }

4
packages/primevue/src/inputtext/style/InputTextStyle.js
View File

@ -10,8 +10,8 @@ const theme = ({ dt }) => `
padding: ${dt('inputtext.padding.y')} ${dt('inputtext.padding.x')}; padding: ${dt('inputtext.padding.y')} ${dt('inputtext.padding.x')};
border: 1px solid ${dt('inputtext.border.color')}; border: 1px solid ${dt('inputtext.border.color')};
transition: background ${dt('inputtext.transition.duration')}, color ${dt('inputtext.transition.duration')}, border-color ${dt('inputtext.transition.duration')}, outline-color ${dt('inputtext.transition.duration')}, box-shadow ${dt( transition: background ${dt('inputtext.transition.duration')}, color ${dt('inputtext.transition.duration')}, border-color ${dt('inputtext.transition.duration')}, outline-color ${dt('inputtext.transition.duration')}, box-shadow ${dt(
'inputtext.transition.duration' 'inputtext.transition.duration'
)}; )};
appearance: none; appearance: none;
border-radius: ${dt('inputtext.border.radius')}; border-radius: ${dt('inputtext.border.radius')};
outline-color: transparent; outline-color: transparent;

8
packages/primevue/src/multiselect/style/MultiSelectStyle.js
View File

@ -9,8 +9,8 @@ const theme = ({ dt }) => `
background: ${dt('multiselect.background')}; background: ${dt('multiselect.background')};
border: 1px solid ${dt('multiselect.border.color')}; border: 1px solid ${dt('multiselect.border.color')};
transition: background ${dt('multiselect.transition.duration')}, color ${dt('multiselect.transition.duration')}, border-color ${dt('multiselect.transition.duration')}, outline-color ${dt('multiselect.transition.duration')}, box-shadow ${dt( transition: background ${dt('multiselect.transition.duration')}, color ${dt('multiselect.transition.duration')}, border-color ${dt('multiselect.transition.duration')}, outline-color ${dt('multiselect.transition.duration')}, box-shadow ${dt(
'multiselect.transition.duration' 'multiselect.transition.duration'
)}; )};
border-radius: ${dt('multiselect.border.radius')}; border-radius: ${dt('multiselect.border.radius')};
outline-color: transparent; outline-color: transparent;
box-shadow: ${dt('multiselect.shadow')}; box-shadow: ${dt('multiselect.shadow')};
@ -148,8 +148,8 @@ const theme = ({ dt }) => `
color: ${dt('multiselect.option.color')}; color: ${dt('multiselect.option.color')};
background: transparent; background: transparent;
transition: background ${dt('multiselect.transition.duration')}, color ${dt('multiselect.transition.duration')}, border-color ${dt('multiselect.transition.duration')}, box-shadow ${dt('multiselect.transition.duration')}, outline-color ${dt( transition: background ${dt('multiselect.transition.duration')}, color ${dt('multiselect.transition.duration')}, border-color ${dt('multiselect.transition.duration')}, box-shadow ${dt('multiselect.transition.duration')}, outline-color ${dt(
'multiselect.transition.duration' 'multiselect.transition.duration'
)}; )};
border-radius: ${dt('multiselect.option.border.radius')} border-radius: ${dt('multiselect.option.border.radius')}
} }

4
packages/primevue/src/organizationchart/style/OrganizationChartStyle.js
View File

@ -58,8 +58,8 @@ const theme = ({ dt }) => `
align-items: center; align-items: center;
outline-color: transparent; outline-color: transparent;
transition: background ${dt('organizationchart.transition.duration')}, color ${dt('organizationchart.transition.duration')}, border-color ${dt('organizationchart.transition.duration')}, outline-color ${dt( transition: background ${dt('organizationchart.transition.duration')}, color ${dt('organizationchart.transition.duration')}, border-color ${dt('organizationchart.transition.duration')}, outline-color ${dt(
'organizationchart.transition.duration' 'organizationchart.transition.duration'
)}, box-shadow ${dt('organizationchart.transition.duration')}; )}, box-shadow ${dt('organizationchart.transition.duration')};
} }
.p-organizationchart-node-toggle-button:hover { .p-organizationchart-node-toggle-button:hover {

4
packages/primevue/src/radiobutton/style/RadioButtonStyle.js
View File

@ -37,8 +37,8 @@ const theme = ({ dt }) => `
width: ${dt('radiobutton.width')}; width: ${dt('radiobutton.width')};
height: ${dt('radiobutton.height')}; height: ${dt('radiobutton.height')};
transition: background ${dt('radiobutton.transition.duration')}, color ${dt('radiobutton.transition.duration')}, border-color ${dt('radiobutton.transition.duration')}, box-shadow ${dt('radiobutton.transition.duration')}, outline-color ${dt( transition: background ${dt('radiobutton.transition.duration')}, color ${dt('radiobutton.transition.duration')}, border-color ${dt('radiobutton.transition.duration')}, box-shadow ${dt('radiobutton.transition.duration')}, outline-color ${dt(
'radiobutton.transition.duration' 'radiobutton.transition.duration'
)}; )};
outline-color: transparent; outline-color: transparent;
box-shadow: ${dt('radiobutton.shadow')}; box-shadow: ${dt('radiobutton.shadow')};
} }

8
packages/primevue/src/rating/style/RatingStyle.js
View File

@ -16,8 +16,8 @@ const theme = ({ dt }) => `
border-radius: 50%; border-radius: 50%;
cursor: pointer; cursor: pointer;
transition: background ${dt('rating.transition.duration')}, color ${dt('rating.transition.duration')}, border-color ${dt('rating.transition.duration')}, outline-color ${dt('rating.transition.duration')}, box-shadow ${dt( transition: background ${dt('rating.transition.duration')}, color ${dt('rating.transition.duration')}, border-color ${dt('rating.transition.duration')}, outline-color ${dt('rating.transition.duration')}, box-shadow ${dt(
'rating.transition.duration' 'rating.transition.duration'
)}; )};
} }
.p-rating-option.p-focus-visible { .p-rating-option.p-focus-visible {
@ -29,8 +29,8 @@ const theme = ({ dt }) => `
.p-rating-icon { .p-rating-icon {
color: ${dt('rating.icon.color')}; color: ${dt('rating.icon.color')};
transition: background ${dt('rating.transition.duration')}, color ${dt('rating.transition.duration')}, border-color ${dt('rating.transition.duration')}, outline-color ${dt('rating.transition.duration')}, box-shadow ${dt( transition: background ${dt('rating.transition.duration')}, color ${dt('rating.transition.duration')}, border-color ${dt('rating.transition.duration')}, outline-color ${dt('rating.transition.duration')}, box-shadow ${dt(
'rating.transition.duration' 'rating.transition.duration'
)}; )};
font-size: ${dt('rating.icon.size')}; font-size: ${dt('rating.icon.size')};
width: ${dt('rating.icon.size')}; width: ${dt('rating.icon.size')};
height: ${dt('rating.icon.size')}; height: ${dt('rating.icon.size')};

4
packages/primevue/src/slider/style/SliderStyle.js
View File

@ -18,8 +18,8 @@ const theme = ({ dt }) => `
background: ${dt('slider.handle.background')}; background: ${dt('slider.handle.background')};
border-radius: ${dt('slider.handle.border.radius')}; border-radius: ${dt('slider.handle.border.radius')};
transition: background ${dt('slider.transition.duration')}, color ${dt('slider.transition.duration')}, border-color ${dt('slider.transition.duration')}, box-shadow ${dt('slider.transition.duration')}, outline-color ${dt( transition: background ${dt('slider.transition.duration')}, color ${dt('slider.transition.duration')}, border-color ${dt('slider.transition.duration')}, box-shadow ${dt('slider.transition.duration')}, outline-color ${dt(
'slider.transition.duration' 'slider.transition.duration'
)}; )};
outline-color: transparent; outline-color: transparent;
} }

12
packages/primevue/src/stepper/style/StepperStyle.js
View File

@ -32,8 +32,8 @@ const theme = ({ dt }) => `
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;
transition: background ${dt('stepper.transition.duration')}, color ${dt('stepper.transition.duration')}, border-color ${dt('stepper.transition.duration')}, outline-color ${dt('stepper.transition.duration')}, box-shadow ${dt( transition: background ${dt('stepper.transition.duration')}, color ${dt('stepper.transition.duration')}, border-color ${dt('stepper.transition.duration')}, outline-color ${dt('stepper.transition.duration')}, box-shadow ${dt(
'stepper.transition.duration' 'stepper.transition.duration'
)}; )};
border-radius: ${dt('stepper.step.header.border.radius')}; border-radius: ${dt('stepper.step.header.border.radius')};
outline-color: transparent; outline-color: transparent;
background: transparent; background: transparent;
@ -60,8 +60,8 @@ const theme = ({ dt }) => `
color: ${dt('stepper.step.title.color')}; color: ${dt('stepper.step.title.color')};
font-weight: ${dt('stepper.step.title.font.weight')}; font-weight: ${dt('stepper.step.title.font.weight')};
transition: background ${dt('stepper.transition.duration')}, color ${dt('stepper.transition.duration')}, border-color ${dt('stepper.transition.duration')}, box-shadow ${dt('stepper.transition.duration')}, outline-color ${dt( transition: background ${dt('stepper.transition.duration')}, color ${dt('stepper.transition.duration')}, border-color ${dt('stepper.transition.duration')}, box-shadow ${dt('stepper.transition.duration')}, outline-color ${dt(
'stepper.transition.duration' 'stepper.transition.duration'
)}; )};
} }
.p-step-number { .p-step-number {
@ -123,8 +123,8 @@ const theme = ({ dt }) => `
width: 100%; width: 100%;
height: ${dt('stepper.separator.size')}; height: ${dt('stepper.separator.size')};
transition: background ${dt('stepper.transition.duration')}, color ${dt('stepper.transition.duration')}, border-color ${dt('stepper.transition.duration')}, box-shadow ${dt('stepper.transition.duration')}, outline-color ${dt( transition: background ${dt('stepper.transition.duration')}, color ${dt('stepper.transition.duration')}, border-color ${dt('stepper.transition.duration')}, box-shadow ${dt('stepper.transition.duration')}, outline-color ${dt(
'stepper.transition.duration' 'stepper.transition.duration'
)}; )};
} }
.p-steppanels { .p-steppanels {

8
packages/primevue/src/tabmenu/style/TabMenuStyle.js
View File

@ -33,8 +33,8 @@ const theme = ({ dt }) => `
padding: ${dt('tabmenu.item.padding')}; padding: ${dt('tabmenu.item.padding')};
font-weight: ${dt('tabmenu.item.font.weight')}; font-weight: ${dt('tabmenu.item.font.weight')};
transition: background ${dt('tabmenu.transition.duration')}, border-color ${dt('tabmenu.transition.duration')}, color ${dt('tabmenu.transition.duration')}, outline-color ${dt('tabmenu.transition.duration')}, box-shadow ${dt( transition: background ${dt('tabmenu.transition.duration')}, border-color ${dt('tabmenu.transition.duration')}, color ${dt('tabmenu.transition.duration')}, outline-color ${dt('tabmenu.transition.duration')}, box-shadow ${dt(
'tabmenu.transition.duration' 'tabmenu.transition.duration'
)}; )};
margin: ${dt('tabmenu.item.margin')}; margin: ${dt('tabmenu.item.margin')};
outline-color: transparent; outline-color: transparent;
gap: ${dt('tabmenu.item.gap')}; gap: ${dt('tabmenu.item.gap')};
@ -50,8 +50,8 @@ const theme = ({ dt }) => `
.p-tabmenu-item-icon { .p-tabmenu-item-icon {
color: ${dt('tabmenu.item.icon.color')}; color: ${dt('tabmenu.item.icon.color')};
transition: background ${dt('tabmenu.transition.duration')}, border-color ${dt('tabmenu.transition.duration')}, color ${dt('tabmenu.transition.duration')}, outline-color ${dt('tabmenu.transition.duration')}, box-shadow ${dt( transition: background ${dt('tabmenu.transition.duration')}, border-color ${dt('tabmenu.transition.duration')}, color ${dt('tabmenu.transition.duration')}, outline-color ${dt('tabmenu.transition.duration')}, box-shadow ${dt(
'tabmenu.transition.duration' 'tabmenu.transition.duration'
)}; )};
} }
.p-tabmenu-item-label { .p-tabmenu-item-label {

4
packages/primevue/src/textarea/style/TextareaStyle.js
View File

@ -10,8 +10,8 @@ const theme = ({ dt }) => `
padding: ${dt('textarea.padding.y')} ${dt('textarea.padding.x')}; padding: ${dt('textarea.padding.y')} ${dt('textarea.padding.x')};
border: 1px solid ${dt('textarea.border.color')}; border: 1px solid ${dt('textarea.border.color')};
transition: background ${dt('textarea.transition.duration')}, color ${dt('textarea.transition.duration')}, border-color ${dt('textarea.transition.duration')}, outline-color ${dt('textarea.transition.duration')}, box-shadow ${dt( transition: background ${dt('textarea.transition.duration')}, color ${dt('textarea.transition.duration')}, border-color ${dt('textarea.transition.duration')}, outline-color ${dt('textarea.transition.duration')}, box-shadow ${dt(
'textarea.transition.duration' 'textarea.transition.duration'
)}; )};
appearance: none; appearance: none;
border-radius: ${dt('textarea.border.radius')}; border-radius: ${dt('textarea.border.radius')};
outline-color: transparent; outline-color: transparent;

4
packages/primevue/src/toggleswitch/style/ToggleSwitchStyle.js
View File

@ -33,8 +33,8 @@ const theme = ({ dt }) => `
border-color: ${dt('toggleswitch.border.color')}; border-color: ${dt('toggleswitch.border.color')};
background: ${dt('toggleswitch.background')}; background: ${dt('toggleswitch.background')};
transition: background ${dt('toggleswitch.transition.duration')}, color ${dt('toggleswitch.transition.duration')}, border-color ${dt('toggleswitch.transition.duration')}, outline-color ${dt('toggleswitch.transition.duration')}, box-shadow ${dt( transition: background ${dt('toggleswitch.transition.duration')}, color ${dt('toggleswitch.transition.duration')}, border-color ${dt('toggleswitch.transition.duration')}, outline-color ${dt('toggleswitch.transition.duration')}, box-shadow ${dt(
'toggleswitch.transition.duration' 'toggleswitch.transition.duration'
)}; )};
border-radius: ${dt('toggleswitch.border.radius')}; border-radius: ${dt('toggleswitch.border.radius')};
outline-color: transparent; outline-color: transparent;
box-shadow: ${dt('toggleswitch.shadow')}; box-shadow: ${dt('toggleswitch.shadow')};

4
packages/primevue/src/treeselect/style/TreeSelectStyle.js
View File

@ -9,8 +9,8 @@ const theme = ({ dt }) => `
background: ${dt('treeselect.background')}; background: ${dt('treeselect.background')};
border: 1px solid ${dt('treeselect.border.color')}; border: 1px solid ${dt('treeselect.border.color')};
transition: background ${dt('treeselect.transition.duration')}, color ${dt('treeselect.transition.duration')}, border-color ${dt('treeselect.transition.duration')}, outline-color ${dt('treeselect.transition.duration')}, box-shadow ${dt( transition: background ${dt('treeselect.transition.duration')}, color ${dt('treeselect.transition.duration')}, border-color ${dt('treeselect.transition.duration')}, outline-color ${dt('treeselect.transition.duration')}, box-shadow ${dt(
'treeselect.transition.duration' 'treeselect.transition.duration'
)}; )};
border-radius: ${dt('treeselect.border.radius')}; border-radius: ${dt('treeselect.border.radius')};
outline-color: transparent; outline-color: transparent;
box-shadow: ${dt('treeselect.shadow')}; box-shadow: ${dt('treeselect.shadow')};

812
pnpm-lock.yaml
View File

File diff suppressed because it is too large Load Diff