mirror of
https://github.com/filamentphp/filament.git
synced 2026-09-01 15:09:33 +08:00
Icon aliasing consistency
This commit is contained in:
Dan Harrin
+1
-1
File diff suppressed because one or more lines are too long
@@ -134,7 +134,7 @@ export default function selectFormComponent({
|
||||
|
||||
if (!isMultiple) {
|
||||
window.addEventListener(
|
||||
'filament-forms::select/refreshSelectedOptionLabel',
|
||||
'filament-forms::select.refreshSelectedOptionLabel',
|
||||
async (event) => {
|
||||
if (event.detail.livewireId !== livewireId) {
|
||||
return
|
||||
|
||||
@@ -125,7 +125,7 @@
|
||||
<span class="absolute inset-y-0 end-0 flex items-center pe-2 pointer-events-none">
|
||||
<x-filament::icon
|
||||
:name="$icon"
|
||||
alias="filament-forms::components.date-time-picker.suffix"
|
||||
alias="forms::components.date-time-picker.suffix"
|
||||
color="text-gray-400 dark:text-gray-400"
|
||||
size="h-5 w-5"
|
||||
/>
|
||||
|
||||
@@ -26,7 +26,7 @@
|
||||
@if ($icon)
|
||||
<x-filament::icon
|
||||
:name="$icon"
|
||||
alias="filament-forms::field-wrapper.hint"
|
||||
alias="forms::field-wrapper.hint"
|
||||
size="h-5 w-5"
|
||||
/>
|
||||
@endif
|
||||
|
||||
@@ -83,7 +83,7 @@
|
||||
<div @class([
|
||||
'relative w-full p-2 overflow-hidden flex flex-wrap gap-1',
|
||||
'border-t dark:border-gray-600' => ! $isDisabled,
|
||||
])>
|
||||
])>
|
||||
<template class="hidden" x-for="tag in state" x-bind:key="tag">
|
||||
<button
|
||||
@unless ($isDisabled)
|
||||
@@ -101,7 +101,7 @@
|
||||
@unless ($isDisabled)
|
||||
<x-filament::icon
|
||||
name="heroicon-m-x-mark"
|
||||
alias="filament-forms::components.tags-input.actions.delete-tag"
|
||||
alias="forms::components.tags-input.actions.delete-tag"
|
||||
size="h-3 w-3"
|
||||
class="shrink-0"
|
||||
/>
|
||||
|
||||
@@ -75,7 +75,7 @@
|
||||
@if ($hasOffIcon())
|
||||
<x-filament::icon
|
||||
:name="$getOffIcon()"
|
||||
alias="filament-forms::components.toggle.off"
|
||||
alias="forms::components.toggle.off"
|
||||
:color="match ($offColor) {
|
||||
'danger' => 'text-danger-600',
|
||||
'gray' => 'text-gray-600',
|
||||
@@ -103,7 +103,7 @@
|
||||
@if ($hasOnIcon())
|
||||
<x-filament::icon
|
||||
:name="$getOnIcon()"
|
||||
alias="filament-forms::components.toggle.on"
|
||||
alias="forms::components.toggle.on"
|
||||
:color="match ($onColor) {
|
||||
'danger' => 'text-danger-600',
|
||||
'gray' => 'text-gray-600',
|
||||
|
||||
@@ -142,7 +142,7 @@
|
||||
>
|
||||
<x-filament::icon
|
||||
name="heroicon-m-check"
|
||||
alias="filament-forms::components.wizard.completed-step"
|
||||
alias="forms::components.wizard.completed-step"
|
||||
color="text-white"
|
||||
size="h-5 w-5"
|
||||
x-show="getStepIndex(step) > {{ $loop->index }}"
|
||||
@@ -152,7 +152,7 @@
|
||||
@if ($icon = $step->getIcon())
|
||||
<x-filament::icon
|
||||
:name="$icon"
|
||||
alias="filament-forms::components.wizard.current-step"
|
||||
alias="forms::components.wizard.current-step"
|
||||
size="h-5 w-5"
|
||||
x-show="getStepIndex(step) <= {{ $loop->index }}"
|
||||
x-cloak="x-cloak"
|
||||
|
||||
@@ -389,7 +389,7 @@ class Select extends Field implements Contracts\HasAffixActions, Contracts\HasNe
|
||||
|
||||
/** @var LivewireComponent $livewire */
|
||||
$livewire = $component->getLivewire();
|
||||
$livewire->dispatchBrowserEvent('filament-forms::select/refreshSelectedOptionLabel', [
|
||||
$livewire->dispatchBrowserEvent('filament-forms::select.refreshSelectedOptionLabel', [
|
||||
'livewireId' => $livewire->id,
|
||||
'statePath' => $statePath,
|
||||
]);
|
||||
|
||||
@@ -26,7 +26,7 @@
|
||||
@if ($icon)
|
||||
<x-filament::icon
|
||||
:name="$icon"
|
||||
alias="filament-infolists::entry-wrapper.hint"
|
||||
alias="infolists::entry-wrapper.hint"
|
||||
size="h-5 w-5"
|
||||
/>
|
||||
@endif
|
||||
|
||||
@@ -12,7 +12,7 @@
|
||||
@if ($icon = $getIcon($state))
|
||||
<x-filament::icon
|
||||
:name="$icon"
|
||||
alias="filament-infolists::entries.icon"
|
||||
alias="infolists::entries.icon"
|
||||
:color="match ($color = $getColor($state)) {
|
||||
'danger' => 'text-danger-500',
|
||||
'gray', null => 'text-gray-500',
|
||||
|
||||
@@ -124,7 +124,7 @@
|
||||
@if ($icon && $iconPosition === 'before')
|
||||
<x-filament::icon
|
||||
:name="$icon"
|
||||
alias="filament-infolists::entries.text.prefix"
|
||||
alias="infolists::entries.text.prefix"
|
||||
:size="$iconSize"
|
||||
/>
|
||||
@endif
|
||||
@@ -150,7 +150,7 @@
|
||||
@if ($icon && $iconPosition === 'after')
|
||||
<x-filament::icon
|
||||
:name="$icon"
|
||||
alias="filament-infolists::entries.text.suffix"
|
||||
alias="infolists::entries.text.suffix"
|
||||
:size="$iconSize"
|
||||
/>
|
||||
@endif
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<x-filament::icon
|
||||
name="heroicon-m-x-mark"
|
||||
alias="filament-notifications::notification.close-button"
|
||||
alias="notifications::notification.close-button"
|
||||
color="text-gray-400"
|
||||
size="h-5 w-5"
|
||||
class="filament-notifications-notification-close-button cursor-pointer"
|
||||
|
||||
+1
-1
@@ -2,7 +2,7 @@
|
||||
<div class="flex items-center justify-center w-12 h-12 rounded-full bg-primary-50 dark:bg-gray-700">
|
||||
<x-filament::icon
|
||||
name="heroicon-o-bell"
|
||||
alias="filament-notifications::database.modal.empty-state"
|
||||
alias="notifications::database.modal.empty-state"
|
||||
color="text-primary-500"
|
||||
size="h-6 w-6"
|
||||
/>
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
|
||||
<x-filament::icon
|
||||
:name="$name"
|
||||
alias="filament-notifications::notification"
|
||||
alias="notifications::notification"
|
||||
:color="match ($color) {
|
||||
'danger' => 'text-danger-400',
|
||||
'gray', null => 'text-gray-400',
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
<span class="absolute inset-y-0 start-0 flex items-center justify-center w-10 h-10 pointer-events-none">
|
||||
<x-filament::icon
|
||||
name="heroicon-m-magnifying-glass"
|
||||
alias="filament-panels::global-search.input.prefix"
|
||||
alias="panels::global-search.input.prefix"
|
||||
color="text-gray-500 dark:text-gray-400"
|
||||
size="h-5 w-5"
|
||||
wire:loading.remove.delay=""
|
||||
|
||||
@@ -30,7 +30,7 @@
|
||||
@if ($icon)
|
||||
<x-filament::icon
|
||||
:name="$icon"
|
||||
alias="filament-panels::sidebar.group"
|
||||
alias="panels::sidebar.group"
|
||||
color="text-gray-600 dark:text-gray-300"
|
||||
size="h-3 w-3"
|
||||
class="ms-1 shrink-0"
|
||||
@@ -45,7 +45,7 @@
|
||||
@if ($collapsible)
|
||||
<x-filament::icon
|
||||
name="heroicon-m-chevron-up"
|
||||
alias="filament-panels::sidebar.group.collapse"
|
||||
alias="panels::sidebar.group.collapse"
|
||||
size="h-5 w-5"
|
||||
class="text-gray-600 transition dark:text-gray-300"
|
||||
x-bind:class="!$store.sidebar.groupIsCollapsed(label) || 'rotate-180'"
|
||||
|
||||
@@ -43,7 +43,7 @@
|
||||
x-transition:enter-end="opacity-100"
|
||||
>
|
||||
<x-filament::icon
|
||||
alias="filament-panels::sidebar.buttons.collapse"
|
||||
alias="panels::sidebar.buttons.collapse"
|
||||
color="text-primary-500"
|
||||
size="h-6 w-6"
|
||||
>
|
||||
@@ -87,7 +87,7 @@
|
||||
>
|
||||
<x-filament::icon
|
||||
name="heroicon-o-bars-3"
|
||||
alias="filament-panels::sidebar.buttons.toggle"
|
||||
alias="panels::sidebar.buttons.toggle"
|
||||
size="h-6 w-6"
|
||||
/>
|
||||
</button>
|
||||
|
||||
@@ -38,7 +38,7 @@
|
||||
>
|
||||
<x-filament::icon
|
||||
:name="($active && $activeIcon) ? $activeIcon : $icon"
|
||||
alias="filament-panels::sidebar.item"
|
||||
alias="panels::sidebar.item"
|
||||
:color="(! $active) ? 'text-gray-600 dark:text-gray-500' : null"
|
||||
size="h-6 w-6"
|
||||
/>
|
||||
|
||||
+1
-1
@@ -1,7 +1,7 @@
|
||||
<x-filament::icon-button
|
||||
:label="__('filament::layout.buttons.database_notifications.label')"
|
||||
icon="heroicon-o-bell"
|
||||
icon-alias="filament-panels::layout.database-notifications.trigger"
|
||||
icon-alias="panels::layout.database-notifications.trigger"
|
||||
icon-size="lg"
|
||||
color="gray"
|
||||
:indicator="$unreadNotificationsCount"
|
||||
|
||||
@@ -21,7 +21,7 @@
|
||||
>
|
||||
<x-filament::icon
|
||||
name="heroicon-o-bars-3"
|
||||
alias="filament-panels::topbar.buttons.toggle-sidebar"
|
||||
alias="panels::topbar.buttons.toggle-sidebar"
|
||||
color="text-primary-500"
|
||||
size="h-6 w-6"
|
||||
/>
|
||||
|
||||
@@ -23,7 +23,7 @@
|
||||
@if ($icon || $activeIcon)
|
||||
<x-filament::icon
|
||||
:name="($active && $activeIcon) ? $activeIcon : $icon"
|
||||
alias="filament-panels::topbar.item"
|
||||
alias="panels::topbar.item"
|
||||
:color="(! $active) ? 'text-gray-600 dark:text-gray-500' : null"
|
||||
size="h-5 w-5"
|
||||
/>
|
||||
|
||||
@@ -87,7 +87,7 @@
|
||||
>
|
||||
<x-filament::icon
|
||||
name="heroicon-m-sun"
|
||||
alias="filament-panels::theme.light"
|
||||
alias="panels::theme.light"
|
||||
size="h-5 w-5"
|
||||
/>
|
||||
</button>
|
||||
@@ -102,7 +102,7 @@
|
||||
>
|
||||
<x-filament::icon
|
||||
name="heroicon-m-moon"
|
||||
alias="filament-panels::theme.dark"
|
||||
alias="panels::theme.dark"
|
||||
size="h-5 w-5"
|
||||
/>
|
||||
</button>
|
||||
@@ -117,7 +117,7 @@
|
||||
>
|
||||
<x-filament::icon
|
||||
name="heroicon-m-computer-desktop"
|
||||
alias="filament-panels::theme.system"
|
||||
alias="panels::theme.system"
|
||||
size="h-5 w-5"
|
||||
/>
|
||||
</button>
|
||||
|
||||
@@ -24,7 +24,7 @@
|
||||
|
||||
<x-filament::icon-button
|
||||
icon="heroicon-m-chevron-right"
|
||||
icon-alias="filament-panels::pages.tenancy.register-tenant.tenant"
|
||||
icon-alias="panels::pages.tenancy.register-tenant.tenant"
|
||||
/>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
@@ -27,7 +27,7 @@ class Dashboard extends Page
|
||||
public static function getNavigationIcon(): string
|
||||
{
|
||||
return static::$navigationIcon ??
|
||||
FilamentIcon::resolve('filament-panels::pages.dashboard.navigation')?->name ??
|
||||
FilamentIcon::resolve('panels::pages.dashboard.navigation')?->name ??
|
||||
'heroicon-o-home';
|
||||
}
|
||||
|
||||
|
||||
@@ -33,8 +33,8 @@ use Filament\Support\Facades\FilamentIcon;
|
||||
use Filament\Support\Icons\Icon;
|
||||
|
||||
FilamentIcon::register([
|
||||
'filament-panels::global-search.input.prefix' => Icon::make('fas-magnifying-glass'),
|
||||
'filament-panels::sidebar.group.collapse' => Icon::make('fas-chevron-up'),
|
||||
'panels::global-search.input.prefix' => Icon::make('fas-magnifying-glass'),
|
||||
'panels::sidebar.group.collapse' => Icon::make('fas-chevron-up'),
|
||||
]);
|
||||
```
|
||||
|
||||
@@ -80,7 +80,7 @@ use Filament\Support\Facades\FilamentIcon;
|
||||
use Filament\Support\Icons\Icon;
|
||||
|
||||
FilamentIcon::register([
|
||||
'filament-panels::global-search.input.prefix' => Icon::make()
|
||||
'panels::global-search.input.prefix' => Icon::make()
|
||||
->size('h-6 w-6')
|
||||
->color('text-gray-600 dark:text-gray-500')
|
||||
->class('global-search-input-icon'),
|
||||
@@ -94,7 +94,7 @@ If you have built a Filament plugin, your users may want to be able to customize
|
||||
```blade
|
||||
<x-filament::icon
|
||||
name="heroicon-m-magnifying-glass"
|
||||
alias="filament-panels::global-search.input.prefix"
|
||||
alias="panels::global-search.input.prefix"
|
||||
color="text-gray-500 dark:text-gray-400"
|
||||
size="h-5 w-5"
|
||||
wire:target="search"
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
@if ($icon = $getIcon($state))
|
||||
<x-filament::icon
|
||||
:name="$icon"
|
||||
alias="filament-tables::columns.icon"
|
||||
alias="tables::columns.icon"
|
||||
:color="match ($color = $getColor($state)) {
|
||||
'danger' => 'text-danger-500',
|
||||
'gray', null => 'text-gray-500',
|
||||
|
||||
@@ -19,7 +19,7 @@
|
||||
|
||||
<x-filament::icon
|
||||
:name="$icon"
|
||||
alias="filament-tables::columns.summaries.icon-count"
|
||||
alias="tables::columns.summaries.icon-count"
|
||||
:color="match ($color) {
|
||||
'danger' => 'text-danger-500',
|
||||
'gray', null => 'text-gray-500',
|
||||
|
||||
@@ -109,7 +109,7 @@
|
||||
@if ($icon && $iconPosition === 'before')
|
||||
<x-filament::icon
|
||||
:name="$icon"
|
||||
alias="filament-tables::columns.text.prefix"
|
||||
alias="tables::columns.text.prefix"
|
||||
:size="$iconSize"
|
||||
/>
|
||||
@endif
|
||||
@@ -131,7 +131,7 @@
|
||||
@if ($icon && $iconPosition === 'after')
|
||||
<x-filament::icon
|
||||
:name="$icon"
|
||||
alias="filament-tables::columns.text.suffix"
|
||||
alias="tables::columns.text.suffix"
|
||||
:size="$iconSize"
|
||||
/>
|
||||
@endif
|
||||
|
||||
@@ -78,7 +78,7 @@
|
||||
@if ($hasOffIcon())
|
||||
<x-filament::icon
|
||||
:name="$getOffIcon()"
|
||||
alias="filament-tables::columns.toggle.off"
|
||||
alias="tables::columns.toggle.off"
|
||||
:color="match ($offColor) {
|
||||
'danger' => 'text-danger-600',
|
||||
'gray' => 'text-gray-600',
|
||||
@@ -106,7 +106,7 @@
|
||||
@if ($hasOnIcon())
|
||||
<x-filament::icon
|
||||
:name="$getOnIcon()"
|
||||
alias="filament-tables::columns.toggle.on"
|
||||
alias="tables::columns.toggle.on"
|
||||
:color="match ($onColor) {
|
||||
'danger' => 'text-danger-600',
|
||||
'gray' => 'text-gray-600',
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
<div class="filament-tables-empty-state-icon-wrapper flex items-center justify-center w-16 h-16 text-primary-500 rounded-full bg-primary-50 dark:bg-gray-700">
|
||||
<x-filament::icon
|
||||
:name="$icon"
|
||||
alias="filament-tables::empty-state"
|
||||
alias="tables::empty-state"
|
||||
size="h-6 w-6"
|
||||
wire:loading.remove.delay=""
|
||||
:wire:target="implode(',', \Filament\Tables\Table::LOADING_TARGETS)"
|
||||
|
||||
@@ -22,7 +22,7 @@
|
||||
>
|
||||
<x-filament::icon
|
||||
name="heroicon-m-x-mark"
|
||||
alias="filament-tables::filters.buttons.remove"
|
||||
alias="tables::filters.buttons.remove"
|
||||
size="h-3 w-3"
|
||||
/>
|
||||
|
||||
@@ -43,7 +43,7 @@
|
||||
<div class="w-5 h-5 flex items-center justify-center">
|
||||
<x-filament::icon
|
||||
name="heroicon-m-x-mark"
|
||||
alias="filament-tables::filters.buttons.remove-all"
|
||||
alias="tables::filters.buttons.remove-all"
|
||||
size="h-5 w-5"
|
||||
:x-tooltip.raw="__('filament-tables::table.filters.buttons.remove_all.tooltip')"
|
||||
wire:loading.remove.delay=""
|
||||
|
||||
@@ -27,7 +27,7 @@
|
||||
@if ($icon)
|
||||
<x-filament::icon
|
||||
:name="$icon"
|
||||
alias="filament-tables::pagination.item"
|
||||
alias="tables::pagination.item"
|
||||
size="h-5 w-5"
|
||||
class="rtl:-scale-x-100"
|
||||
/>
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
}}>
|
||||
<x-filament::icon
|
||||
name="heroicon-o-bars-3"
|
||||
alias="filament-tables::reorder.handle"
|
||||
alias="tables::reorder.handle"
|
||||
size="h-4 w-4"
|
||||
class="block"
|
||||
/>
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
<span class="filament-tables-search-input-icon-wrapper absolute inset-y-0 start-0 flex items-center justify-center w-9 h-9 pointer-events-none">
|
||||
<x-filament::icon
|
||||
name="heroicon-m-magnifying-glass"
|
||||
alias="filament-tables::search-input.prefix"
|
||||
alias="tables::search-input.prefix"
|
||||
color="text-gray-400"
|
||||
size="h-5 w-5"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user