lesli_shield 1.1.3 → 1.1.5

data/app/assets/stylesheets/lesli_shield/sessions.tailwind.css

@@ -0,0 +1,2 @@
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-content:""}}}@layer theme{:root,:host{--color-amber-50:oklch(98.7% .022 95.277);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-950:oklch(27.9% .077 45.635);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-200:oklch(90.1% .058 230.902);--color-sky-500:oklch(68.5% .169 237.323);--color-sky-600:oklch(58.8% .158 241.966);--color-sky-700:oklch(50% .134 242.749);--color-sky-800:oklch(44.3% .11 240.79);--color-sky-900:oklch(39.1% .09 240.876);--color-sky-950:oklch(29.3% .066 243.157);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-700:oklch(51.4% .222 16.935);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-lg:32rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--leading-tight:1.25;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer utilities{.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-x-0{inset-inline:0}.bottom-0{bottom:0}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mr-1{margin-right:var(--spacing)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.h-5{height:calc(var(--spacing) * 5)}.h-auto{height:auto}.max-h-20{max-height:calc(var(--spacing) * 20)}.min-h-screen{min-height:100vh}.w-5{width:calc(var(--spacing) * 5)}.w-auto{width:auto}.w-full{width:100%}.max-w-\[220px\]{max-width:220px}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.flex-1{flex:1}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-y-1{row-gap:var(--spacing)}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-sky-200{border-color:var(--color-sky-200)}.bg-sky-50{background-color:var(--color-sky-50)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-white{background-color:var(--color-white)}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-slate-950\/70{--tw-gradient-from:#020618b3}@supports (color:color-mix(in lab, red, red)){.from-slate-950\/70{--tw-gradient-from:color-mix(in oklab, var(--color-slate-950) 70%, transparent)}}.from-slate-950\/70{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-slate-900\/10{--tw-gradient-via:#0f172b1a}@supports (color:color-mix(in lab, red, red)){.via-slate-900\/10{--tw-gradient-via:color-mix(in oklab, var(--color-slate-900) 10%, transparent)}}.via-slate-900\/10{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.p-12{padding:calc(var(--spacing) * 12)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-10{padding-block:calc(var(--spacing) * 10)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.text-center{text-align:center}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.break-all{word-break:break-all}.text-sky-700{color:var(--color-sky-700)}.text-sky-800{color:var(--color-sky-800)}.text-sky-950{color:var(--color-sky-950)}.text-slate-600{color:var(--color-slate-600)}.text-slate-900{color:var(--color-slate-900)}.text-white{color:var(--color-white)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:text-sky-900:hover{color:var(--color-sky-900)}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-sky-500\/30:focus{--tw-ring-color:#00a5ef4d}@supports (color:color-mix(in lab, red, red)){.focus\:ring-sky-500\/30:focus{--tw-ring-color:color-mix(in oklab, var(--color-sky-500) 30%, transparent)}}.focus\:ring-offset-4:focus{--tw-ring-offset-width:4px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (min-width:40rem){.sm\:px-10{padding-inline:calc(var(--spacing) * 10)}.sm\:pt-8{padding-top:calc(var(--spacing) * 8)}}@media (min-width:64rem){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:block{display:block}.lg\:grid{display:grid}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:px-16{padding-inline:calc(var(--spacing) * 16)}}}@layer components{.lesli-form-field{margin-bottom:calc(var(--spacing) * 4)}.lesli-form-label-wrapper{margin-bottom:calc(var(--spacing) * 2)}.lesli-form-label{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-slate-700);display:block}.lesli-form-field-body{min-width:0}.lesli-form-control{position:relative}.lesli-form-input,.lesli-form-select,.lesli-form-control textarea,.lesli-form-control trix-editor{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-slate-300);background-color:var(--color-white);width:100%;padding-inline:calc(var(--spacing) * 3.5);padding-block:calc(var(--spacing) * 2.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-slate-900);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-outline-style:none;outline-style:none;display:block}:is(.lesli-form-input,.lesli-form-select,.lesli-form-control textarea,.lesli-form-control trix-editor)::placeholder{color:var(--color-slate-400)}@media (hover:hover){:is(.lesli-form-input,.lesli-form-select,.lesli-form-control textarea,.lesli-form-control trix-editor):hover{border-color:var(--color-slate-400)}}:is(.lesli-form-input,.lesli-form-select,.lesli-form-control textarea,.lesli-form-control trix-editor):focus{border-color:var(--color-sky-500);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:#00a5ef1a}@supports (color:color-mix(in lab, red, red)){:is(.lesli-form-input,.lesli-form-select,.lesli-form-control textarea,.lesli-form-control trix-editor):focus{--tw-ring-color:color-mix(in oklab, var(--color-sky-500) 10%, transparent)}}:is(.lesli-form-input,.lesli-form-select,.lesli-form-control textarea,.lesli-form-control trix-editor):disabled{cursor:not-allowed;background-color:var(--color-slate-100);color:var(--color-slate-500);opacity:.75}.lesli-form-input,.lesli-form-select{height:calc(var(--spacing) * 11)}.lesli-form-control textarea,.lesli-form-control trix-editor{min-height:calc(var(--spacing) * 32);resize:vertical}.lesli-form-select-wrapper{position:relative}.lesli-form-select{cursor:pointer;appearance:none;padding-right:calc(var(--spacing) * 10)}.lesli-form-select-wrapper:after{pointer-events:none;top:50%;right:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 2);width:calc(var(--spacing) * 2);--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y);border-right-style:var(--tw-border-style);border-right-width:2px;border-bottom-style:var(--tw-border-style);border-bottom-width:2px;border-color:var(--color-slate-400);--tw-content:"";content:var(--tw-content);position:absolute;rotate:45deg}.lesli-form-checkbox{height:calc(var(--spacing) * 4);width:calc(var(--spacing) * 4);cursor:pointer;border-color:var(--color-slate-300);accent-color:var(--color-sky-600);border-radius:.25rem}.lesli-form-checkbox:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:#00a5ef4d}@supports (color:color-mix(in lab, red, red)){.lesli-form-checkbox:focus{--tw-ring-color:color-mix(in oklab, var(--color-sky-500) 30%, transparent)}}.lesli-form-checkbox:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.lesli-form-checkbox:disabled{cursor:not-allowed;opacity:.5}.lesli-form-checkbox-label{cursor:pointer;align-items:center;gap:calc(var(--spacing) * 2.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-slate-600);display:inline-flex}.lesli-form-control.has-icon .lesli-form-input,.lesli-form-control.has-icon .lesli-form-select{padding-left:calc(var(--spacing) * 11)}.lesli-form-icon{pointer-events:none;top:50%;left:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 5);width:calc(var(--spacing) * 5);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);color:var(--color-slate-400);justify-content:center;align-items:center;display:inline-flex;position:absolute}.lesli-form-icon .material-symbols-outlined{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-leading:1;line-height:1}.lesli-form-help{margin-top:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5);color:var(--color-slate-500)}.lesli-form-field.is-danger .lesli-form-input,.lesli-form-field.is-danger .lesli-form-select,.lesli-form-field.is-danger textarea,.lesli-form-field.is-danger trix-editor{border-color:var(--color-rose-400)}:is(.lesli-form-field.is-danger .lesli-form-input,.lesli-form-field.is-danger .lesli-form-select,.lesli-form-field.is-danger textarea,.lesli-form-field.is-danger trix-editor):focus{border-color:var(--color-rose-500);--tw-ring-color:#ff23571a}@supports (color:color-mix(in lab, red, red)){:is(.lesli-form-field.is-danger .lesli-form-input,.lesli-form-field.is-danger .lesli-form-select,.lesli-form-field.is-danger textarea,.lesli-form-field.is-danger trix-editor):focus{--tw-ring-color:color-mix(in oklab, var(--color-rose-500) 10%, transparent)}}.lesli-form-help.is-danger{color:var(--color-rose-700)}.lesli-form-help.is-warning{color:var(--color-amber-700)}.lesli-form-help.is-success{color:var(--color-emerald-700)}.lesli-form-help.is-info{color:var(--color-sky-700)}.lesli-form-button{height:calc(var(--spacing) * 11);cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-xl);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 4);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-width:1px;border-color:#0000;display:inline-flex}.lesli-form-button:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-outline-style:none;outline-style:none}.lesli-form-button:disabled{pointer-events:none;cursor:not-allowed;opacity:.5}.lesli-form-button.is-primary,.lesli-form-button.is-info{background-color:var(--color-sky-600);color:var(--color-white)}@media (hover:hover){:is(.lesli-form-button.is-primary,.lesli-form-button.is-info):hover{background-color:var(--color-sky-700)}}:is(.lesli-form-button.is-primary,.lesli-form-button.is-info):focus{--tw-ring-color:#00a5ef33}@supports (color:color-mix(in lab, red, red)){:is(.lesli-form-button.is-primary,.lesli-form-button.is-info):focus{--tw-ring-color:color-mix(in oklab, var(--color-sky-500) 20%, transparent)}}.lesli-form-button.is-success{background-color:var(--color-emerald-600);color:var(--color-white)}@media (hover:hover){.lesli-form-button.is-success:hover{background-color:var(--color-emerald-700)}}.lesli-form-button.is-success:focus{--tw-ring-color:#00bb7f33}@supports (color:color-mix(in lab, red, red)){.lesli-form-button.is-success:focus{--tw-ring-color:color-mix(in oklab, var(--color-emerald-500) 20%, transparent)}}.lesli-form-button.is-warning{background-color:var(--color-amber-500);color:var(--color-amber-950)}@media (hover:hover){.lesli-form-button.is-warning:hover{background-color:var(--color-amber-600)}}.lesli-form-button.is-warning:focus{--tw-ring-color:#f99c0033}@supports (color:color-mix(in lab, red, red)){.lesli-form-button.is-warning:focus{--tw-ring-color:color-mix(in oklab, var(--color-amber-500) 20%, transparent)}}.lesli-form-button.is-danger{background-color:var(--color-rose-600);color:var(--color-white)}@media (hover:hover){.lesli-form-button.is-danger:hover{background-color:var(--color-rose-700)}}.lesli-form-button.is-danger:focus{--tw-ring-color:#ff235733}@supports (color:color-mix(in lab, red, red)){.lesli-form-button.is-danger:focus{--tw-ring-color:color-mix(in oklab, var(--color-rose-500) 20%, transparent)}}.lesli-form-button.is-fullwidth{width:100%}.lesli-form-button-icon{height:calc(var(--spacing) * 5);width:calc(var(--spacing) * 5);justify-content:center;align-items:center;display:inline-flex}.lesli-form-button-icon .material-symbols{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-leading:1;line-height:1}.lesli-form-fieldset{margin-bottom:calc(var(--spacing) * 6);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-slate-200);background-color:var(--color-white);padding:calc(var(--spacing) * 6);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.lesli-form-legend{margin-bottom:calc(var(--spacing) * 5);margin-left:calc(var(--spacing) * -1);padding-inline:var(--spacing);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-slate-800)}.lesli-form-fieldset.is-info{border-color:var(--color-sky-200);background-color:#f0f9ff66}@supports (color:color-mix(in lab, red, red)){.lesli-form-fieldset.is-info{background-color:color-mix(in oklab, var(--color-sky-50) 40%, transparent)}}.lesli-form-fieldset.is-success{border-color:var(--color-emerald-200);background-color:#ecfdf566}@supports (color:color-mix(in lab, red, red)){.lesli-form-fieldset.is-success{background-color:color-mix(in oklab, var(--color-emerald-50) 40%, transparent)}}.lesli-form-fieldset.is-warning{border-color:var(--color-amber-200);background-color:#fffbeb80}@supports (color:color-mix(in lab, red, red)){.lesli-form-fieldset.is-warning{background-color:color-mix(in oklab, var(--color-amber-50) 50%, transparent)}}.lesli-form-fieldset.is-danger{border-color:var(--color-rose-200);background-color:#fff1f266}@supports (color:color-mix(in lab, red, red)){.lesli-form-fieldset.is-danger{background-color:color-mix(in oklab, var(--color-rose-50) 40%, transparent)}}@media (min-width:768px){.lesli-form-field.is-horizontal{align-items:flex-start;gap:calc(var(--spacing) * 5);grid-template-columns:minmax(8rem,1fr) minmax(0,3fr);display:grid}.lesli-form-field.is-horizontal>.lesli-form-label-wrapper{padding-top:calc(var(--spacing) * 2.5);text-align:right;margin-bottom:0}.lesli-form-field.is-horizontal>.lesli-form-field-body{grid-column-start:2}}.links{margin-top:calc(var(--spacing) * 5);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-slate-200);background-color:var(--color-white);overflow:hidden}.links>a{align-items:center;gap:calc(var(--spacing) * 3);width:100%;padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-slate-700);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));display:flex}@media (hover:hover){.links>a:hover{background-color:var(--color-slate-50);color:var(--color-sky-700)}}.links>a:focus{--tw-outline-style:none;outline-style:none}.links>a:focus-visible{background-color:var(--color-sky-50);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:#00a5ef4d}@supports (color:color-mix(in lab, red, red)){.links>a:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-sky-500) 30%, transparent)}}.links>a:focus-visible{--tw-ring-inset:inset}.links>a:not(:last-child){border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-slate-200)}.links .icon{height:calc(var(--spacing) * 7);width:calc(var(--spacing) * 7);flex-shrink:0;justify-content:center;align-items:center;margin-right:0;display:inline-flex}.links .icon svg{max-height:calc(var(--spacing) * 6);max-width:calc(var(--spacing) * 6);display:block}.links>a>span:not(.icon){font-family:Domine,OpenSans,sans-serif}.lesli-auth-visual{background-color:#0000;background-image:linear-gradient(#316aff66,#316aff66),url(/lesli_shield/login-background.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-content{syntax:"*";inherits:false;initial-value:""}

data/app/assets/stylesheets/lesli_shield/users.css

@@ -1 +1,31 @@
+@charset "UTF-8";
+/*
+Lesli
 
+Copyright (c) 2023, Lesli Technologies, S. A.
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program. If not, see http://www.gnu.org/licenses/.
+
+Lesli · Ruby on Rails SaaS Development Framework.
+
+Made with ♥ by https://www.lesli.tech
+Building a better future, one line of code at a time.
+
+@contact  hello@lesli.tech
+@website  https://www.lesli.tech
+@license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · 
+*/

data/app/controllers/users/sessions_controller.rb

@@ -126,7 +126,7 @@ class Users::SessionsController < Devise::SessionsController
             # Ensures it's a local path
             return redirect_path if uri.relative?  
         end
-        Lesli.config.path_after_login || root_path
+        Lesli.config.shield.dig(:path_after_login) || root_path
     rescue URI::InvalidURIError
         # If the URL is invalid, fallback to root
         root_path  

data/app/services/lesli_shield/user_registration_service.rb

@@ -56,45 +56,8 @@ module LesliShield
 
         def create_account
 
-            # check if instance is for multi-account
-            allow_multiaccount = Lesli.config.security.dig(:allow_multiaccount)
-
-            # create new account for the new user only if multi-account is allowed
-            if allow_multiaccount === true
-                account = Lesli::Account.create!({
-                    user: resource,     # set user as owner of his just created account
-                    name: "Lesli",      # temporary company name
-                    email: resource.email,
-                    status: :active     # account is active due user already confirmed his email
-                })
-            end
-
-            # if multi-account is not allowed user belongs to the first account in instance
-            if allow_multiaccount === false
-                account = Lesli::Account.first
-            end
-
-            # add user to his own account
-            resource.account = account
-
-            # add owner role to user only if multi-account is allowed
-            if allow_multiaccount == true
-                resource.user_roles.create({ role: account.roles.find_by(name: "owner") })
-            end
-
-            # add profile role to user only if multi-account is allowed
-            if allow_multiaccount == false
-                # Assigning default role if defined in account settings
-                # Otherwise, the default role is "limited"
-                #default_role_id = account.settings.find_by(:name => "default_role_id")&.value
-                default_role_id = nil
-                    
-                if default_role_id.present?
-                    resource.roles.create({ role: account.roles.find_by(:id => default_role_id)})
-                else
-                    resource.roles.create({ role: account.roles.find_by(name: "limited") })
-                end
-            end
+            add_account() if resource.account.blank?
+            add_role() if resource.user_roles.empty?
 
             # Synchronize roles for the very first time
             resource.roles.each do |role|
@@ -116,5 +79,50 @@ module LesliShield
             # end
 
         end
+
+        private 
+
+        # check if instance is for multi-account
+        ALLOW_MULTI_ACCOUNT = Lesli.config.security.dig(:allow_multiaccount)
+
+        # This is necessary when user is creating a brand new account
+        # and the platform is configured to create new Lesli accounts for every user
+        # The platform use the same account when the platform is not saas but
+        # proprietary instance (only one company is using the platform)
+        # Another scenario where it is not needed to create a new account for the 
+        # user is when the user is confirming the account through an invitation
+        def add_account
+
+            if ALLOW_MULTI_ACCOUNT === true
+                # create new account for the new user only if multi-account is allowed
+                account = Lesli::Account.create!({
+                    user: resource,     # set user as owner of his just created account
+                    name: "Lesli",      # temporary company name
+                    email: resource.email,
+                    status: :active     # account is active due user already confirmed his email
+                })
+            else
+                # if multi-account is not allowed user belongs to the first account in instance
+                account = Lesli::Account.first
+            end
+
+            # add user to his own account
+            resource.account = account
+        end
+
+        def add_role
+            if ALLOW_MULTI_ACCOUNT == true
+                # add owner role to user only if multi-account is allowed
+                resource.user_roles.create({ role: account.roles.find_by(name: "owner") })
+            else
+                # Assigning default role if defined in account settings
+                # Otherwise, the default role is "limited"
+                default_role_name = Lesli.config.shield.dig(:default_role) || "guest"
+
+                default_role = resource.account.roles.find_by(name: default_role_name)
+
+                resource.user_roles.create({ role: default_role })
+            end
+        end
     end
 end

data/app/views/devise/registrations/new.html.erb

@@ -38,7 +38,12 @@ if Lesli.config.demo
 end
 %>
 
-<%= render("devise/shared/application-devise", title:"Create an account to discover Lesli") do %>
+<%
+title = I18n.t("overrides.lesli_shield.devise/registrations.view_title",
+        default: :"lesli_shield.devise/registrations.view_title")
+%>
+
+<%= render("devise/shared/application-devise", title:title) do %>
 
     <%= form_for(
         resource, 
@@ -63,17 +68,11 @@ end
         ) %>
 
         <div class="field mb-5">
-            <p>Password needs to contain:</p>
+            <p><%= I18n.t("lesli_shield.devise/registrations.view_password_requirements") %></p>
             <ul class="pl-3 password-requirements">
-                <li>
-                    &bull; Minimum  one uppercase letter
-                </li>
-                <li>
-                    &bull; One symbol
-                </li>
-                <li>
-                    &bull; One number
-                </li>
+                <li>&bull; <%= I18n.t("lesli_shield.devise/registrations.view_password_requirements_uppercase") %></li>
+                <li>&bull; <%= I18n.t("lesli_shield.dashboards.view_password_requirements_symbol") %></li>
+                <li>&bull; <%= I18n.t("lesli_shield.dashboards.view_password_requirements_number") %></li>
             </ul>
         </div>
 
@@ -89,15 +88,16 @@ end
                 <button 
                     type="submit" 
                     class="button is-primary is-fullwidth mb-2">
-                    Create account
+                    <%= I18n.t("overrides.lesli_shield.devise/registrations.button_create_account",
+                                default: :"lesli_shield.devise/registrations.button_create_account") %>
                 </button>
             </div>
         </div>
 
         <p class="account has-text-centered">
-            Already have an account? 
+            <%= I18n.t("lesli_shield.devise/registrations.view_already_have_an_account") %>
             <%= link_to(new_user_session_path, :class => "has-text-primary") do %>
-                <u><b>Log in</b></u>
+                <u><b><%= I18n.t("lesli_shield.devise/registrations.button_login") %></b></u>
             <% end %>
         </p> 
     <% end %>

data/app/views/devise/sessions/new.html.erb

@@ -39,59 +39,68 @@ if Lesli.config.demo
 end
 %>
 
-<%= render("devise/shared/application-devise", title:"Welcome to Lesli") do %>
+<%
+title = I18n.t("overrides.lesli_shield.devise/sessions.view_title",
+        default: :"lesli_shield.devise/sessions.view_title")
+%>
+
+<%= render("devise/shared/application-devise", title: title) do %>
+
+    <% authentication_error = flash[:alert].presence || flash[:error].presence %>
 
     <%= form_for(
-        resource, 
-        as: resource_name, 
+        resource,
+        as: resource_name,
         url: user_session_path,
         builder: LesliView::Forms::Builder,
+        html: { class: "lesli-login-form" },
         data: { turbo: false }
-        ) do |form| %>
+    ) do |form| %>
 
         <% if Lesli.config.demo %>
             <%= render("devise/shared/demo") %>
         <% end %>
 
-        <%= form.field_control_builder(
-            label_html:form.label(:email, "E-mail address"), 
-            control_html:form.email_field(:email, autofocus: true, autocomplete: "email", placeholder: Lesli.config.company[:email]),
-            category: flash.first&.first,
-            icon: "person"
+        <%= form.field_control_email(
+            :email,
+            label: I18n.t("lesli_shield.devise/sessions.label_email", default: "Email address"),
+            category: authentication_error.present? ? :danger : nil,
+            icon: "person",
+            autofocus: true,
+            autocomplete: "email",
+            required: true,
+            placeholder: Lesli.config.company[:email]
         ) %>
 
-        <%= form.field_control_builder(
-            label_html:form.label(:password), 
-            control_html:form.password_field(:password, autocomplete: "current-password", placeholder: "* * * * * *"),
-            message_text: flash.first&.second,
-            category: flash.first&.first,
-            icon: "key"
+        <%= form.field_control_password(
+            :password,
+            label: I18n.t("lesli_shield.devise/sessions.label_password", default: "Password"),
+            message: authentication_error,
+            category: authentication_error.present? ? :danger : nil,
+            icon: "key",
+            autocomplete: "current-password",
+            required: true,
+            placeholder: "••••••••"
         ) %>
 
         <% if params[:r].presence %>
-            <%= tag(:input, :type => "hidden", :name => "user[redirect]", :value => params[:r]) %>
+            <%= hidden_field_tag "user[redirect]", params[:r] %>
         <% end %>
 
-        <div class="field mb-4 mt-5">
-            <div class="control is-fullwidth">
-                <button 
-                    type="submit" 
-                    class="button is-primary is-fullwidth mb-2">
-                    Log in
-                </button>
-            </div>
-        </div>
+        <%= form.field_control_button(
+            I18n.t("lesli_shield.devise/sessions.button_log_in"),
+            { class: "is-fullwidth" },
+            icon: "login"
+        ) %>
 
         <% if Lesli.config.security.dig(:allow_registration) %>
-            <p class="account has-text-centered">
-                Still not registered? 
-                <%= link_to(new_user_registration_path, :class => "has-text-primary") do %>
-                    <u><b>Create account</b></u>
-                <% end %>
-            </p> 
+            <p class="mt-1 text-center text-sm text-slate-600">
+                <%= I18n.t("lesli_shield.devise/sessions.view_still_not_registered") %>
+                <%= link_to I18n.t("lesli_shield.devise/sessions.button_create_account"),
+                    new_user_registration_path %>
+            </p>
         <% end %>
-
     <% end %>
 
-    <%= render("devise/shared/links", password_reset:true, magic_link:false, otp:false) %>  
+    <%= render("devise/shared/links", password_reset:true, magic_link:true, otp:true, login:true) %>  
 <% end %>

data/app/views/devise/shared/_application-devise.html.erb

@@ -30,47 +30,48 @@ Building a better future, one line of code at a time.
 // · 
 %>
 
-<% title = defined?(title) ? title : "" %>
-<% back_to_login = defined?(back_to_login) ? back_to_login : false %>
+<% title = local_assigns.fetch(:title, "") %>
+<% back_to_login = local_assigns.fetch(:back_to_login, false) %>
 
-<main id="lesli-application" class="standard-auth-view">
-    <section class="columns is-gapless">
-        <div class="column login-form">
-            <div class="hero is-fullheight">
-                <% if back_to_login %>
-                    <div class="hero-head pt-6 pl-6">
-                        <%= link_to new_user_session_path, :class => "has-text-primary" do %>
-                            <span class="icon-text">
-                                <span class="icon ri-lg">
-                                    <i class="ri-arrow-left-s-line"></i>
-                                </span>
-                                <span>Back to Login</span>
-                            </span>
-                        <% end %>
-                    </div>
+<main id="lesli-application" class="min-h-screen bg-slate-50 lg:grid lg:grid-cols-3">
+    <section class="flex min-h-screen flex-col bg-white">
+        <% if back_to_login %>
+            <div class="px-6 pt-6 sm:px-10 sm:pt-8">
+                <%= link_to new_user_session_path,
+                    class: "inline-flex items-center gap-2 rounded-lg text-sm font-medium text-sky-700 transition hover:text-sky-900 focus:outline-none focus:ring-2 focus:ring-sky-500/30 focus:ring-offset-4" do %>
+                    <svg class="h-5 w-5" viewBox="0 0 20 20" fill="none" aria-hidden="true">
+                        <path d="m12.5 15-5-5 5-5" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/>
+                    </svg>
+                    <span><%= I18n.t("actions.back_to_login", default: "Back to login") %></span>
                 <% end %>
-                <div class="hero-body is-flex-direction-column is-justify-content-center">
-
-                    <%# Logo container %>
-                    <div class="logo has-text-centered mb-6">
-                        <%= image_tag(
-                           "lesli_assets/brand/app-auth.svg",
-                            :class => "#{lesli_instance_code}-logo mb-2",
-                            :alt => "Main logo") 
-                        %>
-                        <h1 class="is-title is-size-3 has-text-primary">
-                            <%#= I18n.t("core.users/sessions.view_text_welcome") %>
-                            <%= title %>
-                        </h1>
-                    </div>
+            </div>
+        <% end %>
 
-                    <%= yield %>
+        <div class="flex flex-1 items-center justify-center px-6 py-10 sm:px-10 lg:px-16">
+            <div class="w-full max-w-md">
+                <div class="mb-8 text-center">
+                    <%= image_tag(
+                        "lesli_assets/brand/app-auth.svg",
+                        class: "#{lesli_instance_code}-logo mx-auto mb-6 h-auto max-h-20 w-auto max-w-[220px]",
+                        alt: I18n.t("lesli_shield.authentication.logo_alt", default: "Application logo")
+                    ) %>
 
+                    <% if title.present? %>
+                        <h1 class="text-3xl font-semibold tracking-tight text-slate-900"><%= title %></h1>
+                    <% end %>
                 </div>
-                <%# footer %>
-                <%#= render partial: "devise/shared/footer" %>
+
+                <%= yield %>
             </div>
         </div>
-        <div class="column background is-hidden-touch"></div>
     </section>
+
+    <aside class="lesli-auth-visual relative hidden min-h-screen overflow-hidden lg:col-span-2 lg:block" aria-hidden="true">
+        <div class="absolute inset-0 bg-gradient-to-t from-slate-950/70 via-slate-900/10 to-transparent"></div>
+        <div class="absolute inset-x-0 bottom-0 p-12 text-white">
+            <p class="max-w-lg text-3xl font-semibold leading-tight">
+                <%= I18n.t("lesli_shield.authentication.tagline", default: "A better way to manage your work.") %>
+            </p>
+        </div>
+    </aside>
 </main>

data/app/views/devise/shared/_demo.html.erb

@@ -1,6 +1,10 @@
 
-<fieldset class="shield-form-demo mb-4 px-4 pb-2">
-    <legend>demo account</legend>
-    <p><small><b>Username: </b><%= Lesli.config.company[:email] %></small></label>
-    <p><small><b>Password: </b><%= Lesli.config.security[:password] %></small></p>
+<fieldset class="mb-8 rounded-xl border border-sky-200 bg-sky-50 px-4 pb-4 text-sm text-sky-950">
+    <legend class="px-2 font-semibold text-sky-800">Demo account</legend>
+    <dl class="mt-1 grid grid-cols-[auto_1fr] gap-x-3 gap-y-1">
+        <dt class="font-medium">Username:</dt>
+        <dd class="break-all"><%= Lesli.config.company[:email] %></dd>
+        <dt class="font-medium">Password:</dt>
+        <dd><%= Lesli.config.security[:password] %></dd>
+    </dl>
 </fieldset>

data/config/locales/translations.en.yml

@@ -3,3 +3,17 @@
   lesli_shield:
     devise/sessions:
       message_not_valid_credentials: Not valid credentials
+      view_title: Welcome to Lesli
+      button_log_in: Log in
+      view_still_not_registered: Still not registered?
+      button_create_account: Create account
+    devise/registrations:
+      view_title: Create an account to discover Lesli
+      view_password_requirements: 'Password needs to contain:'
+      view_password_requirements_uppercase: 'Minimum one uppercase letter '
+      button_create_account: Create account
+      view_already_have_an_account: Already have an account?
+      button_login: Log in
+    dashboards:
+      view_password_requirements_symbol: One symbol
+      view_password_requirements_number: One number

data/config/locales/translations.es.yml

@@ -3,3 +3,17 @@
   lesli_shield:
     devise/sessions:
       message_not_valid_credentials: Credenciales no validas
+      view_title: ":lesli_shield.devise/sessions.view_title:"
+      button_log_in: Iniciar sesión
+      view_still_not_registered: "¿Aún no tienes cuenta?"
+      button_create_account: Crear cuenta
+    devise/registrations:
+      view_title: Crea una cuenta y descubre Lesli
+      view_password_requirements: 'La contraseña debe incluir:'
+      view_password_requirements_uppercase: Una letra mayuscula
+      button_create_account: Crear cuenta
+      view_already_have_an_account: "¿Ya tienes cuenta?"
+      button_login: Iniciar sesión
+    dashboards:
+      view_password_requirements_symbol: Un caracter especial
+      view_password_requirements_number: Un número

data/lib/lesli_shield/version.rb

@@ -1,4 +1,4 @@
 module LesliShield
-  VERSION = "1.1.3"
-  BUILD = "1777771350"
+  VERSION = "1.1.5"
+  BUILD = "1789353654"
 end