@iyulab/components 0.1.11 → 0.2.1
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 +113 -59
- package/LICENSE +20 -20
- package/README.md +283 -26
- package/dist/assets/icons/arrow-down.svg.js +1 -1
- package/dist/assets/icons/arrow-repeat.svg.js +3 -0
- 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 +3 -0
- 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 +3 -0
- package/dist/assets/icons/flag.svg.js +3 -0
- package/dist/assets/icons/globe.svg.js +3 -0
- package/dist/assets/icons/hand-thumbs-down-fill.svg.js +3 -0
- package/dist/assets/icons/hand-thumbs-down.svg.js +3 -0
- package/dist/assets/icons/hand-thumbs-up-fill.svg.js +3 -0
- package/dist/assets/icons/hand-thumbs-up.svg.js +3 -0
- package/dist/assets/icons/info-circle-fill.svg.js +1 -1
- package/dist/assets/icons/layout-sidebar.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 +3 -0
- package/dist/assets/icons/stop-circle.svg.js +3 -0
- package/dist/assets/icons/tools.svg.js +3 -0
- 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/FloatingElement.d.ts +13 -5
- package/dist/components/FloatingElement.js +31 -14
- package/dist/components/button/UButton.component.d.ts +7 -0
- package/dist/components/button/UButton.component.js +20 -1
- package/dist/components/button/UButton.styles.js +51 -8
- package/dist/components/dialog/UDialog.component.d.ts +2 -0
- package/dist/components/dialog/UDialog.component.js +14 -9
- package/dist/components/drawer/UDrawer.component.d.ts +2 -0
- package/dist/components/drawer/UDrawer.component.js +14 -9
- package/dist/components/form/UForm.component.js +3 -3
- package/dist/components/icon/UIcon.component.d.ts +1 -4
- package/dist/components/icon/UIcon.component.js +2 -2
- package/dist/components/menu/UMenu.component.js +53 -41
- package/dist/components/menu-item/UMenuItem.component.d.ts +2 -2
- package/dist/components/menu-item/UMenuItem.component.js +1 -2
- package/dist/components/split-panel/USplitPanel.component.js +4 -4
- package/dist/components/tag/UTag.component.d.ts +23 -0
- package/dist/components/tag/UTag.component.js +72 -0
- package/dist/components/tag/UTag.d.ts +8 -0
- package/dist/components/tag/UTag.js +5 -0
- package/dist/components/tag/UTag.styles.js +83 -0
- package/dist/components/tooltip/UTooltip.component.d.ts +8 -0
- package/dist/components/tooltip/UTooltip.component.js +59 -17
- package/dist/components/tooltip/UTooltip.styles.js +15 -0
- package/dist/index.d.ts +4 -3
- package/dist/index.js +5 -4
- package/dist/react-components/UTag.d.ts +8 -0
- package/dist/react-components/UTag.js +10 -0
- package/dist/react-components/index.d.ts +1 -1
- package/dist/react-components/index.js +1 -1
- package/dist/utilities/{icons.d.ts → IconRegistry.d.ts} +20 -26
- package/dist/utilities/{icons.js → IconRegistry.js} +29 -20
- package/dist/utilities/{notifier.d.ts → Notifier.d.ts} +8 -13
- package/dist/utilities/{notifier.js → Notifier.js} +8 -10
- package/dist/utilities/{theme.d.ts → Theme.d.ts} +13 -18
- package/dist/utilities/{theme.js → Theme.js} +39 -35
- package/dist/{internals/attribute-converters.d.ts → utilities/converters.d.ts} +1 -1
- package/dist/{internals/attribute-converters.js → utilities/converters.js} +2 -2
- package/dist/{internals/node-helpers.js → utilities/elements.js} +6 -5
- package/package.json +60 -60
- package/dist/assets/icons/arrow-clockwise.svg.js +0 -3
- package/dist/assets/icons/speedometer.svg.js +0 -3
- package/dist/components/icon-button/UIconButton.component.d.ts +0 -20
- package/dist/components/icon-button/UIconButton.component.js +0 -59
- package/dist/components/icon-button/UIconButton.d.ts +0 -7
- package/dist/components/icon-button/UIconButton.js +0 -5
- package/dist/components/icon-button/UIconButton.styles.js +0 -54
- package/dist/internals/react-wrapper.d.ts +0 -21
- package/dist/react-components/UIconButton.d.ts +0 -8
- package/dist/react-components/UIconButton.js +0 -10
- /package/dist/components/{icon-button/UIconButton.styles.d.ts → tag/UTag.styles.d.ts} +0 -0
- /package/dist/{internals/node-helpers.d.ts → utilities/elements.d.ts} +0 -0
|
@@ -1,3 +1,3 @@
|
|
|
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>";
|
|
1
|
+
const eye = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\r\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\"/>\r\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\"/>\r\n</svg>";
|
|
2
2
|
|
|
3
3
|
export { eye as default };
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
const fileEarmark = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\r\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\"/>\r\n</svg>";
|
|
2
|
+
|
|
3
|
+
export { fileEarmark as default };
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
const flag = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\r\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\"/>\r\n</svg>";
|
|
2
|
+
|
|
3
|
+
export { flag as default };
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
const globe = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\r\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\"/>\r\n</svg>";
|
|
2
|
+
|
|
3
|
+
export { globe as default };
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
const handThumbsDownFill = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\r\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\"/>\r\n</svg>";
|
|
2
|
+
|
|
3
|
+
export { handThumbsDownFill as default };
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
const handThumbsDown = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\r\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\"/>\r\n</svg>";
|
|
2
|
+
|
|
3
|
+
export { handThumbsDown as default };
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
const handThumbsUpFill = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\r\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\"/>\r\n</svg>";
|
|
2
|
+
|
|
3
|
+
export { handThumbsUpFill as default };
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
const handThumbsUp = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\r\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\"/>\r\n</svg>";
|
|
2
|
+
|
|
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\">\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>";
|
|
1
|
+
const infoCircleFill = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\r\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\"/>\r\n</svg>";
|
|
2
2
|
|
|
3
3
|
export { infoCircleFill as default };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
const layoutSidebar = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n <path d=\"M0 3a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm5-1v12h9a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1zM4 2H2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h2z\"/>\n</svg>";
|
|
1
|
+
const layoutSidebar = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\r\n <path d=\"M0 3a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm5-1v12h9a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1zM4 2H2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h2z\"/>\r\n</svg>";
|
|
2
2
|
|
|
3
3
|
export { layoutSidebar as default };
|
|
@@ -1,3 +1,3 @@
|
|
|
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>";
|
|
1
|
+
const lightbulbFill = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\r\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\"/>\r\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\">\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>";
|
|
1
|
+
const lightbulbOff = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\r\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\"/>\r\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\">\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>";
|
|
1
|
+
const lightbulb = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\r\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\"/>\r\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\">\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>";
|
|
1
|
+
const micFill = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\r\n <path d=\"M5 3a3 3 0 0 1 6 0v5a3 3 0 0 1-6 0z\"/>\r\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\"/>\r\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\">\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>";
|
|
1
|
+
const micMuteFill = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\r\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\"/>\r\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\"/>\r\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\">\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>";
|
|
1
|
+
const paperclip = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\r\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\"/>\r\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\">\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>";
|
|
1
|
+
const pencilSquare = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\r\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\"/>\r\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\"/>\r\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\">\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>";
|
|
1
|
+
const plusLg = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\r\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\"/>\r\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\">\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>";
|
|
1
|
+
const search = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\r\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\"/>\r\n</svg>";
|
|
2
2
|
|
|
3
3
|
export { search as default };
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
const share = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\r\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\"/>\r\n</svg>";
|
|
2
|
+
|
|
3
|
+
export { share as default };
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
const stopCircle = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\r\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\"/>\r\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\"/>\r\n</svg>";
|
|
2
|
+
|
|
3
|
+
export { stopCircle as default };
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
const tools = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\r\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\"/>\r\n</svg>";
|
|
2
|
+
|
|
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\">\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>";
|
|
1
|
+
const xLg = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\r\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\"/>\r\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\"] {\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}";
|
|
1
|
+
const dark = ":root[theme=\"dark\"] {\r\n color-scheme: dark;\r\n\r\n /* Neutral Colors */\r\n --u-neutral-0: #000000;\r\n --u-neutral-50: #0A0A0A;\r\n --u-neutral-100: #121212;\r\n --u-neutral-200: #1E1E1E;\r\n --u-neutral-300: #2A2A2A;\r\n --u-neutral-400: #3D3D3D;\r\n --u-neutral-500: #525252;\r\n --u-neutral-600: #6E6E6E;\r\n --u-neutral-700: #8A8A8A;\r\n --u-neutral-800: #B0B0B0;\r\n --u-neutral-900: #D4D4D4;\r\n --u-neutral-1000: #FFFFFF;\r\n\r\n /* Blue Colors */\r\n --u-blue-0: #0A1E3D;\r\n --u-blue-100: #1E3A5F;\r\n --u-blue-200: #2B4F7E;\r\n --u-blue-300: #3D6B9E;\r\n --u-blue-400: #5284BE;\r\n --u-blue-500: #6BA3E3;\r\n --u-blue-600: #87B8F5;\r\n --u-blue-700: #A5CDFF;\r\n --u-blue-800: #C2DEFF;\r\n --u-blue-900: #DDEEFF;\r\n --u-blue-1000: #F0F7FF;\r\n\r\n /* Green Colors */\r\n --u-green-0: #0D2818;\r\n --u-green-100: #1A3F2A;\r\n --u-green-200: #285639;\r\n --u-green-300: #3A7450;\r\n --u-green-400: #4E9268;\r\n --u-green-500: #66B584;\r\n --u-green-600: #81D19D;\r\n --u-green-700: #9FE5B5;\r\n --u-green-800: #BEF2CD;\r\n --u-green-900: #DDF9E5;\r\n --u-green-1000: #F0FDF5;\r\n\r\n /* Yellow Colors */\r\n --u-yellow-0: #2E2200;\r\n --u-yellow-100: #4D3A00;\r\n --u-yellow-200: #6B5200;\r\n --u-yellow-300: #8A6B00;\r\n --u-yellow-400: #B08900;\r\n --u-yellow-500: #D4A712;\r\n --u-yellow-600: #F5C842;\r\n --u-yellow-700: #FFE066;\r\n --u-yellow-800: #FFED99;\r\n --u-yellow-900: #FFF5CC;\r\n --u-yellow-1000: #FFFBE6;\r\n\r\n /* Red Colors */\r\n --u-red-0: #2E0A0A;\r\n --u-red-100: #4D1717;\r\n --u-red-200: #6B2424;\r\n --u-red-300: #8F3535;\r\n --u-red-400: #B24848;\r\n --u-red-500: #D66060;\r\n --u-red-600: #F57878;\r\n --u-red-700: #FF9494;\r\n --u-red-800: #FFB3B3;\r\n --u-red-900: #FFD2D2;\r\n --u-red-1000: #FFF0F0;\r\n\r\n /* text Colors */\r\n --u-txt-color: var(--u-neutral-900);\r\n --u-txt-color-inverse: var(--u-neutral-100);\r\n --u-txt-color-hover: var(--u-blue-600);\r\n --u-txt-color-active: var(--u-blue-600);\r\n --u-txt-color-disabled: var(--u-neutral-500);\r\n --u-txt-color-weak: var(--u-neutral-700);\r\n --u-txt-color-strong: var(--u-neutral-1000);\r\n\r\n --u-link-txt-color: var(--u-blue-700);\r\n --u-tooltip-txt-color: var(--u-neutral-100);\r\n\r\n /* Icon Colors */\r\n --u-icon-color: var(--u-neutral-800);\r\n --u-icon-color-inverse: var(--u-neutral-100);\r\n --u-icon-color-hover: var(--u-blue-600);\r\n --u-icon-color-active: var(--u-blue-600);\r\n --u-icon-color-disabled: var(--u-neutral-500);\r\n\r\n /* border Colors */\r\n --u-border-color: var(--u-neutral-400);\r\n --u-border-color-weak: var(--u-neutral-300);\r\n --u-border-color-strong: var(--u-neutral-500);\r\n\r\n --u-input-border-color: var(--u-neutral-400);\r\n --u-input-border-color-hover: var(--u-neutral-500);\r\n --u-input-border-color-focus: var(--u-blue-600);\r\n --u-input-border-color-invalid: var(--u-red-600);\r\n\r\n /* background Colors */\r\n --u-bg-color: var(--u-neutral-100);\r\n --u-bg-color-inverse: var(--u-neutral-0);\r\n --u-bg-color-hover: var(--u-neutral-300);\r\n --u-bg-color-active: var(--u-neutral-400);\r\n --u-bg-color-disabled: var(--u-neutral-100);\r\n \r\n --u-input-bg-color: var(--u-neutral-200);\r\n --u-panel-bg-color: var(--u-neutral-200);\r\n --u-overlay-bg-color: rgba(0, 0, 0, 0.7);\r\n --u-tooltip-bg-color: rgba(255, 255, 255, 0.85);\r\n\r\n /* Shadow Colors */\r\n --u-shadow-color-weaker: rgba(0, 0, 0, 0.15);\r\n --u-shadow-color-weak: rgba(0, 0, 0, 0.25);\r\n --u-shadow-color-normal: rgba(0, 0, 0, 0.35);\r\n --u-shadow-color-strong: rgba(0, 0, 0, 0.45);\r\n --u-shadow-color-stronger: rgba(0, 0, 0, 0.60);\r\n\r\n /* Scrollbar Colors */\r\n --u-scrollbar-color: var(--u-neutral-500);\r\n --u-scrollbar-color-hover: var(--u-neutral-600);\r\n --u-scrollbar-track-color: transparent;\r\n\r\n /* Font Styles */\r\n --u-font-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';\r\n --u-font-mono: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Monaco, 'Courier New', monospace;\r\n --u-font-serif: 'Georgia', 'Times New Roman', Times, serif;\r\n --u-font-display: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif;\r\n --u-font-modern: 'Inter', 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n --u-font-rounded: 'Nunito', 'Quicksand', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n}";
|
|
2
2
|
|
|
3
3
|
export { dark as default };
|