This commit is contained in:
Zep Fietje
2023-09-01 12:26:02 +02:00
parent f58ab62300
commit b7cb9cc2c7
20 changed files with 127 additions and 37 deletions
@@ -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>