diff --git a/src/ui/package-lock.json b/src/ui/package-lock.json index 8bee1f80f..d2c17dee7 100644 --- a/src/ui/package-lock.json +++ b/src/ui/package-lock.json @@ -12,9 +12,75 @@ "json-formatter-js": "^2.3.4" }, "devDependencies": { - "tailwindcss": "^3.1.8" + "tailwindcss": "^3.3.2" } }, + "node_modules/@alloc/quick-lru": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz", + "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==", + "dev": true, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/@jridgewell/gen-mapping": { + "version": "0.3.3", + "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz", + "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==", + "dev": true, + "dependencies": { + "@jridgewell/set-array": "^1.0.1", + "@jridgewell/sourcemap-codec": "^1.4.10", + "@jridgewell/trace-mapping": "^0.3.9" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@jridgewell/resolve-uri": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz", + "integrity": "sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==", + "dev": true, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@jridgewell/set-array": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz", + "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==", + "dev": true, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@jridgewell/sourcemap-codec": { + "version": "1.4.15", + "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz", + "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==", + "dev": true + }, + "node_modules/@jridgewell/trace-mapping": { + "version": "0.3.18", + "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.18.tgz", + "integrity": "sha512-w+niJYzMHdd7USdiH2U6869nqhD2nbfZXND5Yp93qIbEmnDNk7PD48o+YchRVpzMU7M6jVCbenTR7PA1FLQ9pA==", + "dev": true, + "dependencies": { + "@jridgewell/resolve-uri": "3.1.0", + "@jridgewell/sourcemap-codec": "1.4.14" + } + }, + "node_modules/@jridgewell/trace-mapping/node_modules/@jridgewell/sourcemap-codec": { + "version": "1.4.14", + "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz", + "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==", + "dev": true + }, "node_modules/@nodelib/fs.scandir": { "version": "2.1.5", "dev": true, @@ -57,40 +123,17 @@ "resolved": "https://registry.npmjs.org/ace-builds/-/ace-builds-1.12.5.tgz", "integrity": "sha512-2OTOZZdXVqWHfsV63n/bWLJ4uGnGNm9uwEQSECbEzMpKF2RKxD04lWu7s+eRBTZoEbqPXziyI1qamJH2OAwdwA==" }, - "node_modules/acorn": { - "version": "7.4.1", - "dev": true, - "license": "MIT", - "bin": { - "acorn": "bin/acorn" - }, - "engines": { - "node": ">=0.4.0" - } - }, - "node_modules/acorn-node": { - "version": "1.8.2", - "dev": true, - "license": "Apache-2.0", - "dependencies": { - "acorn": "^7.0.0", - "acorn-walk": "^7.0.0", - "xtend": "^4.0.2" - } - }, - "node_modules/acorn-walk": { - "version": "7.2.0", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=0.4.0" - } - }, "node_modules/air-datepicker": { "version": "3.3.1", "resolved": "https://registry.npmjs.org/air-datepicker/-/air-datepicker-3.3.1.tgz", "integrity": "sha512-h3m94w8sIcs6PTuIrWU8v7OYanAEcjIoG+IjdH6RWY6Ka2tHwLOxY/g7fx6JSWDG+Uag/NKdxIu0ApkrYFtwdg==" }, + "node_modules/any-promise": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz", + "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==", + "dev": true + }, "node_modules/anymatch": { "version": "3.1.2", "dev": true, @@ -108,6 +151,12 @@ "dev": true, "license": "MIT" }, + "node_modules/balanced-match": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz", + "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==", + "dev": true + }, "node_modules/binary-extensions": { "version": "2.2.0", "dev": true, @@ -116,6 +165,16 @@ "node": ">=8" } }, + "node_modules/brace-expansion": { + "version": "1.1.11", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", + "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", + "dev": true, + "dependencies": { + "balanced-match": "^1.0.0", + "concat-map": "0.0.1" + } + }, "node_modules/braces": { "version": "3.0.2", "dev": true, @@ -129,8 +188,9 @@ }, "node_modules/camelcase-css": { "version": "2.0.1", + "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz", + "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==", "dev": true, - "license": "MIT", "engines": { "node": ">= 6" } @@ -161,15 +221,26 @@ "fsevents": "~2.3.2" } }, - "node_modules/color-name": { - "version": "1.1.4", + "node_modules/commander": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz", + "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==", "dev": true, - "license": "MIT" + "engines": { + "node": ">= 6" + } + }, + "node_modules/concat-map": { + "version": "0.0.1", + "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", + "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==", + "dev": true }, "node_modules/cssesc": { "version": "3.0.0", + "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz", + "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==", "dev": true, - "license": "MIT", "bin": { "cssesc": "bin/cssesc" }, @@ -177,30 +248,6 @@ "node": ">=4" } }, - "node_modules/defined": { - "version": "1.0.1", - "dev": true, - "license": "MIT", - "funding": { - "url": "https://github.com/sponsors/ljharb" - } - }, - "node_modules/detective": { - "version": "5.2.1", - "dev": true, - "license": "MIT", - "dependencies": { - "acorn-node": "^1.8.2", - "defined": "^1.0.0", - "minimist": "^1.2.6" - }, - "bin": { - "detective": "bin/detective.js" - }, - "engines": { - "node": ">=0.8.0" - } - }, "node_modules/didyoumean": { "version": "1.2.2", "dev": true, @@ -259,6 +306,12 @@ "resolved": "https://registry.npmjs.org/flatpickr/-/flatpickr-4.6.13.tgz", "integrity": "sha512-97PMG/aywoYpB4IvbvUJi0RQi8vearvU0oov1WW3k0WZPBMrTQVqekSX5CjSG/M4Q3i6A/0FKXC7RyAoAUUSPw==" }, + "node_modules/fs.realpath": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", + "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==", + "dev": true + }, "node_modules/fsevents": { "version": "2.3.2", "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz", @@ -275,8 +328,29 @@ }, "node_modules/function-bind": { "version": "1.1.1", + "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz", + "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==", + "dev": true + }, + "node_modules/glob": { + "version": "7.1.6", + "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz", + "integrity": "sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==", "dev": true, - "license": "MIT" + "dependencies": { + "fs.realpath": "^1.0.0", + "inflight": "^1.0.4", + "inherits": "2", + "minimatch": "^3.0.4", + "once": "^1.3.0", + "path-is-absolute": "^1.0.0" + }, + "engines": { + "node": "*" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } }, "node_modules/glob-parent": { "version": "5.1.2", @@ -291,8 +365,9 @@ }, "node_modules/has": { "version": "1.0.3", + "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz", + "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==", "dev": true, - "license": "MIT", "dependencies": { "function-bind": "^1.1.1" }, @@ -300,6 +375,22 @@ "node": ">= 0.4.0" } }, + "node_modules/inflight": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz", + "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==", + "dev": true, + "dependencies": { + "once": "^1.3.0", + "wrappy": "1" + } + }, + "node_modules/inherits": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz", + "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==", + "dev": true + }, "node_modules/is-binary-path": { "version": "2.1.0", "dev": true, @@ -312,9 +403,10 @@ } }, "node_modules/is-core-module": { - "version": "2.10.0", + "version": "2.12.0", + "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.12.0.tgz", + "integrity": "sha512-RECHCBCd/viahWmwj6enj19sKbHfJrddi/6cBDsNTKbNq0f7VeaUkBo60BqzvPqo/W54ChS62Z5qyun7cfOMqQ==", "dev": true, - "license": "MIT", "dependencies": { "has": "^1.0.3" }, @@ -350,6 +442,15 @@ "node": ">=0.12.0" } }, + "node_modules/jiti": { + "version": "1.18.2", + "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.18.2.tgz", + "integrity": "sha512-QAdOptna2NYiSSpv0O/BwoHBSmz4YhpzJHyi+fnMRTXFjp7B8i/YG5Z8IfusxB1ufjcD2Sre1F3R+nX3fvy7gg==", + "dev": true, + "bin": { + "jiti": "bin/jiti.js" + } + }, "node_modules/json-formatter-js": { "version": "2.3.4", "resolved": "https://registry.npmjs.org/json-formatter-js/-/json-formatter-js-2.3.4.tgz", @@ -361,13 +462,20 @@ "integrity": "sha512-b+z6yF1d4EOyDgylzQo5IminlUmzSeqR1hs/bzjBNjuGras4FXq/6TrzjxfN0j+TmI0ltJzTNlqXUMCniciwKQ==" }, "node_modules/lilconfig": { - "version": "2.0.6", + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz", + "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==", "dev": true, - "license": "MIT", "engines": { "node": ">=10" } }, + "node_modules/lines-and-columns": { + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz", + "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==", + "dev": true + }, "node_modules/merge2": { "version": "1.4.1", "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz", @@ -390,20 +498,40 @@ "node": ">=8.6" } }, - "node_modules/minimist": { - "version": "1.2.7", - "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.7.tgz", - "integrity": "sha512-bzfL1YUZsP41gmu/qjrEk0Q6i2ix/cVeAhbCbqH9u3zYutS1cLg00qhrD0M2MVdCcx4Sc0UpP2eBWo9rotpq6g==", + "node_modules/minimatch": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", + "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", "dev": true, - "funding": { - "url": "https://github.com/sponsors/ljharb" + "dependencies": { + "brace-expansion": "^1.1.7" + }, + "engines": { + "node": "*" + } + }, + "node_modules/mz": { + "version": "2.7.0", + "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz", + "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==", + "dev": true, + "dependencies": { + "any-promise": "^1.0.0", + "object-assign": "^4.0.1", + "thenify-all": "^1.0.0" } }, "node_modules/nanoid": { - "version": "3.3.4", - "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz", - "integrity": "sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==", + "version": "3.3.6", + "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz", + "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==", "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], "bin": { "nanoid": "bin/nanoid.cjs" }, @@ -420,6 +548,15 @@ "node": ">=0.10.0" } }, + "node_modules/object-assign": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", + "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, "node_modules/object-hash": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz", @@ -429,6 +566,24 @@ "node": ">= 6" } }, + "node_modules/once": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz", + "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==", + "dev": true, + "dependencies": { + "wrappy": "1" + } + }, + "node_modules/path-is-absolute": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", + "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, "node_modules/path-parse": { "version": "1.0.7", "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz", @@ -462,10 +617,19 @@ "node": ">=0.10.0" } }, + "node_modules/pirates": { + "version": "4.0.5", + "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.5.tgz", + "integrity": "sha512-8V9+HQPupnaXMA23c5hvl69zXvTwTzyAYasnkb0Tts4XvO4CliqONMOnvlq26rkhLC3nWDFBJf73LU1e1VZLaQ==", + "dev": true, + "engines": { + "node": ">= 6" + } + }, "node_modules/postcss": { - "version": "8.4.18", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.18.tgz", - "integrity": "sha512-Wi8mWhncLJm11GATDaQKobXSNEYGUHeQLiQqDFG1qQ5UTDPTEvKw0Xt5NsTpktGTwLps3ByrWsBrG0rB8YQ9oA==", + "version": "8.4.23", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.23.tgz", + "integrity": "sha512-bQ3qMcpF6A/YjR55xtoTr0jGOlnPOKAIMdOWiv0EIT6HVPEaJiJB4NLljSbiHoC2RX7DN5Uvjtpbg1NPdwv1oA==", "dev": true, "funding": [ { @@ -475,10 +639,14 @@ { "type": "tidelift", "url": "https://tidelift.com/funding/github/npm/postcss" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" } ], "dependencies": { - "nanoid": "^3.3.4", + "nanoid": "^3.3.6", "picocolors": "^1.0.0", "source-map-js": "^1.0.2" }, @@ -487,9 +655,9 @@ } }, "node_modules/postcss-import": { - "version": "14.1.0", - "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-14.1.0.tgz", - "integrity": "sha512-flwI+Vgm4SElObFVPpTIT7SU7R3qk2L7PyduMcokiaVKuWv9d/U+Gm/QAd8NDLuykTWTkcrjOeD2Pp1rMeBTGw==", + "version": "15.1.0", + "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz", + "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==", "dev": true, "dependencies": { "postcss-value-parser": "^4.0.0", @@ -497,16 +665,16 @@ "resolve": "^1.1.7" }, "engines": { - "node": ">=10.0.0" + "node": ">=14.0.0" }, "peerDependencies": { "postcss": "^8.0.0" } }, "node_modules/postcss-js": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.0.tgz", - "integrity": "sha512-77QESFBwgX4irogGVPgQ5s07vLvFqWr228qZY+w6lW599cRlK/HmnlivnnVUxkjHnCu4J16PDMHcH+e+2HbvTQ==", + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz", + "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==", "dev": true, "dependencies": { "camelcase-css": "^2.0.1" @@ -519,45 +687,16 @@ "url": "https://opencollective.com/postcss/" }, "peerDependencies": { - "postcss": "^8.3.3" - } - }, - "node_modules/postcss-load-config": { - "version": "3.1.4", - "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-3.1.4.tgz", - "integrity": "sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==", - "dev": true, - "dependencies": { - "lilconfig": "^2.0.5", - "yaml": "^1.10.2" - }, - "engines": { - "node": ">= 10" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/postcss/" - }, - "peerDependencies": { - "postcss": ">=8.0.9", - "ts-node": ">=9.0.0" - }, - "peerDependenciesMeta": { - "postcss": { - "optional": true - }, - "ts-node": { - "optional": true - } + "postcss": "^8.4.21" } }, "node_modules/postcss-nested": { - "version": "5.0.6", - "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-5.0.6.tgz", - "integrity": "sha512-rKqm2Fk0KbA8Vt3AdGN0FB9OBOMDVajMG6ZCf/GoHgdxUJ4sBFp0A/uMIRm+MJUdo33YXEtjqIz8u7DAp8B7DA==", + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.1.tgz", + "integrity": "sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==", "dev": true, "dependencies": { - "postcss-selector-parser": "^6.0.6" + "postcss-selector-parser": "^6.0.11" }, "engines": { "node": ">=12.0" @@ -571,9 +710,9 @@ } }, "node_modules/postcss-selector-parser": { - "version": "6.0.10", - "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz", - "integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==", + "version": "6.0.11", + "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.11.tgz", + "integrity": "sha512-zbARubNdogI9j7WY4nQJBiNqQf3sLS3wCP4WfOidu+p28LofJqDH1tcXypGrcmMHhDk2t9wGhCsYe/+szLTy1g==", "dev": true, "dependencies": { "cssesc": "^3.0.0", @@ -609,18 +748,6 @@ } ] }, - "node_modules/quick-lru": { - "version": "5.1.1", - "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-5.1.1.tgz", - "integrity": "sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==", - "dev": true, - "engines": { - "node": ">=10" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, "node_modules/read-cache": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz", @@ -643,12 +770,12 @@ } }, "node_modules/resolve": { - "version": "1.22.1", - "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.1.tgz", - "integrity": "sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==", + "version": "1.22.2", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.2.tgz", + "integrity": "sha512-Sb+mjNHOULsBv818T40qSPeRiuWLyaGMa5ewydRLFimneixmVy2zdivRl+AF6jaYPC8ERxGDmFSiqui6SfPd+g==", "dev": true, "dependencies": { - "is-core-module": "^2.9.0", + "is-core-module": "^2.11.0", "path-parse": "^1.0.7", "supports-preserve-symlinks-flag": "^1.0.0" }, @@ -701,6 +828,28 @@ "node": ">=0.10.0" } }, + "node_modules/sucrase": { + "version": "3.32.0", + "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.32.0.tgz", + "integrity": "sha512-ydQOU34rpSyj2TGyz4D2p8rbktIOZ8QY9s+DGLvFU1i5pWJE8vkpruCjGCMHsdXwnD7JDcS+noSwM/a7zyNFDQ==", + "dev": true, + "dependencies": { + "@jridgewell/gen-mapping": "^0.3.2", + "commander": "^4.0.0", + "glob": "7.1.6", + "lines-and-columns": "^1.1.6", + "mz": "^2.7.0", + "pirates": "^4.0.1", + "ts-interface-checker": "^0.1.9" + }, + "bin": { + "sucrase": "bin/sucrase", + "sucrase-node": "bin/sucrase-node" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/supports-preserve-symlinks-flag": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz", @@ -714,43 +863,41 @@ } }, "node_modules/tailwindcss": { - "version": "3.1.8", - "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.1.8.tgz", - "integrity": "sha512-YSneUCZSFDYMwk+TGq8qYFdCA3yfBRdBlS7txSq0LUmzyeqRe3a8fBQzbz9M3WS/iFT4BNf/nmw9mEzrnSaC0g==", + "version": "3.3.2", + "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.3.2.tgz", + "integrity": "sha512-9jPkMiIBXvPc2KywkraqsUfbfj+dHDb+JPWtSJa9MLFdrPyazI7q6WX2sUrm7R9eVR7qqv3Pas7EvQFzxKnI6w==", "dev": true, "dependencies": { + "@alloc/quick-lru": "^5.2.0", "arg": "^5.0.2", "chokidar": "^3.5.3", - "color-name": "^1.1.4", - "detective": "^5.2.1", "didyoumean": "^1.2.2", "dlv": "^1.1.3", - "fast-glob": "^3.2.11", + "fast-glob": "^3.2.12", "glob-parent": "^6.0.2", "is-glob": "^4.0.3", - "lilconfig": "^2.0.6", + "jiti": "^1.18.2", + "lilconfig": "^2.1.0", + "micromatch": "^4.0.5", "normalize-path": "^3.0.0", "object-hash": "^3.0.0", "picocolors": "^1.0.0", - "postcss": "^8.4.14", - "postcss-import": "^14.1.0", - "postcss-js": "^4.0.0", - "postcss-load-config": "^3.1.4", - "postcss-nested": "5.0.6", - "postcss-selector-parser": "^6.0.10", + "postcss": "^8.4.23", + "postcss-import": "^15.1.0", + "postcss-js": "^4.0.1", + "postcss-load-config": "^4.0.1", + "postcss-nested": "^6.0.1", + "postcss-selector-parser": "^6.0.11", "postcss-value-parser": "^4.2.0", - "quick-lru": "^5.1.1", - "resolve": "^1.22.1" + "resolve": "^1.22.2", + "sucrase": "^3.32.0" }, "bin": { "tailwind": "lib/cli.js", "tailwindcss": "lib/cli.js" }, "engines": { - "node": ">=12.13.0" - }, - "peerDependencies": { - "postcss": "^8.0.9" + "node": ">=14.0.0" } }, "node_modules/tailwindcss/node_modules/glob-parent": { @@ -765,6 +912,56 @@ "node": ">=10.13.0" } }, + "node_modules/tailwindcss/node_modules/postcss-load-config": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.1.tgz", + "integrity": "sha512-vEJIc8RdiBRu3oRAI0ymerOn+7rPuMvRXslTvZUKZonDHFIczxztIyJ1urxM1x9JXEikvpWWTUUqal5j/8QgvA==", + "dev": true, + "dependencies": { + "lilconfig": "^2.0.5", + "yaml": "^2.1.1" + }, + "engines": { + "node": ">= 14" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + "peerDependencies": { + "postcss": ">=8.0.9", + "ts-node": ">=9.0.0" + }, + "peerDependenciesMeta": { + "postcss": { + "optional": true + }, + "ts-node": { + "optional": true + } + } + }, + "node_modules/thenify": { + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz", + "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==", + "dev": true, + "dependencies": { + "any-promise": "^1.0.0" + } + }, + "node_modules/thenify-all": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz", + "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==", + "dev": true, + "dependencies": { + "thenify": ">= 3.1.0 < 4" + }, + "engines": { + "node": ">=0.8" + } + }, "node_modules/to-regex-range": { "version": "5.0.1", "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", @@ -777,32 +974,88 @@ "node": ">=8.0" } }, + "node_modules/ts-interface-checker": { + "version": "0.1.13", + "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz", + "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==", + "dev": true + }, "node_modules/util-deprecate": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==", "dev": true }, - "node_modules/xtend": { - "version": "4.0.2", - "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz", - "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==", - "dev": true, - "engines": { - "node": ">=0.4" - } + "node_modules/wrappy": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", + "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==", + "dev": true }, "node_modules/yaml": { - "version": "1.10.2", - "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz", - "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==", + "version": "2.2.2", + "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.2.2.tgz", + "integrity": "sha512-CBKFWExMn46Foo4cldiChEzn7S7SRV+wqiluAb6xmueD/fGyRHIhX8m14vVGgeFWjN540nKCNVj6P21eQjgTuA==", "dev": true, "engines": { - "node": ">= 6" + "node": ">= 14" } } }, "dependencies": { + "@alloc/quick-lru": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz", + "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==", + "dev": true + }, + "@jridgewell/gen-mapping": { + "version": "0.3.3", + "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz", + "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==", + "dev": true, + "requires": { + "@jridgewell/set-array": "^1.0.1", + "@jridgewell/sourcemap-codec": "^1.4.10", + "@jridgewell/trace-mapping": "^0.3.9" + } + }, + "@jridgewell/resolve-uri": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz", + "integrity": "sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==", + "dev": true + }, + "@jridgewell/set-array": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz", + "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==", + "dev": true + }, + "@jridgewell/sourcemap-codec": { + "version": "1.4.15", + "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz", + "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==", + "dev": true + }, + "@jridgewell/trace-mapping": { + "version": "0.3.18", + "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.18.tgz", + "integrity": "sha512-w+niJYzMHdd7USdiH2U6869nqhD2nbfZXND5Yp93qIbEmnDNk7PD48o+YchRVpzMU7M6jVCbenTR7PA1FLQ9pA==", + "dev": true, + "requires": { + "@jridgewell/resolve-uri": "3.1.0", + "@jridgewell/sourcemap-codec": "1.4.14" + }, + "dependencies": { + "@jridgewell/sourcemap-codec": { + "version": "1.4.14", + "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz", + "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==", + "dev": true + } + } + }, "@nodelib/fs.scandir": { "version": "2.1.5", "dev": true, @@ -833,28 +1086,17 @@ "resolved": "https://registry.npmjs.org/ace-builds/-/ace-builds-1.12.5.tgz", "integrity": "sha512-2OTOZZdXVqWHfsV63n/bWLJ4uGnGNm9uwEQSECbEzMpKF2RKxD04lWu7s+eRBTZoEbqPXziyI1qamJH2OAwdwA==" }, - "acorn": { - "version": "7.4.1", - "dev": true - }, - "acorn-node": { - "version": "1.8.2", - "dev": true, - "requires": { - "acorn": "^7.0.0", - "acorn-walk": "^7.0.0", - "xtend": "^4.0.2" - } - }, - "acorn-walk": { - "version": "7.2.0", - "dev": true - }, "air-datepicker": { "version": "3.3.1", "resolved": "https://registry.npmjs.org/air-datepicker/-/air-datepicker-3.3.1.tgz", "integrity": "sha512-h3m94w8sIcs6PTuIrWU8v7OYanAEcjIoG+IjdH6RWY6Ka2tHwLOxY/g7fx6JSWDG+Uag/NKdxIu0ApkrYFtwdg==" }, + "any-promise": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz", + "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==", + "dev": true + }, "anymatch": { "version": "3.1.2", "dev": true, @@ -867,10 +1109,26 @@ "version": "5.0.2", "dev": true }, + "balanced-match": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz", + "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==", + "dev": true + }, "binary-extensions": { "version": "2.2.0", "dev": true }, + "brace-expansion": { + "version": "1.1.11", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", + "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", + "dev": true, + "requires": { + "balanced-match": "^1.0.0", + "concat-map": "0.0.1" + } + }, "braces": { "version": "3.0.2", "dev": true, @@ -880,6 +1138,8 @@ }, "camelcase-css": { "version": "2.0.1", + "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz", + "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==", "dev": true }, "chokidar": { @@ -896,27 +1156,24 @@ "readdirp": "~3.6.0" } }, - "color-name": { - "version": "1.1.4", + "commander": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz", + "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==", + "dev": true + }, + "concat-map": { + "version": "0.0.1", + "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", + "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==", "dev": true }, "cssesc": { "version": "3.0.0", + "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz", + "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==", "dev": true }, - "defined": { - "version": "1.0.1", - "dev": true - }, - "detective": { - "version": "5.2.1", - "dev": true, - "requires": { - "acorn-node": "^1.8.2", - "defined": "^1.0.0", - "minimist": "^1.2.6" - } - }, "didyoumean": { "version": "1.2.2", "dev": true @@ -964,6 +1221,12 @@ "resolved": "https://registry.npmjs.org/flatpickr/-/flatpickr-4.6.13.tgz", "integrity": "sha512-97PMG/aywoYpB4IvbvUJi0RQi8vearvU0oov1WW3k0WZPBMrTQVqekSX5CjSG/M4Q3i6A/0FKXC7RyAoAUUSPw==" }, + "fs.realpath": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", + "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==", + "dev": true + }, "fsevents": { "version": "2.3.2", "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz", @@ -973,8 +1236,24 @@ }, "function-bind": { "version": "1.1.1", + "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz", + "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==", "dev": true }, + "glob": { + "version": "7.1.6", + "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz", + "integrity": "sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==", + "dev": true, + "requires": { + "fs.realpath": "^1.0.0", + "inflight": "^1.0.4", + "inherits": "2", + "minimatch": "^3.0.4", + "once": "^1.3.0", + "path-is-absolute": "^1.0.0" + } + }, "glob-parent": { "version": "5.1.2", "dev": true, @@ -984,11 +1263,29 @@ }, "has": { "version": "1.0.3", + "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz", + "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==", "dev": true, "requires": { "function-bind": "^1.1.1" } }, + "inflight": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz", + "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==", + "dev": true, + "requires": { + "once": "^1.3.0", + "wrappy": "1" + } + }, + "inherits": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz", + "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==", + "dev": true + }, "is-binary-path": { "version": "2.1.0", "dev": true, @@ -997,7 +1294,9 @@ } }, "is-core-module": { - "version": "2.10.0", + "version": "2.12.0", + "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.12.0.tgz", + "integrity": "sha512-RECHCBCd/viahWmwj6enj19sKbHfJrddi/6cBDsNTKbNq0f7VeaUkBo60BqzvPqo/W54ChS62Z5qyun7cfOMqQ==", "dev": true, "requires": { "has": "^1.0.3" @@ -1020,6 +1319,12 @@ "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", "dev": true }, + "jiti": { + "version": "1.18.2", + "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.18.2.tgz", + "integrity": "sha512-QAdOptna2NYiSSpv0O/BwoHBSmz4YhpzJHyi+fnMRTXFjp7B8i/YG5Z8IfusxB1ufjcD2Sre1F3R+nX3fvy7gg==", + "dev": true + }, "json-formatter-js": { "version": "2.3.4", "resolved": "https://registry.npmjs.org/json-formatter-js/-/json-formatter-js-2.3.4.tgz", @@ -1031,7 +1336,15 @@ "integrity": "sha512-b+z6yF1d4EOyDgylzQo5IminlUmzSeqR1hs/bzjBNjuGras4FXq/6TrzjxfN0j+TmI0ltJzTNlqXUMCniciwKQ==" }, "lilconfig": { - "version": "2.0.6", + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz", + "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==", + "dev": true + }, + "lines-and-columns": { + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz", + "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==", "dev": true }, "merge2": { @@ -1050,16 +1363,30 @@ "picomatch": "^2.3.1" } }, - "minimist": { - "version": "1.2.7", - "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.7.tgz", - "integrity": "sha512-bzfL1YUZsP41gmu/qjrEk0Q6i2ix/cVeAhbCbqH9u3zYutS1cLg00qhrD0M2MVdCcx4Sc0UpP2eBWo9rotpq6g==", - "dev": true + "minimatch": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", + "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", + "dev": true, + "requires": { + "brace-expansion": "^1.1.7" + } + }, + "mz": { + "version": "2.7.0", + "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz", + "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==", + "dev": true, + "requires": { + "any-promise": "^1.0.0", + "object-assign": "^4.0.1", + "thenify-all": "^1.0.0" + } }, "nanoid": { - "version": "3.3.4", - "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz", - "integrity": "sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==", + "version": "3.3.6", + "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz", + "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==", "dev": true }, "normalize-path": { @@ -1068,12 +1395,33 @@ "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", "dev": true }, + "object-assign": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", + "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==", + "dev": true + }, "object-hash": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz", "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==", "dev": true }, + "once": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz", + "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==", + "dev": true, + "requires": { + "wrappy": "1" + } + }, + "path-is-absolute": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", + "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==", + "dev": true + }, "path-parse": { "version": "1.0.7", "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz", @@ -1098,21 +1446,27 @@ "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==", "dev": true }, + "pirates": { + "version": "4.0.5", + "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.5.tgz", + "integrity": "sha512-8V9+HQPupnaXMA23c5hvl69zXvTwTzyAYasnkb0Tts4XvO4CliqONMOnvlq26rkhLC3nWDFBJf73LU1e1VZLaQ==", + "dev": true + }, "postcss": { - "version": "8.4.18", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.18.tgz", - "integrity": "sha512-Wi8mWhncLJm11GATDaQKobXSNEYGUHeQLiQqDFG1qQ5UTDPTEvKw0Xt5NsTpktGTwLps3ByrWsBrG0rB8YQ9oA==", + "version": "8.4.23", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.23.tgz", + "integrity": "sha512-bQ3qMcpF6A/YjR55xtoTr0jGOlnPOKAIMdOWiv0EIT6HVPEaJiJB4NLljSbiHoC2RX7DN5Uvjtpbg1NPdwv1oA==", "dev": true, "requires": { - "nanoid": "^3.3.4", + "nanoid": "^3.3.6", "picocolors": "^1.0.0", "source-map-js": "^1.0.2" } }, "postcss-import": { - "version": "14.1.0", - "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-14.1.0.tgz", - "integrity": "sha512-flwI+Vgm4SElObFVPpTIT7SU7R3qk2L7PyduMcokiaVKuWv9d/U+Gm/QAd8NDLuykTWTkcrjOeD2Pp1rMeBTGw==", + "version": "15.1.0", + "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz", + "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==", "dev": true, "requires": { "postcss-value-parser": "^4.0.0", @@ -1121,37 +1475,27 @@ } }, "postcss-js": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.0.tgz", - "integrity": "sha512-77QESFBwgX4irogGVPgQ5s07vLvFqWr228qZY+w6lW599cRlK/HmnlivnnVUxkjHnCu4J16PDMHcH+e+2HbvTQ==", + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz", + "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==", "dev": true, "requires": { "camelcase-css": "^2.0.1" } }, - "postcss-load-config": { - "version": "3.1.4", - "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-3.1.4.tgz", - "integrity": "sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==", - "dev": true, - "requires": { - "lilconfig": "^2.0.5", - "yaml": "^1.10.2" - } - }, "postcss-nested": { - "version": "5.0.6", - "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-5.0.6.tgz", - "integrity": "sha512-rKqm2Fk0KbA8Vt3AdGN0FB9OBOMDVajMG6ZCf/GoHgdxUJ4sBFp0A/uMIRm+MJUdo33YXEtjqIz8u7DAp8B7DA==", + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.1.tgz", + "integrity": "sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==", "dev": true, "requires": { - "postcss-selector-parser": "^6.0.6" + "postcss-selector-parser": "^6.0.11" } }, "postcss-selector-parser": { - "version": "6.0.10", - "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz", - "integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==", + "version": "6.0.11", + "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.11.tgz", + "integrity": "sha512-zbARubNdogI9j7WY4nQJBiNqQf3sLS3wCP4WfOidu+p28LofJqDH1tcXypGrcmMHhDk2t9wGhCsYe/+szLTy1g==", "dev": true, "requires": { "cssesc": "^3.0.0", @@ -1170,12 +1514,6 @@ "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==", "dev": true }, - "quick-lru": { - "version": "5.1.1", - "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-5.1.1.tgz", - "integrity": "sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==", - "dev": true - }, "read-cache": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz", @@ -1195,12 +1533,12 @@ } }, "resolve": { - "version": "1.22.1", - "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.1.tgz", - "integrity": "sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==", + "version": "1.22.2", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.2.tgz", + "integrity": "sha512-Sb+mjNHOULsBv818T40qSPeRiuWLyaGMa5ewydRLFimneixmVy2zdivRl+AF6jaYPC8ERxGDmFSiqui6SfPd+g==", "dev": true, "requires": { - "is-core-module": "^2.9.0", + "is-core-module": "^2.11.0", "path-parse": "^1.0.7", "supports-preserve-symlinks-flag": "^1.0.0" } @@ -1226,6 +1564,21 @@ "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==", "dev": true }, + "sucrase": { + "version": "3.32.0", + "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.32.0.tgz", + "integrity": "sha512-ydQOU34rpSyj2TGyz4D2p8rbktIOZ8QY9s+DGLvFU1i5pWJE8vkpruCjGCMHsdXwnD7JDcS+noSwM/a7zyNFDQ==", + "dev": true, + "requires": { + "@jridgewell/gen-mapping": "^0.3.2", + "commander": "^4.0.0", + "glob": "7.1.6", + "lines-and-columns": "^1.1.6", + "mz": "^2.7.0", + "pirates": "^4.0.1", + "ts-interface-checker": "^0.1.9" + } + }, "supports-preserve-symlinks-flag": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz", @@ -1233,33 +1586,34 @@ "dev": true }, "tailwindcss": { - "version": "3.1.8", - "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.1.8.tgz", - "integrity": "sha512-YSneUCZSFDYMwk+TGq8qYFdCA3yfBRdBlS7txSq0LUmzyeqRe3a8fBQzbz9M3WS/iFT4BNf/nmw9mEzrnSaC0g==", + "version": "3.3.2", + "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.3.2.tgz", + "integrity": "sha512-9jPkMiIBXvPc2KywkraqsUfbfj+dHDb+JPWtSJa9MLFdrPyazI7q6WX2sUrm7R9eVR7qqv3Pas7EvQFzxKnI6w==", "dev": true, "requires": { + "@alloc/quick-lru": "^5.2.0", "arg": "^5.0.2", "chokidar": "^3.5.3", - "color-name": "^1.1.4", - "detective": "^5.2.1", "didyoumean": "^1.2.2", "dlv": "^1.1.3", - "fast-glob": "^3.2.11", + "fast-glob": "^3.2.12", "glob-parent": "^6.0.2", "is-glob": "^4.0.3", - "lilconfig": "^2.0.6", + "jiti": "^1.18.2", + "lilconfig": "^2.1.0", + "micromatch": "^4.0.5", "normalize-path": "^3.0.0", "object-hash": "^3.0.0", "picocolors": "^1.0.0", - "postcss": "^8.4.14", - "postcss-import": "^14.1.0", - "postcss-js": "^4.0.0", - "postcss-load-config": "^3.1.4", - "postcss-nested": "5.0.6", - "postcss-selector-parser": "^6.0.10", + "postcss": "^8.4.23", + "postcss-import": "^15.1.0", + "postcss-js": "^4.0.1", + "postcss-load-config": "^4.0.1", + "postcss-nested": "^6.0.1", + "postcss-selector-parser": "^6.0.11", "postcss-value-parser": "^4.2.0", - "quick-lru": "^5.1.1", - "resolve": "^1.22.1" + "resolve": "^1.22.2", + "sucrase": "^3.32.0" }, "dependencies": { "glob-parent": { @@ -1270,9 +1624,37 @@ "requires": { "is-glob": "^4.0.3" } + }, + "postcss-load-config": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.1.tgz", + "integrity": "sha512-vEJIc8RdiBRu3oRAI0ymerOn+7rPuMvRXslTvZUKZonDHFIczxztIyJ1urxM1x9JXEikvpWWTUUqal5j/8QgvA==", + "dev": true, + "requires": { + "lilconfig": "^2.0.5", + "yaml": "^2.1.1" + } } } }, + "thenify": { + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz", + "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==", + "dev": true, + "requires": { + "any-promise": "^1.0.0" + } + }, + "thenify-all": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz", + "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==", + "dev": true, + "requires": { + "thenify": ">= 3.1.0 < 4" + } + }, "to-regex-range": { "version": "5.0.1", "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", @@ -1282,22 +1664,28 @@ "is-number": "^7.0.0" } }, + "ts-interface-checker": { + "version": "0.1.13", + "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz", + "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==", + "dev": true + }, "util-deprecate": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==", "dev": true }, - "xtend": { - "version": "4.0.2", - "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz", - "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==", + "wrappy": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", + "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==", "dev": true }, "yaml": { - "version": "1.10.2", - "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz", - "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==", + "version": "2.2.2", + "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.2.2.tgz", + "integrity": "sha512-CBKFWExMn46Foo4cldiChEzn7S7SRV+wqiluAb6xmueD/fGyRHIhX8m14vVGgeFWjN540nKCNVj6P21eQjgTuA==", "dev": true } } diff --git a/src/ui/package.json b/src/ui/package.json index 986808587..b0dfde3f7 100644 --- a/src/ui/package.json +++ b/src/ui/package.json @@ -1,6 +1,6 @@ { "devDependencies": { - "tailwindcss": "^3.1.8" + "tailwindcss": "^3.3.2" }, "dependencies": { "ace-builds": "^1.12.5", diff --git a/src/ui/static/css/dashboard.css b/src/ui/static/css/dashboard.css index d86057a96..6087c9182 100644 --- a/src/ui/static/css/dashboard.css +++ b/src/ui/static/css/dashboard.css @@ -1,5 +1,5 @@ /* -! tailwindcss v3.1.8 | MIT License | https://tailwindcss.com +! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com */ /* @@ -30,6 +30,8 @@ 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. +5. Use the user's configured `sans` font-feature-settings by default. +6. Use the user's configured `sans` font-variation-settings by default. */ html { @@ -44,6 +46,10 @@ html { /* 3 */ font-family: Open Sans; /* 4 */ + font-feature-settings: normal; + /* 5 */ + font-variation-settings: normal; + /* 6 */ } /* @@ -410,6 +416,12 @@ video { height: auto; } +/* Make elements with the HTML hidden attribute stay hidden by default */ + +[hidden] { + display: none; +} + *, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; @@ -424,53 +436,9 @@ video { --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: rgb(94 114 228 / 0.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: ; -} - -::-webkit-backdrop { - --tw-border-spacing-x: 0; - --tw-border-spacing-y: 0; - --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-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; @@ -518,6 +486,9 @@ video { --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; + --tw-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; @@ -551,14 +522,6 @@ video { --tw-backdrop-sepia: ; } -.container { - width: 100%; - margin-right: auto; - margin-left: auto; - padding-right: 1.5rem; - padding-left: 1.5rem; -} - .\!container { width: 100% !important; margin-right: auto !important; @@ -567,64 +530,72 @@ video { padding-left: 1.5rem !important; } -@media (min-width: 576px) { - .container { - max-width: 576px; - } +.container { + width: 100%; + margin-right: auto; + margin-left: auto; + padding-right: 1.5rem; + padding-left: 1.5rem; +} +@media (min-width: 576px) { .\!container { max-width: 576px !important; } + + .container { + max-width: 576px; + } } @media (min-width: 768px) { - .container { - max-width: 768px; - } - .\!container { max-width: 768px !important; } + + .container { + max-width: 768px; + } } @media (min-width: 992px) { - .container { - max-width: 992px; - } - .\!container { max-width: 992px !important; } + + .container { + max-width: 992px; + } } @media (min-width: 1200px) { - .container { - max-width: 1200px; - } - .\!container { max-width: 1200px !important; } + + .container { + max-width: 1200px; + } } @media (min-width: 1320px) { - .container { - max-width: 1320px; - } - .\!container { max-width: 1320px !important; } + + .container { + max-width: 1320px; + } } @media (min-width: 1920px) { - .container { - max-width: 1920px; - } - .\!container { max-width: 1920px !important; } + + .container { + max-width: 1920px; + } } a { @@ -722,6 +693,10 @@ h6 { visibility: hidden; } +.collapse { + visibility: collapse; +} + .static { position: static; } @@ -743,142 +718,90 @@ h6 { bottom: 0px; } -.left-3 { - left: 0.75rem; -} - -.top-5 { - top: 1.25rem; -} - -.top-0 { - top: 0px; +.-right-0 { + right: -0px; } .-right-1 { right: -0.25rem; } -.right-0 { - right: 0px; +.bottom-0 { + bottom: 0px; } .left-0 { left: 0px; } -.top-2 { - top: 0.5rem; -} - -.right-19 { - right: 4.75rem; -} - -.bottom-0 { - bottom: 0px; -} - -.-right-0 { - right: -0px; +.left-3 { + left: 0.75rem; } .left-auto { left: auto; } -.top-4 { - top: 1rem; +.right-0 { + right: 0px; } -.right-4 { - right: 1rem; -} - -.right-8 { - right: 2rem; -} - -.right-7 { - right: 1.75rem; -} - -.top-1\.5 { - top: 0.375rem; -} - -.top-1 { - top: 0.25rem; -} - -.right-5 { - right: 1.25rem; -} - -.top-16 { - top: 4rem; +.right-19 { + right: 4.75rem; } .right-2 { right: 0.5rem; } +.right-4 { + right: 1rem; +} + +.right-5 { + right: 1.25rem; +} + +.right-7 { + right: 1.75rem; +} + +.right-8 { + right: 2rem; +} + +.top-0 { + top: 0px; +} + +.top-1 { + top: 0.25rem; +} + +.top-1\.5 { + top: 0.375rem; +} + +.top-16 { + top: 4rem; +} + +.top-2 { + top: 0.5rem; +} + +.top-4 { + top: 1rem; +} + +.top-5 { + top: 1.25rem; +} + .top-\[60px\] { top: 60px; } -.top-20 { - top: 5rem; -} - -.top-8 { - top: 2rem; -} - -.top-12 { - top: 3rem; -} - -.-top-4 { - top: -1rem; -} - -.-top-8 { - top: -2rem; -} - -.-top-10 { - top: -2.5rem; -} - -.z-100 { - z-index: 100; -} - -.z-\[10000\] { - z-index: 10000; -} - -.z-110 { - z-index: 110; -} - -.z-\[1001\] { - z-index: 1001; -} - -.z-990 { - z-index: 990; -} - -.z-sticky { - z-index: 1020; -} - -.z-20 { - z-index: 20; -} - .-z-10 { z-index: -10; } @@ -887,42 +810,70 @@ h6 { z-index: 10; } -.z-\[1000\] { - z-index: 1000; +.z-100 { + z-index: 100; +} + +.z-110 { + z-index: 110; +} + +.z-20 { + z-index: 20; } .z-50 { z-index: 50; } +.z-990 { + z-index: 990; +} + +.z-\[10000\] { + z-index: 10000; +} + +.z-\[1000\] { + z-index: 1000; +} + +.z-\[1001\] { + z-index: 1001; +} + .z-\[20\] { z-index: 20; } -.order-2 { - order: 2; +.z-sticky { + z-index: 1020; } .order-1 { order: 1; } -.col-span-12 { - grid-column: span 12 / span 12; +.order-2 { + order: 2; } .col-span-1 { grid-column: span 1 / span 1; } -.col-span-3 { - grid-column: span 3 / span 3; +.col-span-12 { + grid-column: span 12 / span 12; } .col-span-2 { grid-column: span 2 / span 2; } +.col-span-3 { + grid-column: span 3 / span 3; +} + .col-span-9 { grid-column: span 9 / span 9; } @@ -947,34 +898,9 @@ h6 { margin: 1rem; } -.my-2 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; -} - -.mx-2 { - margin-left: 0.5rem; - margin-right: 0.5rem; -} - -.my-0 { - margin-top: 0px; - margin-bottom: 0px; -} - -.mx-auto { - margin-left: auto; - margin-right: auto; -} - -.my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; -} - -.mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; +.mx-0 { + margin-left: 0px; + margin-right: 0px; } .mx-0\.5 { @@ -982,29 +908,14 @@ h6 { margin-right: 0.125rem; } -.mx-0 { - margin-left: 0px; - margin-right: 0px; -} - .mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; } -.my-4 { - margin-top: 1rem; - margin-bottom: 1rem; -} - -.my-1 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; -} - -.mx-4 { - margin-left: 1rem; - margin-right: 1rem; +.mx-2 { + margin-left: 0.5rem; + margin-right: 0.5rem; } .mx-2\.5 { @@ -1017,100 +928,136 @@ h6 { margin-right: 0.75rem; } -.mb-2 { +.mx-4 { + margin-left: 1rem; + margin-right: 1rem; +} + +.mx-6 { + margin-left: 1.5rem; + margin-right: 1.5rem; +} + +.mx-auto { + margin-left: auto; + margin-right: auto; +} + +.my-0 { + margin-top: 0px; + margin-bottom: 0px; +} + +.my-1 { + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} + +.my-2 { + margin-top: 0.5rem; margin-bottom: 0.5rem; } -.mr-2 { - margin-right: 0.5rem; +.my-3 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; } -.mb-3 { - margin-bottom: 0.75rem; +.my-4 { + margin-top: 1rem; + margin-bottom: 1rem; } .mb-0 { margin-bottom: 0px; } -.ml-12 { - margin-left: 3rem; -} - -.mr-7 { - margin-right: 1.75rem; -} - -.ml-4 { - margin-left: 1rem; -} - -.mt-4 { - margin-top: 1rem; -} - -.mr-3 { - margin-right: 0.75rem; -} - .mb-1 { margin-bottom: 0.25rem; } -.mt-6 { - margin-top: 1.5rem; +.mb-2 { + margin-bottom: 0.5rem; +} + +.mb-3 { + margin-bottom: 0.75rem; } .mb-4 { margin-bottom: 1rem; } -.mt-2 { - margin-top: 0.5rem; -} - -.mt-3 { - margin-top: 0.75rem; -} - -.ml-2 { - margin-left: 0.5rem; -} - -.mt-8 { - margin-top: 2rem; -} - -.mr-12 { - margin-right: 3rem; -} - -.ml-3 { - margin-left: 0.75rem; -} - .mb-6 { margin-bottom: 1.5rem; } -.ml-1 { - margin-left: 0.25rem; -} - -.ml-6 { - margin-left: 1.5rem; -} - -.mb-8 { - margin-bottom: 2rem; -} - .mb-7 { margin-bottom: 1.75rem; } -.mt-1 { - margin-top: 0.25rem; +.mb-8 { + margin-bottom: 2rem; +} + +.ml-0 { + margin-left: 0px; +} + +.ml-1 { + margin-left: 0.25rem; +} + +.ml-12 { + margin-left: 3rem; +} + +.ml-2 { + margin-left: 0.5rem; +} + +.ml-3 { + margin-left: 0.75rem; +} + +.ml-4 { + margin-left: 1rem; +} + +.ml-6 { + margin-left: 1.5rem; +} + +.ml-auto { + margin-left: auto; +} + +.mr-1 { + margin-right: 0.25rem; +} + +.mr-12 { + margin-right: 3rem; +} + +.mr-2 { + margin-right: 0.5rem; +} + +.mr-3 { + margin-right: 0.75rem; +} + +.mr-4 { + margin-right: 1rem; +} + +.mr-6 { + margin-right: 1.5rem; +} + +.mr-7 { + margin-right: 1.75rem; } .mt-0 { @@ -1121,28 +1068,32 @@ h6 { margin-top: 0.125rem; } -.ml-0 { - margin-left: 0px; -} - -.ml-auto { - margin-left: auto; -} - -.mr-6 { - margin-right: 1.5rem; +.mt-1 { + margin-top: 0.25rem; } .mt-10 { margin-top: 2.5rem; } -.mr-1 { - margin-right: 0.25rem; +.mt-2 { + margin-top: 0.5rem; } -.mr-4 { - margin-right: 1rem; +.mt-3 { + margin-top: 0.75rem; +} + +.mt-4 { + margin-top: 1rem; +} + +.mt-6 { + margin-top: 1.5rem; +} + +.mt-8 { + margin-top: 2rem; } .block { @@ -1169,28 +1120,32 @@ h6 { display: none; } -.h-full { - height: 100%; +.h-1\/3 { + height: 33.333333%; } -.h-screen { - height: 100vh; +.h-10 { + height: 2.5rem; } .h-12 { height: 3rem; } -.h-6 { - height: 1.5rem; +.h-19 { + height: 4.75rem; } -.h-8 { - height: 2rem; +.h-3 { + height: 0.75rem; } -.h-10 { - height: 2.5rem; +.h-4 { + height: 1rem; +} + +.h-40 { + height: 10rem; } .h-48 { @@ -1201,54 +1156,46 @@ h6 { height: 1.25rem; } -.h-4 { - height: 1rem; -} - -.h-3 { - height: 0.75rem; -} - -.h-19 { - height: 4.75rem; -} - -.h-px { - height: 1px; -} - -.h-sidenav { - height: calc(100vh - 360px); -} - .h-5\.5 { height: 1.375rem; } +.h-6 { + height: 1.5rem; +} + +.h-8 { + height: 2rem; +} + .h-\[90vh\] { height: 90vh; } -.h-40 { - height: 10rem; +.h-full { + height: 100%; } -.h-1\/3 { - height: 33.333333%; +.h-px { + height: 1px; } -.max-h-screen { - max-height: 100vh; +.h-screen { + height: 100vh; } -.max-h-135 { - max-height: 33.75rem; +.h-sidenav { + height: calc(100vh - 360px); } .max-h-100 { max-height: 25rem; } +.max-h-135 { + max-height: 33.75rem; +} + .max-h-30 { max-height: 7.5rem; } @@ -1261,8 +1208,12 @@ h6 { max-height: 22.5rem; } -.min-h-\[91vh\] { - min-height: 91vh; +.max-h-screen { + max-height: 100vh; +} + +.min-h-12 { + min-height: 3rem; } .min-h-20 { @@ -1273,24 +1224,16 @@ h6 { min-height: 50vh; } -.min-h-screen { - min-height: 100vh; +.min-h-52 { + min-height: 13rem; } .min-h-6 { min-height: 1.5rem; } -.min-h-52 { - min-height: 13rem; -} - -.min-h-\[55vh\] { - min-height: 55vh; -} - -.min-h-12 { - min-height: 3rem; +.min-h-\[130px\] { + min-height: 130px; } .min-h-\[38px\] { @@ -1301,28 +1244,60 @@ h6 { min-height: 400px; } -.min-h-\[130px\] { - min-height: 130px; +.min-h-\[55vh\] { + min-height: 55vh; } .min-h-\[75px\] { min-height: 75px; } -.w-full { - width: 100%; +.min-h-\[91vh\] { + min-height: 91vh; } -.w-screen { - width: 100vw; +.min-h-screen { + min-height: 100vh; +} + +.w-10 { + width: 2.5rem; +} + +.w-11\/12 { + width: 91.666667%; +} + +.w-12 { + width: 3rem; +} + +.w-28 { + width: 7rem; +} + +.w-3 { + width: 0.75rem; +} + +.w-4 { + width: 1rem; } .w-40 { width: 10rem; } -.w-4 { - width: 1rem; +.w-48 { + width: 12rem; +} + +.w-5 { + width: 1.25rem; +} + +.w-5\.5 { + width: 1.375rem; } .w-6 { @@ -1333,64 +1308,40 @@ h6 { width: 2rem; } -.w-10 { - width: 2.5rem; -} - -.w-48 { - width: 12rem; +.w-80 { + width: 20rem; } .w-90 { width: 22.5rem; } -.w-11\/12 { - width: 91.666667%; -} - -.w-5 { - width: 1.25rem; -} - -.w-12 { - width: 3rem; -} - -.w-3 { - width: 0.75rem; -} - -.w-28 { - width: 7rem; -} - .w-auto { width: auto; } -.w-5\.5 { - width: 1.375rem; +.w-full { + width: 100%; } -.w-80 { - width: 20rem; +.w-screen { + width: 100vw; } .min-w-0 { min-width: 0px; } -.min-w-\[900px\] { - min-width: 900px; +.min-w-\[150px\] { + min-width: 150px; } .min-w-\[500px\] { min-width: 500px; } -.min-w-\[150px\] { - min-width: 150px; +.min-w-\[900px\] { + min-width: 900px; } .max-w-180 { @@ -1401,8 +1352,12 @@ h6 { max-width: 10rem; } -.max-w-full { - max-width: 100%; +.max-w-60 { + max-width: 15rem; +} + +.max-w-64 { + max-width: 16rem; } .max-w-\[300px\] { @@ -1413,20 +1368,8 @@ h6 { max-width: 400px; } -.max-w-60 { - max-width: 15rem; -} - -.max-w-64 { - max-width: 16rem; -} - -.max-w-\[100px\] { - max-width: 100px; -} - -.max-w-\[150px\] { - max-width: 150px; +.max-w-full { + max-width: 100%; } .flex-auto { @@ -1446,8 +1389,13 @@ h6 { transform: translate(var(--tw-translate-x), 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-y-16 { - --tw-translate-y: 4rem; +.-translate-x-full { + --tw-translate-x: -100%; + transform: translate(var(--tw-translate-x), 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-y-0 { + --tw-translate-y: -0px; transform: translate(var(--tw-translate-x), 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)); } @@ -1456,8 +1404,38 @@ h6 { transform: translate(var(--tw-translate-x), 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-y-0 { - --tw-translate-y: -0px; +.-translate-y-0\.5 { + --tw-translate-y: -0.125rem; + transform: translate(var(--tw-translate-x), 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-y-1 { + --tw-translate-y: -0.25rem; + transform: translate(var(--tw-translate-x), 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-y-1\.5 { + --tw-translate-y: -0.375rem; + transform: translate(var(--tw-translate-x), 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-y-7 { + --tw-translate-y: -1.75rem; + transform: translate(var(--tw-translate-x), 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; + transform: translate(var(--tw-translate-x), 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\.5 { + --tw-translate-x: 0.125rem; + transform: translate(var(--tw-translate-x), 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-1 { + --tw-translate-x: 0.25rem; transform: translate(var(--tw-translate-x), 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)); } @@ -1471,28 +1449,8 @@ h6 { transform: translate(var(--tw-translate-x), 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\.5 { - --tw-translate-x: 0.125rem; - transform: translate(var(--tw-translate-x), 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-y-0\.5 { - --tw-translate-y: -0.125rem; - transform: translate(var(--tw-translate-x), 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; - transform: translate(var(--tw-translate-x), 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-y-1\.5 { - --tw-translate-y: -0.375rem; - transform: translate(var(--tw-translate-x), 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-y-1 { - --tw-translate-y: -0.25rem; +.translate-y-0 { + --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), 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)); } @@ -1501,13 +1459,13 @@ h6 { transform: translate(var(--tw-translate-x), 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-y-0 { - --tw-translate-y: 0px; +.translate-y-1 { + --tw-translate-y: 0.25rem; transform: translate(var(--tw-translate-x), 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-1 { - --tw-translate-x: 0.25rem; +.translate-y-16 { + --tw-translate-y: 4rem; transform: translate(var(--tw-translate-x), 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)); } @@ -1516,23 +1474,8 @@ h6 { transform: translate(var(--tw-translate-x), 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-full { - --tw-translate-x: -100%; - transform: translate(var(--tw-translate-x), 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-y-1 { - --tw-translate-y: 0.25rem; - transform: translate(var(--tw-translate-x), 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-y-7 { - --tw-translate-y: -1.75rem; - transform: translate(var(--tw-translate-x), 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-y-3 { - --tw-translate-y: 0.75rem; +.-rotate-12 { + --tw-rotate: -12deg; transform: translate(var(--tw-translate-x), 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)); } @@ -1541,28 +1484,11 @@ h6 { transform: translate(var(--tw-translate-x), 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)); } -.-rotate-12 { - --tw-rotate: -12deg; - transform: translate(var(--tw-translate-x), 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)); -} - .rotate-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), 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)); } -.scale-90 { - --tw-scale-x: .9; - --tw-scale-y: .9; - transform: translate(var(--tw-translate-x), 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)); -} - -.scale-50 { - --tw-scale-x: .5; - --tw-scale-y: .5; - transform: translate(var(--tw-translate-x), 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)); -} - .scale-105 { --tw-scale-x: 1.05; --tw-scale-y: 1.05; @@ -1575,6 +1501,18 @@ h6 { transform: translate(var(--tw-translate-x), 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)); } +.scale-50 { + --tw-scale-x: .5; + --tw-scale-y: .5; + transform: translate(var(--tw-translate-x), 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)); +} + +.scale-90 { + --tw-scale-x: .9; + --tw-scale-y: .9; + transform: translate(var(--tw-translate-x), 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)); +} + .transform { transform: translate(var(--tw-translate-x), 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)); } @@ -1603,14 +1541,14 @@ h6 { appearance: none; } -.grid-cols-12 { - grid-template-columns: repeat(12, minmax(0, 1fr)); -} - .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } +.grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); +} + .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } @@ -1655,20 +1593,16 @@ h6 { justify-items: center; } -.gap-3 { - gap: 0.75rem; -} - .gap-2 { gap: 0.5rem; } -.gap-8 { - gap: 2rem; +.gap-3 { + gap: 0.75rem; } -.gap-y-4 { - row-gap: 1rem; +.gap-8 { + gap: 2rem; } .gap-x-4 { @@ -1680,6 +1614,10 @@ h6 { row-gap: 0.5rem; } +.gap-y-4 { + row-gap: 1rem; +} + .overflow-auto { overflow: auto; } @@ -1708,24 +1646,24 @@ h6 { overflow-wrap: break-word; } -.rounded-lg { - border-radius: 0.5rem; -} - -.rounded-xl { - border-radius: 0.75rem; -} - -.rounded-2xl { - border-radius: 1rem; -} - .rounded { border-radius: 0.25rem; } -.rounded-none { - border-radius: 0px; +.rounded-1 { + border-radius: 0.25rem; +} + +.rounded-1\.4 { + border-radius: 0.35rem; +} + +.rounded-10 { + border-radius: 2.5rem; +} + +.rounded-2xl { + border-radius: 1rem; } .rounded-circle { @@ -1736,22 +1674,32 @@ h6 { border-radius: 9999px; } -.rounded-1\.4 { - border-radius: 0.35rem; -} - -.rounded-1 { - border-radius: 0.25rem; -} - -.rounded-10 { - border-radius: 2.5rem; +.rounded-lg { + border-radius: 0.5rem; } .rounded-md { border-radius: 0.375rem; } +.rounded-none { + border-radius: 0px; +} + +.rounded-xl { + border-radius: 0.75rem; +} + +.rounded-b { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.rounded-b-lg { + border-bottom-right-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; +} + .rounded-r-lg { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; @@ -1767,16 +1715,6 @@ h6 { border-top-right-radius: 1rem; } -.rounded-b { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; -} - -.rounded-b-lg { - border-bottom-right-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; -} - .rounded-t-lg { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; @@ -1794,14 +1732,14 @@ h6 { border-width: 2px; } -.border-t { - border-top-width: 1px; -} - .border-b { border-bottom-width: 1px; } +.border-b-0 { + border-bottom-width: 0px; +} + .border-l { border-left-width: 1px; } @@ -1810,8 +1748,8 @@ h6 { border-right-width: 1px; } -.border-b-0 { - border-bottom-width: 0px; +.border-t { + border-top-width: 1px; } .border-solid { @@ -1822,6 +1760,11 @@ h6 { border-style: dashed; } +.border-gray-200 { + --tw-border-opacity: 1; + border-color: rgb(233 236 239 / var(--tw-border-opacity)); +} + .border-gray-300 { --tw-border-opacity: 1; border-color: rgb(210 214 218 / var(--tw-border-opacity)); @@ -1832,112 +1775,107 @@ h6 { border-color: rgb(206 212 218 / var(--tw-border-opacity)); } -.border-gray-200 { - --tw-border-opacity: 1; - border-color: rgb(233 236 239 / var(--tw-border-opacity)); -} - .border-primary { --tw-border-opacity: 1; border-color: rgb(8 85 119 / var(--tw-border-opacity)); } -.bg-primary { - --tw-bg-opacity: 1; - background-color: rgb(8 85 119 / var(--tw-bg-opacity)); -} - -.bg-yellow-500 { - --tw-bg-opacity: 1; - background-color: rgb(251 177 64 / var(--tw-bg-opacity)); -} - -.bg-white { - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); -} - -.bg-transparent { - background-color: transparent; -} - -.bg-gray-100 { - --tw-bg-opacity: 1; - background-color: rgb(235 239 244 / var(--tw-bg-opacity)); -} - -.bg-gray-600\/50 { - background-color: rgb(108 117 125 / 0.5); -} - -.bg-red-500 { - --tw-bg-opacity: 1; - background-color: rgb(245 57 57 / var(--tw-bg-opacity)); -} - -.bg-sky-500 { - --tw-bg-opacity: 1; - background-color: rgb(14 165 233 / var(--tw-bg-opacity)); -} - -.bg-green-500 { - --tw-bg-opacity: 1; - background-color: rgb(34 197 94 / var(--tw-bg-opacity)); -} - -.bg-secondary { - --tw-bg-opacity: 1; - background-color: rgb(64 187 107 / var(--tw-bg-opacity)); -} - -.bg-orange-500 { - --tw-bg-opacity: 1; - background-color: rgb(251 99 64 / var(--tw-bg-opacity)); -} - .bg-blue-500 { --tw-bg-opacity: 1; background-color: rgb(94 114 228 / var(--tw-bg-opacity)); } +.bg-gray-100 { + --tw-bg-opacity: 1; + background-color: rgb(235 239 244 / var(--tw-bg-opacity)); +} + .bg-gray-50 { --tw-bg-opacity: 1; background-color: rgb(248 249 250 / var(--tw-bg-opacity)); } +.bg-gray-600\/50 { + background-color: rgb(108 117 125 / 0.5); +} + +.bg-green-500 { + --tw-bg-opacity: 1; + background-color: rgb(34 197 94 / var(--tw-bg-opacity)); +} + +.bg-orange-500 { + --tw-bg-opacity: 1; + background-color: rgb(251 99 64 / var(--tw-bg-opacity)); +} + +.bg-primary { + --tw-bg-opacity: 1; + background-color: rgb(8 85 119 / var(--tw-bg-opacity)); +} + .bg-primary\/20 { background-color: rgb(8 85 119 / 0.2); } +.bg-red-500 { + --tw-bg-opacity: 1; + background-color: rgb(245 57 57 / var(--tw-bg-opacity)); +} + +.bg-secondary { + --tw-bg-opacity: 1; + background-color: rgb(64 187 107 / var(--tw-bg-opacity)); +} + +.bg-sky-500 { + --tw-bg-opacity: 1; + background-color: rgb(14 165 233 / var(--tw-bg-opacity)); +} + .bg-slate-800\/10 { background-color: rgb(58 65 111 / 0.1); } -.bg-none { - background-image: none; +.bg-transparent { + background-color: transparent; } -.bg-gradient-to-tl { - background-image: linear-gradient(to top left, var(--tw-gradient-stops)); +.bg-white { + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity)); +} + +.bg-yellow-500 { + --tw-bg-opacity: 1; + background-color: rgb(251 177 64 / var(--tw-bg-opacity)); } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)); } +.bg-gradient-to-tl { + background-image: linear-gradient(to top left, var(--tw-gradient-stops)); +} + +.bg-none { + background-image: none; +} + .from-transparent { - --tw-gradient-from: transparent; - --tw-gradient-to: rgb(0 0 0 / 0); + --tw-gradient-from: transparent var(--tw-gradient-from-position); + --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .via-black\/40 { - --tw-gradient-to: rgb(0 0 0 / 0); - --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.4), var(--tw-gradient-to); + --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to); } .to-transparent { - --tw-gradient-to: transparent; + --tw-gradient-to: transparent var(--tw-gradient-to-position); } .bg-150 { @@ -1956,10 +1894,6 @@ h6 { background-clip: padding-box; } -.bg-x-25 { - background-position: 25% 0; -} - .bg-center { background-position: center; } @@ -1968,34 +1902,38 @@ h6 { background-position: left; } +.bg-x-25 { + background-position: 25% 0; +} + .bg-no-repeat { background-repeat: no-repeat; } -.fill-primary { - fill: #085577; +.fill-amber-500 { + fill: #f59e0b; } -.fill-white { - fill: #fff; -} - -.fill-yellow-500 { - fill: #fbb140; -} - -.fill-gray-600 { - fill: #6c757d; +.fill-blue-500 { + fill: #5e72e4; } .fill-gray-500 { fill: #adb5bd; } +.fill-gray-600 { + fill: #6c757d; +} + .fill-green-500 { fill: #22c55e; } +.fill-primary { + fill: #085577; +} + .fill-red-500 { fill: #f53939; } @@ -2004,36 +1942,16 @@ h6 { fill: #0ea5e9; } -.fill-amber-500 { - fill: #f59e0b; -} - .fill-slate-800 { fill: #3a416f; } -.fill-blue-500 { - fill: #5e72e4; +.fill-white { + fill: #fff; } -.stroke-gray-100 { - stroke: #ebeff4; -} - -.stroke-green-700 { - stroke: #15803d; -} - -.stroke-orange-500 { - stroke: #fb6340; -} - -.stroke-sky-500 { - stroke: #0ea5e9; -} - -.stroke-red-500 { - stroke: #f53939; +.fill-yellow-500 { + fill: #fbb140; } .stroke-blue-400 { @@ -2044,20 +1962,40 @@ h6 { stroke: #5e72e4; } -.stroke-yellow-500 { - stroke: #fbb140; +.stroke-emerald-600 { + stroke: #059669; } -.stroke-pink-600 { - stroke: #db2777; +.stroke-gray-100 { + stroke: #ebeff4; } .stroke-gray-600 { stroke: #6c757d; } -.stroke-emerald-600 { - stroke: #059669; +.stroke-green-700 { + stroke: #15803d; +} + +.stroke-orange-500 { + stroke: #fb6340; +} + +.stroke-pink-600 { + stroke: #db2777; +} + +.stroke-red-500 { + stroke: #f53939; +} + +.stroke-sky-500 { + stroke: #0ea5e9; +} + +.stroke-yellow-500 { + stroke: #fbb140; } .stroke-0 { @@ -2069,8 +2007,12 @@ h6 { object-fit: cover; } -.p-4 { - padding: 1rem; +.p-0 { + padding: 0px; +} + +.p-1 { + padding: 0.25rem; } .p-2 { @@ -2081,57 +2023,8 @@ h6 { padding: 0.75rem; } -.p-0 { - padding: 0px; -} - -.p-1 { - padding: 0.25rem; -} - -.px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; -} - -.px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; -} - -.py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; -} - -.px-4 { - padding-left: 1rem; - padding-right: 1rem; -} - -.py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; -} - -.px-1\.5 { - padding-left: 0.375rem; - padding-right: 0.375rem; -} - -.py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; -} - -.px-1 { - padding-left: 0.25rem; - padding-right: 0.25rem; -} - -.px-0\.5 { - padding-left: 0.125rem; - padding-right: 0.125rem; +.p-4 { + padding: 1rem; } .px-0 { @@ -2139,19 +2032,19 @@ h6 { padding-right: 0px; } -.py-4 { - padding-top: 1rem; - padding-bottom: 1rem; +.px-0\.5 { + padding-left: 0.125rem; + padding-right: 0.125rem; } -.px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; +.px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem; } -.py-2\.5 { - padding-top: 0.625rem; - padding-bottom: 0.625rem; +.px-1\.5 { + padding-left: 0.375rem; + padding-right: 0.375rem; } .px-12 { @@ -2159,9 +2052,24 @@ h6 { padding-right: 3rem; } -.py-16 { - padding-top: 4rem; - padding-bottom: 4rem; +.px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; +} + +.px-4 { + padding-left: 1rem; + padding-right: 1rem; +} + +.px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; } .px-8 { @@ -2169,9 +2077,9 @@ h6 { padding-right: 2rem; } -.py-6 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; +.py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; } .py-1\.5 { @@ -2179,44 +2087,54 @@ h6 { padding-bottom: 0.375rem; } +.py-16 { + padding-top: 4rem; + padding-bottom: 4rem; +} + +.py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.py-2\.5 { + padding-top: 0.625rem; + padding-bottom: 0.625rem; +} + +.py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; +} + +.py-4 { + padding-top: 1rem; + padding-bottom: 1rem; +} + +.py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; +} + .pb-0 { padding-bottom: 0px; } -.pt-20 { - padding-top: 5rem; -} - -.pt-1 { - padding-top: 0.25rem; -} - -.pt-4 { - padding-top: 1rem; -} - -.pl-0 { - padding-left: 0px; -} - -.pr-0 { - padding-right: 0px; -} - -.pl-2 { - padding-left: 0.5rem; -} - .pb-2 { padding-bottom: 0.5rem; } -.pl-6 { - padding-left: 1.5rem; +.pb-8 { + padding-bottom: 2rem; } -.pr-8 { - padding-right: 2rem; +.pl-0 { + padding-left: 0px; +} + +.pl-2 { + padding-left: 0.5rem; } .pl-3 { @@ -2227,18 +2145,38 @@ h6 { padding-left: 1rem; } -.pb-8 { - padding-bottom: 2rem; +.pl-6 { + padding-left: 1.5rem; +} + +.pr-0 { + padding-right: 0px; } .pr-2 { padding-right: 0.5rem; } +.pr-8 { + padding-right: 2rem; +} + +.pt-1 { + padding-top: 0.25rem; +} + +.pt-20 { + padding-top: 5rem; +} + .pt-3 { padding-top: 0.75rem; } +.pt-4 { + padding-top: 1rem; +} + .text-left { text-align: left; } @@ -2263,44 +2201,44 @@ h6 { font-family: Open Sans; } +.text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; +} + .text-base { font-size: 1rem; line-height: 1.5rem; } -.text-sm { - font-size: 0.875rem; - line-height: 1.5rem; -} - -.text-xs { - font-size: 0.75rem; - line-height: 1rem; -} - -.text-xl { - font-size: 1.25rem; - line-height: 1.75rem; -} - .text-lg { font-size: 1.125rem; line-height: 1.75rem; } -.text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; +.text-sm { + font-size: 0.875rem; + line-height: 1.5rem; } -.font-normal { - font-weight: 400; +.text-xl { + font-size: 1.25rem; + line-height: 1.75rem; +} + +.text-xs { + font-size: 0.75rem; + line-height: 1rem; } .font-bold { font-weight: 700; } +.font-normal { + font-weight: 400; +} + .font-semibold { font-weight: 600; } @@ -2322,38 +2260,38 @@ h6 { font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } -.leading-default { - line-height: 1.6; -} - -.leading-normal { - line-height: 1.5; +.leading-5 { + line-height: 1.25rem; } .leading-5\.6 { line-height: 1.4rem; } -.leading-5 { - line-height: 1.25rem; +.leading-6 { + line-height: 1.5rem; +} + +.leading-8 { + line-height: 2rem; +} + +.leading-default { + line-height: 1.6; } .leading-none { line-height: 1; } -.leading-6 { - line-height: 1.5rem; +.leading-normal { + line-height: 1.5; } .leading-tight { line-height: 1.25; } -.leading-8 { - line-height: 2rem; -} - .tracking-tight-rem { letter-spacing: -0.025rem; } @@ -2362,39 +2300,9 @@ h6 { letter-spacing: 0.025em; } -.text-slate-500 { +.text-blue-500 { --tw-text-opacity: 1; - color: rgb(103 116 142 / var(--tw-text-opacity)); -} - -.text-white { - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} - -.text-gray-700 { - --tw-text-opacity: 1; - color: rgb(73 80 87 / var(--tw-text-opacity)); -} - -.text-slate-700 { - --tw-text-opacity: 1; - color: rgb(52 71 103 / var(--tw-text-opacity)); -} - -.text-red-500 { - --tw-text-opacity: 1; - color: rgb(245 57 57 / var(--tw-text-opacity)); -} - -.text-yellow-500 { - --tw-text-opacity: 1; - color: rgb(251 177 64 / var(--tw-text-opacity)); -} - -.text-green-500 { - --tw-text-opacity: 1; - color: rgb(34 197 94 / var(--tw-text-opacity)); + color: rgb(94 114 228 / var(--tw-text-opacity)); } .text-emerald-500 { @@ -2402,52 +2310,112 @@ h6 { color: rgb(45 206 137 / var(--tw-text-opacity)); } -.text-sky-600 { - --tw-text-opacity: 1; - color: rgb(62 161 236 / var(--tw-text-opacity)); -} - .text-gray-300 { --tw-text-opacity: 1; color: rgb(210 214 218 / var(--tw-text-opacity)); } -.text-blue-500 { - --tw-text-opacity: 1; - color: rgb(94 114 228 / var(--tw-text-opacity)); -} - .text-gray-600 { --tw-text-opacity: 1; color: rgb(108 117 125 / var(--tw-text-opacity)); } +.text-gray-700 { + --tw-text-opacity: 1; + color: rgb(73 80 87 / var(--tw-text-opacity)); +} + +.text-green-500 { + --tw-text-opacity: 1; + color: rgb(34 197 94 / var(--tw-text-opacity)); +} + .text-primary { --tw-text-opacity: 1; color: rgb(8 85 119 / var(--tw-text-opacity)); } +.text-red-500 { + --tw-text-opacity: 1; + color: rgb(245 57 57 / var(--tw-text-opacity)); +} + +.text-sky-600 { + --tw-text-opacity: 1; + color: rgb(62 161 236 / var(--tw-text-opacity)); +} + +.text-slate-500 { + --tw-text-opacity: 1; + color: rgb(103 116 142 / var(--tw-text-opacity)); +} + +.text-slate-700 { + --tw-text-opacity: 1; + color: rgb(52 71 103 / var(--tw-text-opacity)); +} + +.text-white { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} + +.text-yellow-500 { + --tw-text-opacity: 1; + color: rgb(251 177 64 / var(--tw-text-opacity)); +} + .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } -.opacity-50 { - opacity: 0.5; +.opacity-0 { + opacity: 0; } .opacity-100 { opacity: 1; } -.opacity-0 { - opacity: 0; +.opacity-50 { + opacity: 0.5; } .opacity-60 { opacity: 0.6; } +.shadow { + --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); + --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.shadow-3xl { + --tw-shadow: 0 8px 26px -4px hsla(0,0%,8%,.15),0 8px 9px -5px hsla(0,0%,8%,.06); + --tw-shadow-colored: 0 8px 26px -4px var(--tw-shadow-color), 0 8px 9px -5px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.shadow-md { + --tw-shadow: 0 4px 6px rgba(50,50,93,.1),0 1px 3px rgba(0,0,0,.08); + --tw-shadow-colored: 0 4px 6px var(--tw-shadow-color), 0 1px 3px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.shadow-none { + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.shadow-sm { + --tw-shadow: 0 .25rem .375rem -.0625rem hsla(0,0%,8%,.12),0 .125rem .25rem -.0625rem hsla(0,0%,8%,.07); + --tw-shadow-colored: 0 .25rem .375rem -.0625rem var(--tw-shadow-color), 0 .125rem .25rem -.0625rem var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + .shadow-xl { --tw-shadow: 0 0 2rem 0 rgba(136,152,170,.15); --tw-shadow-colored: 0 0 2rem 0 var(--tw-shadow-color); @@ -2460,36 +2428,6 @@ h6 { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } -.shadow-sm { - --tw-shadow: 0 .25rem .375rem -.0625rem hsla(0,0%,8%,.12),0 .125rem .25rem -.0625rem hsla(0,0%,8%,.07); - --tw-shadow-colored: 0 .25rem .375rem -.0625rem var(--tw-shadow-color), 0 .125rem .25rem -.0625rem var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.shadow-3xl { - --tw-shadow: 0 8px 26px -4px hsla(0,0%,8%,.15),0 8px 9px -5px hsla(0,0%,8%,.06); - --tw-shadow-colored: 0 8px 26px -4px var(--tw-shadow-color), 0 8px 9px -5px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.shadow-none { - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.shadow-md { - --tw-shadow: 0 4px 6px rgba(50,50,93,.1),0 1px 3px rgba(0,0,0,.08); - --tw-shadow-colored: 0 4px 6px var(--tw-shadow-color), 0 1px 3px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.shadow { - --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - .outline-none { outline: 2px solid transparent; outline-offset: 2px; @@ -2510,9 +2448,9 @@ h6 { } .transition { - 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, -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-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); transition-duration: 150ms; } @@ -2529,10 +2467,6 @@ h6 { transition-duration: 150ms; } -.duration-300 { - transition-duration: 300ms; -} - .duration-200 { transition-duration: 200ms; } @@ -2541,14 +2475,18 @@ h6 { transition-duration: 250ms; } -.ease-in-out { - transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1); +.duration-300 { + transition-duration: 300ms; } .ease-in { transition-timing-function: cubic-bezier(0.42, 0, 1, 1); } +.ease-in-out { + transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1); +} + .flex-wrap-inherit { flex-wrap: inherit; } @@ -2653,13 +2591,13 @@ h6 { transition-duration: 300ms; } -.after\:content-\[\'\/\'\]::after { - --tw-content: '/'; +.after\:content-\[\'\'\]::after { + --tw-content: ''; content: var(--tw-content); } -.after\:content-\[\'\'\]::after { - --tw-content: ''; +.after\:content-\[\'\/\'\]::after { + --tw-content: '/'; content: var(--tw-content); } @@ -2685,25 +2623,15 @@ h6 { background-position: right; } -.checked\:after\:translate-x-5\.3:checked::after { - content: var(--tw-content); - --tw-translate-x: 1.3rem; - transform: translate(var(--tw-translate-x), 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)); -} - .checked\:after\:translate-x-5:checked::after { content: var(--tw-content); --tw-translate-x: 1.25rem; transform: translate(var(--tw-translate-x), 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)); } -.hover\:-translate-y-px:hover { - --tw-translate-y: -1px; - transform: translate(var(--tw-translate-x), 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)); -} - -.hover\:-translate-y-0\.4:hover { - --tw-translate-y: -0.1rem; +.checked\:after\:translate-x-5\.3:checked::after { + content: var(--tw-content); + --tw-translate-x: 1.3rem; transform: translate(var(--tw-translate-x), 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)); } @@ -2712,11 +2640,21 @@ h6 { transform: translate(var(--tw-translate-x), 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)); } +.hover\:-translate-y-0\.4:hover { + --tw-translate-y: -0.1rem; + transform: translate(var(--tw-translate-x), 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)); +} + .hover\:-translate-y-2:hover { --tw-translate-y: -0.5rem; transform: translate(var(--tw-translate-x), 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)); } +.hover\:-translate-y-px:hover { + --tw-translate-y: -1px; + transform: translate(var(--tw-translate-x), 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)); +} + .hover\:scale-102:hover { --tw-scale-x: 1.02; --tw-scale-y: 1.02; @@ -2727,6 +2665,10 @@ h6 { border-radius: 0.5rem; } +.hover\:bg-blue-500\/80:hover { + background-color: rgb(94 114 228 / 0.8); +} + .hover\:bg-gray-100:hover { --tw-bg-opacity: 1; background-color: rgb(235 239 244 / var(--tw-bg-opacity)); @@ -2737,26 +2679,15 @@ h6 { background-color: rgb(210 214 218 / var(--tw-bg-opacity)); } -.hover\:bg-red-500\/80:hover { - background-color: rgb(245 57 57 / 0.8); -} - -.hover\:bg-sky-500\/80:hover { - background-color: rgb(14 165 233 / 0.8); +.hover\:bg-gray-50:hover { + --tw-bg-opacity: 1; + background-color: rgb(248 249 250 / var(--tw-bg-opacity)); } .hover\:bg-green-500\/80:hover { background-color: rgb(34 197 94 / 0.8); } -.hover\:bg-yellow-500\/80:hover { - background-color: rgb(251 177 64 / 0.8); -} - -.hover\:bg-primary\/80:hover { - background-color: rgb(8 85 119 / 0.8); -} - .hover\:bg-primary\/30:hover { background-color: rgb(8 85 119 / 0.3); } @@ -2765,13 +2696,20 @@ h6 { background-color: rgb(8 85 119 / 0.05); } -.hover\:bg-blue-500\/80:hover { - background-color: rgb(94 114 228 / 0.8); +.hover\:bg-primary\/80:hover { + background-color: rgb(8 85 119 / 0.8); } -.hover\:bg-gray-50:hover { - --tw-bg-opacity: 1; - background-color: rgb(248 249 250 / var(--tw-bg-opacity)); +.hover\:bg-red-500\/80:hover { + background-color: rgb(245 57 57 / 0.8); +} + +.hover\:bg-sky-500\/80:hover { + background-color: rgb(14 165 233 / 0.8); +} + +.hover\:bg-yellow-500\/80:hover { + background-color: rgb(251 177 64 / 0.8); } .hover\:opacity-80:hover { @@ -2784,13 +2722,13 @@ h6 { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } -.hover\:brightness-90:hover { - --tw-brightness: brightness(.9); +.hover\:brightness-75:hover { + --tw-brightness: brightness(.75); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } -.hover\:brightness-75:hover { - --tw-brightness: brightness(.75); +.hover\:brightness-90:hover { + --tw-brightness: brightness(.9); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } @@ -2799,9 +2737,8 @@ h6 { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } -.focus\:border-primary:focus { - --tw-border-opacity: 1; - border-color: rgb(8 85 119 / var(--tw-border-opacity)); +.focus\:border-gray-300\/0:focus { + border-color: rgb(210 214 218 / 0); } .focus\:border-green-500:focus { @@ -2809,8 +2746,17 @@ h6 { border-color: rgb(34 197 94 / var(--tw-border-opacity)); } -.focus\:border-gray-300\/0:focus { - border-color: rgb(210 214 218 / 0); +.focus\:border-primary:focus { + --tw-border-opacity: 1; + border-color: rgb(8 85 119 / var(--tw-border-opacity)); +} + +.focus\:bg-green-500\/80:focus { + background-color: rgb(34 197 94 / 0.8); +} + +.focus\:bg-primary\/80:focus { + background-color: rgb(8 85 119 / 0.8); } .focus\:bg-red-500\/80:focus { @@ -2821,18 +2767,10 @@ h6 { background-color: rgb(14 165 233 / 0.8); } -.focus\:bg-green-500\/80:focus { - background-color: rgb(34 197 94 / 0.8); -} - .focus\:bg-yellow-500\/80:focus { background-color: rgb(251 177 64 / 0.8); } -.focus\:bg-primary\/80:focus { - background-color: rgb(8 85 119 / 0.8); -} - .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); @@ -2859,11 +2797,6 @@ h6 { --tw-ring-color: rgb(245 57 57 / var(--tw-ring-opacity)); } -.focus\:file\:invalid\:border-red-500:invalid::-webkit-file-upload-button:focus { - --tw-border-opacity: 1; - border-color: rgb(245 57 57 / var(--tw-border-opacity)); -} - .focus\:file\:invalid\:border-red-500:invalid::file-selector-button:focus { --tw-border-opacity: 1; border-color: rgb(245 57 57 / var(--tw-border-opacity)); @@ -2909,301 +2842,340 @@ h6 { transform: translate(var(--tw-translate-x), 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)); } -.dark .dark\:inline { - display: inline; +.aria-checked\:z-0[aria-checked="true"] { + z-index: 0; } -.dark .dark\:hidden { - display: none; -} - -.dark .dark\:border-slate-600 { +.aria-checked\:border-primary[aria-checked="true"] { --tw-border-opacity: 1; - border-color: rgb(98 117 148 / var(--tw-border-opacity)); + border-color: rgb(8 85 119 / var(--tw-border-opacity)); } -.dark .dark\:border-slate-800 { - --tw-border-opacity: 1; - border-color: rgb(58 65 111 / var(--tw-border-opacity)); -} - -.dark .dark\:border-gray-700 { - --tw-border-opacity: 1; - border-color: rgb(73 80 87 / var(--tw-border-opacity)); -} - -.dark .dark\:bg-slate-900 { - --tw-bg-opacity: 1; - background-color: rgb(5 17 57 / var(--tw-bg-opacity)); -} - -.dark .dark\:bg-slate-850 { - --tw-bg-opacity: 1; - background-color: rgb(17 28 68 / var(--tw-bg-opacity)); -} - -.dark .dark\:bg-slate-700 { - --tw-bg-opacity: 1; - background-color: rgb(52 71 103 / var(--tw-bg-opacity)); -} - -.dark .dark\:bg-green-500\/90 { - background-color: rgb(34 197 94 / 0.9); -} - -.dark .dark\:bg-primary { +.aria-checked\:bg-primary[aria-checked="true"] { --tw-bg-opacity: 1; background-color: rgb(8 85 119 / var(--tw-bg-opacity)); } -.dark .dark\:bg-primary\/50 { - background-color: rgb(8 85 119 / 0.5); +.aria-checked\:disabled\:border-gray-400:disabled[aria-checked="true"] { + --tw-border-opacity: 1; + border-color: rgb(206 212 218 / var(--tw-border-opacity)); } -.dark .dark\:bg-slate-900\/30 { - background-color: rgb(5 17 57 / 0.3); +.aria-checked\:disabled\:bg-gray-400:disabled[aria-checked="true"] { + --tw-bg-opacity: 1; + background-color: rgb(206 212 218 / var(--tw-bg-opacity)); } -.dark .dark\:bg-slate-700\/50 { - background-color: rgb(52 71 103 / 0.5); +.aria-checked\:disabled\:text-gray-700:disabled[aria-checked="true"] { + --tw-text-opacity: 1; + color: rgb(73 80 87 / var(--tw-text-opacity)); } -.dark .dark\:bg-gray-800 { +:is(.dark .dark\:inline) { + display: inline; +} + +:is(.dark .dark\:hidden) { + display: none; +} + +:is(.dark .dark\:border-gray-700) { + --tw-border-opacity: 1; + border-color: rgb(73 80 87 / var(--tw-border-opacity)); +} + +:is(.dark .dark\:border-slate-600) { + --tw-border-opacity: 1; + border-color: rgb(98 117 148 / var(--tw-border-opacity)); +} + +:is(.dark .dark\:border-slate-800) { + --tw-border-opacity: 1; + border-color: rgb(58 65 111 / var(--tw-border-opacity)); +} + +:is(.dark .dark\:bg-gray-800) { --tw-bg-opacity: 1; background-color: rgb(37 47 64 / var(--tw-bg-opacity)); } -.dark .dark\:bg-gradient-to-r { +:is(.dark .dark\:bg-green-500\/90) { + background-color: rgb(34 197 94 / 0.9); +} + +:is(.dark .dark\:bg-primary) { + --tw-bg-opacity: 1; + background-color: rgb(8 85 119 / var(--tw-bg-opacity)); +} + +:is(.dark .dark\:bg-primary\/50) { + background-color: rgb(8 85 119 / 0.5); +} + +:is(.dark .dark\:bg-slate-700) { + --tw-bg-opacity: 1; + background-color: rgb(52 71 103 / var(--tw-bg-opacity)); +} + +:is(.dark .dark\:bg-slate-700\/50) { + background-color: rgb(52 71 103 / 0.5); +} + +:is(.dark .dark\:bg-slate-850) { + --tw-bg-opacity: 1; + background-color: rgb(17 28 68 / var(--tw-bg-opacity)); +} + +:is(.dark .dark\:bg-slate-900) { + --tw-bg-opacity: 1; + background-color: rgb(5 17 57 / var(--tw-bg-opacity)); +} + +:is(.dark .dark\:bg-slate-900\/30) { + background-color: rgb(5 17 57 / 0.3); +} + +:is(.dark .dark\:bg-gradient-to-r) { background-image: linear-gradient(to right, var(--tw-gradient-stops)); } -.dark .dark\:from-transparent { - --tw-gradient-from: transparent; - --tw-gradient-to: rgb(0 0 0 / 0); +:is(.dark .dark\:from-transparent) { + --tw-gradient-from: transparent var(--tw-gradient-from-position); + --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } -.dark .dark\:via-white { - --tw-gradient-to: rgb(255 255 255 / 0); - --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to); +:is(.dark .dark\:via-white) { + --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to); } -.dark .dark\:to-transparent { - --tw-gradient-to: transparent; +:is(.dark .dark\:to-transparent) { + --tw-gradient-to: transparent var(--tw-gradient-to-position); } -.dark .dark\:fill-gray-300 { +:is(.dark .dark\:fill-gray-300) { fill: #d2d6da; } -.dark .dark\:fill-gray-500 { +:is(.dark .dark\:fill-gray-500) { fill: #adb5bd; } -.dark .dark\:fill-gray-700 { +:is(.dark .dark\:fill-gray-700) { fill: #495057; } -.dark .dark\:stroke-gray-600 { +:is(.dark .dark\:stroke-gray-600) { stroke: #6c757d; } -.dark .dark\:text-white { - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} - -.dark .dark\:text-gray-500 { - --tw-text-opacity: 1; - color: rgb(173 181 189 / var(--tw-text-opacity)); -} - -.dark .dark\:text-gray-300 { - --tw-text-opacity: 1; - color: rgb(210 214 218 / var(--tw-text-opacity)); -} - -.dark .dark\:text-gray-400 { - --tw-text-opacity: 1; - color: rgb(206 212 218 / var(--tw-text-opacity)); -} - -.dark .dark\:text-gray-200 { - --tw-text-opacity: 1; - color: rgb(233 236 239 / var(--tw-text-opacity)); -} - -.dark .dark\:text-red-500 { - --tw-text-opacity: 1; - color: rgb(245 57 57 / var(--tw-text-opacity)); -} - -.dark .dark\:text-gray-50 { - --tw-text-opacity: 1; - color: rgb(248 249 250 / var(--tw-text-opacity)); -} - -.dark .dark\:text-gray-100 { +:is(.dark .dark\:text-gray-100) { --tw-text-opacity: 1; color: rgb(235 239 244 / var(--tw-text-opacity)); } -.dark .dark\:opacity-50 { +:is(.dark .dark\:text-gray-200) { + --tw-text-opacity: 1; + color: rgb(233 236 239 / var(--tw-text-opacity)); +} + +:is(.dark .dark\:text-gray-300) { + --tw-text-opacity: 1; + color: rgb(210 214 218 / var(--tw-text-opacity)); +} + +:is(.dark .dark\:text-gray-400) { + --tw-text-opacity: 1; + color: rgb(206 212 218 / var(--tw-text-opacity)); +} + +:is(.dark .dark\:text-gray-500) { + --tw-text-opacity: 1; + color: rgb(173 181 189 / var(--tw-text-opacity)); +} + +:is(.dark .dark\:text-red-500) { + --tw-text-opacity: 1; + color: rgb(245 57 57 / var(--tw-text-opacity)); +} + +:is(.dark .dark\:text-white) { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} + +:is(.dark .dark\:opacity-50) { opacity: 0.5; } -.dark .dark\:opacity-90 { - opacity: 0.9; -} - -.dark .dark\:opacity-80 { - opacity: 0.8; -} - -.dark .dark\:opacity-75 { - opacity: 0.75; -} - -.dark .dark\:opacity-60 { +:is(.dark .dark\:opacity-60) { opacity: 0.6; } -.dark .dark\:shadow-dark-xl { +:is(.dark .dark\:opacity-75) { + opacity: 0.75; +} + +:is(.dark .dark\:opacity-80) { + opacity: 0.8; +} + +:is(.dark .dark\:opacity-90) { + opacity: 0.9; +} + +:is(.dark .dark\:shadow-dark-xl) { --tw-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12); --tw-shadow-colored: 0 2px 2px 0 var(--tw-shadow-color), 0 3px 1px -2px var(--tw-shadow-color), 0 1px 5px 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); } -.dark .dark\:shadow-none { +:is(.dark .dark\:shadow-none) { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } -.dark .dark\:brightness-110 { +:is(.dark .dark\:brightness-110) { --tw-brightness: brightness(1.1); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } -.dark .dark\:brightness-125 { +:is(.dark .dark\:brightness-125) { --tw-brightness: brightness(1.25); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } -.dark .dark\:brightness-150 { +:is(.dark .dark\:brightness-150) { --tw-brightness: brightness(1.5); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } -.dark .dark\:brightness-90 { +:is(.dark .dark\:brightness-90) { --tw-brightness: brightness(.9); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } -.dark .dark\:brightness-95 { +:is(.dark .dark\:brightness-95) { --tw-brightness: brightness(.95); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } -.dark .dark\:brightness-75 { - --tw-brightness: brightness(.75); - filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); -} - -.dark .dark\:checked\:border-primary:checked { +:is(.dark .dark\:checked\:border-primary:checked) { --tw-border-opacity: 1; border-color: rgb(8 85 119 / var(--tw-border-opacity)); } -.dark .dark\:checked\:bg-primary:checked { +:is(.dark .dark\:checked\:bg-primary:checked) { --tw-bg-opacity: 1; background-color: rgb(8 85 119 / var(--tw-bg-opacity)); } -.dark .dark\:hover\:bg-slate-800:hover { +:is(.dark .dark\:hover\:bg-primary\/20:hover) { + background-color: rgb(8 85 119 / 0.2); +} + +:is(.dark .dark\:hover\:bg-primary\/60:hover) { + background-color: rgb(8 85 119 / 0.6); +} + +:is(.dark .dark\:hover\:bg-slate-700\/50:hover) { + background-color: rgb(52 71 103 / 0.5); +} + +:is(.dark .dark\:hover\:bg-slate-800:hover) { --tw-bg-opacity: 1; background-color: rgb(58 65 111 / var(--tw-bg-opacity)); } -.dark .dark\:hover\:bg-primary\/60:hover { - background-color: rgb(8 85 119 / 0.6); -} - -.dark .dark\:hover\:bg-primary\/20:hover { - background-color: rgb(8 85 119 / 0.2); -} - -.dark .dark\:hover\:bg-slate-700\/50:hover { - background-color: rgb(52 71 103 / 0.5); -} - -.dark .dark\:hover\:brightness-100:hover { +:is(.dark .dark\:hover\:brightness-100:hover) { --tw-brightness: brightness(1); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } -.dark .dark\:hover\:brightness-105:hover { +:is(.dark .dark\:hover\:brightness-105:hover) { --tw-brightness: brightness(1.05); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } -.dark .dark\:hover\:brightness-90:hover { +:is(.dark .dark\:hover\:brightness-90:hover) { --tw-brightness: brightness(.9); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } -.dark .dark\:hover\:brightness-95:hover { +:is(.dark .dark\:hover\:brightness-95:hover) { --tw-brightness: brightness(.95); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } -.dark .dark\:disabled\:border-gray-800:disabled { +:is(.dark .dark\:disabled\:border-gray-800:disabled) { --tw-border-opacity: 1; border-color: rgb(37 47 64 / var(--tw-border-opacity)); } -.dark .dark\:disabled\:bg-gray-800:disabled { +:is(.dark .dark\:disabled\:bg-gray-800:disabled) { --tw-bg-opacity: 1; background-color: rgb(37 47 64 / var(--tw-bg-opacity)); } -.dark .dark\:disabled\:text-gray-300:disabled { +:is(.dark .dark\:disabled\:text-gray-300:disabled) { + --tw-text-opacity: 1; + color: rgb(210 214 218 / var(--tw-text-opacity)); +} + +:is(.dark .dark\:aria-checked\:border-primary[aria-checked="true"]) { + --tw-border-opacity: 1; + border-color: rgb(8 85 119 / var(--tw-border-opacity)); +} + +:is(.dark .dark\:aria-checked\:bg-primary[aria-checked="true"]) { + --tw-bg-opacity: 1; + background-color: rgb(8 85 119 / var(--tw-bg-opacity)); +} + +:is(.dark .dark\:aria-checked\:disabled\:border-gray-800:disabled[aria-checked="true"]) { + --tw-border-opacity: 1; + border-color: rgb(37 47 64 / var(--tw-border-opacity)); +} + +:is(.dark .dark\:aria-checked\:disabled\:bg-gray-800:disabled[aria-checked="true"]) { + --tw-bg-opacity: 1; + background-color: rgb(37 47 64 / var(--tw-bg-opacity)); +} + +:is(.dark .dark\:aria-checked\:disabled\:text-gray-300:disabled[aria-checked="true"]) { --tw-text-opacity: 1; color: rgb(210 214 218 / var(--tw-text-opacity)); } @media (min-width: 576px) { - .sm\:top-3 { - top: 0.75rem; - } - .sm\:right-24 { right: 6rem; } - .sm\:right-6 { - right: 1.5rem; - } - .sm\:right-40 { right: 10rem; } - .sm\:col-span-6 { - grid-column: span 6 / span 6; + .sm\:right-6 { + right: 1.5rem; + } + + .sm\:top-3 { + top: 0.75rem; } .sm\:col-span-4 { grid-column: span 4 / span 4; } - .sm\:col-start-5 { - grid-column-start: 5; + .sm\:col-span-6 { + grid-column: span 6 / span 6; } - .sm\:mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; + .sm\:col-start-5 { + grid-column-start: 5; } .sm\:mx-4 { @@ -3211,6 +3183,11 @@ h6 { margin-right: 1rem; } + .sm\:mx-6 { + margin-left: 1.5rem; + margin-right: 1.5rem; + } + .sm\:ml-1 { margin-left: 0.25rem; } @@ -3223,34 +3200,34 @@ h6 { display: none; } - .sm\:h-14 { - height: 3.5rem; - } - .sm\:h-10 { height: 2.5rem; } + .sm\:h-14 { + height: 3.5rem; + } + .sm\:h-7 { height: 1.75rem; } - .sm\:max-h-28 { - max-height: 7rem; - } - .sm\:max-h-125 { max-height: 31.25rem; } - .sm\:w-50 { - width: 12.5rem; + .sm\:max-h-28 { + max-height: 7rem; } .sm\:w-36 { width: 9rem; } + .sm\:w-50 { + width: 12.5rem; + } + .sm\:w-7 { width: 1.75rem; } @@ -3281,16 +3258,16 @@ h6 { gap: 1rem; } - .sm\:px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; - } - .sm\:px-4 { padding-left: 1rem; padding-right: 1rem; } + .sm\:px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; + } + .sm\:pt-6 { padding-top: 1.5rem; } @@ -3301,29 +3278,24 @@ h6 { } @media (min-width: 768px) { - .md\:col-span-8 { - grid-column: span 8 / span 8; - } - .md\:col-span-4 { grid-column: span 4 / span 4; } - .md\:col-span-6 { - grid-column: span 6 / span 6; - } - .md\:col-span-5 { grid-column: span 5 / span 5; } + .md\:col-span-6 { + grid-column: span 6 / span 6; + } + .md\:col-span-7 { grid-column: span 7 / span 7; } - .md\:my-0 { - margin-top: 0px; - margin-bottom: 0px; + .md\:col-span-8 { + grid-column: span 8 / span 8; } .md\:mx-6 { @@ -3331,27 +3303,32 @@ h6 { margin-right: 1.5rem; } + .md\:my-0 { + margin-top: 0px; + margin-bottom: 0px; + } + .md\:my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; } + .md\:mb-0 { + margin-bottom: 0px; + } + + .md\:mb-3 { + margin-bottom: 0.75rem; + } + .md\:mb-8 { margin-bottom: 2rem; } - .md\:mb-3 { - margin-bottom: 0.75rem; - } - .md\:mr-3 { margin-right: 0.75rem; } - .md\:mb-0 { - margin-bottom: 0px; - } - .md\:block { display: block; } @@ -3372,38 +3349,38 @@ h6 { min-height: 75vh; } - .md\:w-60 { - width: 15rem; - } - .md\:w-1\/2 { width: 50%; } + .md\:w-60 { + width: 15rem; + } + .md\:justify-end { justify-content: flex-end; } - .md\:py-4 { - padding-top: 1rem; - padding-bottom: 1rem; - } - - .md\:px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; - } - .md\:px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } + .md\:px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; + } + .md\:py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } + .md\:py-4 { + padding-top: 1rem; + padding-bottom: 1rem; + } + .md\:text-base { font-size: 1rem; line-height: 1.5rem; @@ -3423,6 +3400,10 @@ h6 { order: 2; } + .lg\:col-span-1 { + grid-column: span 1 / span 1; + } + .lg\:col-span-4 { grid-column: span 4 / span 4; } @@ -3431,10 +3412,6 @@ h6 { grid-column: span 6 / span 6; } - .lg\:col-span-1 { - grid-column: span 1 / span 1; - } - .lg\:col-span-8 { grid-column: span 8 / span 8; } @@ -3516,26 +3493,26 @@ h6 { } @media (min-width: 1200px) { - .xl\:right-24 { - right: 6rem; - } - .xl\:left-0 { left: 0px; } + .xl\:right-24 { + right: 6rem; + } + .xl\:right-6 { right: 1.5rem; } - .xl\:ml-68 { - margin-left: 17rem; - } - .xl\:ml-6 { margin-left: 1.5rem; } + .xl\:ml-68 { + margin-left: 17rem; + } + .xl\:hidden { display: none; } @@ -3545,14 +3522,14 @@ h6 { transform: translate(var(--tw-translate-x), 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)); } - .xl\:p-1\.5 { - padding: 0.375rem; - } - .xl\:p-1 { padding: 0.25rem; } + .xl\:p-1\.5 { + padding: 0.375rem; + } + .xl\:pl-75 { padding-left: 18.75rem; } diff --git a/src/ui/static/js/global.js b/src/ui/static/js/global.js index 0a2080750..ad6050463 100644 --- a/src/ui/static/js/global.js +++ b/src/ui/static/js/global.js @@ -1,4 +1,4 @@ -import { Checkbox } from "./utils/form.js"; +import { Checkbox, Select, Password, DisabledPop } from "./utils/form.js"; class Menu { constructor() { @@ -211,7 +211,9 @@ class FlashMsg { //stop animate if clicked once this.openBtn.addEventListener("click", (e) => { try { - if (e.target.closest("button").hasAttribute("data-flash-sidebar-open")) { + if ( + e.target.closest("button").hasAttribute("data-flash-sidebar-open") + ) { this.isMsgCheck = true; } } catch (err) {} @@ -219,14 +221,17 @@ class FlashMsg { //remove flash message and change count window.addEventListener("click", (e) => { try { - if (e.target.closest("button").hasAttribute("data-close-flash-message")) { + if ( + e.target.closest("button").hasAttribute("data-close-flash-message") + ) { //remove logic const closeBtn = e.target.closest("button"); const flashEl = closeBtn.closest("[data-flash-message]"); flashEl.remove(); //update count - this.flashCount.textContent = - document.querySelectorAll("[data-flash-message]").length; + this.flashCount.textContent = document.querySelectorAll( + "[data-flash-message]" + ).length; } } catch (err) {} }); @@ -296,6 +301,12 @@ const setNewsSidebar = new Sidebar( "[data-sidebar-info-open]", "[data-sidebar-info-close]" ); + +const setCheckbox = new Checkbox(); +const setSelect = new Select(); +const setPassword = new Password(); +const setDisabledPop = new DisabledPop(); + const setFlashSidebar = new Sidebar( "[data-flash-sidebar]", "[data-flash-sidebar-open]", @@ -303,5 +314,4 @@ const setFlashSidebar = new Sidebar( ); const setNews = new News(); const setDarkM = new darkMode(); -const setCheckbox = new Checkbox(); const setFlash = new FlashMsg(); diff --git a/src/ui/static/js/global_config.js b/src/ui/static/js/global_config.js index 6ab0e29d0..cd4fd1dd1 100644 --- a/src/ui/static/js/global_config.js +++ b/src/ui/static/js/global_config.js @@ -1,4 +1,3 @@ -import { Checkbox, Select, Password, DisabledPop } from "./utils/form.js"; import { Popover, Tabs, @@ -26,11 +25,6 @@ class Multiple { } } -const setCheckbox = new Checkbox(); -const setSelect = new Select(); -const setPassword = new Password(); -const setDisabledPop = new DisabledPop(); - const setPopover = new Popover("main", "global-config"); const setTabs = new Tabs("[global-config-tabs]", "global-config"); const format = new FormatValue(); diff --git a/src/ui/static/js/logs.js b/src/ui/static/js/logs.js index 6b971d96a..c52b2c89f 100644 --- a/src/ui/static/js/logs.js +++ b/src/ui/static/js/logs.js @@ -496,8 +496,6 @@ class Filter { } } -const setCheckbox = new Checkbox(); -const setSelect = new Select(); const dropdown = new Dropdown("logs"); const setLogs = new FetchLogs(); const setFilter = new Filter("logs"); diff --git a/src/ui/static/js/services.js b/src/ui/static/js/services.js index 51ba3c265..92f0281ae 100644 --- a/src/ui/static/js/services.js +++ b/src/ui/static/js/services.js @@ -1,4 +1,3 @@ -import { Checkbox, Select, Password, DisabledPop } from "./utils/form.js"; import { Popover, Tabs, @@ -22,6 +21,9 @@ class ServiceModal { this.formDelete = this.modal.querySelector( "[data-services-modal-form-delete]" ); + this.submitBtn = document.querySelector( + "button[data-services-modal-submit]" + ); //container this.container = document.querySelector("main"); this.init(); @@ -123,10 +125,7 @@ class ServiceModal { } changeSubmitBtnName(text) { - const submitBtn = document.querySelector( - "button[data-services-modal-submit]" - ); - submitBtn.textContent = text; + this.submitBtn.textContent = text; } setSettingsDefault() { @@ -148,9 +147,12 @@ class ServiceModal { //SET VALUE if (inp.getAttribute("type") === "checkbox") { - inp.checked = defaultVal === "yes" ? true : false; + defaultVal === "yes" + ? inp.setAttribute("aria-checked", "true") + : inp.setAttribute("aria-checked", "false"); inp.setAttribute("value", defaultVal); inp.setAttribute("data-method", defaultMethod); + inp.checked = true; } if (inp.getAttribute("type") !== "checkbox") { @@ -197,9 +199,9 @@ class ServiceModal { setForm(action, serviceName, formEl) { this.modalTitle.textContent = `${action} ${serviceName}`; formEl.setAttribute("id", `form-${action}-${serviceName}`); - formEl - .querySelector(`input[name="operation"]`) - .setAttribute("value", action); + const opeInp = formEl.querySelector(`input[name="operation"]`); + opeInp.setAttribute("value", action); + opeInp.value = action; if (action === "edit" || action === "new") { this.showNewEditForm(); @@ -299,9 +301,12 @@ class ServiceModal { inp.tagName === "INPUT" && inp.getAttribute("type") === "checkbox" ) { - inp.checked = value === "yes" ? true : false; + value === "yes" + ? inp.setAttribute("aria-checked", "true") + : inp.setAttribute("aria-checked", "false"); inp.setAttribute("value", value); inp.setAttribute("data-method", method); + inp.checked = true; } //for select if (inp.tagName === "SELECT") { @@ -682,9 +687,12 @@ class Multiple { //for settings input if (inp.getAttribute("type") === "checkbox") { - inp.checked = value === "yes" ? true : false; + value === "yes" + ? inp.setAttribute("aria-checked", "true") + : inp.setAttribute("aria-checked", "false"); inp.setAttribute("value", value); inp.setAttribute("data-method", method); + inp.checked = true; } if (inp.getAttribute("type") !== "checkbox") { @@ -820,11 +828,6 @@ class Multiple { } } -const setCheckbox = new Checkbox(); -const setSelect = new Select(); -const setPassword = new Password(); -const setDisabledPop = new DisabledPop(); - const setPopover = new Popover(); const setTabs = new Tabs(); const setModal = new ServiceModal(); diff --git a/src/ui/static/js/utils/form.js b/src/ui/static/js/utils/form.js index 60727f77c..286b40e1a 100644 --- a/src/ui/static/js/utils/form.js +++ b/src/ui/static/js/utils/form.js @@ -20,10 +20,21 @@ class Checkbox { .closest("div") .querySelector('input[type="checkbox"]'); + const prevValue = checkboxEl.getAttribute("value"); + //set attribute value for new state - checkboxEl.checked + prevValue === "no" ? checkboxEl.setAttribute("value", "yes") : checkboxEl.setAttribute("value", "no"); + + //set custom input hidden value + const newValue = checkboxEl.getAttribute("value"); + newValue === "yes" + ? checkboxEl.setAttribute("aria-checked", "true") + : checkboxEl.setAttribute("aria-checked", "false"); + + //force checked for submit + checkboxEl.checked = true; } } catch (err) {} }); diff --git a/src/ui/tailwind.config.js b/src/ui/tailwind.config.js index 68af7b43f..def45b4fc 100644 --- a/src/ui/tailwind.config.js +++ b/src/ui/tailwind.config.js @@ -10,6 +10,11 @@ module.exports = { presets: [], darkMode: "class", theme: { + extend: { + aria: { + checked: 'checked="true"', + }, + }, screens: { sm: "576px", "sm-max": { max: "576px" }, diff --git a/src/ui/templates/flashs.html b/src/ui/templates/flashs.html index e3ef97fa8..1297006c9 100644 --- a/src/ui/templates/flashs.html +++ b/src/ui/templates/flashs.html @@ -1,10 +1,12 @@ {% with messages = get_flashed_messages(with_categories=true) %} -
+
@@ -169,24 +169,30 @@ data-plugin-item="{{plugin['id']}}" {% if value["type"] == "check" %} -
- + @@ -196,7 +202,7 @@ data-plugin-item="{{plugin['id']}}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" > - @@ -355,7 +361,7 @@ data-plugin-item="{{plugin['id']}}" value="{{item}}" data-setting-select-dropdown-btn="{{value['id']}}" type="button" - class="min-h-[38px] {% if loop.index == 1 %} border-t rounded-t {% endif %} {% if loop.index == loop.length %}rounded-b {% endif %} border-b border-l border-r border-gray-300 hover:brightness-90 bg-primary text-white my-0 relative px-6 py-2 text-center align-middle transition-all rounded-none cursor-pointer leading-normal text-sm ease-in tracking-tight-rem dark:border-slate-600 dark:bg-slate-700 dark:text-gray-300" + class="min-h-[38px] {% if loop.index == 1 %} border-t rounded-t {% endif %} {% if loop.index == loop.length %}rounded-b {% endif %} border-b border-l border-r border-gray-300 hover:brightness-90 bg-primary my-0 relative px-6 py-2 text-center align-middle transition-all rounded-none cursor-pointer leading-normal text-sm ease-in tracking-tight-rem dark:border-slate-600 dark:bg-slate-700 dark:text-gray-300" > {{item}}