diff --git a/README.md b/README.md index 9d4718342c..6e7c663484 100644 --- a/README.md +++ b/README.md @@ -54,7 +54,7 @@ class Page extends Resource { public $group = 'Content'; // ability to group resources for organization public $label = 'My Pages'; // defaults to formatted & pluralized classname - public $icon = 'heroicon-o-database'; + public $icon = 'heroicon-o-document-text'; public $sort = 0; public function actions() diff --git a/config/filament.php b/config/filament.php index 680e59b6c4..4ac1a8a382 100644 --- a/config/filament.php +++ b/config/filament.php @@ -17,6 +17,7 @@ return [ 'features' => [ Features::registration(), // Features::profile(), + // Features::permissions(), Features::resources(), ], @@ -102,6 +103,7 @@ return [ 'components' => [ 'nav' => Filament\View\Components\Nav::class, + 'avatar' => Filament\View\Components\Avatar::class, ], /* @@ -122,6 +124,7 @@ return [ 'logout' => Filament\Http\Livewire\Auth\Logout::class, 'dashboard' => Filament\Http\Livewire\Dashboard::class, 'profile' => Filament\Http\Livewire\Profile::class, + 'account' => Filament\Http\Livewire\Account::class, ], /* diff --git a/dist/css/filament.css b/dist/css/filament.css index 4d7774861d..5bf2607d4d 100644 --- a/dist/css/filament.css +++ b/dist/css/filament.css @@ -1,2 +1,2 @@ -html{scroll-behavior:smooth}::-moz-selection{--tw-bg-opacity:1;background-color:rgba(37,99,235,var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}::selection{--tw-bg-opacity:1;background-color:rgba(37,99,235,var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}[x-cloak]{display:none}.js-focus-visible :focus:not([data-focus-visible-added]){outline:2px solid transparent;outline-offset:2px}.btn{background-color:rgba(243,244,246,var(--tw-bg-opacity))}.btn,.btn:hover{--tw-bg-opacity:1}.btn:hover{background-color:rgba(229,231,235,var(--tw-bg-opacity))}.btn{border-radius:.25rem;display:inline-block;font-weight:500;padding:.5rem 1rem;position:relative;--tw-shadow:0 1px 2px 0 rgba(0,0,0,0.05);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.btn:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);--tw-ring-opacity:1;--tw-ring-color:rgba(199,210,254,var(--tw-ring-opacity));--tw-ring-opacity:0.5}.btn{--tw-text-opacity:1;color:rgba(75,85,99,var(--tw-text-opacity));transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.2s}.btn-primary{--tw-bg-opacity:1;background-color:rgba(55,65,81,var(--tw-bg-opacity))}.btn-primary:hover{--tw-bg-opacity:1;background-color:rgba(31,41,55,var(--tw-bg-opacity))}.btn-primary{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.btn[disabled]{opacity:.5}.list-dropdown{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity));border-radius:.25rem;font-size:.875rem;line-height:1.25rem;line-height:1.25;overflow:hidden;--tw-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow);text-align:left}.list-dropdown>li{white-space:nowrap}.list-dropdown>li+*{--tw-border-opacity:1;border-color:rgba(209,213,219,var(--tw-border-opacity));border-top-width:1px}.list-dropdown [role=menuitem]:hover,.list-dropdown a:hover,.list-dropdown button:hover{--tw-bg-opacity:1;background-color:rgba(229,231,235,var(--tw-bg-opacity))}.list-dropdown [role=menuitem],.list-dropdown a,.list-dropdown button{display:inline-block;padding:.5rem 1rem;--tw-text-opacity:1;color:rgba(75,85,99,var(--tw-text-opacity));width:100%;transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.2s}/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji}hr{height:0;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=submit],button{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}button{background-color:transparent;background-image:none}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}fieldset,ol,ul{margin:0;padding:0}ol,ul{list-style:none}html{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{font-family:inherit;line-height:inherit}*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#9ca3af}input::placeholder,textarea::placeholder{color:#9ca3af}[role=button],button{cursor:pointer}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[type=email],[type=password],[type=text],[type=time],[type=url],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem}[type=email]:focus,[type=password]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,select:focus,textarea:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);border-color:#2563eb}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;color-adjust:exact}[type=checkbox],select{-webkit-print-color-adjust:exact}[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0}[type=checkbox]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)}[type=checkbox]:checked{background-size:100% 100%;background-position:50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3E%3C/svg%3E")}[type=checkbox]:checked,[type=checkbox]:checked:focus,[type=checkbox]:checked:hover{border-color:transparent;background-color:currentColor}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}[type=checkbox]:indeterminate:focus,[type=checkbox]:indeterminate:hover{border-color:transparent;background-color:currentColor}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.25rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem*var(--tw-space-y-reverse))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.5rem*var(--tw-space-x-reverse));margin-left:calc(0.5rem*(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.75rem*var(--tw-space-x-reverse));margin-left:calc(0.75rem*(1 - var(--tw-space-x-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.bg-black{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgba(229,231,235,var(--tw-bg-opacity))}.bg-gray-800{--tw-bg-opacity:1;background-color:rgba(31,41,55,var(--tw-bg-opacity))}.bg-gray-900{--tw-bg-opacity:1;background-color:rgba(17,24,39,var(--tw-bg-opacity))}.hover\:bg-gray-800:hover{--tw-bg-opacity:1;background-color:rgba(31,41,55,var(--tw-bg-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgba(209,213,219,var(--tw-border-opacity))}.border-red-600{--tw-border-opacity:1;border-color:rgba(225,29,72,var(--tw-border-opacity))}.focus\:border-gray-600:focus{--tw-border-opacity:1;border-color:rgba(75,85,99,var(--tw-border-opacity))}.focus\:border-indigo-300:focus{--tw-border-opacity:1;border-color:rgba(165,180,252,var(--tw-border-opacity))}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.border-dashed{border-style:dashed}.border{border-width:1px}.cursor-pointer{cursor:pointer}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-grow{flex-grow:1}.flex-shrink-0{flex-shrink:0}.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-light{font-weight:300}.font-normal{font-weight:400}.font-semibold{font-weight:600}.h-4{height:1rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-12{height:3rem}.h-64{height:16rem}.h-screen{height:100vh}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.leading-tight{line-height:1.25}.my-2{margin-top:.5rem;margin-bottom:.5rem}.ml-2{margin-left:.5rem}.mr-4{margin-right:1rem}.mb-6{margin-bottom:1.5rem}.max-w-sm{max-width:24rem}.min-h-screen{min-height:100vh}.opacity-50{opacity:.5}.overflow-hidden{overflow:hidden}.p-3{padding:.75rem}.p-4{padding:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.inset-0{right:0;left:0}.inset-0,.inset-y-0{top:0;bottom:0}.top-0{top:0}.right-0{right:0}.left-0{left:0}*{--tw-shadow:0 0 transparent}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,0.05)}.shadow-lg,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}*{--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent}.focus\:ring:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)}.focus\:ring-indigo-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(199,210,254,var(--tw-ring-opacity))}.focus\:ring-opacity-50:focus{--tw-ring-opacity:0.5}.text-left{text-align:left}.text-center{text-align:center}.text-current{color:currentColor}.text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgba(156,163,175,var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgba(107,114,128,var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgba(75,85,99,var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgba(55,65,81,var(--tw-text-opacity))}.text-red-600{--tw-text-opacity:1;color:rgba(225,29,72,var(--tw-text-opacity))}.text-red-700{--tw-text-opacity:1;color:rgba(190,18,60,var(--tw-text-opacity))}.text-blue-600{--tw-text-opacity:1;color:rgba(37,99,235,var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.hover\:text-blue-600:hover{--tw-text-opacity:1;color:rgba(37,99,235,var(--tw-text-opacity))}.hover\:text-blue-800:hover{--tw-text-opacity:1;color:rgba(30,64,175,var(--tw-text-opacity))}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tracking-wider{letter-spacing:.05em}.w-4{width:1rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-12{width:3rem}.w-56{width:14rem}.w-full{width:100%}.z-0{z-index:0}.z-10{z-index:10}.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px}.translate-x-full{--tw-translate-x:100%}.-translate-x-full{--tw-translate-x:-100%}.-translate-y-2{--tw-translate-y:-0.5rem}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}@-webkit-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}@-webkit-keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@-webkit-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}@-webkit-keyframes bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}@-webkit-keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@media (prefers-reduced-motion:no-preference){.motion-safe\:animate-shake{-webkit-animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;animation:shake .82s cubic-bezier(.36,.07,.19,.97) both}}@media (min-width:768px){.md\:hidden{display:none}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:p-6{padding:1.5rem}.md\:static{position:static}.md\:shadow-none{--tw-shadow:0 0 transparent;box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.md\:translate-x-0{--tw-translate-x:0px}} +html{scroll-behavior:smooth}::-moz-selection{--tw-bg-opacity:1;background-color:rgba(37,99,235,var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}::selection{--tw-bg-opacity:1;background-color:rgba(37,99,235,var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}[x-cloak]{display:none}.js-focus-visible :focus:not([data-focus-visible-added]){outline:2px solid transparent;outline-offset:2px}.btn{background-color:rgba(243,244,246,var(--tw-bg-opacity))}.btn,.btn:hover{--tw-bg-opacity:1}.btn:hover{background-color:rgba(229,231,235,var(--tw-bg-opacity))}.btn{border-radius:.25rem;display:inline-block;font-weight:500;font-size:.875rem;line-height:1.25rem;padding:.5rem 1rem;position:relative;--tw-shadow:0 1px 2px 0 rgba(0,0,0,0.05);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.btn:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);--tw-ring-opacity:1;--tw-ring-color:rgba(199,210,254,var(--tw-ring-opacity));--tw-ring-opacity:0.5}.btn{--tw-text-opacity:1;color:rgba(75,85,99,var(--tw-text-opacity));transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.2s}.btn-primary{--tw-bg-opacity:1;background-color:rgba(29,78,216,var(--tw-bg-opacity))}.btn-primary:hover{--tw-bg-opacity:1;background-color:rgba(30,64,175,var(--tw-bg-opacity))}.btn-primary{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.btn[disabled]{opacity:.5}.list-dropdown{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity));border-radius:.25rem;font-size:.875rem;line-height:1.25rem;line-height:1.25;overflow:hidden;--tw-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow);text-align:left}.list-dropdown>li{white-space:nowrap}.list-dropdown>li+*{--tw-border-opacity:1;border-color:rgba(209,213,219,var(--tw-border-opacity));border-top-width:1px}.list-dropdown [role=menuitem]:hover,.list-dropdown a:hover,.list-dropdown button:hover{--tw-bg-opacity:1;background-color:rgba(229,231,235,var(--tw-bg-opacity))}.list-dropdown [role=menuitem],.list-dropdown a,.list-dropdown button{display:inline-block;padding:.5rem 1rem;--tw-text-opacity:1;color:rgba(75,85,99,var(--tw-text-opacity));width:100%;transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.2s}.card{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity));border-radius:.25rem;overflow:hidden;padding:1rem;--tw-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}@media (min-width:768px){.card{padding:1.5rem}}/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji}hr{height:0;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=submit],button{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}button{background-color:transparent;background-image:none}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}fieldset,ol,ul{margin:0;padding:0}ol,ul{list-style:none}html{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{font-family:inherit;line-height:inherit}*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#9ca3af}input::placeholder,textarea::placeholder{color:#9ca3af}[role=button],button{cursor:pointer}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[type=email],[type=password],[type=text],[type=time],[type=url],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem}[type=email]:focus,[type=password]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,select:focus,textarea:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);border-color:#2563eb}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;color-adjust:exact}[type=checkbox],select{-webkit-print-color-adjust:exact}[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0}[type=checkbox]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)}[type=checkbox]:checked{background-size:100% 100%;background-position:50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3E%3C/svg%3E")}[type=checkbox]:checked,[type=checkbox]:checked:focus,[type=checkbox]:checked:hover{border-color:transparent;background-color:currentColor}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}[type=checkbox]:indeterminate:focus,[type=checkbox]:indeterminate:hover{border-color:transparent;background-color:currentColor}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.25rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem*var(--tw-space-y-reverse))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.5rem*var(--tw-space-x-reverse));margin-left:calc(0.5rem*(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.75rem*var(--tw-space-x-reverse));margin-left:calc(0.75rem*(1 - var(--tw-space-x-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.bg-black{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgba(243,244,246,var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgba(229,231,235,var(--tw-bg-opacity))}.bg-gray-800{--tw-bg-opacity:1;background-color:rgba(31,41,55,var(--tw-bg-opacity))}.bg-gray-900{--tw-bg-opacity:1;background-color:rgba(17,24,39,var(--tw-bg-opacity))}.hover\:bg-gray-800:hover{--tw-bg-opacity:1;background-color:rgba(31,41,55,var(--tw-bg-opacity))}.bg-opacity-50{--tw-bg-opacity:0.5}.border-gray-200{--tw-border-opacity:1;border-color:rgba(229,231,235,var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgba(209,213,219,var(--tw-border-opacity))}.border-red-600{--tw-border-opacity:1;border-color:rgba(225,29,72,var(--tw-border-opacity))}.focus\:border-gray-600:focus{--tw-border-opacity:1;border-color:rgba(75,85,99,var(--tw-border-opacity))}.focus\:border-indigo-300:focus{--tw-border-opacity:1;border-color:rgba(165,180,252,var(--tw-border-opacity))}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.border-dashed{border-style:dashed}.border{border-width:1px}.border-r{border-right-width:1px}.border-b{border-bottom-width:1px}.cursor-pointer{cursor:pointer}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-grow{flex-grow:1}.flex-shrink-0{flex-shrink:0}.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-light{font-weight:300}.font-normal{font-weight:400}.font-semibold{font-weight:600}.h-4{height:1rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-12{height:3rem}.h-64{height:16rem}.h-screen{height:100vh}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.leading-tight{line-height:1.25}.my-2{margin-top:.5rem;margin-bottom:.5rem}.ml-2{margin-left:.5rem}.mr-4{margin-right:1rem}.mb-6{margin-bottom:1.5rem}.-mb-px{margin-bottom:-1px}.max-w-sm{max-width:24rem}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.p-3{padding:.75rem}.p-4{padding:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.inset-0{right:0;left:0}.inset-0,.inset-y-0{top:0;bottom:0}.top-0{top:0}.right-0{right:0}.left-0{left:0}*{--tw-shadow:0 0 transparent}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,0.05)}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}*{--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent}.focus\:ring:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)}.focus\:ring-indigo-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(199,210,254,var(--tw-ring-opacity))}.focus\:ring-opacity-50:focus{--tw-ring-opacity:0.5}.text-left{text-align:left}.text-center{text-align:center}.text-current{color:currentColor}.text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.text-gray-200{--tw-text-opacity:1;color:rgba(229,231,235,var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgba(156,163,175,var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgba(107,114,128,var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgba(75,85,99,var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgba(55,65,81,var(--tw-text-opacity))}.text-red-600{--tw-text-opacity:1;color:rgba(225,29,72,var(--tw-text-opacity))}.text-red-700{--tw-text-opacity:1;color:rgba(190,18,60,var(--tw-text-opacity))}.text-blue-600{--tw-text-opacity:1;color:rgba(37,99,235,var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.hover\:text-blue-600:hover{--tw-text-opacity:1;color:rgba(37,99,235,var(--tw-text-opacity))}.hover\:text-blue-800:hover{--tw-text-opacity:1;color:rgba(30,64,175,var(--tw-text-opacity))}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tracking-wider{letter-spacing:.05em}.w-4{width:1rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-12{width:3rem}.w-56{width:14rem}.w-full{width:100%}.z-0{z-index:0}.z-10{z-index:10}.gap-2{gap:.5rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px}.translate-x-full{--tw-translate-x:100%}.-translate-x-full{--tw-translate-x:-100%}.-translate-y-2{--tw-translate-y:-0.5rem}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}@-webkit-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}@-webkit-keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@-webkit-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}@-webkit-keyframes bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}@-webkit-keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@media (prefers-reduced-motion:no-preference){.motion-safe\:animate-shake{-webkit-animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;animation:shake .82s cubic-bezier(.36,.07,.19,.97) both}}@media (min-width:768px){.md\:hidden{display:none}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:p-6{padding:1.5rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:static{position:static}.md\:shadow-none{--tw-shadow:0 0 transparent;box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.md\:translate-x-0{--tw-translate-x:0px}}@media (min-width:1024px){.lg\:gap-6{gap:1.5rem}} /*# sourceMappingURL=filament.css.map*/ \ No newline at end of file diff --git a/dist/css/filament.css.map b/dist/css/filament.css.map index 2b66a55b7c..880455f167 100644 --- a/dist/css/filament.css.map +++ b/dist/css/filament.css.map @@ -1 +1 @@ -{"version":3,"sources":["webpack:///./resources/css/base.css","webpack:///./","webpack:///./resources/css/components/buttons.css","webpack:///./resources/css/components/lists.css","webpack:///./node_modules/tailwindcss/base.css","webpack:///./node_modules/tailwindcss/utilities.css","webpack:///./"],"names":[],"mappings":"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","file":"css/filament.css","sourcesContent":["/**\n * Smoothly animate the scroll position, instead of a straight jump.\n */\nhtml {\n scroll-behavior: smooth;\n}\n\n/**\n * ::selection selector: color, background, cursor, and outline.\n */\n::selection {\n @apply bg-blue-600 text-white;\n}\n\n/**\n * `x-cloak` attributes are removed from elements when Alpine initializes.\n * This is useful for hiding pre-initialized DOM.\n *\n * @link https://github.com/alpinejs/alpine#x-cloak\n *\n */\n[x-cloak] {\n @apply hidden;\n}\n\n/**\n * Selectively disable the default focus style by selecting for the case when the polyfill\n * is loaded and [data-focus-visible-added] attribute is not applied to the element:\n *\n * @link https://github.com/WICG/focus-visible#2-update-your-css\n */\n.js-focus-visible :focus:not([data-focus-visible-added]) {\n @apply outline-none;\n}\n","\n @tailwind base;\n @tailwind components;\n @tailwind utilities;\n ",".btn {\n @apply font-medium py-2 px-4 bg-gray-100 text-gray-600 rounded transition duration-200 shadow-sm inline-block relative focus:ring focus:ring-indigo-200 focus:ring-opacity-50 hover:bg-gray-200;\n\n &-primary {\n @apply bg-gray-700 text-white hover:bg-gray-800;\n }\n\n &[disabled] {\n @apply opacity-50;\n }\n}\n",".list-dropdown {\n @apply bg-white shadow rounded text-sm leading-tight text-left overflow-hidden;\n\n > li {\n @apply whitespace-nowrap;\n\n & + * {\n @apply border-t border-gray-300;\n }\n }\n\n a,\n button,\n [role='menuitem'] {\n @apply inline-block w-full py-2 px-4 transition-colors duration-200 text-gray-600 hover:bg-gray-200;\n }\n}\n","@tailwind base;\n","@tailwind utilities;\n",null],"sourceRoot":""} \ No newline at end of file +{"version":3,"sources":["webpack:///./resources/css/base.css","webpack:///./","webpack:///./resources/css/components/buttons.css","webpack:///./resources/css/components/lists.css","webpack:///./resources/css/components/cards.css","webpack:///./","webpack:///./node_modules/tailwindcss/base.css","webpack:///./node_modules/tailwindcss/utilities.css"],"names":[],"mappings":"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","file":"css/filament.css","sourcesContent":["/**\n * Smoothly animate the scroll position, instead of a straight jump.\n */\nhtml {\n scroll-behavior: smooth;\n}\n\n/**\n * ::selection selector: color, background, cursor, and outline.\n */\n::selection {\n @apply bg-blue-600 text-white;\n}\n\n/**\n * `x-cloak` attributes are removed from elements when Alpine initializes.\n * This is useful for hiding pre-initialized DOM.\n *\n * @link https://github.com/alpinejs/alpine#x-cloak\n *\n */\n[x-cloak] {\n @apply hidden;\n}\n\n/**\n * Selectively disable the default focus style by selecting for the case when the polyfill\n * is loaded and [data-focus-visible-added] attribute is not applied to the element:\n *\n * @link https://github.com/WICG/focus-visible#2-update-your-css\n */\n.js-focus-visible :focus:not([data-focus-visible-added]) {\n @apply outline-none;\n}\n","\n @tailwind base;\n @tailwind components;\n @tailwind utilities;\n ",".btn {\n @apply text-sm font-medium py-2 px-4 bg-gray-100 text-gray-600 rounded transition duration-200 shadow-sm inline-block relative focus:ring focus:ring-indigo-200 focus:ring-opacity-50 hover:bg-gray-200;\n\n &-primary {\n @apply bg-blue-700 text-white hover:bg-blue-800;\n }\n\n &[disabled] {\n @apply opacity-50;\n }\n}\n",".list-dropdown {\n @apply bg-white shadow rounded text-sm leading-tight text-left overflow-hidden;\n\n > li {\n @apply whitespace-nowrap;\n\n & + * {\n @apply border-t border-gray-300;\n }\n }\n\n a,\n button,\n [role='menuitem'] {\n @apply inline-block w-full py-2 px-4 transition-colors duration-200 text-gray-600 hover:bg-gray-200;\n }\n}\n",".card {\n @apply p-4 md:p-6 bg-white shadow rounded overflow-hidden;\n}\n",null,"@tailwind base;\n","@tailwind utilities;\n"],"sourceRoot":""} \ No newline at end of file diff --git a/dist/mix-manifest.json b/dist/mix-manifest.json index d0ea3b00fc..726fbf3789 100644 --- a/dist/mix-manifest.json +++ b/dist/mix-manifest.json @@ -1,6 +1,6 @@ { "/js/filament.js": "/js/filament.js?id=9995e728ce8648b81f5d", - "/css/filament.css": "/css/filament.css?id=cf45ade5f9467ef81461", + "/css/filament.css": "/css/filament.css?id=4de496e09c2e4d91eaf1", "/js/filament.js.map": "/js/filament.js.map?id=1d3615b89069bfd79261", - "/css/filament.css.map": "/css/filament.css.map?id=0a07cf2d478cf17a4122" + "/css/filament.css.map": "/css/filament.css.map?id=fe942c51a9660e9597a3" } diff --git a/resources/css/components/buttons.css b/resources/css/components/buttons.css index 18b378cd05..e121cdfedb 100644 --- a/resources/css/components/buttons.css +++ b/resources/css/components/buttons.css @@ -1,8 +1,8 @@ .btn { - @apply font-medium py-2 px-4 bg-gray-100 text-gray-600 rounded transition duration-200 shadow-sm inline-block relative focus:ring focus:ring-indigo-200 focus:ring-opacity-50 hover:bg-gray-200; + @apply text-sm font-medium py-2 px-4 bg-gray-100 text-gray-600 rounded transition duration-200 shadow-sm inline-block relative focus:ring focus:ring-indigo-200 focus:ring-opacity-50 hover:bg-gray-200; &-primary { - @apply bg-gray-700 text-white hover:bg-gray-800; + @apply bg-blue-700 text-white hover:bg-blue-800; } &[disabled] { diff --git a/resources/css/components/cards.css b/resources/css/components/cards.css new file mode 100644 index 0000000000..aa35c8ff16 --- /dev/null +++ b/resources/css/components/cards.css @@ -0,0 +1,3 @@ +.card { + @apply p-4 md:p-6 bg-white shadow rounded overflow-hidden; +} diff --git a/resources/css/filament.css b/resources/css/filament.css index 0fd8f1f927..8d853dbfc3 100644 --- a/resources/css/filament.css +++ b/resources/css/filament.css @@ -9,6 +9,7 @@ @layer components { @import './components/buttons.css'; @import './components/lists.css'; + @import './components/cards.css'; } @layer utilities { diff --git a/resources/views/components/avatar.blade.php b/resources/views/components/avatar.blade.php new file mode 100644 index 0000000000..93595eec24 --- /dev/null +++ b/resources/views/components/avatar.blade.php @@ -0,0 +1,8 @@ +merge([ + 'src' => $src(), + 'srcset' => $srcSet(), + 'alt' => $user->name, + 'width' => $size, + 'height' => $size, + 'loading' => 'lazy' + ]) }} /> \ No newline at end of file diff --git a/resources/views/components/form-cols.blade.php b/resources/views/components/form-cols.blade.php new file mode 100644 index 0000000000..cd964d0bae --- /dev/null +++ b/resources/views/components/form-cols.blade.php @@ -0,0 +1,7 @@ +@props([ + 'cols' => 2, +]) + +
merge(['class' => 'grid grid-cols-1 gap-2 lg:gap-6 lg:grid-cols-'.$cols]) }}> + {{ $slot }} +
\ No newline at end of file diff --git a/resources/views/components/form.blade.php b/resources/views/components/form.blade.php new file mode 100644 index 0000000000..b59cfdb75a --- /dev/null +++ b/resources/views/components/form.blade.php @@ -0,0 +1,7 @@ +@props([ + 'submit', +]) + +
merge(['class' => 'space-y-4']) }}> + {{ $slot }} +
\ No newline at end of file diff --git a/resources/views/components/help.blade.php b/resources/views/components/help.blade.php index 34fda407c7..64505835a9 100644 --- a/resources/views/components/help.blade.php +++ b/resources/views/components/help.blade.php @@ -1,3 +1,3 @@ -merge(['class' => 'text-sm font-normal leading-tight text-gray-700']) }}> +merge(['class' => 'text-xs font-normal leading-tight text-gray-500']) }}> {{ $slot }} \ No newline at end of file diff --git a/resources/views/components/hint.blade.php b/resources/views/components/hint.blade.php index c365d798d1..a3efa69c4c 100644 --- a/resources/views/components/hint.blade.php +++ b/resources/views/components/hint.blade.php @@ -1,3 +1,3 @@ -merge(['class' => 'font-normal font-mono text-xs leading-tight text-gray-700']) }}> +merge(['class' => 'font-normal font-mono text-xs leading-tight text-gray-500']) }}> {{ $slot }} \ No newline at end of file diff --git a/resources/views/components/tab-panel.blade.php b/resources/views/components/tab-panel.blade.php new file mode 100644 index 0000000000..4e977cb2d7 --- /dev/null +++ b/resources/views/components/tab-panel.blade.php @@ -0,0 +1,8 @@ +
merge(['class' => 'p-4 md:p-6']) }} + x-show="tab === '{{ $id }}'" + tabindex="0" + role="tabpanel" + id="{{ $id }}-tab" + aria-labelledby="{{ $id }}"> + {{ $slot }} +
\ No newline at end of file diff --git a/resources/views/components/tab.blade.php b/resources/views/components/tab.blade.php new file mode 100644 index 0000000000..ccc82ba532 --- /dev/null +++ b/resources/views/components/tab.blade.php @@ -0,0 +1,9 @@ + \ No newline at end of file diff --git a/resources/views/components/tabs.blade.php b/resources/views/components/tabs.blade.php new file mode 100644 index 0000000000..73b474d9af --- /dev/null +++ b/resources/views/components/tabs.blade.php @@ -0,0 +1,6 @@ +
merge(['class' => 'bg-white shadow rounded overflow-hidden']) }}> +
+ {{ $tablist }} +
+ {{ $slot }} +
\ No newline at end of file diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php index 78560f3b28..bc59a0de87 100644 --- a/resources/views/layouts/app.blade.php +++ b/resources/views/layouts/app.blade.php @@ -18,7 +18,7 @@ - {{ Auth::user()->name }} + {{ Auth::user()->name }} @@ -30,11 +30,11 @@ - - +
@@ -45,7 +45,7 @@
{{ $actions ?? null }}
-
+
{{ $slot }}
diff --git a/resources/views/livewire/account.blade.php b/resources/views/livewire/account.blade.php new file mode 100644 index 0000000000..13ef6c0c93 --- /dev/null +++ b/resources/views/livewire/account.blade.php @@ -0,0 +1,29 @@ + + + + + + + + + + + + + + {{ __('Optional') }} + + + {{ __('Leave blank to keep current password.') }} + + + + + + + + + + {{ __('Update Account') }} + + \ No newline at end of file diff --git a/resources/views/livewire/auth/forgot-password.blade.php b/resources/views/livewire/auth/forgot-password.blade.php index 9b4f940760..ae451113d5 100644 --- a/resources/views/livewire/auth/forgot-password.blade.php +++ b/resources/views/livewire/auth/forgot-password.blade.php @@ -1,4 +1,4 @@ -
+ @@ -14,4 +14,4 @@ - \ No newline at end of file +
\ No newline at end of file diff --git a/resources/views/livewire/auth/login.blade.php b/resources/views/livewire/auth/login.blade.php index a9bca94cc7..f1921cac8e 100644 --- a/resources/views/livewire/auth/login.blade.php +++ b/resources/views/livewire/auth/login.blade.php @@ -1,4 +1,4 @@ -
+ @if (Route::has('filament.register')) @@ -29,4 +29,4 @@ - \ No newline at end of file +
\ No newline at end of file diff --git a/resources/views/livewire/auth/register.blade.php b/resources/views/livewire/auth/register.blade.php index 49f725cd51..6210f7f325 100644 --- a/resources/views/livewire/auth/register.blade.php +++ b/resources/views/livewire/auth/register.blade.php @@ -1,4 +1,4 @@ -
+ @@ -24,4 +24,4 @@ {{ __('Register') }} - \ No newline at end of file +
\ No newline at end of file diff --git a/resources/views/livewire/auth/reset-password.blade.php b/resources/views/livewire/auth/reset-password.blade.php index 1b0c1aad26..c2f0cc2fc2 100644 --- a/resources/views/livewire/auth/reset-password.blade.php +++ b/resources/views/livewire/auth/reset-password.blade.php @@ -1,4 +1,4 @@ -
+ @@ -15,4 +15,4 @@ {{ __('Reset Password') }} - \ No newline at end of file +
\ No newline at end of file diff --git a/resources/views/livewire/dashboard.blade.php b/resources/views/livewire/dashboard.blade.php index a2f4d8fb86..dcc0cc8e09 100644 --- a/resources/views/livewire/dashboard.blade.php +++ b/resources/views/livewire/dashboard.blade.php @@ -1,5 +1,5 @@ -
-
- {{ config('app.name') }} Dashboard +
+
+ {{ config('app.name') }} Dashboard
\ No newline at end of file diff --git a/resources/views/livewire/profile.blade.php b/resources/views/livewire/profile.blade.php index a8822708d5..e664fe69ec 100644 --- a/resources/views/livewire/profile.blade.php +++ b/resources/views/livewire/profile.blade.php @@ -1,3 +1,20 @@ -
- User profile -
\ No newline at end of file + + + + {{ __('Account') }} + + @if (Filament\Features::hasPermissions()) + + {{ __('Permissions') }} + + @endif + + + + + @if (Filament\Features::hasPermissions()) + + Permissions... + + @endif + \ No newline at end of file diff --git a/src/Features.php b/src/Features.php index f3b10835ed..c5e4e1d336 100644 --- a/src/Features.php +++ b/src/Features.php @@ -45,6 +45,16 @@ class Features return static::enabled(static::resources()); } + /** + * Determine if the application has user permissions. + * + * @return bool + */ + public static function hasPermissions() + { + return static::enabled(static::permissions()); + } + /** * Enable the user registration feature. * @@ -65,6 +75,16 @@ class Features return 'profile'; } + /** + * Enable the user permissions feature. + * + * @return string + */ + public static function permissions() + { + return 'permissions'; + } + /** * Enable the resources feature. * diff --git a/src/Http/Livewire/Account.php b/src/Http/Livewire/Account.php new file mode 100644 index 0000000000..8db65e248a --- /dev/null +++ b/src/Http/Livewire/Account.php @@ -0,0 +1,58 @@ + 'nullable|image', + 'user.name' => 'required|min:2', + 'user.email' => [ + 'required', + 'email', + ], + 'password' => 'nullable', + ]; + + public function updated($user) + { + $this->validateOnly($user, [ + 'user.email' => [ + 'required', + 'email', + Rule::unique('users', 'email')->ignore($this->user->id), + ], + 'password' => 'nullable|required_with:password_confirmation|min:8', + 'password_confirmation' => 'nullable|same:password', + ]); + } + + public function update() + { + $this->validate(); + + if ($this->password) { + $this->user->password = Hash::make($this->password); + } + + $this->user->save(); + + $this->reset(['password', 'password_confirmation']); + } + + public function render() + { + return view('filament::livewire.account'); + } +} \ No newline at end of file diff --git a/src/Resource.php b/src/Resource.php index 1b66d99eeb..463c9bfea1 100644 --- a/src/Resource.php +++ b/src/Resource.php @@ -8,7 +8,7 @@ use Filament\Contracts\Resource as ResourceContract; abstract class Resource implements ResourceContract { public $group = null; - public $icon = 'heroicon-o-document-text'; + public $icon = 'heroicon-o-database'; public $sort = 0; /** @return string */ diff --git a/src/Traits/FilamentUser.php b/src/Traits/FilamentUser.php index 33330550d1..6ebb794632 100644 --- a/src/Traits/FilamentUser.php +++ b/src/Traits/FilamentUser.php @@ -3,7 +3,6 @@ namespace Filament\Traits; use Illuminate\Auth\Notifications\ResetPassword; -use Thomaswelton\LaravelGravatar\Facades\Gravatar; use Filament; trait FilamentUser { @@ -19,17 +18,4 @@ trait FilamentUser { $this->notify($notification); } - - public function avatar(int $size = 48): string - { - if (!$this->avatar) { - return Gravatar::src($this->email, $size); - } - - return Filament::image($this->avatar, [ - 'w' => $size, - 'h' => $size, - 'fit' => 'crop', - ]); - } } diff --git a/src/View/Components/Avatar.php b/src/View/Components/Avatar.php new file mode 100644 index 0000000000..4f43bfb98a --- /dev/null +++ b/src/View/Components/Avatar.php @@ -0,0 +1,63 @@ +user = $user; + $this->size = $size; + $this->dprs = $dprs; + } + + /** + * Get the view / contents that represent the component. + * + * @return \Illuminate\View\View|\Closure|string + */ + public function render() + { + return view('filament::components.avatar'); + } + + public function srcSet(): string + { + $srcSet = []; + foreach($this->dprs as $dpr) { + $srcSet[] = $this->src($dpr).' '.$dpr.'x'; + } + + return implode(', ', $srcSet); + } + + public function src(int $dpr = 1): string + { + if (!$this->user->avatar) { + return Gravatar::src($this->user->email, $this->size * $dpr); + } + + return Filament::image($this->user->avatar, [ + 'w' => $this->size, + 'h' => $this->size, + 'fit' => 'crop', + 'dpr' => $dpr, + ]); + } +} \ No newline at end of file diff --git a/tailwind.config.js b/tailwind.config.js index b3198a6632..3002796d75 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -1,3 +1,4 @@ +// const defaultTheme = require('tailwindcss/defaultTheme') const colors = require('tailwindcss/colors') module.exports = {