@iyulab/components 0.2.1 → 0.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +123 -113
- package/LICENSE +20 -20
- package/README.md +283 -283
- package/dist/assets/icons/arrow-down.svg.js +1 -1
- package/dist/assets/icons/arrow-repeat.svg.js +1 -1
- package/dist/assets/icons/arrow-up.svg.js +1 -1
- package/dist/assets/icons/ban.svg.js +1 -1
- package/dist/assets/icons/bell-fill.svg.js +1 -1
- package/dist/assets/icons/box-arrow-up-right.svg.js +1 -1
- package/dist/assets/icons/check-circle-fill.svg.js +1 -1
- package/dist/assets/icons/check-lg.svg.js +1 -1
- package/dist/assets/icons/chevron-down.svg.js +1 -1
- package/dist/assets/icons/chevron-left.svg.js +1 -1
- package/dist/assets/icons/chevron-right.svg.js +1 -1
- package/dist/assets/icons/chevron-up.svg.js +1 -1
- package/dist/assets/icons/copy.svg.js +1 -1
- package/dist/assets/icons/dash-lg.svg.js +1 -1
- package/dist/assets/icons/exclamation-circle-fill.svg.js +1 -1
- package/dist/assets/icons/exclamation-triangle-fill.svg.js +1 -1
- package/dist/assets/icons/eye-slash.svg.js +1 -1
- package/dist/assets/icons/eye.svg.js +1 -1
- package/dist/assets/icons/file-earmark.svg.js +1 -1
- package/dist/assets/icons/flag.svg.js +1 -1
- package/dist/assets/icons/globe.svg.js +1 -1
- package/dist/assets/icons/hand-thumbs-down-fill.svg.js +1 -1
- package/dist/assets/icons/hand-thumbs-down.svg.js +1 -1
- package/dist/assets/icons/hand-thumbs-up-fill.svg.js +1 -1
- package/dist/assets/icons/hand-thumbs-up.svg.js +1 -1
- package/dist/assets/icons/info-circle-fill.svg.js +1 -1
- package/dist/assets/icons/lightbulb-fill.svg.js +1 -1
- package/dist/assets/icons/lightbulb-off.svg.js +1 -1
- package/dist/assets/icons/lightbulb.svg.js +1 -1
- package/dist/assets/icons/mic-fill.svg.js +1 -1
- package/dist/assets/icons/mic-mute-fill.svg.js +1 -1
- package/dist/assets/icons/paperclip.svg.js +1 -1
- package/dist/assets/icons/pencil-square.svg.js +1 -1
- package/dist/assets/icons/plus-lg.svg.js +1 -1
- package/dist/assets/icons/search.svg.js +1 -1
- package/dist/assets/icons/share.svg.js +1 -1
- package/dist/assets/icons/stop-circle.svg.js +1 -1
- package/dist/assets/icons/tools.svg.js +1 -1
- package/dist/assets/icons/x-lg.svg.js +1 -1
- package/dist/assets/styles/dark.css +129 -129
- package/dist/assets/styles/dark.css.js +1 -1
- package/dist/assets/styles/light.css +129 -129
- package/dist/assets/styles/light.css.js +1 -1
- package/dist/components/icon/UIcon.component.d.ts +4 -1
- package/dist/components/input/UInput.component.d.ts +14 -0
- package/dist/components/input/UInput.component.js +29 -0
- package/dist/utilities/IconRegistry.js +1 -2
- package/package.json +60 -60
- package/dist/assets/icons/layout-sidebar.svg.js +0 -3
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
const copy = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\
|
|
1
|
+
const copy = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n <path fill-rule=\"evenodd\" d=\"M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1z\"/>\n</svg>";
|
|
2
2
|
|
|
3
3
|
export { copy as default };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
const dashLg = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\
|
|
1
|
+
const dashLg = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n <path fill-rule=\"evenodd\" d=\"M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8\"/>\n</svg>";
|
|
2
2
|
|
|
3
3
|
export { dashLg as default };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
const exclamationCircleFill = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\
|
|
1
|
+
const exclamationCircleFill = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n <path d=\"M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4m.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2\"/>\n</svg>";
|
|
2
2
|
|
|
3
3
|
export { exclamationCircleFill as default };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
const exclamationTriangleFill = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\
|
|
1
|
+
const exclamationTriangleFill = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n <path d=\"M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5m.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2\"/>\n</svg>";
|
|
2
2
|
|
|
3
3
|
export { exclamationTriangleFill as default };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
const eyeSlash = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\
|
|
1
|
+
const eyeSlash = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n <path d=\"M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7 7 0 0 0-2.79.588l.77.771A6 6 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13 13 0 0 1 14.828 8q-.086.13-.195.288c-.335.48-.83 1.12-1.465 1.755q-.247.248-.517.486z\"/>\n <path d=\"M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829zm-2.943 1.299.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829\"/>\n <path d=\"M3.35 5.47q-.27.24-.518.487A13 13 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7 7 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884-12-12 .708-.708 12 12z\"/>\n</svg>";
|
|
2
2
|
|
|
3
3
|
export { eyeSlash as default };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
const eye = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\
|
|
1
|
+
const eye = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n <path d=\"M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8M1.173 8a13 13 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5s3.879 1.168 5.168 2.457A13 13 0 0 1 14.828 8q-.086.13-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5s-3.879-1.168-5.168-2.457A13 13 0 0 1 1.172 8z\"/>\n <path d=\"M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5M4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0\"/>\n</svg>";
|
|
2
2
|
|
|
3
3
|
export { eye as default };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
const fileEarmark = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\
|
|
1
|
+
const fileEarmark = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n <path d=\"M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5z\"/>\n</svg>";
|
|
2
2
|
|
|
3
3
|
export { fileEarmark as default };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
const flag = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\
|
|
1
|
+
const flag = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n <path d=\"M14.778.085A.5.5 0 0 1 15 .5V8a.5.5 0 0 1-.314.464L14.5 8l.186.464-.003.001-.006.003-.023.009a12 12 0 0 1-.397.15c-.264.095-.631.223-1.047.35-.816.252-1.879.523-2.71.523-.847 0-1.548-.28-2.158-.525l-.028-.01C7.68 8.71 7.14 8.5 6.5 8.5c-.7 0-1.638.23-2.437.477A20 20 0 0 0 3 9.342V15.5a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 1 0v.282c.226-.079.496-.17.79-.26C4.606.272 5.67 0 6.5 0c.84 0 1.524.277 2.121.519l.043.018C9.286.788 9.828 1 10.5 1c.7 0 1.638-.23 2.437-.477a20 20 0 0 0 1.349-.476l.019-.007.004-.002h.001M14 1.221c-.22.078-.48.167-.766.255-.81.252-1.872.523-2.734.523-.886 0-1.592-.286-2.203-.534l-.008-.003C7.662 1.21 7.139 1 6.5 1c-.669 0-1.606.229-2.415.478A21 21 0 0 0 3 1.845v6.433c.22-.078.48-.167.766-.255C4.576 7.77 5.638 7.5 6.5 7.5c.847 0 1.548.28 2.158.525l.028.01C9.32 8.29 9.86 8.5 10.5 8.5c.668 0 1.606-.229 2.415-.478A21 21 0 0 0 14 7.655V1.222z\"/>\n</svg>";
|
|
2
2
|
|
|
3
3
|
export { flag as default };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
const globe = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\
|
|
1
|
+
const globe = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n <path d=\"M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m7.5-6.923c-.67.204-1.335.82-1.887 1.855A8 8 0 0 0 5.145 4H7.5zM4.09 4a9.3 9.3 0 0 1 .64-1.539 7 7 0 0 1 .597-.933A7.03 7.03 0 0 0 2.255 4zm-.582 3.5c.03-.877.138-1.718.312-2.5H1.674a7 7 0 0 0-.656 2.5zM4.847 5a12.5 12.5 0 0 0-.338 2.5H7.5V5zM8.5 5v2.5h2.99a12.5 12.5 0 0 0-.337-2.5zM4.51 8.5a12.5 12.5 0 0 0 .337 2.5H7.5V8.5zm3.99 0V11h2.653c.187-.765.306-1.608.338-2.5zM5.145 12q.208.58.468 1.068c.552 1.035 1.218 1.65 1.887 1.855V12zm.182 2.472a7 7 0 0 1-.597-.933A9.3 9.3 0 0 1 4.09 12H2.255a7 7 0 0 0 3.072 2.472M3.82 11a13.7 13.7 0 0 1-.312-2.5h-2.49c.062.89.291 1.733.656 2.5zm6.853 3.472A7 7 0 0 0 13.745 12H11.91a9.3 9.3 0 0 1-.64 1.539 7 7 0 0 1-.597.933M8.5 12v2.923c.67-.204 1.335-.82 1.887-1.855q.26-.487.468-1.068zm3.68-1h2.146c.365-.767.594-1.61.656-2.5h-2.49a13.7 13.7 0 0 1-.312 2.5m2.802-3.5a7 7 0 0 0-.656-2.5H12.18c.174.782.282 1.623.312 2.5zM11.27 2.461c.247.464.462.98.64 1.539h1.835a7 7 0 0 0-3.072-2.472c.218.284.418.598.597.933M10.855 4a8 8 0 0 0-.468-1.068C9.835 1.897 9.17 1.282 8.5 1.077V4z\"/>\n</svg>";
|
|
2
2
|
|
|
3
3
|
export { globe as default };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
const handThumbsDownFill = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\
|
|
1
|
+
const handThumbsDownFill = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n <path d=\"M6.956 14.534c.065.936.952 1.659 1.908 1.42l.261-.065a1.38 1.38 0 0 0 1.012-.965c.22-.816.533-2.512.062-4.51q.205.03.443.051c.713.065 1.669.071 2.516-.211.518-.173.994-.68 1.2-1.272a1.9 1.9 0 0 0-.234-1.734c.058-.118.103-.242.138-.362.077-.27.113-.568.113-.856 0-.29-.036-.586-.113-.857a2 2 0 0 0-.16-.403c.169-.387.107-.82-.003-1.149a3.2 3.2 0 0 0-.488-.9c.054-.153.076-.313.076-.465a1.86 1.86 0 0 0-.253-.912C13.1.757 12.437.28 11.5.28H8c-.605 0-1.07.08-1.466.217a4.8 4.8 0 0 0-.97.485l-.048.029c-.504.308-.999.61-2.068.723C2.682 1.815 2 2.434 2 3.279v4c0 .851.685 1.433 1.357 1.616.849.232 1.574.787 2.132 1.41.56.626.914 1.28 1.039 1.638.199.575.356 1.54.428 2.591\"/>\n</svg>";
|
|
2
2
|
|
|
3
3
|
export { handThumbsDownFill as default };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
const handThumbsDown = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\
|
|
1
|
+
const handThumbsDown = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n <path d=\"M8.864 15.674c-.956.24-1.843-.484-1.908-1.42-.072-1.05-.23-2.015-.428-2.59-.125-.36-.479-1.012-1.04-1.638-.557-.624-1.282-1.179-2.131-1.41C2.685 8.432 2 7.85 2 7V3c0-.845.682-1.464 1.448-1.546 1.07-.113 1.564-.415 2.068-.723l.048-.029c.272-.166.578-.349.97-.484C6.931.08 7.395 0 8 0h3.5c.937 0 1.599.478 1.934 1.064.164.287.254.607.254.913 0 .152-.023.312-.077.464.201.262.38.577.488.9.11.33.172.762.004 1.15.069.13.12.268.159.403.077.27.113.567.113.856s-.036.586-.113.856c-.035.12-.08.244-.138.363.394.571.418 1.2.234 1.733-.206.592-.682 1.1-1.2 1.272-.847.283-1.803.276-2.516.211a10 10 0 0 1-.443-.05 9.36 9.36 0 0 1-.062 4.51c-.138.508-.55.848-1.012.964zM11.5 1H8c-.51 0-.863.068-1.14.163-.281.097-.506.229-.776.393l-.04.025c-.555.338-1.198.73-2.49.868-.333.035-.554.29-.554.55V7c0 .255.226.543.62.65 1.095.3 1.977.997 2.614 1.709.635.71 1.064 1.475 1.238 1.977.243.7.407 1.768.482 2.85.025.362.36.595.667.518l.262-.065c.16-.04.258-.144.288-.255a8.34 8.34 0 0 0-.145-4.726.5.5 0 0 1 .595-.643h.003l.014.004.058.013a9 9 0 0 0 1.036.157c.663.06 1.457.054 2.11-.163.175-.059.45-.301.57-.651.107-.308.087-.67-.266-1.021L12.793 7l.353-.354c.043-.042.105-.14.154-.315.048-.167.075-.37.075-.581s-.027-.414-.075-.581c-.05-.174-.111-.273-.154-.315l-.353-.354.353-.354c.047-.047.109-.176.005-.488a2.2 2.2 0 0 0-.505-.804l-.353-.354.353-.354c.006-.005.041-.05.041-.17a.9.9 0 0 0-.121-.415C12.4 1.272 12.063 1 11.5 1\"/>\n</svg>";
|
|
2
2
|
|
|
3
3
|
export { handThumbsDown as default };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
const handThumbsUpFill = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\
|
|
1
|
+
const handThumbsUpFill = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n <path d=\"M6.956 1.745C7.021.81 7.908.087 8.864.325l.261.066c.463.116.874.456 1.012.965.22.816.533 2.511.062 4.51a10 10 0 0 1 .443-.051c.713-.065 1.669-.072 2.516.21.518.173.994.681 1.2 1.273.184.532.16 1.162-.234 1.733q.086.18.138.363c.077.27.113.567.113.856s-.036.586-.113.856c-.039.135-.09.273-.16.404.169.387.107.819-.003 1.148a3.2 3.2 0 0 1-.488.901c.054.152.076.312.076.465 0 .305-.089.625-.253.912C13.1 15.522 12.437 16 11.5 16H8c-.605 0-1.07-.081-1.466-.218a4.8 4.8 0 0 1-.97-.484l-.048-.03c-.504-.307-.999-.609-2.068-.722C2.682 14.464 2 13.846 2 13V9c0-.85.685-1.432 1.357-1.615.849-.232 1.574-.787 2.132-1.41.56-.627.914-1.28 1.039-1.639.199-.575.356-1.539.428-2.59z\"/>\n</svg>";
|
|
2
2
|
|
|
3
3
|
export { handThumbsUpFill as default };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
const handThumbsUp = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\
|
|
1
|
+
const handThumbsUp = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n <path d=\"M8.864.046C7.908-.193 7.02.53 6.956 1.466c-.072 1.051-.23 2.016-.428 2.59-.125.36-.479 1.013-1.04 1.639-.557.623-1.282 1.178-2.131 1.41C2.685 7.288 2 7.87 2 8.72v4.001c0 .845.682 1.464 1.448 1.545 1.07.114 1.564.415 2.068.723l.048.03c.272.165.578.348.97.484.397.136.861.217 1.466.217h3.5c.937 0 1.599-.477 1.934-1.064a1.86 1.86 0 0 0 .254-.912c0-.152-.023-.312-.077-.464.201-.263.38-.578.488-.901.11-.33.172-.762.004-1.149.069-.13.12-.269.159-.403.077-.27.113-.568.113-.857 0-.288-.036-.585-.113-.856a2 2 0 0 0-.138-.362 1.9 1.9 0 0 0 .234-1.734c-.206-.592-.682-1.1-1.2-1.272-.847-.282-1.803-.276-2.516-.211a10 10 0 0 0-.443.05 9.4 9.4 0 0 0-.062-4.509A1.38 1.38 0 0 0 9.125.111zM11.5 14.721H8c-.51 0-.863-.069-1.14-.164-.281-.097-.506-.228-.776-.393l-.04-.024c-.555-.339-1.198-.731-2.49-.868-.333-.036-.554-.29-.554-.55V8.72c0-.254.226-.543.62-.65 1.095-.3 1.977-.996 2.614-1.708.635-.71 1.064-1.475 1.238-1.978.243-.7.407-1.768.482-2.85.025-.362.36-.594.667-.518l.262.066c.16.04.258.143.288.255a8.34 8.34 0 0 1-.145 4.725.5.5 0 0 0 .595.644l.003-.001.014-.003.058-.014a9 9 0 0 1 1.036-.157c.663-.06 1.457-.054 2.11.164.175.058.45.3.57.65.107.308.087.67-.266 1.022l-.353.353.353.354c.043.043.105.141.154.315.048.167.075.37.075.581 0 .212-.027.414-.075.582-.05.174-.111.272-.154.315l-.353.353.353.354c.047.047.109.177.005.488a2.2 2.2 0 0 1-.505.805l-.353.353.353.354c.006.005.041.05.041.17a.9.9 0 0 1-.121.416c-.165.288-.503.56-1.066.56z\"/>\n</svg>";
|
|
2
2
|
|
|
3
3
|
export { handThumbsUp as default };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
const infoCircleFill = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\
|
|
1
|
+
const infoCircleFill = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n <path d=\"M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2\"/>\n</svg>";
|
|
2
2
|
|
|
3
3
|
export { infoCircleFill as default };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
const lightbulbFill = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\
|
|
1
|
+
const lightbulbFill = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n <path d=\"M2 6a6 6 0 1 1 10.174 4.31c-.203.196-.359.4-.453.619l-.762 1.769A.5.5 0 0 1 10.5 13h-5a.5.5 0 0 1-.46-.302l-.761-1.77a2 2 0 0 0-.453-.618A5.98 5.98 0 0 1 2 6m3 8.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1l-.224.447a1 1 0 0 1-.894.553H6.618a1 1 0 0 1-.894-.553L5.5 15a.5.5 0 0 1-.5-.5\"/>\n</svg>";
|
|
2
2
|
|
|
3
3
|
export { lightbulbFill as default };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
const lightbulbOff = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\
|
|
1
|
+
const lightbulbOff = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n <path fill-rule=\"evenodd\" d=\"M2.23 4.35A6 6 0 0 0 2 6c0 1.691.7 3.22 1.826 4.31.203.196.359.4.453.619l.762 1.769A.5.5 0 0 0 5.5 13a.5.5 0 0 0 0 1 .5.5 0 0 0 0 1l.224.447a1 1 0 0 0 .894.553h2.764a1 1 0 0 0 .894-.553L10.5 15a.5.5 0 0 0 0-1 .5.5 0 0 0 0-1 .5.5 0 0 0 .288-.091L9.878 12H5.83l-.632-1.467a3 3 0 0 0-.676-.941 4.98 4.98 0 0 1-1.455-4.405zm1.588-2.653.708.707a5 5 0 0 1 7.07 7.07l.707.707a6 6 0 0 0-8.484-8.484zm-2.172-.051a.5.5 0 0 1 .708 0l12 12a.5.5 0 0 1-.708.708l-12-12a.5.5 0 0 1 0-.708\"/>\n</svg>";
|
|
2
2
|
|
|
3
3
|
export { lightbulbOff as default };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
const lightbulb = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\
|
|
1
|
+
const lightbulb = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n <path d=\"M2 6a6 6 0 1 1 10.174 4.31c-.203.196-.359.4-.453.619l-.762 1.769A.5.5 0 0 1 10.5 13a.5.5 0 0 1 0 1 .5.5 0 0 1 0 1l-.224.447a1 1 0 0 1-.894.553H6.618a1 1 0 0 1-.894-.553L5.5 15a.5.5 0 0 1 0-1 .5.5 0 0 1 0-1 .5.5 0 0 1-.46-.302l-.761-1.77a2 2 0 0 0-.453-.618A5.98 5.98 0 0 1 2 6m6-5a5 5 0 0 0-3.479 8.592c.263.254.514.564.676.941L5.83 12h4.342l.632-1.467c.162-.377.413-.687.676-.941A5 5 0 0 0 8 1\"/>\n</svg>";
|
|
2
2
|
|
|
3
3
|
export { lightbulb as default };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
const micFill = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\
|
|
1
|
+
const micFill = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n <path d=\"M5 3a3 3 0 0 1 6 0v5a3 3 0 0 1-6 0z\"/>\n <path d=\"M3.5 6.5A.5.5 0 0 1 4 7v1a4 4 0 0 0 8 0V7a.5.5 0 0 1 1 0v1a5 5 0 0 1-4.5 4.975V15h3a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1h3v-2.025A5 5 0 0 1 3 8V7a.5.5 0 0 1 .5-.5\"/>\n</svg>";
|
|
2
2
|
|
|
3
3
|
export { micFill as default };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
const micMuteFill = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\
|
|
1
|
+
const micMuteFill = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n <path d=\"M13 8c0 .564-.094 1.107-.266 1.613l-.814-.814A4 4 0 0 0 12 8V7a.5.5 0 0 1 1 0zm-5 4c.818 0 1.578-.245 2.212-.667l.718.719a5 5 0 0 1-2.43.923V15h3a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1h3v-2.025A5 5 0 0 1 3 8V7a.5.5 0 0 1 1 0v1a4 4 0 0 0 4 4m3-9v4.879L5.158 2.037A3.001 3.001 0 0 1 11 3\"/>\n <path d=\"M9.486 10.607 5 6.12V8a3 3 0 0 0 4.486 2.607m-7.84-9.253 12 12 .708-.708-12-12z\"/>\n</svg>";
|
|
2
2
|
|
|
3
3
|
export { micMuteFill as default };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
const paperclip = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\
|
|
1
|
+
const paperclip = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n <path d=\"M4.5 3a2.5 2.5 0 0 1 5 0v9a1.5 1.5 0 0 1-3 0V5a.5.5 0 0 1 1 0v7a.5.5 0 0 0 1 0V3a1.5 1.5 0 1 0-3 0v9a2.5 2.5 0 0 0 5 0V5a.5.5 0 0 1 1 0v7a3.5 3.5 0 1 1-7 0z\"/>\n</svg>";
|
|
2
2
|
|
|
3
3
|
export { paperclip as default };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
const pencilSquare = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\
|
|
1
|
+
const pencilSquare = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n <path d=\"M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z\"/>\n <path fill-rule=\"evenodd\" d=\"M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5z\"/>\n</svg>";
|
|
2
2
|
|
|
3
3
|
export { pencilSquare as default };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
const plusLg = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\
|
|
1
|
+
const plusLg = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n <path fill-rule=\"evenodd\" d=\"M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2\"/>\n</svg>";
|
|
2
2
|
|
|
3
3
|
export { plusLg as default };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
const search = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\
|
|
1
|
+
const search = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n <path d=\"M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0\"/>\n</svg>";
|
|
2
2
|
|
|
3
3
|
export { search as default };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
const share = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\
|
|
1
|
+
const share = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n <path d=\"M13.5 1a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3M11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.5 2.5 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5m-8.5 4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3m11 5.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3\"/>\n</svg>";
|
|
2
2
|
|
|
3
3
|
export { share as default };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
const stopCircle = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\
|
|
1
|
+
const stopCircle = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n <path d=\"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16\"/>\n <path d=\"M5 6.5A1.5 1.5 0 0 1 6.5 5h3A1.5 1.5 0 0 1 11 6.5v3A1.5 1.5 0 0 1 9.5 11h-3A1.5 1.5 0 0 1 5 9.5z\"/>\n</svg>";
|
|
2
2
|
|
|
3
3
|
export { stopCircle as default };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
const tools = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\
|
|
1
|
+
const tools = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n <path d=\"M1 0 0 1l2.2 3.081a1 1 0 0 0 .815.419h.07a1 1 0 0 1 .708.293l2.675 2.675-2.617 2.654A3.003 3.003 0 0 0 0 13a3 3 0 1 0 5.878-.851l2.654-2.617.968.968-.305.914a1 1 0 0 0 .242 1.023l3.27 3.27a.997.997 0 0 0 1.414 0l1.586-1.586a.997.997 0 0 0 0-1.414l-3.27-3.27a1 1 0 0 0-1.023-.242L10.5 9.5l-.96-.96 2.68-2.643A3.005 3.005 0 0 0 16 3q0-.405-.102-.777l-2.14 2.141L12 4l-.364-1.757L13.777.102a3 3 0 0 0-3.675 3.68L7.462 6.46 4.793 3.793a1 1 0 0 1-.293-.707v-.071a1 1 0 0 0-.419-.814zm9.646 10.646a.5.5 0 0 1 .708 0l2.914 2.915a.5.5 0 0 1-.707.707l-2.915-2.914a.5.5 0 0 1 0-.708M3 11l.471.242.529.026.287.445.445.287.026.529L5 13l-.242.471-.026.529-.445.287-.287.445-.529.026L3 15l-.471-.242L2 14.732l-.287-.445L1.268 14l-.026-.529L1 13l.242-.471.026-.529.445-.287.287-.445.529-.026z\"/>\n</svg>";
|
|
2
2
|
|
|
3
3
|
export { tools as default };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
const xLg = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\
|
|
1
|
+
const xLg = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n <path d=\"M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z\"/>\n</svg>";
|
|
2
2
|
|
|
3
3
|
export { xLg as default };
|
|
@@ -1,130 +1,130 @@
|
|
|
1
|
-
:root[theme="dark"] {
|
|
2
|
-
color-scheme: dark;
|
|
3
|
-
|
|
4
|
-
/* Neutral Colors */
|
|
5
|
-
--u-neutral-0: #000000;
|
|
6
|
-
--u-neutral-50: #0A0A0A;
|
|
7
|
-
--u-neutral-100: #121212;
|
|
8
|
-
--u-neutral-200: #1E1E1E;
|
|
9
|
-
--u-neutral-300: #2A2A2A;
|
|
10
|
-
--u-neutral-400: #3D3D3D;
|
|
11
|
-
--u-neutral-500: #525252;
|
|
12
|
-
--u-neutral-600: #6E6E6E;
|
|
13
|
-
--u-neutral-700: #8A8A8A;
|
|
14
|
-
--u-neutral-800: #B0B0B0;
|
|
15
|
-
--u-neutral-900: #D4D4D4;
|
|
16
|
-
--u-neutral-1000: #FFFFFF;
|
|
17
|
-
|
|
18
|
-
/* Blue Colors */
|
|
19
|
-
--u-blue-0: #0A1E3D;
|
|
20
|
-
--u-blue-100: #1E3A5F;
|
|
21
|
-
--u-blue-200: #2B4F7E;
|
|
22
|
-
--u-blue-300: #3D6B9E;
|
|
23
|
-
--u-blue-400: #5284BE;
|
|
24
|
-
--u-blue-500: #6BA3E3;
|
|
25
|
-
--u-blue-600: #87B8F5;
|
|
26
|
-
--u-blue-700: #A5CDFF;
|
|
27
|
-
--u-blue-800: #C2DEFF;
|
|
28
|
-
--u-blue-900: #DDEEFF;
|
|
29
|
-
--u-blue-1000: #F0F7FF;
|
|
30
|
-
|
|
31
|
-
/* Green Colors */
|
|
32
|
-
--u-green-0: #0D2818;
|
|
33
|
-
--u-green-100: #1A3F2A;
|
|
34
|
-
--u-green-200: #285639;
|
|
35
|
-
--u-green-300: #3A7450;
|
|
36
|
-
--u-green-400: #4E9268;
|
|
37
|
-
--u-green-500: #66B584;
|
|
38
|
-
--u-green-600: #81D19D;
|
|
39
|
-
--u-green-700: #9FE5B5;
|
|
40
|
-
--u-green-800: #BEF2CD;
|
|
41
|
-
--u-green-900: #DDF9E5;
|
|
42
|
-
--u-green-1000: #F0FDF5;
|
|
43
|
-
|
|
44
|
-
/* Yellow Colors */
|
|
45
|
-
--u-yellow-0: #2E2200;
|
|
46
|
-
--u-yellow-100: #4D3A00;
|
|
47
|
-
--u-yellow-200: #6B5200;
|
|
48
|
-
--u-yellow-300: #8A6B00;
|
|
49
|
-
--u-yellow-400: #B08900;
|
|
50
|
-
--u-yellow-500: #D4A712;
|
|
51
|
-
--u-yellow-600: #F5C842;
|
|
52
|
-
--u-yellow-700: #FFE066;
|
|
53
|
-
--u-yellow-800: #FFED99;
|
|
54
|
-
--u-yellow-900: #FFF5CC;
|
|
55
|
-
--u-yellow-1000: #FFFBE6;
|
|
56
|
-
|
|
57
|
-
/* Red Colors */
|
|
58
|
-
--u-red-0: #2E0A0A;
|
|
59
|
-
--u-red-100: #4D1717;
|
|
60
|
-
--u-red-200: #6B2424;
|
|
61
|
-
--u-red-300: #8F3535;
|
|
62
|
-
--u-red-400: #B24848;
|
|
63
|
-
--u-red-500: #D66060;
|
|
64
|
-
--u-red-600: #F57878;
|
|
65
|
-
--u-red-700: #FF9494;
|
|
66
|
-
--u-red-800: #FFB3B3;
|
|
67
|
-
--u-red-900: #FFD2D2;
|
|
68
|
-
--u-red-1000: #FFF0F0;
|
|
69
|
-
|
|
70
|
-
/* text Colors */
|
|
71
|
-
--u-txt-color: var(--u-neutral-900);
|
|
72
|
-
--u-txt-color-inverse: var(--u-neutral-100);
|
|
73
|
-
--u-txt-color-hover: var(--u-blue-600);
|
|
74
|
-
--u-txt-color-active: var(--u-blue-600);
|
|
75
|
-
--u-txt-color-disabled: var(--u-neutral-500);
|
|
76
|
-
--u-txt-color-weak: var(--u-neutral-700);
|
|
77
|
-
--u-txt-color-strong: var(--u-neutral-1000);
|
|
78
|
-
|
|
79
|
-
--u-link-txt-color: var(--u-blue-700);
|
|
80
|
-
--u-tooltip-txt-color: var(--u-neutral-100);
|
|
81
|
-
|
|
82
|
-
/* Icon Colors */
|
|
83
|
-
--u-icon-color: var(--u-neutral-800);
|
|
84
|
-
--u-icon-color-inverse: var(--u-neutral-100);
|
|
85
|
-
--u-icon-color-hover: var(--u-blue-600);
|
|
86
|
-
--u-icon-color-active: var(--u-blue-600);
|
|
87
|
-
--u-icon-color-disabled: var(--u-neutral-500);
|
|
88
|
-
|
|
89
|
-
/* border Colors */
|
|
90
|
-
--u-border-color: var(--u-neutral-400);
|
|
91
|
-
--u-border-color-weak: var(--u-neutral-300);
|
|
92
|
-
--u-border-color-strong: var(--u-neutral-500);
|
|
93
|
-
|
|
94
|
-
--u-input-border-color: var(--u-neutral-400);
|
|
95
|
-
--u-input-border-color-hover: var(--u-neutral-500);
|
|
96
|
-
--u-input-border-color-focus: var(--u-blue-600);
|
|
97
|
-
--u-input-border-color-invalid: var(--u-red-600);
|
|
98
|
-
|
|
99
|
-
/* background Colors */
|
|
100
|
-
--u-bg-color: var(--u-neutral-100);
|
|
101
|
-
--u-bg-color-inverse: var(--u-neutral-0);
|
|
102
|
-
--u-bg-color-hover: var(--u-neutral-300);
|
|
103
|
-
--u-bg-color-active: var(--u-neutral-400);
|
|
104
|
-
--u-bg-color-disabled: var(--u-neutral-100);
|
|
105
|
-
|
|
106
|
-
--u-input-bg-color: var(--u-neutral-200);
|
|
107
|
-
--u-panel-bg-color: var(--u-neutral-200);
|
|
108
|
-
--u-overlay-bg-color: rgba(0, 0, 0, 0.7);
|
|
109
|
-
--u-tooltip-bg-color: rgba(255, 255, 255, 0.85);
|
|
110
|
-
|
|
111
|
-
/* Shadow Colors */
|
|
112
|
-
--u-shadow-color-weaker: rgba(0, 0, 0, 0.15);
|
|
113
|
-
--u-shadow-color-weak: rgba(0, 0, 0, 0.25);
|
|
114
|
-
--u-shadow-color-normal: rgba(0, 0, 0, 0.35);
|
|
115
|
-
--u-shadow-color-strong: rgba(0, 0, 0, 0.45);
|
|
116
|
-
--u-shadow-color-stronger: rgba(0, 0, 0, 0.60);
|
|
117
|
-
|
|
118
|
-
/* Scrollbar Colors */
|
|
119
|
-
--u-scrollbar-color: var(--u-neutral-500);
|
|
120
|
-
--u-scrollbar-color-hover: var(--u-neutral-600);
|
|
121
|
-
--u-scrollbar-track-color: transparent;
|
|
122
|
-
|
|
123
|
-
/* Font Styles */
|
|
124
|
-
--u-font-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
|
|
125
|
-
--u-font-mono: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Monaco, 'Courier New', monospace;
|
|
126
|
-
--u-font-serif: 'Georgia', 'Times New Roman', Times, serif;
|
|
127
|
-
--u-font-display: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif;
|
|
128
|
-
--u-font-modern: 'Inter', 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
|
129
|
-
--u-font-rounded: 'Nunito', 'Quicksand', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
|
1
|
+
:root[theme="dark"] {
|
|
2
|
+
color-scheme: dark;
|
|
3
|
+
|
|
4
|
+
/* Neutral Colors */
|
|
5
|
+
--u-neutral-0: #000000;
|
|
6
|
+
--u-neutral-50: #0A0A0A;
|
|
7
|
+
--u-neutral-100: #121212;
|
|
8
|
+
--u-neutral-200: #1E1E1E;
|
|
9
|
+
--u-neutral-300: #2A2A2A;
|
|
10
|
+
--u-neutral-400: #3D3D3D;
|
|
11
|
+
--u-neutral-500: #525252;
|
|
12
|
+
--u-neutral-600: #6E6E6E;
|
|
13
|
+
--u-neutral-700: #8A8A8A;
|
|
14
|
+
--u-neutral-800: #B0B0B0;
|
|
15
|
+
--u-neutral-900: #D4D4D4;
|
|
16
|
+
--u-neutral-1000: #FFFFFF;
|
|
17
|
+
|
|
18
|
+
/* Blue Colors */
|
|
19
|
+
--u-blue-0: #0A1E3D;
|
|
20
|
+
--u-blue-100: #1E3A5F;
|
|
21
|
+
--u-blue-200: #2B4F7E;
|
|
22
|
+
--u-blue-300: #3D6B9E;
|
|
23
|
+
--u-blue-400: #5284BE;
|
|
24
|
+
--u-blue-500: #6BA3E3;
|
|
25
|
+
--u-blue-600: #87B8F5;
|
|
26
|
+
--u-blue-700: #A5CDFF;
|
|
27
|
+
--u-blue-800: #C2DEFF;
|
|
28
|
+
--u-blue-900: #DDEEFF;
|
|
29
|
+
--u-blue-1000: #F0F7FF;
|
|
30
|
+
|
|
31
|
+
/* Green Colors */
|
|
32
|
+
--u-green-0: #0D2818;
|
|
33
|
+
--u-green-100: #1A3F2A;
|
|
34
|
+
--u-green-200: #285639;
|
|
35
|
+
--u-green-300: #3A7450;
|
|
36
|
+
--u-green-400: #4E9268;
|
|
37
|
+
--u-green-500: #66B584;
|
|
38
|
+
--u-green-600: #81D19D;
|
|
39
|
+
--u-green-700: #9FE5B5;
|
|
40
|
+
--u-green-800: #BEF2CD;
|
|
41
|
+
--u-green-900: #DDF9E5;
|
|
42
|
+
--u-green-1000: #F0FDF5;
|
|
43
|
+
|
|
44
|
+
/* Yellow Colors */
|
|
45
|
+
--u-yellow-0: #2E2200;
|
|
46
|
+
--u-yellow-100: #4D3A00;
|
|
47
|
+
--u-yellow-200: #6B5200;
|
|
48
|
+
--u-yellow-300: #8A6B00;
|
|
49
|
+
--u-yellow-400: #B08900;
|
|
50
|
+
--u-yellow-500: #D4A712;
|
|
51
|
+
--u-yellow-600: #F5C842;
|
|
52
|
+
--u-yellow-700: #FFE066;
|
|
53
|
+
--u-yellow-800: #FFED99;
|
|
54
|
+
--u-yellow-900: #FFF5CC;
|
|
55
|
+
--u-yellow-1000: #FFFBE6;
|
|
56
|
+
|
|
57
|
+
/* Red Colors */
|
|
58
|
+
--u-red-0: #2E0A0A;
|
|
59
|
+
--u-red-100: #4D1717;
|
|
60
|
+
--u-red-200: #6B2424;
|
|
61
|
+
--u-red-300: #8F3535;
|
|
62
|
+
--u-red-400: #B24848;
|
|
63
|
+
--u-red-500: #D66060;
|
|
64
|
+
--u-red-600: #F57878;
|
|
65
|
+
--u-red-700: #FF9494;
|
|
66
|
+
--u-red-800: #FFB3B3;
|
|
67
|
+
--u-red-900: #FFD2D2;
|
|
68
|
+
--u-red-1000: #FFF0F0;
|
|
69
|
+
|
|
70
|
+
/* text Colors */
|
|
71
|
+
--u-txt-color: var(--u-neutral-900);
|
|
72
|
+
--u-txt-color-inverse: var(--u-neutral-100);
|
|
73
|
+
--u-txt-color-hover: var(--u-blue-600);
|
|
74
|
+
--u-txt-color-active: var(--u-blue-600);
|
|
75
|
+
--u-txt-color-disabled: var(--u-neutral-500);
|
|
76
|
+
--u-txt-color-weak: var(--u-neutral-700);
|
|
77
|
+
--u-txt-color-strong: var(--u-neutral-1000);
|
|
78
|
+
|
|
79
|
+
--u-link-txt-color: var(--u-blue-700);
|
|
80
|
+
--u-tooltip-txt-color: var(--u-neutral-100);
|
|
81
|
+
|
|
82
|
+
/* Icon Colors */
|
|
83
|
+
--u-icon-color: var(--u-neutral-800);
|
|
84
|
+
--u-icon-color-inverse: var(--u-neutral-100);
|
|
85
|
+
--u-icon-color-hover: var(--u-blue-600);
|
|
86
|
+
--u-icon-color-active: var(--u-blue-600);
|
|
87
|
+
--u-icon-color-disabled: var(--u-neutral-500);
|
|
88
|
+
|
|
89
|
+
/* border Colors */
|
|
90
|
+
--u-border-color: var(--u-neutral-400);
|
|
91
|
+
--u-border-color-weak: var(--u-neutral-300);
|
|
92
|
+
--u-border-color-strong: var(--u-neutral-500);
|
|
93
|
+
|
|
94
|
+
--u-input-border-color: var(--u-neutral-400);
|
|
95
|
+
--u-input-border-color-hover: var(--u-neutral-500);
|
|
96
|
+
--u-input-border-color-focus: var(--u-blue-600);
|
|
97
|
+
--u-input-border-color-invalid: var(--u-red-600);
|
|
98
|
+
|
|
99
|
+
/* background Colors */
|
|
100
|
+
--u-bg-color: var(--u-neutral-100);
|
|
101
|
+
--u-bg-color-inverse: var(--u-neutral-0);
|
|
102
|
+
--u-bg-color-hover: var(--u-neutral-300);
|
|
103
|
+
--u-bg-color-active: var(--u-neutral-400);
|
|
104
|
+
--u-bg-color-disabled: var(--u-neutral-100);
|
|
105
|
+
|
|
106
|
+
--u-input-bg-color: var(--u-neutral-200);
|
|
107
|
+
--u-panel-bg-color: var(--u-neutral-200);
|
|
108
|
+
--u-overlay-bg-color: rgba(0, 0, 0, 0.7);
|
|
109
|
+
--u-tooltip-bg-color: rgba(255, 255, 255, 0.85);
|
|
110
|
+
|
|
111
|
+
/* Shadow Colors */
|
|
112
|
+
--u-shadow-color-weaker: rgba(0, 0, 0, 0.15);
|
|
113
|
+
--u-shadow-color-weak: rgba(0, 0, 0, 0.25);
|
|
114
|
+
--u-shadow-color-normal: rgba(0, 0, 0, 0.35);
|
|
115
|
+
--u-shadow-color-strong: rgba(0, 0, 0, 0.45);
|
|
116
|
+
--u-shadow-color-stronger: rgba(0, 0, 0, 0.60);
|
|
117
|
+
|
|
118
|
+
/* Scrollbar Colors */
|
|
119
|
+
--u-scrollbar-color: var(--u-neutral-500);
|
|
120
|
+
--u-scrollbar-color-hover: var(--u-neutral-600);
|
|
121
|
+
--u-scrollbar-track-color: transparent;
|
|
122
|
+
|
|
123
|
+
/* Font Styles */
|
|
124
|
+
--u-font-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
|
|
125
|
+
--u-font-mono: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Monaco, 'Courier New', monospace;
|
|
126
|
+
--u-font-serif: 'Georgia', 'Times New Roman', Times, serif;
|
|
127
|
+
--u-font-display: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif;
|
|
128
|
+
--u-font-modern: 'Inter', 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
|
129
|
+
--u-font-rounded: 'Nunito', 'Quicksand', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
|
130
130
|
}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
const dark = ":root[theme=\"dark\"] {\
|
|
1
|
+
const dark = ":root[theme=\"dark\"] {\n color-scheme: dark;\n\n /* Neutral Colors */\n --u-neutral-0: #000000;\n --u-neutral-50: #0A0A0A;\n --u-neutral-100: #121212;\n --u-neutral-200: #1E1E1E;\n --u-neutral-300: #2A2A2A;\n --u-neutral-400: #3D3D3D;\n --u-neutral-500: #525252;\n --u-neutral-600: #6E6E6E;\n --u-neutral-700: #8A8A8A;\n --u-neutral-800: #B0B0B0;\n --u-neutral-900: #D4D4D4;\n --u-neutral-1000: #FFFFFF;\n\n /* Blue Colors */\n --u-blue-0: #0A1E3D;\n --u-blue-100: #1E3A5F;\n --u-blue-200: #2B4F7E;\n --u-blue-300: #3D6B9E;\n --u-blue-400: #5284BE;\n --u-blue-500: #6BA3E3;\n --u-blue-600: #87B8F5;\n --u-blue-700: #A5CDFF;\n --u-blue-800: #C2DEFF;\n --u-blue-900: #DDEEFF;\n --u-blue-1000: #F0F7FF;\n\n /* Green Colors */\n --u-green-0: #0D2818;\n --u-green-100: #1A3F2A;\n --u-green-200: #285639;\n --u-green-300: #3A7450;\n --u-green-400: #4E9268;\n --u-green-500: #66B584;\n --u-green-600: #81D19D;\n --u-green-700: #9FE5B5;\n --u-green-800: #BEF2CD;\n --u-green-900: #DDF9E5;\n --u-green-1000: #F0FDF5;\n\n /* Yellow Colors */\n --u-yellow-0: #2E2200;\n --u-yellow-100: #4D3A00;\n --u-yellow-200: #6B5200;\n --u-yellow-300: #8A6B00;\n --u-yellow-400: #B08900;\n --u-yellow-500: #D4A712;\n --u-yellow-600: #F5C842;\n --u-yellow-700: #FFE066;\n --u-yellow-800: #FFED99;\n --u-yellow-900: #FFF5CC;\n --u-yellow-1000: #FFFBE6;\n\n /* Red Colors */\n --u-red-0: #2E0A0A;\n --u-red-100: #4D1717;\n --u-red-200: #6B2424;\n --u-red-300: #8F3535;\n --u-red-400: #B24848;\n --u-red-500: #D66060;\n --u-red-600: #F57878;\n --u-red-700: #FF9494;\n --u-red-800: #FFB3B3;\n --u-red-900: #FFD2D2;\n --u-red-1000: #FFF0F0;\n\n /* text Colors */\n --u-txt-color: var(--u-neutral-900);\n --u-txt-color-inverse: var(--u-neutral-100);\n --u-txt-color-hover: var(--u-blue-600);\n --u-txt-color-active: var(--u-blue-600);\n --u-txt-color-disabled: var(--u-neutral-500);\n --u-txt-color-weak: var(--u-neutral-700);\n --u-txt-color-strong: var(--u-neutral-1000);\n\n --u-link-txt-color: var(--u-blue-700);\n --u-tooltip-txt-color: var(--u-neutral-100);\n\n /* Icon Colors */\n --u-icon-color: var(--u-neutral-800);\n --u-icon-color-inverse: var(--u-neutral-100);\n --u-icon-color-hover: var(--u-blue-600);\n --u-icon-color-active: var(--u-blue-600);\n --u-icon-color-disabled: var(--u-neutral-500);\n\n /* border Colors */\n --u-border-color: var(--u-neutral-400);\n --u-border-color-weak: var(--u-neutral-300);\n --u-border-color-strong: var(--u-neutral-500);\n\n --u-input-border-color: var(--u-neutral-400);\n --u-input-border-color-hover: var(--u-neutral-500);\n --u-input-border-color-focus: var(--u-blue-600);\n --u-input-border-color-invalid: var(--u-red-600);\n\n /* background Colors */\n --u-bg-color: var(--u-neutral-100);\n --u-bg-color-inverse: var(--u-neutral-0);\n --u-bg-color-hover: var(--u-neutral-300);\n --u-bg-color-active: var(--u-neutral-400);\n --u-bg-color-disabled: var(--u-neutral-100);\n \n --u-input-bg-color: var(--u-neutral-200);\n --u-panel-bg-color: var(--u-neutral-200);\n --u-overlay-bg-color: rgba(0, 0, 0, 0.7);\n --u-tooltip-bg-color: rgba(255, 255, 255, 0.85);\n\n /* Shadow Colors */\n --u-shadow-color-weaker: rgba(0, 0, 0, 0.15);\n --u-shadow-color-weak: rgba(0, 0, 0, 0.25);\n --u-shadow-color-normal: rgba(0, 0, 0, 0.35);\n --u-shadow-color-strong: rgba(0, 0, 0, 0.45);\n --u-shadow-color-stronger: rgba(0, 0, 0, 0.60);\n\n /* Scrollbar Colors */\n --u-scrollbar-color: var(--u-neutral-500);\n --u-scrollbar-color-hover: var(--u-neutral-600);\n --u-scrollbar-track-color: transparent;\n\n /* Font Styles */\n --u-font-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\n --u-font-mono: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Monaco, 'Courier New', monospace;\n --u-font-serif: 'Georgia', 'Times New Roman', Times, serif;\n --u-font-display: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif;\n --u-font-modern: 'Inter', 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n --u-font-rounded: 'Nunito', 'Quicksand', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n}";
|
|
2
2
|
|
|
3
3
|
export { dark as default };
|