mirror of
https://github.com/filamentphp/filament.git
synced 2026-09-24 15:42:09 +08:00
alias
This commit is contained in:
@@ -6,8 +6,7 @@
|
||||
])
|
||||
|
||||
<div
|
||||
{{
|
||||
$attributes
|
||||
{{ $attributes
|
||||
->class([
|
||||
'fi-fo-field-wrp-hint flex items-center gap-x-3 text-sm',
|
||||
match ($color) {
|
||||
@@ -16,9 +15,11 @@
|
||||
},
|
||||
])
|
||||
->style([
|
||||
\Filament\Support\get_color_css_variables($color, shades: [400, 500, 600]),
|
||||
])
|
||||
}}
|
||||
\Filament\Support\get_color_css_variables(
|
||||
$color,
|
||||
shades: [400, 500, 600]),
|
||||
alias: 'forms::components.field-wrapper.hint'
|
||||
]) }}
|
||||
>
|
||||
@if (! \Filament\Support\is_slot_empty($slot))
|
||||
{{ $slot }}
|
||||
|
||||
@@ -29,8 +29,8 @@
|
||||
"
|
||||
x-bind:style="
|
||||
state
|
||||
? '{{ \Filament\Support\get_color_css_variables($onColor, shades: [600]) }}'
|
||||
: '{{ \Filament\Support\get_color_css_variables($offColor, shades: [600]) }}'
|
||||
? '{{ \Filament\Support\get_color_css_variables($onColor, shades: [600]), alias: 'forms::components.toggle.on' }}'
|
||||
: '{{ \Filament\Support\get_color_css_variables($offColor, shades: [600]), alias: 'forms::components.toggle.off' }}'
|
||||
"
|
||||
{{
|
||||
$attributes
|
||||
|
||||
@@ -16,7 +16,11 @@
|
||||
},
|
||||
])
|
||||
->style([
|
||||
\Filament\Support\get_color_css_variables($color, shades: [400, 500, 600]),
|
||||
\Filament\Support\get_color_css_variables(
|
||||
$color,
|
||||
shades: [400, 500, 600],
|
||||
alias: 'infolists::components.entry-wrapper.hint'
|
||||
),
|
||||
])
|
||||
}}
|
||||
>
|
||||
|
||||
@@ -37,7 +37,11 @@
|
||||
},
|
||||
])
|
||||
@style([
|
||||
\Filament\Support\get_color_css_variables($color, shades: [400, 500]) => $color !== 'gray',
|
||||
\Filament\Support\get_color_css_variables(
|
||||
$color,
|
||||
shades: [400, 500],
|
||||
alias: 'infolists::components.icon-entry.item',
|
||||
) => $color !== 'gray',
|
||||
])
|
||||
/>
|
||||
@endif
|
||||
|
||||
@@ -88,7 +88,11 @@
|
||||
]);
|
||||
|
||||
$iconStyles = \Illuminate\Support\Arr::toCssStyles([
|
||||
\Filament\Support\get_color_css_variables($color, shades: [500]) => $color !== 'gray',
|
||||
\Filament\Support\get_color_css_variables(
|
||||
$color,
|
||||
shades: [500],
|
||||
alias: 'infolists::components.text-entry.item.icon',
|
||||
) => $color !== 'gray',
|
||||
]);
|
||||
@endphp
|
||||
|
||||
@@ -146,7 +150,11 @@
|
||||
},
|
||||
])
|
||||
@style([
|
||||
\Filament\Support\get_color_css_variables($color, shades: [400, 600]) => ! in_array($color, [null, 'gray']),
|
||||
\Filament\Support\get_color_css_variables(
|
||||
$color,
|
||||
shades: [400, 600],
|
||||
alias: 'infolists::components.text-entry.item',
|
||||
) => ! in_array($color, [null, 'gray']),
|
||||
])
|
||||
>
|
||||
@if ($icon && in_array($iconPosition, [IconPosition::Before, 'before']))
|
||||
|
||||
@@ -22,7 +22,11 @@
|
||||
},
|
||||
])
|
||||
->style([
|
||||
\Filament\Support\get_color_css_variables($color, shades: [400]),
|
||||
\Filament\Support\get_color_css_variables(
|
||||
$color,
|
||||
shades: [400],
|
||||
alias: 'notifications::notification.icon',
|
||||
),
|
||||
])
|
||||
"
|
||||
/>
|
||||
|
||||
@@ -46,7 +46,15 @@
|
||||
},
|
||||
])
|
||||
@style([
|
||||
\Filament\Support\get_color_css_variables($color, shades: [400, 600]) => ! ($isInline || $color === 'gray'),
|
||||
\Filament\Support\get_color_css_variables(
|
||||
$color,
|
||||
shades: [
|
||||
50,
|
||||
400,
|
||||
600,
|
||||
],
|
||||
alias: 'notifications::notification',
|
||||
) => ! ($isInline || $color === 'gray'),
|
||||
])
|
||||
>
|
||||
<div
|
||||
@@ -57,9 +65,6 @@
|
||||
default => 'bg-custom-50 dark:bg-custom-400/10',
|
||||
},
|
||||
])
|
||||
@style([
|
||||
\Filament\Support\get_color_css_variables($color, shades: [50, 400]) => ! ($isInline || $color === 'gray'),
|
||||
])
|
||||
>
|
||||
@if ($icon = $getIcon())
|
||||
<x-filament-notifications::icon
|
||||
|
||||
@@ -85,7 +85,11 @@
|
||||
]);
|
||||
|
||||
$buttonStyles = \Illuminate\Support\Arr::toCssStyles([
|
||||
\Filament\Support\get_color_css_variables($color, shades: [400, 500, 600]) => $color !== 'gray',
|
||||
\Filament\Support\get_color_css_variables(
|
||||
$color,
|
||||
shades: [400, 500, 600],
|
||||
alias: 'button',
|
||||
) => $color !== 'gray',
|
||||
]);
|
||||
|
||||
$iconSize ??= match ($size) {
|
||||
|
||||
@@ -24,6 +24,7 @@
|
||||
...(filled($icon) ? [500] : []),
|
||||
600,
|
||||
],
|
||||
alias: 'dropdown.header',
|
||||
) => $color !== 'gray',
|
||||
])
|
||||
}}
|
||||
|
||||
@@ -27,7 +27,11 @@
|
||||
]);
|
||||
|
||||
$buttonStyles = \Illuminate\Support\Arr::toCssStyles([
|
||||
\Filament\Support\get_color_css_variables($color, shades: [50, 400, 500, 600]) => $color !== 'gray',
|
||||
\Filament\Support\get_color_css_variables(
|
||||
$color,
|
||||
shades: [50, 400, 500, 600],
|
||||
alias: 'dropdown.list.item',
|
||||
) => $color !== 'gray',
|
||||
]);
|
||||
|
||||
$iconClasses = \Illuminate\Support\Arr::toCssClasses([
|
||||
|
||||
@@ -43,7 +43,11 @@
|
||||
},
|
||||
]);
|
||||
|
||||
$buttonStyles = \Filament\Support\get_color_css_variables($color, shades: [300, 400, 500, 600]);
|
||||
$buttonStyles = \Filament\Support\get_color_css_variables(
|
||||
$color,
|
||||
shades: [300, 400, 500, 600],
|
||||
alias: 'icon-button',
|
||||
);
|
||||
|
||||
$iconClasses = \Illuminate\Support\Arr::toCssClasses([
|
||||
'fi-icon-btn-icon',
|
||||
|
||||
@@ -49,7 +49,11 @@
|
||||
]);
|
||||
|
||||
$linkStyles = \Illuminate\Support\Arr::toCssStyles([
|
||||
\Filament\Support\get_color_css_variables($color, shades: [300, 400, 500, 600]) => $color !== 'gray',
|
||||
\Filament\Support\get_color_css_variables(
|
||||
$color,
|
||||
shades: [300, 400, 500, 600],
|
||||
alias: 'link',
|
||||
) => $color !== 'gray',
|
||||
]);
|
||||
|
||||
$iconSize ??= match ($size) {
|
||||
@@ -72,7 +76,11 @@
|
||||
]);
|
||||
|
||||
$iconStyles = \Illuminate\Support\Arr::toCssStyles([
|
||||
\Filament\Support\get_color_css_variables($color, shades: [500]) => $color !== 'gray',
|
||||
\Filament\Support\get_color_css_variables(
|
||||
$color,
|
||||
shades: [500],
|
||||
alias: 'link.icon',
|
||||
) => $color !== 'gray',
|
||||
]);
|
||||
|
||||
$badgeContainerClasses = 'fi-link-badge-ctn absolute -top-1 start-full z-[1] -ms-1 w-max -translate-x-1/2 rounded-md bg-white rtl:translate-x-1/2 dark:bg-gray-900';
|
||||
|
||||
@@ -209,13 +209,23 @@
|
||||
>
|
||||
<div
|
||||
@class([
|
||||
'rounded-full bg-custom-100 dark:bg-custom-500/20',
|
||||
'rounded-full',
|
||||
match ($iconColor) {
|
||||
'gray' => 'bg-gray-100 dark:bg-gray-500/20',
|
||||
default => 'bg-custom-100 dark:bg-custom-500/20',
|
||||
},
|
||||
match ($alignment) {
|
||||
Alignment::Left, Alignment::Start, 'left', 'start' => 'p-2',
|
||||
Alignment::Center, 'center' => 'p-3',
|
||||
},
|
||||
])
|
||||
style="{{ \Filament\Support\get_color_css_variables($iconColor, shades: [100, 500]) }}"
|
||||
@style([
|
||||
\Filament\Support\get_color_css_variables(
|
||||
$iconColor,
|
||||
shades: [100, 400, 500, 600],
|
||||
alias: 'modal.icon',
|
||||
) => $iconColor !== 'gray',
|
||||
])
|
||||
>
|
||||
<x-filament::icon
|
||||
:alias="$iconAlias"
|
||||
@@ -227,9 +237,6 @@
|
||||
default => 'text-custom-600 dark:text-custom-400',
|
||||
},
|
||||
])
|
||||
@style([
|
||||
\Filament\Support\get_color_css_variables($iconColor, shades: [400, 600]) => $iconColor !== 'gray',
|
||||
])
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -97,7 +97,11 @@
|
||||
},
|
||||
])
|
||||
@style([
|
||||
\Filament\Support\get_color_css_variables($iconColor, shades: [400, 500]) => $iconColor !== 'gray',
|
||||
\Filament\Support\get_color_css_variables(
|
||||
$iconColor,
|
||||
shades: [400, 500],
|
||||
alias: 'section.header.icon',
|
||||
) => $iconColor !== 'gray',
|
||||
])
|
||||
/>
|
||||
@endif
|
||||
|
||||
@@ -38,7 +38,11 @@
|
||||
},
|
||||
])
|
||||
@style([
|
||||
\Filament\Support\get_color_css_variables($color, shades: [400, 500]) => $color !== 'gray',
|
||||
\Filament\Support\get_color_css_variables(
|
||||
$color,
|
||||
shades: [400, 500],
|
||||
alias: 'tables::columns.icon-column.item',
|
||||
) => $color !== 'gray',
|
||||
])
|
||||
/>
|
||||
@endif
|
||||
|
||||
@@ -37,7 +37,11 @@
|
||||
},
|
||||
])
|
||||
@style([
|
||||
\Filament\Support\get_color_css_variables($color, shades: [400, 500]) => $color !== 'gray',
|
||||
\Filament\Support\get_color_css_variables(
|
||||
$color,
|
||||
shades: [400, 500],
|
||||
alias: 'tables::columns.summaries.icon-count.icon',
|
||||
) => $color !== 'gray',
|
||||
])
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -84,7 +84,11 @@
|
||||
]);
|
||||
|
||||
$iconStyles = \Illuminate\Support\Arr::toCssStyles([
|
||||
\Filament\Support\get_color_css_variables($color, shades: [500]) => $color !== 'gray',
|
||||
\Filament\Support\get_color_css_variables(
|
||||
$color,
|
||||
shades: [500],
|
||||
alias: 'tables::columns.text-column.item.icon',
|
||||
) => $color !== 'gray',
|
||||
]);
|
||||
@endphp
|
||||
|
||||
@@ -146,7 +150,11 @@
|
||||
},
|
||||
])
|
||||
@style([
|
||||
\Filament\Support\get_color_css_variables($color, shades: [400, 600]) => ! in_array($color, [null, 'gray']),
|
||||
\Filament\Support\get_color_css_variables(
|
||||
$color,
|
||||
shades: [400, 600],
|
||||
alias: 'tables::columns.text-column.item',
|
||||
) => ! in_array($color, [null, 'gray']),
|
||||
])
|
||||
>
|
||||
@if ($icon && in_array($iconPosition, [IconPosition::Before, 'before']))
|
||||
|
||||
@@ -75,8 +75,8 @@
|
||||
"
|
||||
x-bind:style="
|
||||
state
|
||||
? '{{ \Filament\Support\get_color_css_variables($onColor, shades: [600]) }}'
|
||||
: '{{ \Filament\Support\get_color_css_variables($offColor, shades: [600]) }}'
|
||||
? '{{ \Filament\Support\get_color_css_variables($onColor, shades: [600], alias: 'tables::columns.toggle-column.on') }}'
|
||||
: '{{ \Filament\Support\get_color_css_variables($offColor, shades: [600], alias: 'tables::columns.toggle-column.off') }}'
|
||||
"
|
||||
@disabled($isDisabled())
|
||||
type="button"
|
||||
|
||||
@@ -48,7 +48,11 @@
|
||||
})"
|
||||
x-ignore
|
||||
@style([
|
||||
\Filament\Support\get_color_css_variables($color, shades: [50, 400, 500]) => $color !== 'gray',
|
||||
\Filament\Support\get_color_css_variables(
|
||||
$color,
|
||||
shades: [50, 400, 500],
|
||||
alias: 'widgets::chart-widget.chart',
|
||||
) => $color !== 'gray',
|
||||
])
|
||||
>
|
||||
<canvas
|
||||
|
||||
@@ -18,7 +18,11 @@
|
||||
]);
|
||||
|
||||
$descriptionIconStyles = \Illuminate\Support\Arr::toCssStyles([
|
||||
\Filament\Support\get_color_css_variables($descriptionColor, shades: [500]) => $descriptionColor !== 'gray',
|
||||
\Filament\Support\get_color_css_variables(
|
||||
$descriptionColor,
|
||||
shades: [500],
|
||||
alias: 'widgets::stats-overview-widget.stat.description.icon',
|
||||
) => $descriptionColor !== 'gray',
|
||||
]);
|
||||
@endphp
|
||||
|
||||
@@ -75,7 +79,11 @@
|
||||
},
|
||||
])
|
||||
@style([
|
||||
\Filament\Support\get_color_css_variables($descriptionColor, shades: [400, 600]) => $descriptionColor !== 'gray',
|
||||
\Filament\Support\get_color_css_variables(
|
||||
$descriptionColor,
|
||||
shades: [400, 600],
|
||||
alias: 'widgets::stats-overview-widget.stat.description',
|
||||
) => $descriptionColor !== 'gray',
|
||||
])
|
||||
>
|
||||
{{ $description }}
|
||||
@@ -105,7 +113,11 @@
|
||||
})"
|
||||
class="fi-wi-stats-overview-stat-chart absolute inset-x-0 bottom-0 overflow-hidden rounded-b-xl"
|
||||
@style([
|
||||
\Filament\Support\get_color_css_variables($chartColor, shades: [50, 400, 500]) => $chartColor !== 'gray',
|
||||
\Filament\Support\get_color_css_variables(
|
||||
$chartColor,
|
||||
shades: [50, 400, 500],
|
||||
alias: 'widgets::stats-overview-widget.stat.chart',
|
||||
) => $chartColor !== 'gray',
|
||||
])
|
||||
>
|
||||
<canvas x-ref="canvas" class="h-6"></canvas>
|
||||
|
||||
Reference in New Issue
Block a user