diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 72b5a21060..54e872569a 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -30,6 +30,25 @@ importers: specifier: ^3.3.3 version: 3.3.3 + v2/legacy: + dependencies: + '@appwrite.io/pink-icons': + specifier: 1.0.0 + version: 1.0.0 + normalize.css: + specifier: ^8.0.1 + version: 8.0.1 + the-new-css-reset: + specifier: ^1.11.2 + version: 1.11.2 + devDependencies: + stylelint: + specifier: ^14.9.1 + version: 14.16.1 + stylelint-config-standard-scss: + specifier: ^4.0.0 + version: 4.0.0(postcss@8.4.41)(stylelint@14.16.1) + v2/pink-icons: devDependencies: '@sveltejs/adapter-auto': @@ -220,6 +239,9 @@ packages: resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==} engines: {node: '>=6.0.0'} + '@appwrite.io/pink-icons@1.0.0': + resolution: {integrity: sha512-+zpksP07MvOYwhx9AZDFW0pxXQNC2juKwyOQVRAwAOkN1ACSQKPlyytkI1u2ci6CQPWjJe20CzbvBBuRNXOKjA==} + '@babel/code-frame@7.24.7': resolution: {integrity: sha512-BcYH1CVJBO9tvyIZ2jVeXgSIMvGZ2FDRvDdOIVQyuklNKSsx+eppDEBq/g47Ayw+RqNFE+URvOShmf+f/qwAlA==} engines: {node: '>=6.9.0'} @@ -944,6 +966,12 @@ packages: peerDependencies: '@clerc/core': '*' + '@csstools/selector-specificity@2.2.0': + resolution: {integrity: sha512-+OJ9konv95ClSTOJCmMZqpd5+YGsB2S+x6w3E1oaM8UuR5j8nTNHYSz8c9BEPGDOCMQYIEEGlVPj/VY64iTbGw==} + engines: {node: ^14 || ^16 || >=18} + peerDependencies: + postcss-selector-parser: ^6.0.10 + '@emnapi/runtime@1.2.0': resolution: {integrity: sha512-bV21/9LQmcQeCPEg3BDFtvwL6cwiTMksYNWQQ4KOxCZikEGalWtenoZ0wCiukJINlGCIi2KXx01g4FoH/LxpzQ==} @@ -1992,6 +2020,9 @@ packages: '@types/mime@1.3.5': resolution: {integrity: sha512-/pyBZWSLD2n0dcHE3hq8s8ZvcETHtEuF+3E7XVt0Ig2nvsVQXdghHVcEkIWjy9A0wKfTn97a/PSDYohKIlnP/w==} + '@types/minimist@1.2.5': + resolution: {integrity: sha512-hov8bUuiLiyFPGyFPE1lwWhmzYbirOXQNNo40+y3zow8aFVTeyn3VWL0VFFfdNddA8S4Vf0Tc062rzyNr7Paag==} + '@types/node@12.20.55': resolution: {integrity: sha512-J8xLz7q2OFulZ2cyGTLE1TbbZcjpno7FaN6zdJNrgAdrJ+DZzh/uFR6YrTb4C+nXakvud8Q4+rbhoIWlYQbUFQ==} @@ -2001,6 +2032,12 @@ packages: '@types/node@20.14.15': resolution: {integrity: sha512-Fz1xDMCF/B00/tYSVMlmK7hVeLh7jE5f3B7X1/hmV0MJBwE27KlS7EvD/Yp+z1lm8mVhwV5w+n8jOZG8AfTlKw==} + '@types/normalize-package-data@2.4.4': + resolution: {integrity: sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==} + + '@types/parse-json@4.0.2': + resolution: {integrity: sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==} + '@types/prop-types@15.7.12': resolution: {integrity: sha512-5zvhXYtRNRluoE/jAp4GVsSduVUzNWKkOZrCDBWYtE7biZywwdC2AcEzg+cSMLFRfVgeAFqpfNabiPjxFddV1Q==} @@ -2152,6 +2189,9 @@ packages: ajv@6.12.6: resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==} + ajv@8.17.1: + resolution: {integrity: sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==} + ansi-colors@4.1.3: resolution: {integrity: sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==} engines: {node: '>=6'} @@ -2215,6 +2255,10 @@ packages: resolution: {integrity: sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==} engines: {node: '>=8'} + arrify@1.0.1: + resolution: {integrity: sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==} + engines: {node: '>=0.10.0'} + asn1@0.2.6: resolution: {integrity: sha512-ix/FxPn0MDjeyJ7i/yoHGFt/EX6LyNbxSEhPPXODPL+KB0VPk86UYfL0lMdy+KCnv+fmvIzySwaK5COwqVbWTQ==} @@ -2225,6 +2269,10 @@ packages: resolution: {integrity: sha512-6t10qk83GOG8p0vKmaCr8eiilZwO171AvbROMtvvNiwrTly62t+7XkA8RdIIVbpMhCASAsxgAzdRSwh6nw/5Dg==} engines: {node: '>=4'} + astral-regex@2.0.0: + resolution: {integrity: sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==} + engines: {node: '>=8'} + asynckit@0.4.0: resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==} @@ -2305,6 +2353,9 @@ packages: balanced-match@1.0.2: resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==} + balanced-match@2.0.0: + resolution: {integrity: sha512-1ugUSr8BHXRnK23KfuYS+gVMC3LB8QGH9W1iGtDPsNWoQbgtXSExkBu2aDR4epiGWZOjZsj6lDl/N/AqqTC3UA==} + bare-events@2.4.2: resolution: {integrity: sha512-qMKFd2qG/36aA4GwvKq8MxnPgCQAmBWmSyLWsJcbn8v03wvIPQ/hG1Ms8bPzndZxMDoHpxez5VOS+gC9Yi24/Q==} @@ -2407,6 +2458,10 @@ packages: resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==} engines: {node: '>=6'} + camelcase-keys@6.2.2: + resolution: {integrity: sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==} + engines: {node: '>=8'} + camelcase@5.3.1: resolution: {integrity: sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==} engines: {node: '>=6'} @@ -2548,6 +2603,9 @@ packages: resolution: {integrity: sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==} engines: {node: '>=12.5.0'} + colord@2.9.3: + resolution: {integrity: sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==} + combined-stream@1.0.8: resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==} engines: {node: '>= 0.8'} @@ -2607,6 +2665,10 @@ packages: core-js-compat@3.38.0: resolution: {integrity: sha512-75LAicdLa4OJVwFxFbQR3NdnZjNgX6ILpVcVzcC4T2smerB5lELMrJQQQoWV6TiuC/vlaFqgU2tKQx9w5s0e0A==} + cosmiconfig@7.1.0: + resolution: {integrity: sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==} + engines: {node: '>=10'} + cpu-features@0.0.10: resolution: {integrity: sha512-9IkYqtX3YHPCzoVg1Py+o9057a3i0fp7S530UWokCSaFVTc7CwXPRiOjRjBQQ18ZCNafx78YfnG+HALxtVmOGA==} engines: {node: '>=10.0.0'} @@ -2627,6 +2689,10 @@ packages: resolution: {integrity: sha512-x8dy3RnvYdlUcPOjkEHqozhiwzKNSq7GcPuXFbnyMOCHxX8V3OgIg/pYuabl2sbUPfIJaeAQB7PMOK8DFIdoRA==} engines: {node: '>=12'} + css-functions-list@3.2.3: + resolution: {integrity: sha512-IQOkD3hbR5KrN93MtcYuad6YPuTSUhntLHDuLEbFWE+ff2/XSZNdZG+LcbbIW5AXKg/WFIfYItIzVoHngHXZzA==} + engines: {node: '>=12 || >=16'} + css-select@5.1.0: resolution: {integrity: sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==} @@ -2682,6 +2748,10 @@ packages: supports-color: optional: true + decamelize-keys@1.1.1: + resolution: {integrity: sha512-WiPxgEirIV0/eIOMcnFBA3/IJZAZqKnwAwWyvvdi4lsr1WCN22nhdf/3db3DoZcUjTV2SqfzIwNyp6y2xs3nmg==} + engines: {node: '>=0.10.0'} + decamelize@1.2.0: resolution: {integrity: sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==} engines: {node: '>=0.10.0'} @@ -3121,6 +3191,9 @@ packages: fast-levenshtein@2.0.6: resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==} + fast-uri@3.0.6: + resolution: {integrity: sha512-Atfo14OibSv5wAp4VWNsFYE1AchQRTv9cBGWET4pZWHzYshFSS9NQI6I57rdKn9croWVMbYFbLhJ+yJvmZIIHw==} + fastest-levenshtein@1.0.16: resolution: {integrity: sha512-eRnCtTTtGZFpQCwhJiUOuxPQWRXVKYDn0b2PeHfXL6/Zi53SLAzAHfVhVWK2AryC/WH05kGfxhFIPvTF0SXQzg==} engines: {node: '>= 4.9.1'} @@ -3357,10 +3430,18 @@ packages: resolution: {integrity: sha512-JeXuCbvYzYXcwE6acL9V2bAOeSIGl4dD+iwLY9iUx2VBJJ80R18HCn+JCwHM9Oegdfya3lEkGCdaRkSyc10hDA==} engines: {node: '>=0.10.0'} + global-modules@2.0.0: + resolution: {integrity: sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==} + engines: {node: '>=6'} + global-prefix@0.1.5: resolution: {integrity: sha512-gOPiyxcD9dJGCEArAhF4Hd0BAqvAe/JzERP7tYumE4yIkmIedPUVXcJFWbV3/p/ovIIvKjkrTk+f1UVkq7vvbw==} engines: {node: '>=0.10.0'} + global-prefix@3.0.0: + resolution: {integrity: sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==} + engines: {node: '>=6'} + globals@11.12.0: resolution: {integrity: sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==} engines: {node: '>=4'} @@ -3388,6 +3469,9 @@ packages: resolution: {integrity: sha512-s3Fq41ZVh7vbbe2PN3nrW7yC7U7MFVc5c98/iTl9c2GawNMKx/J648KQRW6WKkuU8GIbbh2IXfIRQjOZnXcTnw==} engines: {node: '>=18'} + globjoin@0.1.4: + resolution: {integrity: sha512-xYfnw62CKG8nLkZBfWbhWwDw02CHty86jfPcc2cr3ZfeuK9ysoVPPEUxf21bAD/rWAgk52SuBrLJlefNy8mvFg==} + globrex@0.1.2: resolution: {integrity: sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==} @@ -3400,6 +3484,10 @@ packages: graphemer@1.4.0: resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==} + hard-rejection@2.1.0: + resolution: {integrity: sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==} + engines: {node: '>=6'} + has-flag@3.0.0: resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==} engines: {node: '>=4'} @@ -3453,9 +3541,20 @@ packages: resolution: {integrity: sha512-eSmmWE5bZTK2Nou4g0AI3zZ9rswp7GRKoKXS1BLUkvPviOqs4YTN1djQIqrXy9k5gEtdLPy86JjRwsNM9tnDcA==} engines: {node: '>=0.10.0'} + hosted-git-info@2.8.9: + resolution: {integrity: sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==} + + hosted-git-info@4.1.0: + resolution: {integrity: sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==} + engines: {node: '>=10'} + html-escaper@2.0.2: resolution: {integrity: sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==} + html-tags@3.3.1: + resolution: {integrity: sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==} + engines: {node: '>=8'} + html-void-elements@3.0.0: resolution: {integrity: sha512-bEqo66MRXsUGxWHV5IP0PUiAWwoEjba4VCzg0LjFJBpchPaTfyfCKTG6bc5F8ucKec3q5y6qOdGyYTSBEvhCrg==} @@ -3521,6 +3620,10 @@ packages: resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==} engines: {node: '>=6'} + import-lazy@4.0.0: + resolution: {integrity: sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==} + engines: {node: '>=8'} + import-local@3.2.0: resolution: {integrity: sha512-2SPlun1JUPWoM6t3F0dw0FkCF/jWY8kttcY4f599GLTSjh2OCuuhdTkJQsEcZzBqbXZGKMK2OqW1oZsjtf/gQA==} engines: {node: '>=8'} @@ -3616,10 +3719,18 @@ packages: resolution: {integrity: sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==} engines: {node: '>=8'} + is-plain-obj@1.1.0: + resolution: {integrity: sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==} + engines: {node: '>=0.10.0'} + is-plain-object@2.0.4: resolution: {integrity: sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==} engines: {node: '>=0.10.0'} + is-plain-object@5.0.0: + resolution: {integrity: sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==} + engines: {node: '>=0.10.0'} + is-platform@1.0.0: resolution: {integrity: sha512-AKxe6+dvzAQsDXhhhxGRL9G67q5rKiyTL0BUl5mCyQz2NdvmqWNmMsjoCOIVdyXOYpP6MhkmZ1DPYGkfgv0MpA==} @@ -3916,6 +4027,9 @@ packages: json-schema-traverse@0.4.1: resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==} + json-schema-traverse@1.0.0: + resolution: {integrity: sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==} + json-stable-stringify-without-jsonify@1.0.1: resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==} @@ -3952,6 +4066,9 @@ packages: resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==} engines: {node: '>=6'} + known-css-properties@0.26.0: + resolution: {integrity: sha512-5FZRzrZzNTBruuurWpvZnvP9pum+fe0HcK8z/ooo+U+Hmp4vtbyp1/QDsqmufirXy4egGzbaH/y2uCZf+6W5Kg==} + known-css-properties@0.34.0: resolution: {integrity: sha512-tBECoUqNFbyAY4RrbqsBQqDFpGXAEbdD5QKr8kACx3+rnArmuuR22nKQWKazvp07N9yjTyDZaw/20UIH8tL9DQ==} @@ -4010,6 +4127,9 @@ packages: lodash.startcase@4.4.0: resolution: {integrity: sha512-+WKqsK294HMSc2jEbNgpHpd0JfIBhp7rEV4aqXWqFr6AlXov+SlcgB1Fv01y2kGe3Gc8nMW7VA0SrGuSkRfIEg==} + lodash.truncate@4.4.2: + resolution: {integrity: sha512-jttmRe7bRse52OsWIMDLaXxWqRAmtIUccAQ3garviCqJjafXOfNMO0yMfNpdD6zbGaTU0P5Nz7e7gAT6cKmJRw==} + lodash@4.17.21: resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==} @@ -4040,6 +4160,10 @@ packages: lru-cache@5.1.1: resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==} + lru-cache@6.0.0: + resolution: {integrity: sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==} + engines: {node: '>=10'} + lz-string@1.5.0: resolution: {integrity: sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==} hasBin: true @@ -4066,6 +4190,14 @@ packages: makeerror@1.0.12: resolution: {integrity: sha512-JmqCvUhmt43madlpFzG4BQzG2Z3m6tvQDNKdClZnO3VbIudJYmxsT0FNJMeiB2+JTSlTQTSbU8QdesVmwJcmLg==} + map-obj@1.0.1: + resolution: {integrity: sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==} + engines: {node: '>=0.10.0'} + + map-obj@4.3.0: + resolution: {integrity: sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==} + engines: {node: '>=8'} + map-or-similar@1.5.0: resolution: {integrity: sha512-0aF7ZmVon1igznGI4VS30yugpduQW3y3GkcgGJOp7d8x8QrizhigUxjI/m2UojsXXto+jLAH3KSz+xOJTiORjg==} @@ -4075,6 +4207,9 @@ packages: peerDependencies: react: '>= 0.14.0' + mathml-tag-names@2.1.3: + resolution: {integrity: sha512-APMBEanjybaPzUrfqU0IMU5I0AswKMH7k8OTLs0vvV4KZpExkTkY87nR/zpbuTPj+gARop7aGUbl11pnDfW6xg==} + mdast-util-to-hast@13.2.0: resolution: {integrity: sha512-QGYKEuUsYT9ykKBCMOEDLsU5JRObWQusAolFMeko/tYPufNkRffBAQjIE+99jbA87xv6FgmjLtwjh9wBWajwAA==} @@ -4091,6 +4226,10 @@ packages: memoizerific@1.11.3: resolution: {integrity: sha512-/EuHYwAPdLtXwAwSZkh/Gutery6pD2KYd44oQLhAvQp/50mpyduZh8Q7PYHXTCJ+wuXxt7oij2LXyIJOOYFPog==} + meow@9.0.0: + resolution: {integrity: sha512-+obSblOQmRhcyBt62furQqRAQpNyWXo8BuQ5bN7dG8wmwQ+vwHKp/rCFD4CrTP8CsDQD1sjoZ94K417XEUk8IQ==} + engines: {node: '>=10'} + merge-descriptors@1.0.1: resolution: {integrity: sha512-cCi6g3/Zr1iqQi6ySbseM1Xvooa98N0w31jzUYrXPX2xqObmFGHJ0tQ5u74H3mVh7wLouTseZyYIq39g8cNp1w==} @@ -4164,6 +4303,10 @@ packages: resolution: {integrity: sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==} engines: {node: '>=16 || 14 >=14.17'} + minimist-options@4.1.0: + resolution: {integrity: sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==} + engines: {node: '>= 6'} + minimist@1.2.8: resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==} @@ -4305,10 +4448,20 @@ packages: engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0} hasBin: true + normalize-package-data@2.5.0: + resolution: {integrity: sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==} + + normalize-package-data@3.0.3: + resolution: {integrity: sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==} + engines: {node: '>=10'} + normalize-path@3.0.0: resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==} engines: {node: '>=0.10.0'} + normalize.css@8.0.1: + resolution: {integrity: sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg==} + npm-bundled@2.0.1: resolution: {integrity: sha512-gZLxXdjEzE/+mOstGDqR6b0EkhJ+kM6fxM6vUuckuctuVPh80Q6pw/rSZj9s4Gex9GxWtIicO1pc8DB9KZWudw==} engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0} @@ -4591,6 +4744,12 @@ packages: ts-node: optional: true + postcss-media-query-parser@0.2.3: + resolution: {integrity: sha512-3sOlxmbKcSHMjlUXQZKQ06jOswE7oVkXPxmZdoB1r5l0q6gTFTQSHxNxOrCccElbW7dxNytifNEo8qidX2Vsig==} + + postcss-resolve-nested-selector@0.1.6: + resolution: {integrity: sha512-0sglIs9Wmkzbr8lQwEyIzlDOOC9bGmfVKcJTaxv3vMmd3uo4o4DerC3En0bnmgceeql9BfC8hRkp7cg0fjdVqw==} + postcss-safe-parser@6.0.0: resolution: {integrity: sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==} engines: {node: '>=12.0'} @@ -4607,6 +4766,9 @@ packages: resolution: {integrity: sha512-b4dlw/9V8A71rLIDsSwVmak9z2DuBUB7CA1/wSdelNEzqsjoSPeADTWNO09lpH49Diy3/JIZ2bSPB1dI3LJCHg==} engines: {node: '>=4'} + postcss-value-parser@4.2.0: + resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==} + postcss@8.4.41: resolution: {integrity: sha512-TesUflQ0WKZqAvg52PWL6kHgLKP6xB6heTOdoYM0Wt2UHyxNa4K25EZZMgKns3BH1RLVbZCREPpLY0rhnNoHVQ==} engines: {node: ^10 || ^12 || >=14} @@ -4714,6 +4876,10 @@ packages: queue-tick@1.0.1: resolution: {integrity: sha512-kJt5qhMxoszgU/62PLP1CJytzd2NKetjSRnyuj31fDd3Rlcz3fzlFdFLD1SItunPwyqEOkca6GbV612BWfaBag==} + quick-lru@4.0.1: + resolution: {integrity: sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==} + engines: {node: '>=8'} + range-parser@1.2.1: resolution: {integrity: sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==} engines: {node: '>= 0.6'} @@ -4750,6 +4916,14 @@ packages: resolution: {integrity: sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==} engines: {node: '>=0.10.0'} + read-pkg-up@7.0.1: + resolution: {integrity: sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==} + engines: {node: '>=8'} + + read-pkg@5.2.0: + resolution: {integrity: sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==} + engines: {node: '>=8'} + read-yaml-file@1.1.0: resolution: {integrity: sha512-VIMnQi/Z4HT2Fxuwg5KrY174U1VdUIASQVWXXyqtNRtxSr9IYkn1rsI6Tb6HsrHCmB7gVpNwX6JxPTHcH6IoTA==} engines: {node: '>=6'} @@ -4812,6 +4986,10 @@ packages: resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==} engines: {node: '>=0.10.0'} + require-from-string@2.0.2: + resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==} + engines: {node: '>=0.10.0'} + require-main-filename@2.0.0: resolution: {integrity: sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==} @@ -4998,6 +5176,10 @@ packages: resolution: {integrity: sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==} engines: {node: '>=14.16'} + slice-ansi@4.0.0: + resolution: {integrity: sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==} + engines: {node: '>=10'} + smart-buffer@4.2.0: resolution: {integrity: sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==} engines: {node: '>= 6.0.0', npm: '>= 3.0.0'} @@ -5045,6 +5227,18 @@ packages: spawndamnit@2.0.0: resolution: {integrity: sha512-j4JKEcncSjFlqIwU5L/rp2N5SIPsdxaRsIv678+TZxZ0SRDJTm8JrxJMjE/XuiEZNEir3S8l0Fa3Ke339WI4qA==} + spdx-correct@3.2.0: + resolution: {integrity: sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==} + + spdx-exceptions@2.5.0: + resolution: {integrity: sha512-PiU42r+xO4UbUS1buo3LPJkjlO7430Xn5SVAhdpzzsPHsjbYVflnnFdATgabnLude+Cqu25p6N+g2lw/PFsa4w==} + + spdx-expression-parse@3.0.1: + resolution: {integrity: sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==} + + spdx-license-ids@3.0.21: + resolution: {integrity: sha512-Bvg/8F5XephndSK3JffaRqdT+gyhfqIPwDHpX80tJrF8QQRYMo8sNMeaZ2Dp5+jhwKnUmIOyFFQfHRkjJm5nXg==} + split-ca@1.0.1: resolution: {integrity: sha512-Q5thBSxp5t8WPTTJQS59LrGqOZqOsrhDGDVm8azCqIBjSBd7nd9o2PM+mDulQQkh8h//4U6hFZnc/mul8t5pWQ==} @@ -5139,9 +5333,42 @@ packages: resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==} engines: {node: '>=8'} + style-search@0.1.0: + resolution: {integrity: sha512-Dj1Okke1C3uKKwQcetra4jSuk0DqbzbYtXipzFlFMZtowbF1x7BKJwB9AayVMyFARvU8EDrZdcax4At/452cAg==} + style-value-types@5.1.2: resolution: {integrity: sha512-Vs9fNreYF9j6W2VvuDTP7kepALi7sk0xtk2Tu8Yxi9UoajJdEVpNpCov0HsLTqXvNGKX+Uv09pkozVITi1jf3Q==} + stylelint-config-recommended-scss@6.0.0: + resolution: {integrity: sha512-6QOe2/OzXV2AP5FE12A7+qtKdZik7Saf42SMMl84ksVBBPpTdrV+9HaCbPYiRMiwELY9hXCVdH4wlJ+YJb5eig==} + peerDependencies: + stylelint: ^14.4.0 + + stylelint-config-recommended@7.0.0: + resolution: {integrity: sha512-yGn84Bf/q41J4luis1AZ95gj0EQwRX8lWmGmBwkwBNSkpGSpl66XcPTulxGa/Z91aPoNGuIGBmFkcM1MejMo9Q==} + peerDependencies: + stylelint: ^14.4.0 + + stylelint-config-standard-scss@4.0.0: + resolution: {integrity: sha512-xizu8PTEyB6zYXBiVg6VtvUYn9m57x+6ZtaOdaxsfpbe5eagLPGNlbYnKfm/CfN69ArUpnwR6LjgsTHzlGbtXQ==} + peerDependencies: + stylelint: ^14.4.0 + + stylelint-config-standard@25.0.0: + resolution: {integrity: sha512-21HnP3VSpaT1wFjFvv9VjvOGDtAviv47uTp3uFmzcN+3Lt+RYRv6oAplLaV51Kf792JSxJ6svCJh/G18E9VnCA==} + peerDependencies: + stylelint: ^14.4.0 + + stylelint-scss@4.7.0: + resolution: {integrity: sha512-TSUgIeS0H3jqDZnby1UO1Qv3poi1N8wUYIJY6D1tuUq2MN3lwp/rITVo0wD+1SWTmRm0tNmGO0b7nKInnqF6Hg==} + peerDependencies: + stylelint: ^14.5.1 || ^15.0.0 + + stylelint@14.16.1: + resolution: {integrity: sha512-ErlzR/T3hhbV+a925/gbfc3f3Fep9/bnspMiJPorfGEmcBbXdS+oo6LrVtoUZ/w9fqD6o6k7PtUlCOsCRdjX/A==} + engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0} + hasBin: true + supports-color@5.5.0: resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==} engines: {node: '>=4'} @@ -5154,6 +5381,10 @@ packages: resolution: {integrity: sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==} engines: {node: '>=10'} + supports-hyperlinks@2.3.0: + resolution: {integrity: sha512-RpsAZlpWcDwOPQA22aCH4J0t7L8JmAvsCxfOSEwm7cQs3LshN36QaTkwd70DnBOXDWGssw2eUoc8CaRWT0XunA==} + engines: {node: '>=8'} + supports-preserve-symlinks-flag@1.0.0: resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==} engines: {node: '>= 0.4'} @@ -5240,6 +5471,9 @@ packages: resolution: {integrity: sha512-sWJRa4qOfRdSORSVw9GhfDEwsbsYsegnDzBevUCF6k/Eis/QqCu9lJ6I0+d/E2wOWCjOhlcJ3+jl/Iur+5mmCw==} engines: {node: '>=10.0.0'} + svg-tags@1.0.0: + resolution: {integrity: sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA==} + svgo@3.3.2: resolution: {integrity: sha512-OoohrmuUlBs8B8o6MB2Aevn+pRIH9zDALSR+6hhqVfa6fRwG/Qw9VUMSMW9VNg2CFc/MTIfabtdOVl9ODIJjpw==} engines: {node: '>=14.0.0'} @@ -5248,6 +5482,10 @@ packages: tabbable@6.2.0: resolution: {integrity: sha512-Cat63mxsVJlzYvN51JmVXIgNoUokrIaT2zLclCXjRd8boZ0004U4KCs/sToJ75C6sdlByWxpYnb5Boif1VSFew==} + table@6.9.0: + resolution: {integrity: sha512-9kY+CygyYM6j02t5YFHbNz2FN5QmYGv9zAjVp4lCDjlCw7amdckXlEt/bjMhUIfj4ThGRE4gCUH5+yGnNuPo5A==} + engines: {node: '>=10.0.0'} + tar-fs@2.0.1: resolution: {integrity: sha512-6tzWDMeroL87uF/+lin46k+Q+46rAJ0SyPGz7OW7wTgblI273hsBqk2C1j0/xNadNLKDTUL9BukSjB7cwgmlPA==} @@ -5340,6 +5578,10 @@ packages: trim-lines@3.0.1: resolution: {integrity: sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==} + trim-newlines@3.0.1: + resolution: {integrity: sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==} + engines: {node: '>=8'} + ts-api-utils@1.3.0: resolution: {integrity: sha512-UQMIo7pb8WRomKR1/+MFVLTroIvDVtMX3K6OUir8ynLyzB8Jeriont2bTAtmNPa1ekAgN7YPDyf6V+ygrdU+eQ==} engines: {node: '>=16'} @@ -5377,6 +5619,10 @@ packages: resolution: {integrity: sha512-Acylog8/luQ8L7il+geoSxhEkazvkslg7PSNKOX59mbB9cOveP5aq9h74Y7YU8yDpJwetzQQrfIwtf4Wp4LKcw==} engines: {node: '>=4'} + type-fest@0.18.1: + resolution: {integrity: sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==} + engines: {node: '>=10'} + type-fest@0.20.2: resolution: {integrity: sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==} engines: {node: '>=10'} @@ -5385,6 +5631,10 @@ packages: resolution: {integrity: sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==} engines: {node: '>=10'} + type-fest@0.6.0: + resolution: {integrity: sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==} + engines: {node: '>=8'} + type-fest@0.8.1: resolution: {integrity: sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==} engines: {node: '>=8'} @@ -5528,6 +5778,9 @@ packages: resolution: {integrity: sha512-kiGUalWN+rgBJ/1OHZsBtU4rXZOfj/7rKQxULKlIzwzQSvMJUUNgPwJEEh7gU6xEVxC0ahoOBvN2YI8GH6FNgA==} engines: {node: '>=10.12.0'} + validate-npm-package-license@3.0.4: + resolution: {integrity: sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==} + vary@1.1.2: resolution: {integrity: sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==} engines: {node: '>= 0.8'} @@ -5700,6 +5953,10 @@ packages: resolution: {integrity: sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==} engines: {node: '>=6'} + yargs-parser@20.2.9: + resolution: {integrity: sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==} + engines: {node: '>=10'} + yargs-parser@21.1.1: resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==} engines: {node: '>=12'} @@ -5732,6 +5989,8 @@ snapshots: '@jridgewell/gen-mapping': 0.3.5 '@jridgewell/trace-mapping': 0.3.25 + '@appwrite.io/pink-icons@1.0.0': {} + '@babel/code-frame@7.24.7': dependencies: '@babel/highlight': 7.24.7 @@ -6765,6 +7024,10 @@ snapshots: dependencies: '@clerc/core': 0.44.0 + '@csstools/selector-specificity@2.2.0(postcss-selector-parser@6.1.1)': + dependencies: + postcss-selector-parser: 6.1.1 + '@emnapi/runtime@1.2.0': dependencies: tslib: 2.6.3 @@ -8000,6 +8263,8 @@ snapshots: '@types/mime@1.3.5': {} + '@types/minimist@1.2.5': {} + '@types/node@12.20.55': {} '@types/node@18.19.44': @@ -8010,6 +8275,10 @@ snapshots: dependencies: undici-types: 5.26.5 + '@types/normalize-package-data@2.4.4': {} + + '@types/parse-json@4.0.2': {} + '@types/prop-types@15.7.12': {} '@types/pug@2.0.10': {} @@ -8195,6 +8464,13 @@ snapshots: json-schema-traverse: 0.4.1 uri-js: 4.4.1 + ajv@8.17.1: + dependencies: + fast-deep-equal: 3.1.3 + fast-uri: 3.0.6 + json-schema-traverse: 1.0.0 + require-from-string: 2.0.2 + ansi-colors@4.1.3: {} ansi-escapes@4.3.2: @@ -8244,6 +8520,8 @@ snapshots: array-union@2.1.0: {} + arrify@1.0.1: {} + asn1@0.2.6: dependencies: safer-buffer: 2.1.2 @@ -8254,6 +8532,8 @@ snapshots: dependencies: tslib: 2.6.3 + astral-regex@2.0.0: {} + asynckit@0.4.0: {} available-typed-arrays@1.0.7: @@ -8371,6 +8651,8 @@ snapshots: balanced-match@1.0.2: {} + balanced-match@2.0.0: {} + bare-events@2.4.2: optional: true @@ -8518,6 +8800,12 @@ snapshots: callsites@3.1.0: {} + camelcase-keys@6.2.2: + dependencies: + camelcase: 5.3.1 + map-obj: 4.3.0 + quick-lru: 4.0.1 + camelcase@5.3.1: {} camelcase@6.3.0: {} @@ -8668,6 +8956,8 @@ snapshots: color-convert: 2.0.1 color-string: 1.9.1 + colord@2.9.3: {} + combined-stream@1.0.8: dependencies: delayed-stream: 1.0.0 @@ -8708,6 +8998,14 @@ snapshots: dependencies: browserslist: 4.23.3 + cosmiconfig@7.1.0: + dependencies: + '@types/parse-json': 4.0.2 + import-fresh: 3.3.0 + parse-json: 5.2.0 + path-type: 4.0.0 + yaml: 1.10.2 + cpu-features@0.0.10: dependencies: buildcheck: 0.0.6 @@ -8745,6 +9043,8 @@ snapshots: dependencies: type-fest: 1.4.0 + css-functions-list@3.2.3: {} + css-select@5.1.0: dependencies: boolbase: 1.0.0 @@ -8790,6 +9090,11 @@ snapshots: dependencies: ms: 2.1.2 + decamelize-keys@1.1.1: + dependencies: + decamelize: 1.2.0 + map-obj: 1.0.1 + decamelize@1.2.0: {} decompress-response@6.0.0: @@ -9327,6 +9632,8 @@ snapshots: fast-levenshtein@2.0.6: {} + fast-uri@3.0.6: {} + fastest-levenshtein@1.0.16: {} fastq@1.17.1: @@ -9606,6 +9913,10 @@ snapshots: global-prefix: 0.1.5 is-windows: 0.2.0 + global-modules@2.0.0: + dependencies: + global-prefix: 3.0.0 + global-prefix@0.1.5: dependencies: homedir-polyfill: 1.0.3 @@ -9613,6 +9924,12 @@ snapshots: is-windows: 0.2.0 which: 1.3.1 + global-prefix@3.0.0: + dependencies: + ini: 1.3.8 + kind-of: 6.0.3 + which: 1.3.1 + globals@11.12.0: {} globals@13.24.0: @@ -9643,6 +9960,8 @@ snapshots: slash: 5.1.0 unicorn-magic: 0.1.0 + globjoin@0.1.4: {} + globrex@0.1.2: {} gopd@1.0.1: @@ -9653,6 +9972,8 @@ snapshots: graphemer@1.4.0: {} + hard-rejection@2.1.0: {} + has-flag@3.0.0: {} has-flag@4.0.0: {} @@ -9714,8 +10035,16 @@ snapshots: dependencies: parse-passwd: 1.0.0 + hosted-git-info@2.8.9: {} + + hosted-git-info@4.1.0: + dependencies: + lru-cache: 6.0.0 + html-escaper@2.0.2: {} + html-tags@3.3.1: {} + html-void-elements@3.0.0: {} htmlparser2-svelte@4.1.0: @@ -9790,6 +10119,8 @@ snapshots: parent-module: 1.0.1 resolve-from: 4.0.0 + import-lazy@4.0.0: {} + import-local@3.2.0: dependencies: pkg-dir: 4.2.0 @@ -9860,10 +10191,14 @@ snapshots: is-path-inside@3.0.3: {} + is-plain-obj@1.1.0: {} + is-plain-object@2.0.4: dependencies: isobject: 3.0.1 + is-plain-object@5.0.0: {} + is-platform@1.0.0: {} is-reference@3.0.2: @@ -10391,6 +10726,8 @@ snapshots: json-schema-traverse@0.4.1: {} + json-schema-traverse@1.0.0: {} + json-stable-stringify-without-jsonify@1.0.1: {} json5@2.2.3: {} @@ -10424,6 +10761,8 @@ snapshots: kleur@4.1.5: {} + known-css-properties@0.26.0: {} + known-css-properties@0.34.0: {} kons@0.7.1: @@ -10476,6 +10815,8 @@ snapshots: lodash.startcase@4.4.0: {} + lodash.truncate@4.4.2: {} + lodash@4.17.21: {} log-symbols@4.1.0: @@ -10516,6 +10857,10 @@ snapshots: dependencies: yallist: 3.1.1 + lru-cache@6.0.0: + dependencies: + yallist: 4.0.0 + lz-string@1.5.0: {} magic-string@0.30.11: @@ -10556,12 +10901,18 @@ snapshots: dependencies: tmpl: 1.0.5 + map-obj@1.0.1: {} + + map-obj@4.3.0: {} + map-or-similar@1.5.0: {} markdown-to-jsx@7.4.7(react@18.3.1): dependencies: react: 18.3.1 + mathml-tag-names@2.1.3: {} + mdast-util-to-hast@13.2.0: dependencies: '@types/hast': 3.0.4 @@ -10584,6 +10935,21 @@ snapshots: dependencies: map-or-similar: 1.5.0 + meow@9.0.0: + dependencies: + '@types/minimist': 1.2.5 + camelcase-keys: 6.2.2 + decamelize: 1.2.0 + decamelize-keys: 1.1.1 + hard-rejection: 2.1.0 + minimist-options: 4.1.0 + normalize-package-data: 3.0.3 + read-pkg-up: 7.0.1 + redent: 3.0.0 + trim-newlines: 3.0.1 + type-fest: 0.18.1 + yargs-parser: 20.2.9 + merge-descriptors@1.0.1: {} merge-stream@2.0.0: {} @@ -10642,6 +11008,12 @@ snapshots: dependencies: brace-expansion: 2.0.1 + minimist-options@4.1.0: + dependencies: + arrify: 1.0.1 + is-plain-obj: 1.1.0 + kind-of: 6.0.3 + minimist@1.2.8: {} minipass-collect@2.0.1: @@ -10769,8 +11141,24 @@ snapshots: dependencies: abbrev: 2.0.0 + normalize-package-data@2.5.0: + dependencies: + hosted-git-info: 2.8.9 + resolve: 1.22.8 + semver: 5.7.2 + validate-npm-package-license: 3.0.4 + + normalize-package-data@3.0.3: + dependencies: + hosted-git-info: 4.1.0 + is-core-module: 2.15.0 + semver: 7.6.3 + validate-npm-package-license: 3.0.4 + normalize-path@3.0.0: {} + normalize.css@8.0.1: {} + npm-bundled@2.0.1: dependencies: npm-normalize-package-bin: 2.0.0 @@ -11063,6 +11451,10 @@ snapshots: optionalDependencies: postcss: 8.4.41 + postcss-media-query-parser@0.2.3: {} + + postcss-resolve-nested-selector@0.1.6: {} + postcss-safe-parser@6.0.0(postcss@8.4.41): dependencies: postcss: 8.4.41 @@ -11076,6 +11468,8 @@ snapshots: cssesc: 3.0.0 util-deprecate: 1.0.2 + postcss-value-parser@4.2.0: {} + postcss@8.4.41: dependencies: nanoid: 3.3.7 @@ -11183,6 +11577,8 @@ snapshots: queue-tick@1.0.1: {} + quick-lru@4.0.1: {} + range-parser@1.2.1: {} raw-body@2.5.2: @@ -11223,6 +11619,19 @@ snapshots: dependencies: loose-envify: 1.4.0 + read-pkg-up@7.0.1: + dependencies: + find-up: 4.1.0 + read-pkg: 5.2.0 + type-fest: 0.8.1 + + read-pkg@5.2.0: + dependencies: + '@types/normalize-package-data': 2.4.4 + normalize-package-data: 2.5.0 + parse-json: 5.2.0 + type-fest: 0.6.0 + read-yaml-file@1.1.0: dependencies: graceful-fs: 4.2.11 @@ -11305,6 +11714,8 @@ snapshots: require-directory@2.1.1: {} + require-from-string@2.0.2: {} + require-main-filename@2.0.0: {} resolve-cwd@3.0.0: @@ -11549,6 +11960,12 @@ snapshots: slash@5.1.0: {} + slice-ansi@4.0.0: + dependencies: + ansi-styles: 4.3.0 + astral-regex: 2.0.0 + is-fullwidth-code-point: 3.0.0 + smart-buffer@4.2.0: {} socks-proxy-agent@8.0.4: @@ -11612,6 +12029,20 @@ snapshots: cross-spawn: 5.1.0 signal-exit: 3.0.7 + spdx-correct@3.2.0: + dependencies: + spdx-expression-parse: 3.0.1 + spdx-license-ids: 3.0.21 + + spdx-exceptions@2.5.0: {} + + spdx-expression-parse@3.0.1: + dependencies: + spdx-exceptions: 2.5.0 + spdx-license-ids: 3.0.21 + + spdx-license-ids@3.0.21: {} + split-ca@1.0.1: {} sprintf-js@1.0.3: {} @@ -11741,11 +12172,90 @@ snapshots: strip-json-comments@3.1.1: {} + style-search@0.1.0: {} + style-value-types@5.1.2: dependencies: hey-listen: 1.0.8 tslib: 2.4.0 + stylelint-config-recommended-scss@6.0.0(postcss@8.4.41)(stylelint@14.16.1): + dependencies: + postcss-scss: 4.0.9(postcss@8.4.41) + stylelint: 14.16.1 + stylelint-config-recommended: 7.0.0(stylelint@14.16.1) + stylelint-scss: 4.7.0(stylelint@14.16.1) + transitivePeerDependencies: + - postcss + + stylelint-config-recommended@7.0.0(stylelint@14.16.1): + dependencies: + stylelint: 14.16.1 + + stylelint-config-standard-scss@4.0.0(postcss@8.4.41)(stylelint@14.16.1): + dependencies: + stylelint: 14.16.1 + stylelint-config-recommended-scss: 6.0.0(postcss@8.4.41)(stylelint@14.16.1) + stylelint-config-standard: 25.0.0(stylelint@14.16.1) + transitivePeerDependencies: + - postcss + + stylelint-config-standard@25.0.0(stylelint@14.16.1): + dependencies: + stylelint: 14.16.1 + stylelint-config-recommended: 7.0.0(stylelint@14.16.1) + + stylelint-scss@4.7.0(stylelint@14.16.1): + dependencies: + postcss-media-query-parser: 0.2.3 + postcss-resolve-nested-selector: 0.1.6 + postcss-selector-parser: 6.1.1 + postcss-value-parser: 4.2.0 + stylelint: 14.16.1 + + stylelint@14.16.1: + dependencies: + '@csstools/selector-specificity': 2.2.0(postcss-selector-parser@6.1.1) + balanced-match: 2.0.0 + colord: 2.9.3 + cosmiconfig: 7.1.0 + css-functions-list: 3.2.3 + debug: 4.3.6 + fast-glob: 3.3.2 + fastest-levenshtein: 1.0.16 + file-entry-cache: 6.0.1 + global-modules: 2.0.0 + globby: 11.1.0 + globjoin: 0.1.4 + html-tags: 3.3.1 + ignore: 5.3.1 + import-lazy: 4.0.0 + imurmurhash: 0.1.4 + is-plain-object: 5.0.0 + known-css-properties: 0.26.0 + mathml-tag-names: 2.1.3 + meow: 9.0.0 + micromatch: 4.0.7 + normalize-path: 3.0.0 + picocolors: 1.0.1 + postcss: 8.4.41 + postcss-media-query-parser: 0.2.3 + postcss-resolve-nested-selector: 0.1.6 + postcss-safe-parser: 6.0.0(postcss@8.4.41) + postcss-selector-parser: 6.1.1 + postcss-value-parser: 4.2.0 + resolve-from: 5.0.0 + string-width: 4.2.3 + strip-ansi: 6.0.1 + style-search: 0.1.0 + supports-hyperlinks: 2.3.0 + svg-tags: 1.0.0 + table: 6.9.0 + v8-compile-cache: 2.4.0 + write-file-atomic: 4.0.2 + transitivePeerDependencies: + - supports-color + supports-color@5.5.0: dependencies: has-flag: 3.0.0 @@ -11758,6 +12268,11 @@ snapshots: dependencies: has-flag: 4.0.0 + supports-hyperlinks@2.3.0: + dependencies: + has-flag: 4.0.0 + supports-color: 7.2.0 + supports-preserve-symlinks-flag@1.0.0: {} svelte-check@3.8.5(@babel/core@7.25.2)(postcss-load-config@3.1.4(postcss@8.4.41))(postcss@8.4.41)(sass@1.77.8)(svelte@4.2.18): @@ -11854,6 +12369,8 @@ snapshots: transitivePeerDependencies: - supports-color + svg-tags@1.0.0: {} + svgo@3.3.2: dependencies: '@trysound/sax': 0.2.0 @@ -11866,6 +12383,14 @@ snapshots: tabbable@6.2.0: {} + table@6.9.0: + dependencies: + ajv: 8.17.1 + lodash.truncate: 4.4.2 + slice-ansi: 4.0.0 + string-width: 4.2.3 + strip-ansi: 6.0.1 + tar-fs@2.0.1: dependencies: chownr: 1.1.4 @@ -11973,6 +12498,8 @@ snapshots: trim-lines@3.0.1: {} + trim-newlines@3.0.1: {} + ts-api-utils@1.3.0(typescript@5.5.4): dependencies: typescript: 5.5.4 @@ -11999,10 +12526,14 @@ snapshots: type-detect@4.1.0: {} + type-fest@0.18.1: {} + type-fest@0.20.2: {} type-fest@0.21.3: {} + type-fest@0.6.0: {} + type-fest@0.8.1: {} type-fest@1.4.0: {} @@ -12134,6 +12665,11 @@ snapshots: '@types/istanbul-lib-coverage': 2.0.6 convert-source-map: 2.0.0 + validate-npm-package-license@3.0.4: + dependencies: + spdx-correct: 3.2.0 + spdx-expression-parse: 3.0.1 + vary@1.1.2: {} vfile-message@4.0.2: @@ -12282,6 +12818,8 @@ snapshots: camelcase: 5.3.1 decamelize: 1.2.0 + yargs-parser@20.2.9: {} + yargs-parser@21.1.1: {} yargs@15.4.1: diff --git a/v2/legacy/.gitignore b/v2/legacy/.gitignore new file mode 100644 index 0000000000..21a6ff0c6b --- /dev/null +++ b/v2/legacy/.gitignore @@ -0,0 +1,7 @@ +node_modules/ +.DS_Store +icons-dist/ +*.local +.turbo +.vercel +.idea \ No newline at end of file diff --git a/v2/legacy/package.json b/v2/legacy/package.json new file mode 100644 index 0000000000..833fe4d79f --- /dev/null +++ b/v2/legacy/package.json @@ -0,0 +1,20 @@ +{ + "name": "@appwrite.io/pink-legacy", + "version": "1.0.0", + "description": "", + "scripts": { + "test": "echo \"Error: no test specified\" && exit 1", + "build": "sass --style=compressed --load-path=../../node_modules src/_index.scss:dist/pink.css" + }, + "author": "", + "license": "ISC", + "dependencies": { + "@appwrite.io/pink-icons": "1.0.0", + "normalize.css": "^8.0.1", + "the-new-css-reset": "^1.11.2" + }, + "main": "dist/pink.css", + "style": "dist/pink.css", + "jsdelivr": "dist/pink.css", + "unpkg": "dist/pink.css" +} diff --git a/v2/legacy/src/1-css-variables/_border-radius.scss b/v2/legacy/src/1-css-variables/_border-radius.scss new file mode 100644 index 0000000000..c0d16441fe --- /dev/null +++ b/v2/legacy/src/1-css-variables/_border-radius.scss @@ -0,0 +1,8 @@ +@use '../abstract' as *; +:root { + --border-radius-xsmall: #{pxToRem(4)}; + --border-radius-small: #{pxToRem(8)}; + --border-radius-medium: #{pxToRem(16)}; + --border-radius-large: #{pxToRem(24)}; + --border-radius-circular: 50%; +} \ No newline at end of file diff --git a/v2/legacy/src/1-css-variables/_colors.scss b/v2/legacy/src/1-css-variables/_colors.scss new file mode 100644 index 0000000000..1be060c3bb --- /dev/null +++ b/v2/legacy/src/1-css-variables/_colors.scss @@ -0,0 +1,125 @@ +@use '../abstract' as *; +:root { + /** Primary **/ + --color-primary-hue: 343; + --color-primary-100: var(--color-primary-hue) 87% 56%; /* #f02e65 */ + --color-primary-200: calc(var(--color-primary-hue) - 3) 79% 48%; /* #DA1A5B */ + --color-primary-300: calc(var(--color-primary-hue) - 6) 87% 40%; /* #c00D53 */ + + /** Neutral **/ + + --color-neutral-0: 0 0% 100%; /* #ffffff */ + --color-neutral-5: 240 11% 98%; /* #FAFAFB */ + --color-neutral-10: 240 9% 94%; /* #EDEDF0 */ + --color-neutral-15: 240 4% 85%; /* #D8D8DB */ + --color-neutral-20: 240 3% 77%; /* #C3C3C6 */ + + --color-neutral-50: 240 2% 52%; /* #818186 */ + --color-neutral-60: 240 2% 43%; /* #6C6C71 */ + --color-neutral-70: 240 3% 35%; /* #56565C */ + + --color-neutral-80: 240 4% 27%; /* #414146 */ + --color-neutral-85: 240 4% 18%; /* #2D2D31 */ + --color-neutral-90: 240 7% 12%; /* #1D1D21 */ + --color-neutral-100: 240 6% 10%; /* #19191C */ + --color-neutral-105: 240 5% 8%; /* #141416 */ + --color-neutral-1000:0 0% 0%; /* #000000 */ + + /** Information **/ + --color-information-hue: 189; + --color-information-10: calc(var(--color-information-hue) + 4) 88% 94%; /* #E1F7FD */ + --color-information-50: calc(var(--color-information-hue) + 13) 90% 89%; /* #C8F2FC */ + --color-information-100: var(--color-information-hue) 100% 38%; /* #00A7C3 */ + --color-information-120: calc(var(--color-information-hue) + 1) 100% 26%; /* #007187 */ + --color-information-200: calc(var(--color-information-hue) - 1) 87% 12%; /* #04333A */ + + /** Success **/ + --color-success-hue: 150; + --color-success-10: var(--color-success-hue) 88% 93%; /* #DFFDEE */ + --color-success-50: var(--color-success-hue) 91% 87%; /* #BFFCDD */ + --color-success-100: var(--color-success-hue) 100% 37%; /* #00BC5D */ + --color-success-120: calc(var(--color-success-hue) + 8) 100% 23%; /* #00754A */ + --color-success-200: calc(var(--color-success-hue) - 1) 79% 11%; /* #06331C */ + + /** Warning **/ + --color-warning-hue: 33; + --color-warning-10: calc(var(--color-warning-hue) + 1) 100% 94%; /* #FFF1DF */ + --color-warning-50: calc(var(--color-warning-hue) - 2) 100% 88%; /* #FFE1C0 */ + --color-warning-100: var(--color-warning-hue) 100% 48%; /* #F38500 */ + --color-warning-120: calc(var(--color-warning-hue) - 9) 100% 35%; /* #B34700 */ + --color-warning-200: var(--color-warning-hue) 97% 14%; /* #462701 */ + + /** Danger **/ + --color-danger-hue: 3; + --color-danger-10: calc(var(--color-danger-hue) - 3) 100% 96%; /* #FFEBEB */ + --color-danger-50: calc(var(--color-danger-hue) - 2) 100% 92%; /* #FFD5D4 */ + --color-danger-100: var(--color-danger-hue) 100% 61%; /* #FF453A */ + --color-danger-120: calc(var(--color-danger-hue) - 3) 82% 39%; /* #B31212 */ + --color-danger-200: calc(var(--color-danger-hue) - 1) 91% 13%; /* #3E0503 */ + + /** Blue **/ + --color-blue-hue: 218; + --color-blue-100: var(--color-blue-hue) 100% 82%; /* #A1C4FF */ + + /** Green **/ + --color-green-hue: 172; + --color-green-100: var(--color-green-hue) 50% 72%; /* #94DBD1 */ + + /** Orange **/ + --color-orange-hue: 32; + --color-orange-100: var(--color-orange-hue) 97% 75%; /* #FDC584 */ + + /** Red **/ + --color-red-hue: 0; + --color-red-100: var(--color-red-hue) 100% 82%; /* #FFA1A1 */ + + /** Purple **/ + --color-purple-hue: 261; + --color-purple-100: var(--color-purple-hue) 93% 84%; /* #CBB1FC */ + + /** Pink **/ + --color-pink-hue: 331; + --color-pink-100: var(--color-pink-hue) 100% 82%; /* #FFA1CE */ + + /* [Newly added] mint */ + --color-mint-hue: 177; + --color-mint-500: calc(var(--color-mint-hue) + 1) 54% 69%; + /* [Finish added] */ + + + /* transparent */ + --transparent: 0 0% 0% / 0; +} + + +:root { + --color-pink-text: var(--color-primary-100); + + --color-text-disabled: var(--color-neutral-20); + --color-text-offline: var(--color-neutral-50); + --color-text-info: var(--color-information-100); + --color-text-danger: var(--color-danger-100); + --color-text-warning: var(--color-warning-100); + --color-text-success: var(--color-success-100); + + --color-text-gray: var(--color-neutral-50); + + --color-border: var(--color-neutral-10); + --scroll-color: var(--color-neutral-20); + + #{$theme-dark} { + --color-pink-text: var(--color-primary-200); + + --color-text-disabled: var(--color-neutral-60); + --color-text-offline: var(--color-neutral-50); + --color-text-info: var(--color-information-100); + --color-text-danger: var(--color-danger-100); + --color-text-warning: var(--color-warning-100); + --color-text-success: var(--color-success-100); + + --color-text-gray: var(--color-neutral-20); + + --color-border: var(--color-neutral-85); + --scroll-color: var(--color-neutral-80); + } +} \ No newline at end of file diff --git a/v2/legacy/src/1-css-variables/_common.scss b/v2/legacy/src/1-css-variables/_common.scss new file mode 100644 index 0000000000..a5057055ad --- /dev/null +++ b/v2/legacy/src/1-css-variables/_common.scss @@ -0,0 +1,5 @@ +@use '../abstract' as *; +/* common CSS native variables */ +:root { + --transition: 0.2s; +} \ No newline at end of file diff --git a/v2/legacy/src/1-css-variables/_fonts.scss b/v2/legacy/src/1-css-variables/_fonts.scss new file mode 100644 index 0000000000..7c97602a2e --- /dev/null +++ b/v2/legacy/src/1-css-variables/_fonts.scss @@ -0,0 +1,17 @@ +@use '../abstract' as *; +:root { + --heading-font: 'Poppins', arial, sans-serif; + --content-font: 'Inter', arial, sans-serif; + --code-font: 'Source Code Pro', monospace; + + --font-size-00: #{pxToRem(12)}; + --font-size-0: #{pxToRem(14)}; + --font-size-1: #{pxToRem(16)}; + --font-size-2: #{pxToRem(18)}; + --font-size-3: #{pxToRem(20)}; + --font-size-4: #{pxToRem(24)}; + --font-size-5: #{pxToRem(28)}; + --font-size-6: #{pxToRem(32)}; + --font-size-7: #{pxToRem(36)}; + --font-size-8: #{pxToRem(40)}; +} \ No newline at end of file diff --git a/v2/legacy/src/1-css-variables/_index.scss b/v2/legacy/src/1-css-variables/_index.scss new file mode 100644 index 0000000000..ab4f3cff98 --- /dev/null +++ b/v2/legacy/src/1-css-variables/_index.scss @@ -0,0 +1,7 @@ +@forward "language"; +@forward "common"; +@forward "fonts"; +@forward "colors"; +@forward "sizes"; +@forward "border-radius"; +@forward "shadows"; \ No newline at end of file diff --git a/v2/legacy/src/1-css-variables/_language.scss b/v2/legacy/src/1-css-variables/_language.scss new file mode 100644 index 0000000000..202d0b8e3c --- /dev/null +++ b/v2/legacy/src/1-css-variables/_language.scss @@ -0,0 +1,11 @@ +:root { + --transform-direction: 1; + --start-direction: left; + --end-direction: right; + + &[dir="rtl"] { + --transform-direction: -1; + --start-direction: right; + --end-direction: left; + } +} \ No newline at end of file diff --git a/v2/legacy/src/1-css-variables/_shadows.scss b/v2/legacy/src/1-css-variables/_shadows.scss new file mode 100644 index 0000000000..859355254d --- /dev/null +++ b/v2/legacy/src/1-css-variables/_shadows.scss @@ -0,0 +1,19 @@ +@use '../abstract' as *; + +:root { + --shadow-color: var(--color-neutral-80); + + --shadow-small: #{pxToRem(0) pxToRem(16) pxToRem(32) hsl(var(--shadow-color) / 0.02)}; + --shadow-large: #{pxToRem(0) pxToRem(16) pxToRem(32) hsl(var(--shadow-color) / 0.04)}; + + /* focus state shadow */ + $focus: 0 0 0 pxToRem(1) hsl(var(--color-information-100)), 0 0 0 pxToRem(4) hsl(var(--color-information-100) / 0.25); + --focus-box-shadow: #{$focus}; + + #{$theme-dark} { + --shadow-color: var(--color-neutral-105); + + --shadow-small: #{pxToRem(0) pxToRem(16) pxToRem(32) hsl(var(--shadow-color) / 0.5)}; + --shadow-large: #{pxToRem(0) pxToRem(16) pxToRem(32) hsl(var(--shadow-color) / 1)}; + } +} \ No newline at end of file diff --git a/v2/legacy/src/1-css-variables/_sizes.scss b/v2/legacy/src/1-css-variables/_sizes.scss new file mode 100644 index 0000000000..73a586cce5 --- /dev/null +++ b/v2/legacy/src/1-css-variables/_sizes.scss @@ -0,0 +1,16 @@ +@use '../abstract' as *; +:root { + --container-size-small: #{pxToRem(320)}; + --container-size-medium: #{pxToRem(496)}; + --container-size-large: #{pxToRem(700)}; + --container-size-xl: #{pxToRem(928)}; + --container-size-xxl: #{pxToRem(1260)}; + --container-size-xxxl: #{pxToRem(1394)}; + + /* icons */ + --icon-size-small: #{pxToRem(16)}; + --icon-size-medium: #{pxToRem(20)}; /* default */ + --icon-size-large: #{pxToRem(24)}; + --icon-size-extra-large: #{pxToRem(32)}; + +} \ No newline at end of file diff --git a/v2/legacy/src/2-resets/_custom-css-reset.scss b/v2/legacy/src/2-resets/_custom-css-reset.scss new file mode 100644 index 0000000000..8c3d552e7b --- /dev/null +++ b/v2/legacy/src/2-resets/_custom-css-reset.scss @@ -0,0 +1,28 @@ +@use '../abstract' as *; +/** custom reset **/ + +img[src=""] { + visibility: hidden; +} + +button { + cursor: pointer; +} + +pre { + margin-block: 0; +} + +details summary::-webkit-details-marker { + display:none; +} + +summary::-webkit-details-marker { display:none!important; } + +input::-webkit-datetime-edit { line-height:1; padding:0; margin-bottom:-2px; } + + +#{$theme-dark} { + input[type="date"]::-webkit-calendar-picker-indicator { filter:invert(0.8); } + input[type="time"]::-webkit-calendar-picker-indicator { filter:invert(0.8); } +} diff --git a/v2/legacy/src/2-resets/_index.scss b/v2/legacy/src/2-resets/_index.scss new file mode 100644 index 0000000000..06dee4fa34 --- /dev/null +++ b/v2/legacy/src/2-resets/_index.scss @@ -0,0 +1,10 @@ +@use 'sass:meta'; +@layer the-new-css-reset, typography; + +@layer the-new-css-reset { + @include meta.load-css('the-new-css-reset/css/reset.css'); +} + +@layer typography { + @include meta.load-css('typography'); +} diff --git a/v2/legacy/src/2-resets/_typography.scss b/v2/legacy/src/2-resets/_typography.scss new file mode 100644 index 0000000000..111c5a7dc2 --- /dev/null +++ b/v2/legacy/src/2-resets/_typography.scss @@ -0,0 +1,108 @@ +@use '../abstract' as *; + +/* remove bounce affect on Safari mac */ +html, body { + overscroll-behavior-y: none; +} + +html { + //@include scroll(); //Eldad ask to try to use if without for MacOS affect (hide when not being use) + scrollbar-gutter: stable; + overflow: overlay; // fallback macOS + overflow-x: hidden; + &:has(:where(body#{$theme-dark})) { color-scheme:dark; } +} + +body { + --p-body-text-color: var(--color-neutral-60); + --p-body-bg-color: var(--color-neutral-5); + font-family: var(--content-font); + -webkit-font-smoothing: antialiased; + font-weight: 400; + font-size: 14px; + line-height: 1.5; + color: hsl(var(--p-body-text-color)); + background-color: hsl(var(--p-body-bg-color)); + + &#{$theme-dark} { + --p-body-text-color: var(--color-neutral-20); + --p-body-bg-color: var(--color-neutral-105); + } +} + +/* + Native element affect + + there also utilities classes: + - u-small-text + - u-font-bold +*/ +small { font-size:pxToRem(14); } +b { font-weight:600; } +code { + font-family: var(--code-font); + font-size: pxToRem(14); + line-height: 1.5; + letter-spacing: 0.08em; + white-space: pre-wrap; +} + +/** heading **/ + +/* color for both heading */ +[class*="heading-"] { + --p-heading-text-color: var(--heading-text-color, var(--color-neutral-80)); + color: hsl(var(--p-heading-text-color)); + #{$theme-dark} & { + --p-heading-text-color: var(--heading-text-color, var(--color-neutral-10)); + } +} + +[class*="heading-level"] { + font-family: var(--heading-font, arial); + line-height: 1.5; +} + +.heading-level { + @media #{$break1}, #{$break2} { + &-1 { font-size:var(--font-size-7); font-weight:700; } + &-2 { font-size:var(--font-size-6); font-weight:700; } + &-3 { font-size:var(--font-size-5); font-weight:600; } + &-4 { font-size:var(--font-size-4); font-weight:500; } + &-5 { font-size:var(--font-size-3); font-weight:500; } + &-6 { font-size:var(--font-size-2); font-weight:500; } + &-7 { font-size:var(--font-size-1); font-weight:500; } + } + @media #{$break3open} { + &-1 { font-size:var(--font-size-8); font-weight:700; } + &-2 { font-size:var(--font-size-7); font-weight:700; } + &-3 { font-size:var(--font-size-6); font-weight:700; } + &-4 { font-size:var(--font-size-5); font-weight:600; } + &-5 { font-size:var(--font-size-4); font-weight:500; } + &-6 { font-size:var(--font-size-3); font-weight:500; } + &-7 { font-size:var(--font-size-2); font-weight:500; } + } +} + +[class*="eyebrow-heading"] { + text-transform: uppercase; + font-weight: 600; + line-height: 1.5; +} + +.eyebrow-heading { + &-1 { font-size:var(--font-size-1); letter-spacing:0.08em; } + &-2 { font-size:var(--font-size-0); letter-spacing:0.08em; } + &-3 { font-size:var(--font-size-00); letter-spacing:0.12em; } +} + +.body-text { + &-1 { font-size:var(--font-size-1); } + &-2 { font-size:var(--font-size-0); } +} + +::selection { + color: hsl(var(--color-neutral-1000)); -webkit-text-fill-color: hsl(var(--color-neutral-1000)); + background-color: hsl(var(--color-mint-500)); background-clip:revert; -webkit-background-clip:revert; +} + diff --git a/v2/legacy/src/5-animations/_bounce.scss b/v2/legacy/src/5-animations/_bounce.scss new file mode 100644 index 0000000000..69ab59108a --- /dev/null +++ b/v2/legacy/src/5-animations/_bounce.scss @@ -0,0 +1,19 @@ +@use '../abstract' as *; +/* usage class */ +.animation-bounce { + animation:bounce infinite 2s; + @media (prefers-reduced-motion) { animation:none; } +} + +/** Bounce Animation **/ +@keyframes bounce { + 0%, 20%, 50%, 80%, 100% { + transform: translateY(pxToRem(0)); + } + 40% { + transform: translateY(pxToRem(-15)); + } + 60% { + transform: translateY(pxToRem(-7)); + } +} \ No newline at end of file diff --git a/v2/legacy/src/5-animations/_index.scss b/v2/legacy/src/5-animations/_index.scss new file mode 100644 index 0000000000..be2e06fbad --- /dev/null +++ b/v2/legacy/src/5-animations/_index.scss @@ -0,0 +1,2 @@ +@forward "bounce"; +@forward "rotate"; \ No newline at end of file diff --git a/v2/legacy/src/5-animations/_rotate.scss b/v2/legacy/src/5-animations/_rotate.scss new file mode 100644 index 0000000000..e5472fd0d9 --- /dev/null +++ b/v2/legacy/src/5-animations/_rotate.scss @@ -0,0 +1,13 @@ +@use '../abstract' as *; +/* usage class */ +.animation-rotate { + animation: rotate 1s infinite linear; + @media (prefers-reduced-motion) { animation-duration:0s; } +} + +/** Bounce Animation **/ +@keyframes rotate { + 100% { + transform: rotate(360deg); + } +} \ No newline at end of file diff --git a/v2/legacy/src/6-elements/_avatar.scss b/v2/legacy/src/6-elements/_avatar.scss new file mode 100644 index 0000000000..6f7e15d8be --- /dev/null +++ b/v2/legacy/src/6-elements/_avatar.scss @@ -0,0 +1,243 @@ +@use '../abstract' as *; + +.avatar { + --p-text-size: var(--text-size, var(--font-size-0)); + --p-image-size: var(--image-size, #{pxToRem(20)} ); + --p-size: var(--size, #{pxToRem(40)} ); /* default is medium size */ + + --p-avatar-text-color: var(--p-avatar-text-color-default); + --p-avatar-bg-color: var(--p-avatar-bg-color-default); + --p-avatar-border-color: var(--p-avatar-border-color-default); + + /* default */ + --p-avatar-text-color-default: var(--color-neutral-60); + --p-avatar-bg-color-default: var(--color-neutral-5); + --p-avatar-border-color-default: var(--color-neutral-10); + + /* empty */ + --p-avatar-text-color-empty: var(--color-neutral-20); + --p-avatar-bg-color-empty: var(--transparent); + --p-avatar-border-color-empty: var(--color-neutral-20); + + /* orange */ + --p-avatar-text-color-orange: var(--color-neutral-0); + --p-avatar-bg-color-orange: var(--color-orange-100); + --p-avatar-border-color-orange: var(--p-avatar-bg-color-orange); + + /* green */ + --p-avatar-text-color-green: var(--color-neutral-0); + --p-avatar-bg-color-green: var(--color-green-100); + --p-avatar-border-color-green: var(--p-avatar-bg-color-green); + + /* blue */ + --p-avatar-text-color-blue: var(--color-neutral-0); + --p-avatar-bg-color-blue: var(--color-blue-100); + --p-avatar-border-color-blue: var(--p-avatar-bg-color-blue); + + /* pink */ + --p-avatar-text-color-pink: var(--color-neutral-0); + --p-avatar-bg-color-pink: var(--color-pink-100); + --p-avatar-border-color-pink: var(--p-avatar-bg-color-pink); + + /* red */ + --p-avatar-text-color-red: var(--color-neutral-0); + --p-avatar-bg-color-red: var(--color-red-100); + --p-avatar-border-color-red: var(--p-avatar-bg-color-red); + + + --color-text-info: var(--color-information-100); + --color-text-danger: var(--color-danger-100); + --color-text-warning: var(--color-warning-100); + --color-text-success: var(--color-success-100); + + + /* info */ + --p-avatar-text-info: var(--color-neutral-0); + --p-avatar-bg-info: var(--color-text-info); + --p-avatar-border-info: var(--p-avatar-bg-info); + + /* danger */ + --p-avatar-text-danger: var(--color-neutral-0); + --p-avatar-bg-danger: var(--color-text-danger); + --p-avatar-border-danger: var(--p-avatar-bg-danger); + + /* warning */ + --p-avatar-text-warning: var(--color-neutral-0); + --p-avatar-bg-warning: var(--color-text-warning); + --p-avatar-border-warning: var(--p-avatar-bg-warning); + + /* success */ + --p-avatar-text-success: var(--color-neutral-0); + --p-avatar-bg-success: var(--color-text-success); + --p-avatar-border-success: var(--p-avatar-bg-success); + + color: hsl(var(--p-avatar-text-color)); + background-color: hsl(var(--p-avatar-bg-color)); + border: solid pxToRem(1) hsl(var(--p-avatar-border-color)); + + font-size: var(--p-text-size); + inline-size: var(--p-size); + block-size: var(--p-size); + + /* fix shrinking issue */ + min-inline-size: var(--p-size); + min-block-size: var(--p-size); + max-inline-size: var(--p-size); + max-block-size: var(--p-size); + + border-radius: var(--border-radius-circular); + + display: grid; + place-content: center; + flex-shrink: 0; /* in case it a child of flexbox */ + box-sizing: content-box; + overflow: hidden; + text-transform: uppercase; + -webkit-user-select: none; + user-select: none; + line-height: 1; + + [class*="icon"] { font-size:var(--p-text-size)!important; } + img, svg { inline-size:var(--p-image-size); block-size:var(--p-image-size); } + &-link { + display:block; border-radius:var(--border-radius-circular); + &:focus-visible { box-shadow:var(--focus-box-shadow); } + } + /* sizes */ + &.is-size-x-small { + --p-text-size: #{pxToRem(10)}; + --p-size: #{pxToRem(24)}; + --p-image-size: #{pxToRem(16)}; + &.is-with-3-char { --p-text-size:#{pxToRem(8)}; } + [class*="icon"] { --p-text-size:var(--font-size-0); } + } + &.is-size-small { + --p-text-size: var(--font-size-00); + --p-size: #{pxToRem(32)}; + --p-image-size: #{pxToRem(20)}; + &.is-with-3-char { --p-text-size:#{pxToRem(10)}; } + [class*="icon"] { --p-text-size:var(--font-size-0); } + .icon-question-mark-circle { --p-text-size:var(--font-size-2); } + } + &.is-size-medium { + /* default */ + &.is-with-3-char { --p-text-size:var(--font-size-0); } + [class*="icon"] { --p-text-size:var(--font-size-1); } + } + &.is-size-large { + --p-text-size:var(--font-size-1); + --p-size:#{pxToRem(48)}; + --p-image-size: #{pxToRem(24)}; + &.is-with-3-char { --p-text-size:var(--font-size-0); } + [class*="icon"] { --p-text-size:var(--font-size-4); } + } + &.is-size-x-large { + --p-text-size:var(--font-size-4); + --p-size:#{pxToRem(64)}; + --p-image-size: #{pxToRem(24)}; + &.is-with-3-char { --p-text-size:var(--font-size-2); } + [class*="icon"] { --p-text-size:var(--font-size-4); } + } + + /* color states */ + &.is-color-empty { + border-style: dashed; + --p-avatar-text-color: var(--p-avatar-text-color-empty); + --p-avatar-bg-color: var(--p-avatar-bg-color-empty); + --p-avatar-border-color: var(--p-avatar-border-color-empty); + } + &.is-color-orange { + --p-avatar-text-color: var(--p-avatar-text-color-orange); + --p-avatar-bg-color: var(--p-avatar-bg-color-orange); + --p-avatar-border-color: var(--p-avatar-border-color-orange); + } + &.is-color-green { + --p-avatar-text-color: var(--p-avatar-text-color-green); + --p-avatar-bg-color: var(--p-avatar-bg-color-green); + --p-avatar-border-color: var(--p-avatar-border-color-green); + } + &.is-color-blue { + --p-avatar-text-color: var(--p-avatar-text-color-blue); + --p-avatar-bg-color: var(--p-avatar-bg-color-blue); + --p-avatar-border-color: var(--p-avatar-border-color-blue); + } + &.is-color-pink { + --p-avatar-text-color: var(--p-avatar-text-color-pink); + --p-avatar-bg-color: var(--p-avatar-bg-color-pink); + --p-avatar-border-color: var(--p-avatar-border-color-pink); + } + &.is-color-red { + --p-avatar-text-color: var(--p-avatar-text-color-red); + --p-avatar-bg-color: var(--p-avatar-bg-color-red); + --p-avatar-border-color: var(--p-avatar-border-color-red); + } + + /* message Avatars colors */ + &.is-info { + --p-avatar-text-color: var(--p-avatar-text-info); + --p-avatar-bg-color: var(--p-avatar-bg-info); + --p-avatar-border-color: var(--p-avatar-border-info); + } + + &.is-warning { + --p-avatar-text-color: var(--p-avatar-text-warning); + --p-avatar-bg-color: var(--p-avatar-bg-warning); + --p-avatar-border-color: var(--p-avatar-border-warning); + } + + &.is-danger { + --p-avatar-text-color: var(--p-avatar-text-danger); + --p-avatar-bg-color: var(--p-avatar-bg-danger); + --p-avatar-border-color: var(--p-avatar-border-danger); + } + + &.is-success { + --p-avatar-text-color: var(--p-avatar-text-success); + --p-avatar-bg-color: var(--p-avatar-bg-success); + --p-avatar-border-color: var(--p-avatar-border-success); + } + + + #{$theme-dark} & { + /* default */ + --p-avatar-text-color-default: var(--color-neutral-20); + --p-avatar-bg-color-default: var(--color-neutral-85); + --p-avatar-border-color-default: var(--color-neutral-80); + + /* colors avatars*/ + --p-avatar-text-color-orange: var(--color-neutral-80); + --p-avatar-text-color-green: var(--color-neutral-80); + --p-avatar-text-color-blue: var(--color-neutral-80); + --p-avatar-text-color-pink: var(--color-neutral-80); + --p-avatar-text-color-red: var(--color-neutral-80); + + + } +} + +.avatars-group { + --p-avatar-group-border-color: var(--avatar-group-border-color, var(--color-neutral-10)); + position:relative; z-index:0; display:flex; + &-item { + position: relative; + display: inline-flex; + @for $i from 1 through 10 { + &:nth-child(#{$i}) { + $zindex: 10 - $i; + z-index: $zindex; + } + } + .avatar { + border:solid pxToRem(1) hsl(var(--p-avatar-group-border-color)); border-radius:var(--border-radius-circular); + margin-inline-start: -.6rem; + } + .image-item { margin-inline-start: -.6rem; } + + .is-size-x-small { margin-inline-start: -.5rem; } + .is-size-small { margin-inline-start: -.5rem; } + .is-size-large { margin-inline-start: -0.8rem; } + } + #{$theme-dark} & { + --p-avatar-group-border-color: var(--color-neutral-80); + } +} \ No newline at end of file diff --git a/v2/legacy/src/6-elements/_box.scss b/v2/legacy/src/6-elements/_box.scss new file mode 100644 index 0000000000..23ec2c1e46 --- /dev/null +++ b/v2/legacy/src/6-elements/_box.scss @@ -0,0 +1,62 @@ +@use '../abstract' as *; + +.box { + --p-box-text-color: var(--color-neutral-60); + + --p-box-background-color: var(--p-box-background-color-default); + --p-box-background-color-default: var(--color-neutral-5); + --p-box-background-color-hover: var(--color-neutral-10); + + --p-box-border-color: var(--color-neutral-15); + + --p-box-padding: var(--box-padding, #{pxToRem(24)} ); + --p-box-border-radius: var(--box-border-radius, var(--border-radius-xsmall)); + + position: relative; + background-color: hsl(var(--p-box-background-color)); + border: solid pxToRem(1) hsl(var(--p-box-border-color)); + + border-radius: var(--p-box-border-radius); + padding: var(--p-box-padding); + color: hsl(var(--p-box-text-color)); + + max-inline-size:100%; + + &-footer-button { + position:absolute; inset-inline:0; inset-block-end:0; text-align:center; + inline-size:100%; padding-block-start:pxToRem(60); padding-block-end:pxToRem(8); + background: linear-gradient( + to bottom, + hsl(var(--p-box-background-color) / 0), hsl(var(--p-box-background-color) / 1) + ); + } + + &.is-border-dashed { border-style:dashed; } + &.is-hover-with-file { --p-box-background-color: var(--p-box-background-color-hover); } + + #{$theme-dark} & { + --p-box-text-color: var(--color-neutral-5); + --p-box-background-color-default: var(--color-neutral-85); + --p-box-background-color-hover: var(--color-neutral-80); + --p-box-border-color: var(--color-neutral-80); + } +} + +.boxes-wrapper { + display:grid; + .box { + border-radius: 0; + &:first-child { + border-start-start-radius: var(--border-radius-xsmall); + border-start-end-radius: var(--border-radius-xsmall); + } + &:last-child { + border-top: 0; + border-end-start-radius: var(--border-radius-xsmall); + border-end-end-radius: var(--border-radius-xsmall); + } + &:not(:first-child):not(:last-child) { + border-block-start: 0; + } + } +} \ No newline at end of file diff --git a/v2/legacy/src/6-elements/_button.scss b/v2/legacy/src/6-elements/_button.scss new file mode 100644 index 0000000000..96519b529b --- /dev/null +++ b/v2/legacy/src/6-elements/_button.scss @@ -0,0 +1,225 @@ +@use '../abstract' as *; + +.button { + $button-size: pxToRem(40); + --p-button-size: var(--button-size, #{$button-size}); + + $padding-horizontal: pxToRem(16); + --padding-horizontal: #{$padding-horizontal}; + + $font-size: pxToRem(14); + --p-font-size: #{$font-size}; + + /* Light Theme */ + --p-text-color: var(--p-text-color-default); + --p-button-color: var(--p-button-color-default); + --p-border-color: var(--p-border-color-default); + + --p-text-color-default: var(--color-neutral-5); + --p-button-color-default: var(--color-primary-200); + --p-border-color-default: var(--color-primary-300); + + --p-text-color-hover: var(--p-text-color-default); + --p-button-color-hover: var(--color-primary-100); + --p-border-color-hover: var(--p-border-color-default); + + --p-text-color-focus: var(--p-text-color-default); + --p-button-color-focus: var(--color-primary-200); + --p-border-color-focus: var(--color-primary-200); + + --p-text-color-active: var(--p-text-color-default); + --p-button-color-active: var(--color-primary-300); + --p-border-color-active: var(--color-primary-300); + + --p-text-color-disabled: var(--color-neutral-20); + --p-button-color-disabled: var(--color-neutral-10); + --p-border-color-disabled: var(--color-neutral-10); + + /* End Light theme variables */ + + @include trim(); + display:flex; gap:pxToRem(8); align-items:center; inline-size:fit-content; block-size:var(--p-button-size); + padding-inline:var(--padding-horizontal); cursor:pointer; font-size:var(--p-font-size); font-weight:600; + color:hsl(var(--p-text-color)); background-color:hsl(var(--p-button-color)); text-align:center; + border:solid pxToRem(1) hsl(var(--p-border-color)); border-radius:var(--border-radius-xsmall); flex-shrink:0; + -webkit-user-select:none; user-select:none; + + [class*="icon"] { + line-height: 1; + &::before { vertical-align:middle; } + } + + &.is-small { + $button-size: pxToRem(32); + --p-button-size: var(--button-size, #{$button-size}); + } + &.is-big { + $font-size: pxToRem(16); + --p-font-size: #{$font-size}; + + $button-size:pxToRem(48); --p-button-size:#{$button-size}; + $padding-horizontal:pxToRem(20); --padding-horizontal: #{$padding-horizontal}; + } + &.is-only-icon { aspect-ratio:1 / 1; padding:0; justify-content:center; align-items:center; border-radius:var(--border-radius-circular); } + &.is-full-width { inline-size:100%; justify-content:center; } + &.is-full-width-mobile { @media #{$break1} {inline-size:100%; justify-content:center; } } + &.is-full-width-in-stack-mobile { @media #{$break1} { flex-grow:1; justify-content:center; } } + /* default - PRIMARY */ + &:is(:hover) { + &:where(:not(#{$disabled})) { + --p-text-color: var(--p-text-color-hover); + --p-button-color: var(--p-button-color-hover); + --p-border-color: var(--p-border-color-hover); + } + } + &:is(:focus-visible) { + &:where(:not(#{$disabled})) { + --p-text-color: var(--p-text-color-focus); + --p-button-color: var(--p-button-color-focus); + --p-border-color: var(--p-border-color-focus); + } + } + &:is(:active) { + &:where(:not(#{$disabled})) { + --p-text-color: var(--p-text-color-active); + --p-button-color: var(--p-button-color-active); + --p-border-color: var(--p-border-color-active); + } + } + &:where(#{$disabled}) { + --p-text-color: var(--p-text-color-disabled); + --p-button-color: var(--p-button-color-disabled); + --p-border-color: var(--p-border-color-disabled); + cursor: unset; + /* opacity:0.3; filter:grayscale(1); - old styles */ + } + /** DARK MODE **/ + #{$theme-dark} & { + --p-button-color-default: var(--color-primary-200); + --p-border-color-default: var(--color-primary-200); + + --p-button-color-hover: var(--color-primary-100); + --p-border-color-hover: var(--color-primary-100); + + --p-border-color-focus: var(--color-primary-300); + + --p-border-color-active: var(--color-primary-300); + + --p-text-color-disabled: var(--color-neutral-60); + --p-button-color-disabled: var(--color-neutral-80); + --p-border-color-disabled: var(--color-neutral-80); + } + /** end main button */ + + /* special color */ + &.is-github { + --p-text-color-default: var(--color-neutral-0); + --p-button-color-default: var(--color-neutral-80); + --p-border-color-default: var(--color-neutral-80); + + --p-text-color-hover: var(--p-text-color-default); + --p-button-color-hover: var(--p-button-color-default); + --p-border-color-hover: var(--p-border-color-default); + + --p-text-color-focus: var(--p-text-color-default); + --p-button-color-focus: var(--p-button-color-default); + --p-border-color-focus: var(--p-border-color-default); + + --p-text-color-active: var(--p-text-color-default); + --p-button-color-active: var(--p-button-color-default); + --p-border-color-active: var(--p-border-color-default); + } + + &.is-secondary { + --p-text-color-default: var(--color-neutral-60); + --p-button-color-default: var(--color-neutral-5); + --p-border-color-default: var(--color-neutral-15); + + --p-text-color-hover: var(--p-text-color-default); + --p-button-color-hover: var(--color-neutral-10); + --p-border-color-hover: var(--p-border-color-default); + + --p-text-color-focus: var(--p-text-color-default); + --p-button-color-focus: var(--p-button-color-default); + --p-border-color-focus: var(--transparent); + + --p-text-color-active: var(--color-neutral-90); + --p-button-color-active: var(--color-neutral-15); + --p-border-color-active: var(--color-neutral-15); + + --p-text-color-disabled: var(--color-neutral-20); + --p-button-color-disabled: var(--p-button-color-default); + --p-border-color-disabled: var(--color-neutral-15); + + + /** DARK MODE **/ + #{$theme-dark} & { + --p-text-color-default: var(--color-neutral-5); + --p-button-color-default: var(--color-neutral-90); + --p-border-color-default: var(--color-neutral-80); + + --p-text-color-hover: var(--p-text-color-default); + --p-button-color-hover: var(--transparent); + --p-border-color-hover: var(--color-neutral-70); + + --p-text-color-focus: var(--p-text-color-default); + --p-button-color-focus: var(--p-button-color-default); + --p-border-color-focus: var(--transparent); + + --p-text-color-active: var(--p-text-color-default); + --p-button-color-active: var(--p-button-color-default); + --p-border-color-active: var(--color-neutral-60); + + --p-text-color-disabled: var(--color-neutral-60); + --p-button-color-disabled: var(--p-button-color-default); + --p-border-color-disabled: var(--color-neutral-80); + } + } + + &.is-text { + --p-text-color-default: var(--color-neutral-60); + --p-button-color-default: var(--transparent); + --p-border-color-default: var(--transparent); + + --p-text-color-hover: var(--color-neutral-70); + --p-button-color-hover: var(--p-button-color-default); + --p-border-color-hover: var(--p-border-color-default); + + --p-text-color-focus: var(--p-text-color-default); + --p-button-color-focus: var(--color-neutral-5); + --p-border-color-focus: var(--p-border-color-default); + + --p-text-color-active: var(--color-neutral-90); + --p-button-color-active: var(--p-button-color-default); + --p-border-color-active: var(--p-border-color-default); + + + --p-text-color-disabled: var(--color-neutral-20); + --p-button-color-disabled: var(--p-button-color-default); + --p-border-color-disabled: var(--p-border-color-default); + + /** DARK MODE **/ + #{$theme-dark} & { + + --p-text-color-default: var(--color-neutral-5); + --p-button-color-default: var(--transparent); + --p-border-color-default: var(--transparent); + + --p-text-color-hover: var(--color-neutral-20); + --p-button-color-hover: var(--p-button-color-default); + --p-border-color-hover: var(--p-border-color-default); + + --p-text-color-focus: var(--color-neutral-5); + --p-button-color-focus: var(--p-button-color-default); + --p-border-color-focus: var(--p-border-color-default); + + --p-text-color-active: var(--p-text-color-default); + --p-button-color-active: var(--p-button-color-default); + --p-border-color-active: var(--p-border-color-default); + + --p-text-color-disabled: var(--color-neutral-60); + --p-button-color-disabled: var(--p-button-color-default); + --p-border-color-disabled: var(--p-border-color-default); + } + } +} \ No newline at end of file diff --git a/v2/legacy/src/6-elements/_card.scss b/v2/legacy/src/6-elements/_card.scss new file mode 100644 index 0000000000..c28dc2fdc6 --- /dev/null +++ b/v2/legacy/src/6-elements/_card.scss @@ -0,0 +1,98 @@ +@use '../abstract' as *; +.card { + --p-card-bg-color: var(--p-card-bg-color-default); + --p-card-bg-color-default: var(--card-bg-color , var(--color-neutral-0)); + --p-card-bg-color-hover: var(--color-neutral-5); + + --p-card-border-color: var(--p-card-border-color-default); + --p-card-border-color-default: var(--color-border); + --p-card-border-color-hover: var(--color-neutral-15); + + --p-card-border-radius: var(--card-border-radius, var(--border-radius-medium)); + + $padding: pxToRem(32); + --p-card-padding: var(--card-padding, #{$padding}); + + position:relative; display:block; + transition: var(--transition) background-color; + background: hsl(var(--p-card-bg-color)); + border-radius: var(--p-card-border-radius); + box-shadow: var(--shadow-small); + padding: var(--p-card-padding); + border: solid pxToRem(1) hsl(var(--p-card-border-color)); + + &-header { + min-block-size:pxToRem(210); padding:var(--p-card-padding); margin:calc(var(--p-card-padding) * -1); + border-start-start-radius:inherit; border-start-end-radius:inherit; overflow:hidden; + background:linear-gradient(271.77deg, #FCFCFF 0%, #FDFDFF 82.19%, #FFFFFF 99.87%); + #{$theme-dark} & { background:linear-gradient(96.46deg, #1B1B28 8.56%, #282A3B 115.77%); } + + &-image { margin:calc(var(--p-card-padding) * -1); max-block-size:pxToRem(178); margin-inline-end:0; } + } + &:focus-visible { + /* focus styles */ + box-shadow: var(--focus-box-shadow); + } + &-separator { + padding-block-start: var(--p-card-padding); + padding-inline: var(--p-card-padding); + margin-block-start: var(--p-card-padding); + margin-inline: calc(var(--p-card-padding) * -1); + border-block-start: solid pxToRem(1) hsl(var(--p-card-border-color)); + } + + /* upload state */ + &:where(a, button) { + &:hover { + --p-card-bg-color: var(--p-card-bg-color-hover); + --p-card-border-color: var(--p-card-border-color-hover); + } + } + &.is-border-dashed { border:dashed pxToRem(1) hsl(var(--p-card-border-color)); } + //&.is-hover-with-file { --p-card-bg-color: var(--p-card-bg-color-hover-file); } + + &.is-no-shadow { box-shadow:none; } + + &.is-allow-focus { + cursor: pointer; + &:hover { + --p-card-bg-color: var(--p-card-bg-color-hover); + --p-card-border-color: var(--p-card-border-color-hover); + } + &:has(:focus-visible) { box-shadow:var(--focus-box-shadow); } + } + + &.is-danger { + &::before { + position:absolute; inset-inline-start:pxToRem(12); inset-block:pxToRem(18); + content:""; display:block; inline-size:pxToRem(2); border-radius:pxToRem(1); + background-color:hsl(var(--color-text-danger)); + } + [class*="heading-level"] { color:hsl(var(--color-text-danger)); } + .card-separator { padding-inline:0; margin-inline:0; } + } + + #{$theme-dark} & { + --p-card-bg-color-default: var(--color-neutral-90); + --p-card-bg-color-hover: var(--color-neutral-85); + --p-card-border-color-hover: var(--color-neutral-80); + } + + @media #{$break1} { + $padding: pxToRem(16); + --p-card-padding: var(--card-padding-mobile, #{$padding}); + } +} + +.separator-with-text { + --p-text-color: var(--color-neutral-20); + display:flex; gap:pxToRem(16); align-items:center; margin-block:pxToRem(48); + color:hsl(var(--p-text-color)); font-size:var(--font-size-00); line-height:1; + + &::before, + &::after { content:""; display:block; flex:1; block-size:0; border-block-start:solid pxToRem(1) hsl(var(--color-border)); } + + #{$theme-dark} & { + --p-text-color: var(--color-neutral-50); + } +} \ No newline at end of file diff --git a/v2/legacy/src/6-elements/_container.scss b/v2/legacy/src/6-elements/_container.scss new file mode 100644 index 0000000000..0c16b27006 --- /dev/null +++ b/v2/legacy/src/6-elements/_container.scss @@ -0,0 +1,21 @@ +@use '../abstract' as *; +.container { + --p-container-max-size: var(--container-max-size, var(--container-size-xxl)); + + $padding-block:pxToRem(20); + --p-container-padding-block: var(--container-padding-block, #{$padding-block}); + + inline-size: 100%; + padding-inline: var(--p-container-padding-inline); + padding-block: var(--p-container-padding-block); + margin-inline: auto; + max-inline-size: var(--p-container-max-size); + &.is-size-xl { --p-container-max-size:var(--container-size-xl); } + @media #{$break1} { $padding-inline:pxToRem(16); --p-container-padding-inline:#{$padding-inline}; } + @media #{$break2} { $padding-inline:pxToRem(30); --p-container-padding-inline:#{$padding-inline}; } + @media #{$break3open} { $padding-inline:pxToRem(50); --p-container-padding-inline:#{$padding-inline}; } +} + +:where(.common-section) { + &:where(:nth-child(n + 2)) { margin-block-start:pxToRem(24); } +} \ No newline at end of file diff --git a/v2/legacy/src/6-elements/_divider.scss b/v2/legacy/src/6-elements/_divider.scss new file mode 100644 index 0000000000..d8fd164e55 --- /dev/null +++ b/v2/legacy/src/6-elements/_divider.scss @@ -0,0 +1,7 @@ +@use "../abstract" as *; + +.divider { + height: 1px; + width: calc(100% + 2rem); + background-color: hsl(var(--color-border)); +} diff --git a/v2/legacy/src/6-elements/_image-item.scss b/v2/legacy/src/6-elements/_image-item.scss new file mode 100644 index 0000000000..fc8d4acdfc --- /dev/null +++ b/v2/legacy/src/6-elements/_image-item.scss @@ -0,0 +1,31 @@ +@use '../abstract' as *; +/* TODO: check if can be merged with Avatar */ +.image-item { + --p-image-item-bg-color: var(--color-neutral-5); + --p-image-item-border-color: var(--color-neutral-10); + + $size-item: pxToRem(40); + --p-image-item-full-size: #{$size-item}; + + $size-item-image: pxToRem(20); + --p-image-item-size: #{$size-item-image}; + + display:grid; place-content:center; + flex-shrink:0; /* in case it a child of flexbox */ + inline-size:var(--p-image-item-full-size); block-size:var(--p-image-item-full-size); + background-color:hsl(var(--p-image-item-bg-color)); border:solid pxToRem(1) hsl(var(--p-image-item-border-color)); + border-radius:var(--border-radius-circular); + img { inline-size:var(--p-image-item-size) ; block-size:var(--p-image-item-size); } + + &.is-smaller { + $size-item: pxToRem(32); + --p-image-item-full-size: #{$size-item}; + + $size-item-image: pxToRem(15); + --p-image-item-size: #{$size-item-image}; + } + #{$theme-dark} & { + --p-image-item-bg-color: var(--color-neutral-85); + --p-image-item-border-color: var(--color-neutral-80); + } +} \ No newline at end of file diff --git a/v2/legacy/src/6-elements/_index.scss b/v2/legacy/src/6-elements/_index.scss new file mode 100644 index 0000000000..5d6bd06733 --- /dev/null +++ b/v2/legacy/src/6-elements/_index.scss @@ -0,0 +1,17 @@ +@forward "link"; +@forward "button"; +@forward "kbd"; +@forward "image-item"; +// @forward "form"; +@forward "tooltip"; +@forward "tag"; +@forward "inline-tag"; +@forward "logo"; +@forward "avatar"; +@forward "card"; +@forward "table"; +@forward "container"; +@forward "box"; +@forward "loader"; +@forward "inline-code"; +@forward "divider"; diff --git a/v2/legacy/src/6-elements/_inline-code.scss b/v2/legacy/src/6-elements/_inline-code.scss new file mode 100644 index 0000000000..3f1b9156fe --- /dev/null +++ b/v2/legacy/src/6-elements/_inline-code.scss @@ -0,0 +1,16 @@ +@use '../abstract' as *; +.inline-code { + --p-bg-color-inline-code: var(--color-neutral-10); + --p-text-color-inline-code: var(--color-neutral-60); + + background-color: hsl(var(--p-bg-color-inline-code)); + color: hsl(var(--p-text-color-inline-code)); + border-radius: var(--border-radius-xsmall); + + padding: pxToRem(4); + + #{$theme-dark} & { + --p-bg-color-inline-code: var(--color-neutral-100); + --p-text-color-inline-code: var(--color-neutral-15); + } +} \ No newline at end of file diff --git a/v2/legacy/src/6-elements/_inline-tag.scss b/v2/legacy/src/6-elements/_inline-tag.scss new file mode 100644 index 0000000000..ecdd294711 --- /dev/null +++ b/v2/legacy/src/6-elements/_inline-tag.scss @@ -0,0 +1,45 @@ +@use '../abstract' as *; +.inline-tag { + $tag-height: pxToRem(22); + --p-inline-tag-height: #{$tag-height}; + + $padding-inline: pxToRem(6); + --p-inline-tag-padding-inline: #{$padding-inline}; + + --p-inline-tag-text-color: var(--inline-tag-text-color, var(--p-inline-tag-text-color-default)); + --p-inline-tag-bg-color: var(--inline-tag-bg-color, var(--p-inline-tag-bg-color-default)); + + --p-inline-tag-text-color-default: var(--p-text-color, var(--color-neutral-60)); + --p-inline-tag-bg-color-default: var(--color-neutral-10); + + --p-inline-tag-text-color-disabled: var(--color-neutral-15); + + + --p-inline-tag-text-color-info: var(--color-neutral-0); + --p-inline-tag-bg-color-info: var(--color-information-100); + + display:inline-grid; place-content:center; padding-inline:var(--p-inline-tag-padding-inline); + + background-color: hsl(var(--p-inline-tag-bg-color)); + color: hsl(var(--p-inline-tag-text-color)); + border-radius: var(--border-radius-xsmall); + + flex-shrink:0; font-weight:600; + + &.is-info { + --p-inline-tag-text-color: var(--p-inline-tag-text-color-info); + --p-inline-tag-bg-color: var(--p-inline-tag-bg-color-info); + } + + &:where(#{$disabled}) { + --p-inline-tag-text-color: var(--p-inline-tag-text-color-disabled); + } + + /* Theme Dark */ + #{$theme-dark} & { + --p-inline-tag-text-color-default: var(--p-text-color, var(--color-neutral-20)); + --p-inline-tag-bg-color-default: var(--color-neutral-80); + + --p-inline-tag-text-color-disabled: var(--color-neutral-60); + } +} \ No newline at end of file diff --git a/v2/legacy/src/6-elements/_kbd.scss b/v2/legacy/src/6-elements/_kbd.scss new file mode 100644 index 0000000000..5a2adb2ac7 --- /dev/null +++ b/v2/legacy/src/6-elements/_kbd.scss @@ -0,0 +1,22 @@ +@use '../abstract' as *; + +.kbd { + --p-kbd-text-color: var(--color-neutral-60); + --p-kbd-bg-color: var(--color-neutral-5); + --p-kbd-border-color: var(--color-neutral-15); + + color: hsl(var(--p-kbd-text-color)); + background-color: hsl(var(--p-kbd-bg-color)); + border: solid pxToRem(1) hsl(var(--p-kbd-border-color)); + + display:inline-flex; justify-content:center; align-items:center; + min-inline-size:pxToRem(24); block-size:pxToRem(24); + border-radius:var(--border-radius-xsmall); flex-shrink:0; + -webkit-user-select:none; user-select:none; + + #{$theme-dark} & { + --p-kbd-text-color: var(--color-neutral-5); + --p-kbd-bg-color: var(--color-neutral-90); + --p-kbd-border-color: var(--color-neutral-80); + } +} \ No newline at end of file diff --git a/v2/legacy/src/6-elements/_link.scss b/v2/legacy/src/6-elements/_link.scss new file mode 100644 index 0000000000..cbf2d3c7f0 --- /dev/null +++ b/v2/legacy/src/6-elements/_link.scss @@ -0,0 +1,9 @@ +@use '../abstract' as *; +.link { + cursor:pointer; text-decoration:underline; + > * { vertical-align:middle; } + &.is-5px-offset { text-underline-offset:pxToRem(5); } + &.is-add-sep { + > *:nth-child(n + 2)::before { content:"|"; margin-inline:pxToRem(4); font-size:pxToRem(10); } + } +} \ No newline at end of file diff --git a/v2/legacy/src/6-elements/_loader.scss b/v2/legacy/src/6-elements/_loader.scss new file mode 100644 index 0000000000..db9e2f01c8 --- /dev/null +++ b/v2/legacy/src/6-elements/_loader.scss @@ -0,0 +1,58 @@ +@use '../abstract' as *; +.loader { + --loading: 0%; + + --p-loader-border-base-color: var(--color-neutral-10); + --p-loader-base-full-color: var(--color-neutral-20); + + --p-loader-size: var(--loader-size, #{pxToRem(24)}); + --p-loader-border-size: var(--loader-border-size, #{pxToRem(2.5)}); + + /* loading inner bg color */ + --p-loader-bg-color: var(--loader-bg-color-default, var(--p-loader-bg-color-default)); + --p-loader-bg-color-default: var(--loader-bg-color-light, var(--p-loader-bg-color-light)); + --p-loader-bg-color-light: var(--color-neutral-5); + --p-loader-bg-color-dark: var(--color-neutral-200); + + animation: rotate 1s infinite linear; /* global animation */ + + position:relative; + inline-size:var(--p-loader-size); block-size:var(--p-loader-size); + border:solid var(--p-loader-border-size) hsl(var(--p-loader-border-base-color)); + border-radius: var(--border-radius-circular); + border-block-start-color:hsl(var(--p-loader-base-full-color)); border-inline-start-color:hsl(var(--p-loader-base-full-color)); + svg { inline-size:100%; block-size:100%; } + &.is-loading { + animation:none; + border-block-start-color: hsl(var(--p-loader-border-base-color)); + border-inline-start-color: hsl(var(--p-loader-border-base-color)); + &::before { + content:""; display:flex; + position:absolute; inset:calc(var(--p-loader-border-size) * -1); + inline-size:calc(100% + var(--p-loader-border-size)*2); + block-size:calc(100% + var(--p-loader-border-size)*2); + border-radius:var(--border-radius-circular); + background:conic-gradient(hsl(var(--p-loader-base-full-color)) 0deg, hsl(var(--p-loader-base-full-color)) var(--loading), transparent var(--loading), transparent 360deg); + } + &::after { + content:""; display:block; + position:absolute; inset:0; + inline-size:100%; block-size:100%; + border-radius:var(--border-radius-circular); + background: hsl(var(--p-loader-bg-color)); + } + } + &.is-transparent { --p-loader-base-full-color:var(--transparent)!important; } + + &.is-small { + --p-loader-size: var(--loader-size, #{pxToRem(16)}); + --p-loader-border-size: var(--loader-border-size, #{pxToRem(1.5)}); + } + + /* Theme Dark */ + #{$theme-dark} & { + --p-loader-border-base-color: var(--color-neutral-20); + --p-loader-base-full-color: var(--color-neutral-100); + --p-loader-bg-color-default: var(--p-loader-bg-color-dark); + } +} \ No newline at end of file diff --git a/v2/legacy/src/6-elements/_logo.scss b/v2/legacy/src/6-elements/_logo.scss new file mode 100644 index 0000000000..cbb61972ac --- /dev/null +++ b/v2/legacy/src/6-elements/_logo.scss @@ -0,0 +1,7 @@ +@use '../abstract' as *; + +.logo { + flex-shrink: 0; /* if in container of flex can't shrink */ + display: block; /* if on link element */ + img { display:block; } +} \ No newline at end of file diff --git a/v2/legacy/src/6-elements/_table.scss b/v2/legacy/src/6-elements/_table.scss new file mode 100644 index 0000000000..7e8d2788e8 --- /dev/null +++ b/v2/legacy/src/6-elements/_table.scss @@ -0,0 +1,166 @@ +@use '../abstract' as *; +.table { + /* global variable */ + --heading-text-color: var(--color-neutral-60); + + /* local variable */ + --p-table-bg-color: var(--color-neutral-0); + --p-table-bg-color-focus: var(--color-neutral-5); + //--p-table-bg-even-row-color: var(--color-neutral-0); + --p-table-border-color: var(--color-neutral-10); + --p-tbody-color-text: var(--color-neutral-60); + + --p-border-radius: var(--border-radius-medium); + + display: table; + table-layout: fixed; + border-collapse: collapse; + background-color: hsl(var(--p-table-bg-color)); + border-radius: var(--p-border-radius); + box-shadow: 0 0 0 pxToRem(1) hsl(var(--color-border)), var(--shadow-small); + inline-size: 100%; + line-height: 1.2; + + &-with-scroll { + @include tableScroll; overflow:hidden; + border-radius:var(--border-radius-medium); + + .table { + border-end-start-radius:0; border-end-end-radius:0; + &-row { + &:where(:last-child) .table-col{ border-radius:unset;} + } + } + } + &-wrapper { overflow:auto; } + :where(.table-thead-col, .table-col) { + display:table-cell; box-sizing:content-box; + padding-block:pxToRem(24); padding-inline:pxToRem(16); vertical-align:middle; + @media #{$break1} { padding-inline:pxToRem(12); } + //> * {vertical-align:middle;} //make issue when there is text unwrap with wrap + &:not(:first-child) { @include trim(); display:table-cell; } + :where(.image) { + $size: pxToRem(30); + --size: #{$size}; + flex-shrink: 0; + img { vertical-align:bottom; } + } + } + :where(.table-thead-col) { + padding-block:pxToRem(16); + } + :where(.table-col) { + /* for