From b07560ae2037903f3ec62deeb0768efb8d03c822 Mon Sep 17 00:00:00 2001 From: Martin Ro Date: Fri, 3 Jun 2022 12:51:35 +0800 Subject: [PATCH] wip --- dist/css/filament-charcounted-field.css | 2 +- dist/css/filament-charcounted-field.css.map | 2 +- dist/mix-manifest.json | 2 +- package-lock.json | 3 +- .../views/components/text-input.blade.php | 171 ++++-------------- resources/views/components/textarea.blade.php | 18 +- resources/views/components/wrapper.blade.php | 2 +- tailwind.config.js | 5 + 8 files changed, 58 insertions(+), 147 deletions(-) diff --git a/dist/css/filament-charcounted-field.css b/dist/css/filament-charcounted-field.css index d39b3ac..60aa6b2 100644 --- a/dist/css/filament-charcounted-field.css +++ b/dist/css/filament-charcounted-field.css @@ -1,3 +1,3 @@ -/*! tailwindcss v3.0.23 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;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;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,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{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--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;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.top-0\.5{top:.125rem}.right-0\.5{right:.125rem}.top-0{top:0}.right-0{right:0}.block{display:block}.flex{display:flex}.w-full{width:100%}.flex-1{flex:1 1 0%}.items-center{align-items:center}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.whitespace-nowrap{white-space:nowrap}.rounded-lg{border-radius:.5rem}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.bg-white\/50{background-color:hsla(0,0%,100%,.5)}.px-1{padding-left:.25rem;padding-right:.25rem}.text-xs{font-size:.75rem;line-height:1rem}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity))}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-75{transition-duration:75ms}.focus\:ring-1: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(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 #0000)}.focus\:ring-inset:focus{--tw-ring-inset:inset}.disabled\:opacity-70:disabled{opacity:.7}[dir=rtl] .rtl\:space-x-reverse>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}@media (prefers-color-scheme:dark){.dark\:border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}.dark\:bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.dark\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}} +/*! tailwindcss v3.0.23 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;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;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,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{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--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;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.top-0\.5{top:.125rem}.right-0\.5{right:.125rem}.top-0{top:0}.right-0{right:0}.block{display:block}.flex{display:flex}.h-5{height:1.25rem}.w-5{width:1.25rem}.w-full{width:100%}.flex-1{flex:1 1 0%}.items-center{align-items:center}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.whitespace-nowrap{white-space:nowrap}.rounded-lg{border-radius:.5rem}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.bg-white\/50{background-color:hsla(0,0%,100%,.5)}.px-1{padding-left:.25rem;padding-right:.25rem}.text-xs{font-size:.75rem;line-height:1rem}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-75{transition-duration:75ms}.focus\:ring-1: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(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 #0000)}.focus\:ring-inset:focus{--tw-ring-inset:inset}.disabled\:opacity-70:disabled{opacity:.7}[dir=rtl] .rtl\:space-x-reverse>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}@media (prefers-color-scheme:dark){.dark\:border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}.dark\:bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.dark\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}} /*# sourceMappingURL=filament-charcounted-field.css.map*/ \ No newline at end of file diff --git a/dist/css/filament-charcounted-field.css.map b/dist/css/filament-charcounted-field.css.map index a30b3dc..b9cd8b0 100644 --- a/dist/css/filament-charcounted-field.css.map +++ b/dist/css/filament-charcounted-field.css.map @@ -1 +1 @@ -{"version":3,"file":"css/filament-charcounted-field.css","mappings":"AAAA,gEAAc,CAAd,iBCWE,sBAAwD,CAHxD,qBDRY,CAAd,eCgBE,eDhBY,CAAd,KC4BE,6BAA8B,CAG9B,gMAAsP,CAJtP,eAAgB,CAEhB,eAAgB,CAChB,aAAW,CAAX,UD9BY,CAAd,KCyCE,mBAAoB,CADpB,QDxCY,CAAd,GCqDE,oBAAqB,CADrB,aAAc,CADd,QDnDY,CAAd,oBC6DE,wCAAiC,CAAjC,gCD7DY,CAAd,kBC0EE,iBAAkB,CAClB,mBD3EY,CAAd,ECmFE,aAAc,CACd,uBDpFY,CAAd,SC6FE,kBD7FY,CAAd,kBCyGE,mGAAyI,CACzI,aD1GY,CAAd,MCkHE,aDlHY,CAAd,QC2HE,aAAc,CACd,aAAc,CACd,iBAAkB,CAClB,uBD9HY,CAAd,ICkIE,aDlIY,CAAd,ICsIE,SDtIY,CAAd,MCkJE,wBAAyB,CADzB,oBAAqB,CADrB,aDhJY,CAAd,sCCmKE,aAAc,CAHd,mBAAoB,CACpB,cAAe,CACf,mBAAoB,CAEpB,QAAS,CACT,SDrKY,CAAd,cC8KE,mBD9KY,CAAd,gDC0LE,yBAA0B,CAC1B,4BAA6B,CAC7B,qBD5LY,CAAd,gBCoME,YDpMY,CAAd,iBC4ME,eD5MY,CAAd,SCoNE,uBDpNY,CAAd,wDC6NE,WD7NY,CAAd,cCsOE,4BAA6B,CAC7B,mBDvOY,CAAd,4BC+OE,uBD/OY,CAAd,6BCwPE,yBAA0B,CAC1B,YDzPY,CAAd,QCiQE,iBDjQY,CAAd,mDCqRE,QDrRY,CAAd,SCyRE,QDzRY,CAAd,gBC0RE,SD1RY,CAAd,WCoSE,eAAgB,CAChB,QAAS,CACT,SDtSY,CAAd,SC8SE,eD9SY,CAAd,mDCyTE,aAAwC,CADxC,SDxTY,CAAd,2DCyTE,aAAwC,CADxC,SDxTY,CAAd,yCCyTE,aAAwC,CADxC,SDxTY,CAAd,qBCkUE,cDlUY,CAAd,UCyUE,cDzUY,CAAd,+CC0VE,aAAc,CACd,qBD3VY,CAAd,UCqWE,WAAY,CADZ,cDpWY,CAAd,SC6WE,YD7WY,CEAd,06BFCmB,CAAnB,UEDA,iBFCmB,CAAnB,UEDA,iBFCmB,CAAnB,UEDA,WFCmB,CAAnB,YEDA,aFCmB,CAAnB,OEDA,KFCmB,CAAnB,SEDA,OFCmB,CAAnB,OEDA,aFCmB,CAAnB,MEDA,YFCmB,CAAnB,QEDA,UFCmB,CAAnB,QEDA,WFCmB,CAAnB,cEDA,kBFCmB,CAAnB,yCEDA,mIFCmB,CAAnB,mBEDA,kBFCmB,CAAnB,YEDA,mBFCmB,CAAnB,iBEDA,4EFCmB,CAAnB,cEDA,mCFCmB,CAAnB,MEDA,wCFCmB,CAAnB,SEDA,iCFCmB,CAAnB,eEDA,iEFCmB,CAAnB,eEDA,iEFCmB,CAAnB,gBEDA,+DFCmB,CAAnB,WEDA,iMFCmB,CAAnB,YEDA,2jBFCmB,CAAnB,aEDA,wBFCmB,CADnB,qBEAA,6wB","sources":["webpack:///./resources/css/filament-charcounted-field.css","webpack:///./resources/css/%3Cinput%20css%203rgxbj%3E","webpack:///"],"sourcesContent":["@tailwind base;\n@tailwind utilities;\n","/*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n\n*,\n::before,\n::after {\n box-sizing: border-box; /* 1 */\n border-width: 0; /* 2 */\n border-style: solid; /* 2 */\n border-color: theme('borderColor.DEFAULT', currentColor); /* 2 */\n}\n\n::before,\n::after {\n --tw-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n*/\n\nhtml {\n line-height: 1.5; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n -moz-tab-size: 4; /* 3 */\n tab-size: 4; /* 3 */\n font-family: theme('fontFamily.sans', 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\"); /* 4 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n margin: 0; /* 1 */\n line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n height: 0; /* 1 */\n color: inherit; /* 2 */\n border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-size: inherit;\n font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n color: inherit;\n text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font family by default.\n2. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n font-family: theme('fontFamily.mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace); /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n text-indent: 0; /* 1 */\n border-color: inherit; /* 2 */\n border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: inherit; /* 1 */\n color: inherit; /* 1 */\n margin: 0; /* 2 */\n padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n -webkit-appearance: button; /* 1 */\n background-color: transparent; /* 2 */\n background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n display: list-item;\n}\n\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n margin: 0;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n}\n\nlegend {\n padding: 0;\n}\n\nol,\nul,\nmenu {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::placeholder,\ntextarea::placeholder {\n opacity: 1; /* 1 */\n color: theme('colors.gray.400', #9ca3af); /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n:disabled {\n cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n display: block; /* 1 */\n vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n max-width: 100%;\n height: auto;\n}\n\n/*\nEnsure the default browser behavior of the `hidden` attribute.\n*/\n\n[hidden] {\n display: none;\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"css/filament-charcounted-field.css","mappings":"AAAA,gEAAc,CAAd,iBCWE,sBAAwD,CAHxD,qBDRY,CAAd,eCgBE,eDhBY,CAAd,KC4BE,6BAA8B,CAG9B,gMAAsP,CAJtP,eAAgB,CAEhB,eAAgB,CAChB,aAAW,CAAX,UD9BY,CAAd,KCyCE,mBAAoB,CADpB,QDxCY,CAAd,GCqDE,oBAAqB,CADrB,aAAc,CADd,QDnDY,CAAd,oBC6DE,wCAAiC,CAAjC,gCD7DY,CAAd,kBC0EE,iBAAkB,CAClB,mBD3EY,CAAd,ECmFE,aAAc,CACd,uBDpFY,CAAd,SC6FE,kBD7FY,CAAd,kBCyGE,mGAAyI,CACzI,aD1GY,CAAd,MCkHE,aDlHY,CAAd,QC2HE,aAAc,CACd,aAAc,CACd,iBAAkB,CAClB,uBD9HY,CAAd,ICkIE,aDlIY,CAAd,ICsIE,SDtIY,CAAd,MCkJE,wBAAyB,CADzB,oBAAqB,CADrB,aDhJY,CAAd,sCCmKE,aAAc,CAHd,mBAAoB,CACpB,cAAe,CACf,mBAAoB,CAEpB,QAAS,CACT,SDrKY,CAAd,cC8KE,mBD9KY,CAAd,gDC0LE,yBAA0B,CAC1B,4BAA6B,CAC7B,qBD5LY,CAAd,gBCoME,YDpMY,CAAd,iBC4ME,eD5MY,CAAd,SCoNE,uBDpNY,CAAd,wDC6NE,WD7NY,CAAd,cCsOE,4BAA6B,CAC7B,mBDvOY,CAAd,4BC+OE,uBD/OY,CAAd,6BCwPE,yBAA0B,CAC1B,YDzPY,CAAd,QCiQE,iBDjQY,CAAd,mDCqRE,QDrRY,CAAd,SCyRE,QDzRY,CAAd,gBC0RE,SD1RY,CAAd,WCoSE,eAAgB,CAChB,QAAS,CACT,SDtSY,CAAd,SC8SE,eD9SY,CAAd,mDCyTE,aAAwC,CADxC,SDxTY,CAAd,2DCyTE,aAAwC,CADxC,SDxTY,CAAd,yCCyTE,aAAwC,CADxC,SDxTY,CAAd,qBCkUE,cDlUY,CAAd,UCyUE,cDzUY,CAAd,+CC0VE,aAAc,CACd,qBD3VY,CAAd,UCqWE,WAAY,CADZ,cDpWY,CAAd,SC6WE,YD7WY,CEAd,06BFCmB,CAAnB,UEDA,iBFCmB,CAAnB,UEDA,iBFCmB,CAAnB,UEDA,WFCmB,CAAnB,YEDA,aFCmB,CAAnB,OEDA,KFCmB,CAAnB,SEDA,OFCmB,CAAnB,OEDA,aFCmB,CAAnB,MEDA,YFCmB,CAAnB,KEDA,cFCmB,CAAnB,KEDA,aFCmB,CAAnB,QEDA,UFCmB,CAAnB,QEDA,WFCmB,CAAnB,cEDA,kBFCmB,CAAnB,yCEDA,iIFCmB,CAAnB,mBEDA,kBFCmB,CAAnB,YEDA,mBFCmB,CAAnB,iBEDA,4EFCmB,CAAnB,cEDA,mCFCmB,CAAnB,MEDA,wCFCmB,CAAnB,SEDA,iCFCmB,CAAnB,eEDA,iEFCmB,CAAnB,gBEDA,+DFCmB,CAAnB,eEDA,iEFCmB,CAAnB,WEDA,iMFCmB,CAAnB,YEDA,2jBFCmB,CAAnB,aEDA,wBFCmB,CADnB,qBEAA,6wB","sources":["webpack:///./resources/css/filament-charcounted-field.css","webpack:///./resources/css/%3Cinput%20css%20J04XKy%3E","webpack:///"],"sourcesContent":["@tailwind base;\n@tailwind utilities;\n","/*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n\n*,\n::before,\n::after {\n box-sizing: border-box; /* 1 */\n border-width: 0; /* 2 */\n border-style: solid; /* 2 */\n border-color: theme('borderColor.DEFAULT', currentColor); /* 2 */\n}\n\n::before,\n::after {\n --tw-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n*/\n\nhtml {\n line-height: 1.5; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n -moz-tab-size: 4; /* 3 */\n tab-size: 4; /* 3 */\n font-family: theme('fontFamily.sans', 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\"); /* 4 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n margin: 0; /* 1 */\n line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n height: 0; /* 1 */\n color: inherit; /* 2 */\n border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-size: inherit;\n font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n color: inherit;\n text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font family by default.\n2. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n font-family: theme('fontFamily.mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace); /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n text-indent: 0; /* 1 */\n border-color: inherit; /* 2 */\n border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: inherit; /* 1 */\n color: inherit; /* 1 */\n margin: 0; /* 2 */\n padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n -webkit-appearance: button; /* 1 */\n background-color: transparent; /* 2 */\n background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n display: list-item;\n}\n\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n margin: 0;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n}\n\nlegend {\n padding: 0;\n}\n\nol,\nul,\nmenu {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::placeholder,\ntextarea::placeholder {\n opacity: 1; /* 1 */\n color: theme('colors.gray.400', #9ca3af); /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n:disabled {\n cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n display: block; /* 1 */\n vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n max-width: 100%;\n height: auto;\n}\n\n/*\nEnsure the default browser behavior of the `hidden` attribute.\n*/\n\n[hidden] {\n display: none;\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/dist/mix-manifest.json b/dist/mix-manifest.json index f7d1640..2b0652f 100644 --- a/dist/mix-manifest.json +++ b/dist/mix-manifest.json @@ -1,4 +1,4 @@ { "/js/filament-charcounted-field.js": "/js/filament-charcounted-field.js?id=893274d9aaaa33e291460d2370bab410", - "/css/filament-charcounted-field.css": "/css/filament-charcounted-field.css?id=117a533ea92684d8ad453727f2132773" + "/css/filament-charcounted-field.css": "/css/filament-charcounted-field.css?id=6d983770e8eff4a7ef6da1f56d964593" } diff --git a/package-lock.json b/package-lock.json index f397ce4..df331df 100644 --- a/package-lock.json +++ b/package-lock.json @@ -5,8 +5,9 @@ "packages": { "": { "devDependencies": { + "autoprefixer": "^10.1.0", "laravel-mix": "^6.0.6", - "postcss": "^8.1.14", + "postcss": "^8.2.1", "tailwindcss": "^3.0.23" } }, diff --git a/resources/views/components/text-input.blade.php b/resources/views/components/text-input.blade.php index 4410027..7904db0 100644 --- a/resources/views/components/text-input.blade.php +++ b/resources/views/components/text-input.blade.php @@ -1,14 +1,14 @@ @php $datalistOptions = $getDatalistOptions(); - - $sideLabelClasses = [ + $affixLabelClasses = [ 'whitespace-nowrap group-focus-within:text-primary-500', 'text-gray-400' => ! $errors->has($getStatePath()), 'text-danger-400' => $errors->has($getStatePath()), ]; @endphp - -
merge($getExtraAttributes())->class(['flex items-center space-x-1 rtl:space-x-reverse group filament-forms-text-input-component']) }}> +
merge($getExtraAttributes())->class(['flex items-center space-x-2 rtl:space-x-reverse group filament-forms-text-input-component']) }}> + @if (($prefixAction = $getPrefixAction()) && (! $prefixAction->isHidden())) + {{ $prefixAction }} + @endif + + @if ($icon = $getPrefixIcon()) + + @endif + @if ($label = $getPrefixLabel()) - + {{ $label }} @endif - - +
class([ 'block w-full transition duration-75 rounded-lg shadow-sm focus:border-primary-600 focus:ring-1 focus:ring-inset focus:ring-primary-600 disabled:opacity-70', 'dark:bg-gray-700 dark:text-white' => config('forms.dark_mode'), @@ -64,13 +74,21 @@ 'border-danger-600 ring-danger-600' => $errors->has($getStatePath()), ]) }} /> +
- - @if ($label = $getPostfixLabel()) - + @if ($label = $getSuffixLabel()) + {{ $label }} @endif + + @if ($icon = $getSuffixIcon()) + + @endif + + @if (($suffixAction = $getSuffixAction()) && (! $suffixAction->isHidden())) + {{ $suffixAction }} + @endif
@if ($datalistOptions) @@ -80,121 +98,4 @@ @endforeach @endif - - - -{{--@php--}} -{{-- $datalistOptions = $getDatalistOptions();--}} - -{{-- $sideLabelClasses = [--}} -{{-- 'whitespace-nowrap group-focus-within:text-primary-500',--}} -{{-- 'text-gray-400' => ! $errors->has($getStatePath()),--}} -{{-- 'text-danger-400' => $errors->has($getStatePath()),--}} -{{-- ];--}} -{{--@endphp--}} - -{{----}} -{{--
merge($getExtraAttributes())->class(['flex items-center space-x-1 rtl:space-x-reverse group filament-forms-text-input-component']) }}>--}} -{{-- @if ($label = $getPrefixLabel())--}} -{{-- --}} -{{-- {{ $label }}--}} -{{-- --}} -{{-- @endif--}} - -{{--
--}} -{{-- ({$getJsonMaskConfiguration()})," : null }}--}} -{{-- state: $wire.{{ $applyStateBindingModifiers('entangle(\'' . $getStatePath() . '\')') }},--}} -{{-- })"--}} -{{-- type="text"--}} -{{-- wire:ignore--}} -{{-- {{ $getExtraAlpineAttributeBag() }}--}} -{{-- @endunless--}} -{{-- {!! ($autocapitalize = $getAutocapitalize()) ? "autocapitalize=\"{$autocapitalize}\"" : null !!}--}} -{{-- {!! ($autocomplete = $getAutocomplete()) ? "autocomplete=\"{$autocomplete}\"" : null !!}--}} -{{-- {!! $isAutofocused() ? 'autofocus' : null !!}--}} -{{-- {!! $isDisabled() ? 'disabled' : null !!}--}} -{{-- id="{{ $getId() }}"--}} -{{-- {!! ($inputMode = $getInputMode()) ? "inputmode=\"{$inputMode}\"" : null !!}--}} -{{-- {!! $datalistOptions ? "list=\"{$getId()}-list\"" : null !!}--}} -{{-- {!! filled($length = $getMaxLength()) ? "maxlength=\"{$length}\"" : null !!}--}} -{{-- {!! filled($value = $getMaxValue()) ? "max=\"{$value}\"" : null !!}--}} -{{-- {!! filled($length = $getMinLength()) ? "minlength=\"{$length}\"" : null !!}--}} -{{-- {!! filled($value = $getMinValue()) ? "min=\"{$value}\"" : null !!}--}} -{{-- {!! ($placeholder = $getPlaceholder()) ? "placeholder=\"{$placeholder}\"" : null !!}--}} -{{-- {!! ($interval = $getStep()) ? "step=\"{$interval}\"" : null !!}--}} -{{-- {!! $isRequired() ? 'required' : null !!}--}} -{{-- {{ $getExtraInputAttributeBag()->class([--}} -{{-- 'block w-full transition duration-75 rounded-lg shadow-sm focus:border-primary-600 focus:ring-1 focus:ring-inset focus:ring-primary-600 disabled:opacity-70',--}} -{{-- 'dark:bg-gray-700 dark:text-white' => config('forms.dark_mode'),--}} -{{-- 'border-gray-300' => ! $errors->has($getStatePath()),--}} -{{-- 'dark:border-gray-600' => (! $errors->has($getStatePath())) && config('forms.dark_mode'),--}} -{{-- 'border-danger-600 ring-danger-600' => $errors->has($getStatePath()),--}} -{{-- ]) }}--}} -{{-- />--}} -{{--
--}} -{{--
--}} -{{-- {{ $getMaxCharactersValue() ? '/'.$getMaxCharactersValue() : null }}--}} -{{--
--}} -{{--
--}} -{{--
--}} - -{{-- @if ($label = $getPostfixLabel())--}} -{{-- --}} -{{-- {{ $label }}--}} -{{-- --}} -{{-- @endif--}} -{{--
--}} - -{{-- @if ($datalistOptions)--}} -{{-- --}} -{{-- @foreach ($datalistOptions as $option)--}} -{{-- --}} -{{-- @endif--}} -{{----}} + diff --git a/resources/views/components/textarea.blade.php b/resources/views/components/textarea.blade.php index f64ef5d..1e8a4d7 100644 --- a/resources/views/components/textarea.blade.php +++ b/resources/views/components/textarea.blade.php @@ -1,4 +1,5 @@ -merge($getExtraAttributes()) @@ -43,4 +47,4 @@ @endif > - + diff --git a/resources/views/components/wrapper.blade.php b/resources/views/components/wrapper.blade.php index 8860120..3d152b6 100644 --- a/resources/views/components/wrapper.blade.php +++ b/resources/views/components/wrapper.blade.php @@ -29,7 +29,7 @@ {!! $max ? "data-max=\"{$max}\"" : null !!} > {{ $slot }} -
+
{{ $max ? '/'.$max : null }}
diff --git a/tailwind.config.js b/tailwind.config.js index 2f63b20..f379225 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -2,4 +2,9 @@ module.exports = { content: [ './resources/views/**/*.blade.php', ], + safelist: [ + 'text-gray-500', + 'text-danger-500', + 'text-green-500', + ] };