triafly-ui-kit 1.0.8 → 1.0.10

package/README.md

@@ -1,93 +1,93 @@
-# ui-kit
-
-
-
-## Getting started
-
-To make it easy for you to get started with GitLab, here's a list of recommended next steps.
-
-Already a pro? Just edit this README.md and make it your own. Want to make it easy? [Use the template at the bottom](#editing-this-readme)!
-
-## Add your files
-
-- [ ] [Create](https://docs.gitlab.com/ee/user/project/repository/web_editor.html#create-a-file) or [upload](https://docs.gitlab.com/ee/user/project/repository/web_editor.html#upload-a-file) files
-- [ ] [Add files using the command line](https://docs.gitlab.com/ee/gitlab-basics/add-file.html#add-a-file-using-the-command-line) or push an existing Git repository with the following command:
-
-```
-cd existing_repo
-git remote add origin https://git.3afly.ru/triafly-data-platform/ui-kit.git
-git branch -M main
-git push -uf origin main
-```
-
-## Integrate with your tools
-
-- [ ] [Set up project integrations](https://git.3afly.ru/triafly-data-platform/ui-kit/-/settings/integrations)
-
-## Collaborate with your team
-
-- [ ] [Invite team members and collaborators](https://docs.gitlab.com/ee/user/project/members/)
-- [ ] [Create a new merge request](https://docs.gitlab.com/ee/user/project/merge_requests/creating_merge_requests.html)
-- [ ] [Automatically close issues from merge requests](https://docs.gitlab.com/ee/user/project/issues/managing_issues.html#closing-issues-automatically)
-- [ ] [Enable merge request approvals](https://docs.gitlab.com/ee/user/project/merge_requests/approvals/)
-- [ ] [Set auto-merge](https://docs.gitlab.com/ee/user/project/merge_requests/merge_when_pipeline_succeeds.html)
-
-## Test and Deploy
-
-Use the built-in continuous integration in GitLab.
-
-- [ ] [Get started with GitLab CI/CD](https://docs.gitlab.com/ee/ci/quick_start/index.html)
-- [ ] [Analyze your code for known vulnerabilities with Static Application Security Testing (SAST)](https://docs.gitlab.com/ee/user/application_security/sast/)
-- [ ] [Deploy to Kubernetes, Amazon EC2, or Amazon ECS using Auto Deploy](https://docs.gitlab.com/ee/topics/autodevops/requirements.html)
-- [ ] [Use pull-based deployments for improved Kubernetes management](https://docs.gitlab.com/ee/user/clusters/agent/)
-- [ ] [Set up protected environments](https://docs.gitlab.com/ee/ci/environments/protected_environments.html)
-
-***
-
-# Editing this README
-
-When you're ready to make this README your own, just edit this file and use the handy template below (or feel free to structure it however you want - this is just a starting point!). Thanks to [makeareadme.com](https://www.makeareadme.com/) for this template.
-
-## Suggestions for a good README
-
-Every project is different, so consider which of these sections apply to yours. The sections used in the template are suggestions for most open source projects. Also keep in mind that while a README can be too long and detailed, too long is better than too short. If you think your README is too long, consider utilizing another form of documentation rather than cutting out information.
-
-## Name
-Choose a self-explaining name for your project.
-
-## Description
-Let people know what your project can do specifically. Provide context and add a link to any reference visitors might be unfamiliar with. A list of Features or a Background subsection can also be added here. If there are alternatives to your project, this is a good place to list differentiating factors.
-
-## Badges
-On some READMEs, you may see small images that convey metadata, such as whether or not all the tests are passing for the project. You can use Shields to add some to your README. Many services also have instructions for adding a badge.
-
-## Visuals
-Depending on what you are making, it can be a good idea to include screenshots or even a video (you'll frequently see GIFs rather than actual videos). Tools like ttygif can help, but check out Asciinema for a more sophisticated method.
-
-## Installation
-Within a particular ecosystem, there may be a common way of installing things, such as using Yarn, NuGet, or Homebrew. However, consider the possibility that whoever is reading your README is a novice and would like more guidance. Listing specific steps helps remove ambiguity and gets people to using your project as quickly as possible. If it only runs in a specific context like a particular programming language version or operating system or has dependencies that have to be installed manually, also add a Requirements subsection.
-
-## Usage
-Use examples liberally, and show the expected output if you can. It's helpful to have inline the smallest example of usage that you can demonstrate, while providing links to more sophisticated examples if they are too long to reasonably include in the README.
-
-## Support
-Tell people where they can go to for help. It can be any combination of an issue tracker, a chat room, an email address, etc.
-
-## Roadmap
-If you have ideas for releases in the future, it is a good idea to list them in the README.
-
-## Contributing
-State if you are open to contributions and what your requirements are for accepting them.
-
-For people who want to make changes to your project, it's helpful to have some documentation on how to get started. Perhaps there is a script that they should run or some environment variables that they need to set. Make these steps explicit. These instructions could also be useful to your future self.
-
-You can also document commands to lint the code or run tests. These steps help to ensure high code quality and reduce the likelihood that the changes inadvertently break something. Having instructions for running tests is especially helpful if it requires external setup, such as starting a Selenium server for testing in a browser.
-
-## Authors and acknowledgment
-Show your appreciation to those who have contributed to the project.
-
-## License
-For open source projects, say how it is licensed.
-
-## Project status
-If you have run out of energy or time for your project, put a note at the top of the README saying that development has slowed down or stopped completely. Someone may choose to fork your project or volunteer to step in as a maintainer or owner, allowing your project to keep going. You can also make an explicit request for maintainers.
+# ui-kit
+
+
+
+## Getting started
+
+To make it easy for you to get started with GitLab, here's a list of recommended next steps.
+
+Already a pro? Just edit this README.md and make it your own. Want to make it easy? [Use the template at the bottom](#editing-this-readme)!
+
+## Add your files
+
+- [ ] [Create](https://docs.gitlab.com/ee/user/project/repository/web_editor.html#create-a-file) or [upload](https://docs.gitlab.com/ee/user/project/repository/web_editor.html#upload-a-file) files
+- [ ] [Add files using the command line](https://docs.gitlab.com/ee/gitlab-basics/add-file.html#add-a-file-using-the-command-line) or push an existing Git repository with the following command:
+
+```
+cd existing_repo
+git remote add origin https://git.3afly.ru/triafly-data-platform/ui-kit.git
+git branch -M main
+git push -uf origin main
+```
+
+## Integrate with your tools
+
+- [ ] [Set up project integrations](https://git.3afly.ru/triafly-data-platform/ui-kit/-/settings/integrations)
+
+## Collaborate with your team
+
+- [ ] [Invite team members and collaborators](https://docs.gitlab.com/ee/user/project/members/)
+- [ ] [Create a new merge request](https://docs.gitlab.com/ee/user/project/merge_requests/creating_merge_requests.html)
+- [ ] [Automatically close issues from merge requests](https://docs.gitlab.com/ee/user/project/issues/managing_issues.html#closing-issues-automatically)
+- [ ] [Enable merge request approvals](https://docs.gitlab.com/ee/user/project/merge_requests/approvals/)
+- [ ] [Set auto-merge](https://docs.gitlab.com/ee/user/project/merge_requests/merge_when_pipeline_succeeds.html)
+
+## Test and Deploy
+
+Use the built-in continuous integration in GitLab.
+
+- [ ] [Get started with GitLab CI/CD](https://docs.gitlab.com/ee/ci/quick_start/index.html)
+- [ ] [Analyze your code for known vulnerabilities with Static Application Security Testing (SAST)](https://docs.gitlab.com/ee/user/application_security/sast/)
+- [ ] [Deploy to Kubernetes, Amazon EC2, or Amazon ECS using Auto Deploy](https://docs.gitlab.com/ee/topics/autodevops/requirements.html)
+- [ ] [Use pull-based deployments for improved Kubernetes management](https://docs.gitlab.com/ee/user/clusters/agent/)
+- [ ] [Set up protected environments](https://docs.gitlab.com/ee/ci/environments/protected_environments.html)
+
+***
+
+# Editing this README
+
+When you're ready to make this README your own, just edit this file and use the handy template below (or feel free to structure it however you want - this is just a starting point!). Thanks to [makeareadme.com](https://www.makeareadme.com/) for this template.
+
+## Suggestions for a good README
+
+Every project is different, so consider which of these sections apply to yours. The sections used in the template are suggestions for most open source projects. Also keep in mind that while a README can be too long and detailed, too long is better than too short. If you think your README is too long, consider utilizing another form of documentation rather than cutting out information.
+
+## Name
+Choose a self-explaining name for your project.
+
+## Description
+Let people know what your project can do specifically. Provide context and add a link to any reference visitors might be unfamiliar with. A list of Features or a Background subsection can also be added here. If there are alternatives to your project, this is a good place to list differentiating factors.
+
+## Badges
+On some READMEs, you may see small images that convey metadata, such as whether or not all the tests are passing for the project. You can use Shields to add some to your README. Many services also have instructions for adding a badge.
+
+## Visuals
+Depending on what you are making, it can be a good idea to include screenshots or even a video (you'll frequently see GIFs rather than actual videos). Tools like ttygif can help, but check out Asciinema for a more sophisticated method.
+
+## Installation
+Within a particular ecosystem, there may be a common way of installing things, such as using Yarn, NuGet, or Homebrew. However, consider the possibility that whoever is reading your README is a novice and would like more guidance. Listing specific steps helps remove ambiguity and gets people to using your project as quickly as possible. If it only runs in a specific context like a particular programming language version or operating system or has dependencies that have to be installed manually, also add a Requirements subsection.
+
+## Usage
+Use examples liberally, and show the expected output if you can. It's helpful to have inline the smallest example of usage that you can demonstrate, while providing links to more sophisticated examples if they are too long to reasonably include in the README.
+
+## Support
+Tell people where they can go to for help. It can be any combination of an issue tracker, a chat room, an email address, etc.
+
+## Roadmap
+If you have ideas for releases in the future, it is a good idea to list them in the README.
+
+## Contributing
+State if you are open to contributions and what your requirements are for accepting them.
+
+For people who want to make changes to your project, it's helpful to have some documentation on how to get started. Perhaps there is a script that they should run or some environment variables that they need to set. Make these steps explicit. These instructions could also be useful to your future self.
+
+You can also document commands to lint the code or run tests. These steps help to ensure high code quality and reduce the likelihood that the changes inadvertently break something. Having instructions for running tests is especially helpful if it requires external setup, such as starting a Selenium server for testing in a browser.
+
+## Authors and acknowledgment
+Show your appreciation to those who have contributed to the project.
+
+## License
+For open source projects, say how it is licensed.
+
+## Project status
+If you have run out of energy or time for your project, put a note at the top of the README saying that development has slowed down or stopped completely. Someone may choose to fork your project or volunteer to step in as a maintainer or owner, allowing your project to keep going. You can also make an explicit request for maintainers.

package/dist/assets/Alert.css

@@ -1 +1 @@
-:root{--3afly-fonts-body: "Manrope", sans-serif;--3afly-fonts-heading: "Roboto Slab", sans-serif;--light-brand-50: #c2d0ff;--dark-brand-50: #c2d0ff;--base-dark: #121212;--base-light: #ffffff;--dark-blue-20: #153398;--dark-blue-50: #0e2266;--dark-blue-100: #5076ff;--dark-blue-200: #7c98ff;--dark-blue-300: #a7bbff;--light-blue-20: #eef2ff;--light-blue-50: #c2d0ff;--light-blue-100: #2454ff;--light-blue-200: #1a3ab2;--light-blue-300: #0e2266;--dark-neutral-0: #121212;--dark-neutral-20: #292929;--dark-neutral-50: #333333;--dark-neutral-100: #4d4d4d;--dark-neutral-200: #6e6e6e;--dark-neutral-300: #ffffff;--light-neutral-0: #ffffff;--light-neutral-20: #f6f7f8;--light-neutral-50: #f1f2f4;--light-neutral-100: #d2d5da;--light-neutral-200: #a5a8ac;--light-neutral-300: #121212;--dark-green-50: #044329;--dark-green-100: #12a26c;--dark-green-200: #cef8e0;--dark-orange-50: #662500;--dark-orange-100: #e16d00;--dark-orange-200: #ffeccc;--dark-red-50: #7b0000;--dark-red-100: #f65843;--dark-red-200: #ffebe7;--light-green-50: #cef8e0;--light-green-100: #15a46e;--light-green-200: #06603b;--light-orange-50: #ffeccc;--light-orange-100: #e46f00;--light-orange-200: #9e3900;--light-red-50: #ffebe7;--light-red-100: #f75c46;--light-red-200: #9e0000;--color-fader: #12121220;--default-font-color: var(--base-dark);--color-bg-brand-default: var(--light-blue-100);--color-bg-brand-hover: var(--light-blue-200);--color-bg-brand-selected: var(--light-blue-300);--color-bg-brand-lightest-default: var(--light-blue-20);--color-bg-brand-light-default: var(--light-blue-50);--color-bg-error-default: var(--light-red-100);--color-bg-error-hover: var(--light-red-200);--color-bg-innerisland-default: var(--light-neutral-20);--color-bg-island-default: var(--base-light);--color-bg-island-disabled: var(--light-neutral-50);--color-bg-island-inversed: var(--base-dark);--color-bg-island-selected: var(--light-neutral-50);--color-bg-page-primary-default: var(--light-neutral-50);--color-bg-page-secondary-default: var(--light-neutral-0);--color-bg-neutral-basic-default: var(--light-neutral-0);--color-bg-neutral-basic-inversed: var(--light-neutral-300);--color-bg-neutral-lightest-default: var(--light-neutral-20);--color-bg-neutral-medium-default: var(--light-neutral-100);--color-border-brand-default: var(--light-blue-100);--color-border-error-default: var(--light-red-100);--color-border-primary-default: var(--light-neutral-100);--color-border-primary-hover: var(--base-dark);--color-border-secondary-default: var(--light-neutral-200);--color-border-secondary-hover: var(--base-dark);--color-border-success-default: var(--light-green-100);--color-chart-critical: var(--light-red-100);--color-chart-low: var(--light-green-100);--color-chart-medium: var(--light-orange-100);--effect-shadow-drop: #12121214;--effect-shadow-L: #12121208;--effect-shadow-XL: #12121215;--color-icon-brand-default: var(--light-blue-100);--color-icon-brand-hover: var(--light-blue-200);--color-icon-error-default: var(--light-red-100);--color-icon-error-hover: var(--light-red-200);--color-icon-primary-default: var(--base-dark);--color-icon-primary-inversed: var(--base-light);--color-icon-secondary-default: var(--light-neutral-200);--color-icon-secondary-hover: var(--base-dark);--color-icon-success-default: var(--light-green-100);--color-sidemenu-bg-default: var(--base-light);--color-sidemenu-bg-hover: var(--light-neutral-50);--color-sidemenu-bg-selected: var(--light-blue-100);--color-sidemenu-icon-default: var(--base-dark);--color-sidemenu-icon-selected: var(--light-color-static);--color-sidemenu-plus_button_bg-selected-hover: var(--light-blue-200);--color-sidemenu-plus_button_bg-unselected-hover: var(--base-dark);--color-sidemenu-plus_button_icon-selected-default: var(--light-color-static);--color-sidemenu-plus_button_icon-selected-hover: var(--light-color-static);--color-sidemenu-plus_button_icon-unselected-default: var(--base-dark);--color-sidemenu-plus_button_icon-unselected-hover: var(--base-light);--color-sidemenu-text-default: var(--base-dark);--color-sidemenu-text-selected: var(--light-color-static);--dark-color-static: var(--base-dark);--dark-color-static-brand: var(--dark-blue-100);--light-color-static: var(--base-light);--light-color-static-brand: var(--light-blue-100);--color-status-error-background: var(--light-red-50);--color-status-error-foreground: var(--light-red-100);--color-status-success-background: var(--light-green-50);--color-status-success-foreground: var(--light-green-100);--color-status-warning-background: var(--light-orange-50);--color-status-warning-foreground: var(--light-orange-100);--color-text-brand-default: var(--light-blue-100);--color-text-brand-hover: var(--light-blue-200);--color-text-error-default: var(--light-red-100);--color-text-primary-default: var(--base-dark);--color-text-primary-inversed: var(--light-neutral-0);--color-text-secondary-default: var(--light-neutral-200);--color-text-success-default: var(--light-green-100);--color-text-tertiary-default: var(--light-neutral-100);--color-button-brandlight-filled-hover: var(--light-brand-50)}html[data-theme=dark]{--default-font-color: var(--base-light);--color-bg-brand-default: var(--dark-blue-100);--color-bg-brand-hover: var(--dark-blue-200);--color-bg-brand-selected: var(--dark-blue-300);--color-bg-brand-light-default: var(--dark-blue-50);--color-bg-error-default: var(--dark-red-100);--color-bg-error-hover: var(--dark-red-50);--color-bg-innerisland-default: var(--dark-neutral-20);--color-bg-island-default: var(--base-dark);--color-bg-island-disabled: var(--dark-neutral-50);--color-bg-island-inversed: var(--base-light);--color-bg-island-selected: var(--dark-neutral-50);--color-bg-page-default: var(--dark-neutral-50);--color-bg-page-secondary-default: var(--dark-neutral-0);--color-bg-neutral-basic-default: var(--dark-neutral-20);--color-bg-neutral-basic-inversed: var(--dark-neutral-300);--color-bg-neutral-lightest-default: var(--dark-neutral-20);--color-bg-neutral-medium-default: var(--dark-neutral-100);--color-border-brand-default: var(--dark-blue-100);--color-border-error-default: var(--dark-red-100);--color-border-primary-default: var(--dark-neutral-100);--color-border-primary-hover: var(--base-light);--color-border-secondary-default: var(--dark-neutral-200);--color-border-secondary-hover: var(--base-light);--color-border-success-default: var(--dark-green-100);--color-chart-critical: var(--dark-red-100);--color-chart-low: var(--dark-green-100);--color-chart-medium: var(--dark-orange-100);--effect-shadow-drop: #12121299;--color-icon-brand-default: var(--dark-blue-100);--color-icon-brand-hover: var(--dark-blue-200);--color-icon-error-default: var(--dark-red-100);--color-icon-error-hover: var(--dark-red-200);--color-icon-primary-default: var(--base-light);--color-icon-primary-inversed: var(--base-dark);--color-icon-secondary-default: var(--dark-neutral-200);--color-icon-secondary-hover: var(--base-light);--color-icon-success-default: var(--dark-green-100);--color-sidemenu-bg-default: var(--base-dark);--color-sidemenu-bg-hover: var(--dark-neutral-50);--color-sidemenu-bg-selected: var(--dark-blue-100);--color-sidemenu-icon-default: var(--base-light);--color-sidemenu-icon-selected: var(--light-color-static);--color-sidemenu-plus_button_bg-selected-hover: var(--dark-blue-200);--color-sidemenu-plus_button_bg-unselected-hover: var(--base-light);--color-sidemenu-plus_button_icon-selected-default: var(--light-color-static);--color-sidemenu-plus_button_icon-selected-hover: var(--light-color-static);--color-sidemenu-plus_button_icon-unselected-default: var(--base-light);--color-sidemenu-plus_button_icon-unselected-hover: var(--base-dark);--color-sidemenu-text-default: var(--base-light);--color-sidemenu-text-selected: var(--light-color-static);--dark-color-static: var(--base-dark);--dark-color-static-brand: var(--dark-blue-100);--light-color-static: var(--base-light);--light-color-static-brand: var(--light-blue-100);--color-status-error-background: var(--dark-red-50);--color-status-error-foreground: var(--dark-red-100);--color-status-success-background: var(--dark-green-50);--color-status-success-foreground: var(--dark-green-100);--color-status-warning-background: var(--dark-orange-50);--color-status-warning-foreground: var(--dark-orange-100);--color-text-brand-default: var(--dark-blue-100);--color-text-brand-hover: var(--dark-blue-200);--color-text-error-default: var(--dark-red-100);--color-text-primary-default: var(--base-light);--color-text-primary-inversed: var(--dark-neutral-0);--color-text-secondary-default: var(--dark-neutral-200);--color-text-success-default: var(--dark-green-100);--color-text-tertiary-default: var(--dark-neutral-100);--color-button-brandlight-filled-hover: var(--dark-brand-50)}@font-face{font-family:Roboto Slab;src:url(../assets/fonts/RobotoSlab-SemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Semibold.ttf) format("truetype");font-weight:600}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Bold.ttf) format("truetype");font-weight:700}@font-face{font-family:Fira Code;src:url(../assets/fonts/FiraCode-Regular.ttf) format("truetype");font-weight:400}*{font-family:Manrope,sans-serif;font-size:14px;line-height:1.2em;letter-spacing:.02em;font-weight:400;color:var(--color-text-primary-default)}h1,h2,h3,h4,h5,h6{margin:0}a{color:var(--color-text-brand-default);text-decoration:none}a:hover{color:var(--color-text-brand-hover)}a[href=""]{opacity:40%;cursor:default;pointer-events:none}p:not(:last-child){margin:0 0 8px}.alert{border-radius:12px;padding:24px 20px;display:flex;align-items:center;font-size:16px;font-weight:600}.alert.multiline{flex-direction:column;align-items:flex-start;padding:16px}.alert.multiline svg{margin:0 0 12px}.alert.success{background-color:var(--color-status-success-background);color:var(--color-status-success-foreground)}.alert.success svg *{fill:var(--color-status-success-foreground)}.alert.error{background-color:var(--color-status-error-background);color:var(--color-status-error-foreground)}.alert.error svg *{fill:var(--color-status-error-foreground)}.alert.warning{background-color:var(--color-status-warning-background);color:var(--color-status-warning-foreground)}.alert.warning svg *{fill:var(--color-status-warning-foreground)}.alert svg{margin:0 12px 0 0}
+@font-face{font-family:Roboto Slab;src:url(../assets/fonts/RobotoSlab-SemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Semibold.ttf) format("truetype");font-weight:600}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Bold.ttf) format("truetype");font-weight:700}@font-face{font-family:Fira Code;src:url(../assets/fonts/FiraCode-Regular.ttf) format("truetype");font-weight:400}*{font-family:Manrope,sans-serif;font-size:14px;line-height:1.2em;letter-spacing:.02em;font-weight:400;color:var(--color-text-primary-default)}h1,h2,h3,h4,h5,h6{margin:0}a{color:var(--color-text-brand-default);text-decoration:none}a:hover{color:var(--color-text-brand-hover)}a[href=""]{opacity:40%;cursor:default;pointer-events:none}p:not(:last-child){margin:0 0 8px}.alert{border-radius:12px;padding:24px 20px;display:flex;align-items:center;font-size:16px;font-weight:600}.alert.multiline{flex-direction:column;align-items:flex-start;padding:16px}.alert.multiline svg{margin:0 0 12px}.alert.success{background-color:var(--color-status-success-background);color:var(--color-status-success-foreground)}.alert.success svg *{fill:var(--color-status-success-foreground)}.alert.error{background-color:var(--color-status-error-background);color:var(--color-status-error-foreground)}.alert.error svg *{fill:var(--color-status-error-foreground)}.alert.warning{background-color:var(--color-status-warning-background);color:var(--color-status-warning-foreground)}.alert.warning svg *{fill:var(--color-status-warning-foreground)}.alert svg{margin:0 12px 0 0}

package/dist/assets/Button.css

@@ -1 +1 @@
-:root{--3afly-fonts-body: "Manrope", sans-serif;--3afly-fonts-heading: "Roboto Slab", sans-serif;--light-brand-50: #c2d0ff;--dark-brand-50: #c2d0ff;--base-dark: #121212;--base-light: #ffffff;--dark-blue-20: #153398;--dark-blue-50: #0e2266;--dark-blue-100: #5076ff;--dark-blue-200: #7c98ff;--dark-blue-300: #a7bbff;--light-blue-20: #eef2ff;--light-blue-50: #c2d0ff;--light-blue-100: #2454ff;--light-blue-200: #1a3ab2;--light-blue-300: #0e2266;--dark-neutral-0: #121212;--dark-neutral-20: #292929;--dark-neutral-50: #333333;--dark-neutral-100: #4d4d4d;--dark-neutral-200: #6e6e6e;--dark-neutral-300: #ffffff;--light-neutral-0: #ffffff;--light-neutral-20: #f6f7f8;--light-neutral-50: #f1f2f4;--light-neutral-100: #d2d5da;--light-neutral-200: #a5a8ac;--light-neutral-300: #121212;--dark-green-50: #044329;--dark-green-100: #12a26c;--dark-green-200: #cef8e0;--dark-orange-50: #662500;--dark-orange-100: #e16d00;--dark-orange-200: #ffeccc;--dark-red-50: #7b0000;--dark-red-100: #f65843;--dark-red-200: #ffebe7;--light-green-50: #cef8e0;--light-green-100: #15a46e;--light-green-200: #06603b;--light-orange-50: #ffeccc;--light-orange-100: #e46f00;--light-orange-200: #9e3900;--light-red-50: #ffebe7;--light-red-100: #f75c46;--light-red-200: #9e0000;--color-fader: #12121220;--default-font-color: var(--base-dark);--color-bg-brand-default: var(--light-blue-100);--color-bg-brand-hover: var(--light-blue-200);--color-bg-brand-selected: var(--light-blue-300);--color-bg-brand-lightest-default: var(--light-blue-20);--color-bg-brand-light-default: var(--light-blue-50);--color-bg-error-default: var(--light-red-100);--color-bg-error-hover: var(--light-red-200);--color-bg-innerisland-default: var(--light-neutral-20);--color-bg-island-default: var(--base-light);--color-bg-island-disabled: var(--light-neutral-50);--color-bg-island-inversed: var(--base-dark);--color-bg-island-selected: var(--light-neutral-50);--color-bg-page-primary-default: var(--light-neutral-50);--color-bg-page-secondary-default: var(--light-neutral-0);--color-bg-neutral-basic-default: var(--light-neutral-0);--color-bg-neutral-basic-inversed: var(--light-neutral-300);--color-bg-neutral-lightest-default: var(--light-neutral-20);--color-bg-neutral-medium-default: var(--light-neutral-100);--color-border-brand-default: var(--light-blue-100);--color-border-error-default: var(--light-red-100);--color-border-primary-default: var(--light-neutral-100);--color-border-primary-hover: var(--base-dark);--color-border-secondary-default: var(--light-neutral-200);--color-border-secondary-hover: var(--base-dark);--color-border-success-default: var(--light-green-100);--color-chart-critical: var(--light-red-100);--color-chart-low: var(--light-green-100);--color-chart-medium: var(--light-orange-100);--effect-shadow-drop: #12121214;--effect-shadow-L: #12121208;--effect-shadow-XL: #12121215;--color-icon-brand-default: var(--light-blue-100);--color-icon-brand-hover: var(--light-blue-200);--color-icon-error-default: var(--light-red-100);--color-icon-error-hover: var(--light-red-200);--color-icon-primary-default: var(--base-dark);--color-icon-primary-inversed: var(--base-light);--color-icon-secondary-default: var(--light-neutral-200);--color-icon-secondary-hover: var(--base-dark);--color-icon-success-default: var(--light-green-100);--color-sidemenu-bg-default: var(--base-light);--color-sidemenu-bg-hover: var(--light-neutral-50);--color-sidemenu-bg-selected: var(--light-blue-100);--color-sidemenu-icon-default: var(--base-dark);--color-sidemenu-icon-selected: var(--light-color-static);--color-sidemenu-plus_button_bg-selected-hover: var(--light-blue-200);--color-sidemenu-plus_button_bg-unselected-hover: var(--base-dark);--color-sidemenu-plus_button_icon-selected-default: var(--light-color-static);--color-sidemenu-plus_button_icon-selected-hover: var(--light-color-static);--color-sidemenu-plus_button_icon-unselected-default: var(--base-dark);--color-sidemenu-plus_button_icon-unselected-hover: var(--base-light);--color-sidemenu-text-default: var(--base-dark);--color-sidemenu-text-selected: var(--light-color-static);--dark-color-static: var(--base-dark);--dark-color-static-brand: var(--dark-blue-100);--light-color-static: var(--base-light);--light-color-static-brand: var(--light-blue-100);--color-status-error-background: var(--light-red-50);--color-status-error-foreground: var(--light-red-100);--color-status-success-background: var(--light-green-50);--color-status-success-foreground: var(--light-green-100);--color-status-warning-background: var(--light-orange-50);--color-status-warning-foreground: var(--light-orange-100);--color-text-brand-default: var(--light-blue-100);--color-text-brand-hover: var(--light-blue-200);--color-text-error-default: var(--light-red-100);--color-text-primary-default: var(--base-dark);--color-text-primary-inversed: var(--light-neutral-0);--color-text-secondary-default: var(--light-neutral-200);--color-text-success-default: var(--light-green-100);--color-text-tertiary-default: var(--light-neutral-100);--color-button-brandlight-filled-hover: var(--light-brand-50)}html[data-theme=dark]{--default-font-color: var(--base-light);--color-bg-brand-default: var(--dark-blue-100);--color-bg-brand-hover: var(--dark-blue-200);--color-bg-brand-selected: var(--dark-blue-300);--color-bg-brand-light-default: var(--dark-blue-50);--color-bg-error-default: var(--dark-red-100);--color-bg-error-hover: var(--dark-red-50);--color-bg-innerisland-default: var(--dark-neutral-20);--color-bg-island-default: var(--base-dark);--color-bg-island-disabled: var(--dark-neutral-50);--color-bg-island-inversed: var(--base-light);--color-bg-island-selected: var(--dark-neutral-50);--color-bg-page-default: var(--dark-neutral-50);--color-bg-page-secondary-default: var(--dark-neutral-0);--color-bg-neutral-basic-default: var(--dark-neutral-20);--color-bg-neutral-basic-inversed: var(--dark-neutral-300);--color-bg-neutral-lightest-default: var(--dark-neutral-20);--color-bg-neutral-medium-default: var(--dark-neutral-100);--color-border-brand-default: var(--dark-blue-100);--color-border-error-default: var(--dark-red-100);--color-border-primary-default: var(--dark-neutral-100);--color-border-primary-hover: var(--base-light);--color-border-secondary-default: var(--dark-neutral-200);--color-border-secondary-hover: var(--base-light);--color-border-success-default: var(--dark-green-100);--color-chart-critical: var(--dark-red-100);--color-chart-low: var(--dark-green-100);--color-chart-medium: var(--dark-orange-100);--effect-shadow-drop: #12121299;--color-icon-brand-default: var(--dark-blue-100);--color-icon-brand-hover: var(--dark-blue-200);--color-icon-error-default: var(--dark-red-100);--color-icon-error-hover: var(--dark-red-200);--color-icon-primary-default: var(--base-light);--color-icon-primary-inversed: var(--base-dark);--color-icon-secondary-default: var(--dark-neutral-200);--color-icon-secondary-hover: var(--base-light);--color-icon-success-default: var(--dark-green-100);--color-sidemenu-bg-default: var(--base-dark);--color-sidemenu-bg-hover: var(--dark-neutral-50);--color-sidemenu-bg-selected: var(--dark-blue-100);--color-sidemenu-icon-default: var(--base-light);--color-sidemenu-icon-selected: var(--light-color-static);--color-sidemenu-plus_button_bg-selected-hover: var(--dark-blue-200);--color-sidemenu-plus_button_bg-unselected-hover: var(--base-light);--color-sidemenu-plus_button_icon-selected-default: var(--light-color-static);--color-sidemenu-plus_button_icon-selected-hover: var(--light-color-static);--color-sidemenu-plus_button_icon-unselected-default: var(--base-light);--color-sidemenu-plus_button_icon-unselected-hover: var(--base-dark);--color-sidemenu-text-default: var(--base-light);--color-sidemenu-text-selected: var(--light-color-static);--dark-color-static: var(--base-dark);--dark-color-static-brand: var(--dark-blue-100);--light-color-static: var(--base-light);--light-color-static-brand: var(--light-blue-100);--color-status-error-background: var(--dark-red-50);--color-status-error-foreground: var(--dark-red-100);--color-status-success-background: var(--dark-green-50);--color-status-success-foreground: var(--dark-green-100);--color-status-warning-background: var(--dark-orange-50);--color-status-warning-foreground: var(--dark-orange-100);--color-text-brand-default: var(--dark-blue-100);--color-text-brand-hover: var(--dark-blue-200);--color-text-error-default: var(--dark-red-100);--color-text-primary-default: var(--base-light);--color-text-primary-inversed: var(--dark-neutral-0);--color-text-secondary-default: var(--dark-neutral-200);--color-text-success-default: var(--dark-green-100);--color-text-tertiary-default: var(--dark-neutral-100);--color-button-brandlight-filled-hover: var(--dark-brand-50)}button.btn{--height-sm: 28px;--height-md: 36px;--height-lg: 44px;--height: var(--height-md);flex-shrink:0;background-color:var(--color-bg-brand-default);color:var(--light-color-static)!important;display:flex;justify-content:center;align-items:center;height:var(--height);border-radius:calc(var(--height) / 2);border:none;padding:10px 16px;cursor:pointer;transition:.15s all}button.btn:hover{background-color:var(--color-bg-brand-hover)}button.btn svg *{fill:var(--light-color-static)}button.btn span{color:var(--light-color-static)}button.btn[disabled]{opacity:50%;cursor:default;pointer-events:none}button.btn.brand-light{background-color:var(--color-bg-brand-lightest-default);color:var(--light-color-static-brand)!important}button.btn.brand-light:hover{background-color:var(--color-button-brandlight-filled-hover)}button.btn.brand-light svg *{fill:var(--light-color-static-brand)}button.btn.brand-light span{color:var(--light-color-static-brand)}button.btn.gray{background-color:var(--color-bg-neutral-lightest-default);color:var(--color-text-primary-default)!important}button.btn.gray:hover{background-color:var(--color-bg-neutral-medium-default)}button.btn.gray svg *{fill:var(--color-text-primary-default)}button.btn.gray span{color:var(--color-text-primary-default)}button.btn.danger{background-color:var(--color-bg-error-default);color:var(--light-color-static)!important}button.btn.danger:hover{background-color:var(--color-bg-error-hover)}button.btn.danger svg *{fill:var(--light-color-static)}button.btn.danger span{color:var(--light-color-static)}button.btn.outlined{background-color:transparent!important;border:1px solid var(--color-border-brand-default);color:var(--color-border-brand-default)}button.btn.outlined[disabled]{pointer-events:none}button.btn.outlined:hover{background-color:transparent;box-shadow:inset 0 0 0 1px var(--color-border-brand-default)}button.btn.outlined span{color:var(--color-border-brand-default)}button.btn.outlined svg *{fill:var(--color-border-brand-default)}button.btn.outlined.gray{background-color:transparent!important;border:1px solid var(--color-border-secondary-default);color:var(--color-text-primary-default)}button.btn.outlined.gray[disabled]{pointer-events:none}button.btn.outlined.gray:hover{background-color:transparent;box-shadow:inset 0 0 0 1px var(--color-border-secondary-default)}button.btn.outlined.gray span{color:var(--color-text-primary-default)}button.btn.outlined.gray svg *{fill:var(--color-text-primary-default)}button.btn.outlined.danger{background-color:transparent!important;border:1px solid var(--color-bg-error-default);color:var(--color-bg-error-default)}button.btn.outlined.danger[disabled]{pointer-events:none}button.btn.outlined.danger:hover{background-color:transparent;box-shadow:inset 0 0 0 1px var(--color-bg-error-default)}button.btn.outlined.danger span{color:var(--color-bg-error-default)}button.btn.outlined.danger svg *{fill:var(--color-bg-error-default)}button.btn.sm{--height: var(--height-sm);padding:6px 12px}button.btn.sm span{font-size:12px}button.btn.lg{--height: var(--height-lg);padding:12px 20px}button.btn.icon-button{width:var(--height);height:var(--height);padding:0;border-radius:50%;display:flex;justify-content:center;align-items:center}button.btn.icon-button *{margin:0!important}button.btn.semiround{border-radius:6px}button.btn.semiround.lg{border-radius:8px}button.btn.loading .btn-label{color:transparent}button.btn .arrow{margin:0 10px 0 0}button.btn .arrow:last-child{margin:0 0 0 10px;transform:rotate(180deg)}button.btn .icon{margin:0 8px 0 0;display:flex}button.btn .icon-tail{display:flex;margin:0 0 0 8px}
+button.btn{--height-sm: 28px;--height-md: 36px;--height-lg: 44px;--height: var(--height-md);flex-shrink:0;background-color:var(--color-bg-brand-default);color:var(--light-color-static)!important;display:flex;justify-content:center;align-items:center;height:var(--height);border-radius:calc(var(--height) / 2);border:none;padding:10px 16px;cursor:pointer;transition:.15s all}button.btn:hover{background-color:var(--color-bg-brand-hover)}button.btn svg *{fill:var(--light-color-static)}button.btn span{color:var(--light-color-static)}button.btn[disabled]{opacity:50%;cursor:default;pointer-events:none}button.btn.brand-light{background-color:var(--color-bg-brand-lightest-default);color:var(--light-color-static-brand)!important}button.btn.brand-light:hover{background-color:var(--color-button-brandlight-filled-hover)}button.btn.brand-light svg *{fill:var(--light-color-static-brand)}button.btn.brand-light span{color:var(--light-color-static-brand)}button.btn.gray{background-color:var(--color-bg-neutral-lightest-default);color:var(--color-text-primary-default)!important}button.btn.gray:hover{background-color:var(--color-bg-neutral-medium-default)}button.btn.gray svg *{fill:var(--color-text-primary-default)}button.btn.gray span{color:var(--color-text-primary-default)}button.btn.danger{background-color:var(--color-bg-error-default);color:var(--light-color-static)!important}button.btn.danger:hover{background-color:var(--color-bg-error-hover)}button.btn.danger svg *{fill:var(--light-color-static)}button.btn.danger span{color:var(--light-color-static)}button.btn.outlined{background-color:transparent!important;border:1px solid var(--color-border-brand-default);color:var(--color-border-brand-default)}button.btn.outlined[disabled]{pointer-events:none}button.btn.outlined:hover{background-color:transparent;box-shadow:inset 0 0 0 1px var(--color-border-brand-default)}button.btn.outlined span{color:var(--color-border-brand-default)}button.btn.outlined svg *{fill:var(--color-border-brand-default)}button.btn.outlined.gray{background-color:transparent!important;border:1px solid var(--color-border-secondary-default);color:var(--color-text-primary-default)}button.btn.outlined.gray[disabled]{pointer-events:none}button.btn.outlined.gray:hover{background-color:transparent;box-shadow:inset 0 0 0 1px var(--color-border-secondary-default)}button.btn.outlined.gray span{color:var(--color-text-primary-default)}button.btn.outlined.gray svg *{fill:var(--color-text-primary-default)}button.btn.outlined.danger{background-color:transparent!important;border:1px solid var(--color-bg-error-default);color:var(--color-bg-error-default)}button.btn.outlined.danger[disabled]{pointer-events:none}button.btn.outlined.danger:hover{background-color:transparent;box-shadow:inset 0 0 0 1px var(--color-bg-error-default)}button.btn.outlined.danger span{color:var(--color-bg-error-default)}button.btn.outlined.danger svg *{fill:var(--color-bg-error-default)}button.btn.sm{--height: var(--height-sm);padding:6px 12px}button.btn.sm span{font-size:12px}button.btn.lg{--height: var(--height-lg);padding:12px 20px}button.btn.icon-button{width:var(--height);height:var(--height);padding:0;border-radius:50%;display:flex;justify-content:center;align-items:center}button.btn.icon-button *{margin:0!important}button.btn.semiround{border-radius:6px}button.btn.semiround.lg{border-radius:8px}button.btn.loading .btn-label{color:transparent}button.btn .arrow{margin:0 10px 0 0}button.btn .arrow:last-child{margin:0 0 0 10px;transform:rotate(180deg)}button.btn .icon{margin:0 8px 0 0;display:flex}button.btn .icon-tail{display:flex;margin:0 0 0 8px}

package/dist/assets/Checkbox.css

@@ -1 +1 @@
-:root{--3afly-fonts-body: "Manrope", sans-serif;--3afly-fonts-heading: "Roboto Slab", sans-serif;--light-brand-50: #c2d0ff;--dark-brand-50: #c2d0ff;--base-dark: #121212;--base-light: #ffffff;--dark-blue-20: #153398;--dark-blue-50: #0e2266;--dark-blue-100: #5076ff;--dark-blue-200: #7c98ff;--dark-blue-300: #a7bbff;--light-blue-20: #eef2ff;--light-blue-50: #c2d0ff;--light-blue-100: #2454ff;--light-blue-200: #1a3ab2;--light-blue-300: #0e2266;--dark-neutral-0: #121212;--dark-neutral-20: #292929;--dark-neutral-50: #333333;--dark-neutral-100: #4d4d4d;--dark-neutral-200: #6e6e6e;--dark-neutral-300: #ffffff;--light-neutral-0: #ffffff;--light-neutral-20: #f6f7f8;--light-neutral-50: #f1f2f4;--light-neutral-100: #d2d5da;--light-neutral-200: #a5a8ac;--light-neutral-300: #121212;--dark-green-50: #044329;--dark-green-100: #12a26c;--dark-green-200: #cef8e0;--dark-orange-50: #662500;--dark-orange-100: #e16d00;--dark-orange-200: #ffeccc;--dark-red-50: #7b0000;--dark-red-100: #f65843;--dark-red-200: #ffebe7;--light-green-50: #cef8e0;--light-green-100: #15a46e;--light-green-200: #06603b;--light-orange-50: #ffeccc;--light-orange-100: #e46f00;--light-orange-200: #9e3900;--light-red-50: #ffebe7;--light-red-100: #f75c46;--light-red-200: #9e0000;--color-fader: #12121220;--default-font-color: var(--base-dark);--color-bg-brand-default: var(--light-blue-100);--color-bg-brand-hover: var(--light-blue-200);--color-bg-brand-selected: var(--light-blue-300);--color-bg-brand-lightest-default: var(--light-blue-20);--color-bg-brand-light-default: var(--light-blue-50);--color-bg-error-default: var(--light-red-100);--color-bg-error-hover: var(--light-red-200);--color-bg-innerisland-default: var(--light-neutral-20);--color-bg-island-default: var(--base-light);--color-bg-island-disabled: var(--light-neutral-50);--color-bg-island-inversed: var(--base-dark);--color-bg-island-selected: var(--light-neutral-50);--color-bg-page-primary-default: var(--light-neutral-50);--color-bg-page-secondary-default: var(--light-neutral-0);--color-bg-neutral-basic-default: var(--light-neutral-0);--color-bg-neutral-basic-inversed: var(--light-neutral-300);--color-bg-neutral-lightest-default: var(--light-neutral-20);--color-bg-neutral-medium-default: var(--light-neutral-100);--color-border-brand-default: var(--light-blue-100);--color-border-error-default: var(--light-red-100);--color-border-primary-default: var(--light-neutral-100);--color-border-primary-hover: var(--base-dark);--color-border-secondary-default: var(--light-neutral-200);--color-border-secondary-hover: var(--base-dark);--color-border-success-default: var(--light-green-100);--color-chart-critical: var(--light-red-100);--color-chart-low: var(--light-green-100);--color-chart-medium: var(--light-orange-100);--effect-shadow-drop: #12121214;--effect-shadow-L: #12121208;--effect-shadow-XL: #12121215;--color-icon-brand-default: var(--light-blue-100);--color-icon-brand-hover: var(--light-blue-200);--color-icon-error-default: var(--light-red-100);--color-icon-error-hover: var(--light-red-200);--color-icon-primary-default: var(--base-dark);--color-icon-primary-inversed: var(--base-light);--color-icon-secondary-default: var(--light-neutral-200);--color-icon-secondary-hover: var(--base-dark);--color-icon-success-default: var(--light-green-100);--color-sidemenu-bg-default: var(--base-light);--color-sidemenu-bg-hover: var(--light-neutral-50);--color-sidemenu-bg-selected: var(--light-blue-100);--color-sidemenu-icon-default: var(--base-dark);--color-sidemenu-icon-selected: var(--light-color-static);--color-sidemenu-plus_button_bg-selected-hover: var(--light-blue-200);--color-sidemenu-plus_button_bg-unselected-hover: var(--base-dark);--color-sidemenu-plus_button_icon-selected-default: var(--light-color-static);--color-sidemenu-plus_button_icon-selected-hover: var(--light-color-static);--color-sidemenu-plus_button_icon-unselected-default: var(--base-dark);--color-sidemenu-plus_button_icon-unselected-hover: var(--base-light);--color-sidemenu-text-default: var(--base-dark);--color-sidemenu-text-selected: var(--light-color-static);--dark-color-static: var(--base-dark);--dark-color-static-brand: var(--dark-blue-100);--light-color-static: var(--base-light);--light-color-static-brand: var(--light-blue-100);--color-status-error-background: var(--light-red-50);--color-status-error-foreground: var(--light-red-100);--color-status-success-background: var(--light-green-50);--color-status-success-foreground: var(--light-green-100);--color-status-warning-background: var(--light-orange-50);--color-status-warning-foreground: var(--light-orange-100);--color-text-brand-default: var(--light-blue-100);--color-text-brand-hover: var(--light-blue-200);--color-text-error-default: var(--light-red-100);--color-text-primary-default: var(--base-dark);--color-text-primary-inversed: var(--light-neutral-0);--color-text-secondary-default: var(--light-neutral-200);--color-text-success-default: var(--light-green-100);--color-text-tertiary-default: var(--light-neutral-100);--color-button-brandlight-filled-hover: var(--light-brand-50)}html[data-theme=dark]{--default-font-color: var(--base-light);--color-bg-brand-default: var(--dark-blue-100);--color-bg-brand-hover: var(--dark-blue-200);--color-bg-brand-selected: var(--dark-blue-300);--color-bg-brand-light-default: var(--dark-blue-50);--color-bg-error-default: var(--dark-red-100);--color-bg-error-hover: var(--dark-red-50);--color-bg-innerisland-default: var(--dark-neutral-20);--color-bg-island-default: var(--base-dark);--color-bg-island-disabled: var(--dark-neutral-50);--color-bg-island-inversed: var(--base-light);--color-bg-island-selected: var(--dark-neutral-50);--color-bg-page-default: var(--dark-neutral-50);--color-bg-page-secondary-default: var(--dark-neutral-0);--color-bg-neutral-basic-default: var(--dark-neutral-20);--color-bg-neutral-basic-inversed: var(--dark-neutral-300);--color-bg-neutral-lightest-default: var(--dark-neutral-20);--color-bg-neutral-medium-default: var(--dark-neutral-100);--color-border-brand-default: var(--dark-blue-100);--color-border-error-default: var(--dark-red-100);--color-border-primary-default: var(--dark-neutral-100);--color-border-primary-hover: var(--base-light);--color-border-secondary-default: var(--dark-neutral-200);--color-border-secondary-hover: var(--base-light);--color-border-success-default: var(--dark-green-100);--color-chart-critical: var(--dark-red-100);--color-chart-low: var(--dark-green-100);--color-chart-medium: var(--dark-orange-100);--effect-shadow-drop: #12121299;--color-icon-brand-default: var(--dark-blue-100);--color-icon-brand-hover: var(--dark-blue-200);--color-icon-error-default: var(--dark-red-100);--color-icon-error-hover: var(--dark-red-200);--color-icon-primary-default: var(--base-light);--color-icon-primary-inversed: var(--base-dark);--color-icon-secondary-default: var(--dark-neutral-200);--color-icon-secondary-hover: var(--base-light);--color-icon-success-default: var(--dark-green-100);--color-sidemenu-bg-default: var(--base-dark);--color-sidemenu-bg-hover: var(--dark-neutral-50);--color-sidemenu-bg-selected: var(--dark-blue-100);--color-sidemenu-icon-default: var(--base-light);--color-sidemenu-icon-selected: var(--light-color-static);--color-sidemenu-plus_button_bg-selected-hover: var(--dark-blue-200);--color-sidemenu-plus_button_bg-unselected-hover: var(--base-light);--color-sidemenu-plus_button_icon-selected-default: var(--light-color-static);--color-sidemenu-plus_button_icon-selected-hover: var(--light-color-static);--color-sidemenu-plus_button_icon-unselected-default: var(--base-light);--color-sidemenu-plus_button_icon-unselected-hover: var(--base-dark);--color-sidemenu-text-default: var(--base-light);--color-sidemenu-text-selected: var(--light-color-static);--dark-color-static: var(--base-dark);--dark-color-static-brand: var(--dark-blue-100);--light-color-static: var(--base-light);--light-color-static-brand: var(--light-blue-100);--color-status-error-background: var(--dark-red-50);--color-status-error-foreground: var(--dark-red-100);--color-status-success-background: var(--dark-green-50);--color-status-success-foreground: var(--dark-green-100);--color-status-warning-background: var(--dark-orange-50);--color-status-warning-foreground: var(--dark-orange-100);--color-text-brand-default: var(--dark-blue-100);--color-text-brand-hover: var(--dark-blue-200);--color-text-error-default: var(--dark-red-100);--color-text-primary-default: var(--base-light);--color-text-primary-inversed: var(--dark-neutral-0);--color-text-secondary-default: var(--dark-neutral-200);--color-text-success-default: var(--dark-green-100);--color-text-tertiary-default: var(--dark-neutral-100);--color-button-brandlight-filled-hover: var(--dark-brand-50)}.checkbox-container{display:flex;flex-direction:column;align-items:flex-start}.checkbox-container:not(:last-child){margin:0 0 8px}.checkbox-container .checkbox input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.checkbox-container .checkbox{display:inline-flex;align-items:center;line-height:16.8px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-container .checkbox.disabled{opacity:50%;cursor:default}.checkbox-container .checkbox .checkmark{display:flex;justify-content:center;align-items:center;width:20px;height:20px;border:1px solid var(--color-border-primary-default);border-radius:4px;margin:0 8px 0 0;transition:all .1s ease}.checkbox-container .checkbox input[type=checkbox]:checked+.checkmark{background-color:var(--color-bg-brand-default);border-color:var(--color-bg-brand-default)}.checkbox-container .checkbox input[type=checkbox]:checked+.checkmark:after{content:"";display:block;width:100%;height:100%;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='10' viewBox='0 0 13 10' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M11.8192 1.05614C12.1853 1.42227 12.1853 2.01586 11.8191 2.38197L5.25665 8.94417C4.89054 9.31026 4.29698 9.31027 3.93087 8.94418L0.649617 5.66323C0.283484 5.29713 0.283458 4.70354 0.649558 4.3374C1.01566 3.97127 1.60925 3.97124 1.97538 4.33734L4.59374 6.95546L10.4934 1.05611C10.8595 0.690002 11.4531 0.690016 11.8192 1.05614Z' fill='white'/></svg>");background-repeat:no-repeat;background-position:center}.checkbox-container .checkbox.indeterminate .checkmark{background-color:var(--color-bg-brand-default);border-color:var(--color-bg-brand-default)}.checkbox-container .checkbox.indeterminate .checkmark:after{content:"";display:block;background-color:var(--base-light);width:10px;height:2.5px;border-radius:1px}
+.checkbox-container{display:flex;flex-direction:column;align-items:flex-start}.checkbox-container:not(:last-child){margin:0 0 8px}.checkbox-container .checkbox input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.checkbox-container .checkbox{display:inline-flex;align-items:center;line-height:16.8px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-container .checkbox.disabled{opacity:50%;cursor:default}.checkbox-container .checkbox .checkmark{display:flex;justify-content:center;align-items:center;width:20px;height:20px;border:1px solid var(--color-border-primary-default);border-radius:4px;margin:0 8px 0 0;transition:all .1s ease}.checkbox-container .checkbox input[type=checkbox]:checked+.checkmark{background-color:var(--color-bg-brand-default);border-color:var(--color-bg-brand-default)}.checkbox-container .checkbox input[type=checkbox]:checked+.checkmark:after{content:"";display:block;width:100%;height:100%;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='10' viewBox='0 0 13 10' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M11.8192 1.05614C12.1853 1.42227 12.1853 2.01586 11.8191 2.38197L5.25665 8.94417C4.89054 9.31026 4.29698 9.31027 3.93087 8.94418L0.649617 5.66323C0.283484 5.29713 0.283458 4.70354 0.649558 4.3374C1.01566 3.97127 1.60925 3.97124 1.97538 4.33734L4.59374 6.95546L10.4934 1.05611C10.8595 0.690002 11.4531 0.690016 11.8192 1.05614Z' fill='white'/></svg>");background-repeat:no-repeat;background-position:center}.checkbox-container .checkbox.indeterminate .checkmark{background-color:var(--color-bg-brand-default);border-color:var(--color-bg-brand-default)}.checkbox-container .checkbox.indeterminate .checkmark:after{content:"";display:block;background-color:var(--base-light);width:10px;height:2.5px;border-radius:1px}

package/dist/assets/Radio.css

@@ -1 +1 @@
-:root{--3afly-fonts-body: "Manrope", sans-serif;--3afly-fonts-heading: "Roboto Slab", sans-serif;--light-brand-50: #c2d0ff;--dark-brand-50: #c2d0ff;--base-dark: #121212;--base-light: #ffffff;--dark-blue-20: #153398;--dark-blue-50: #0e2266;--dark-blue-100: #5076ff;--dark-blue-200: #7c98ff;--dark-blue-300: #a7bbff;--light-blue-20: #eef2ff;--light-blue-50: #c2d0ff;--light-blue-100: #2454ff;--light-blue-200: #1a3ab2;--light-blue-300: #0e2266;--dark-neutral-0: #121212;--dark-neutral-20: #292929;--dark-neutral-50: #333333;--dark-neutral-100: #4d4d4d;--dark-neutral-200: #6e6e6e;--dark-neutral-300: #ffffff;--light-neutral-0: #ffffff;--light-neutral-20: #f6f7f8;--light-neutral-50: #f1f2f4;--light-neutral-100: #d2d5da;--light-neutral-200: #a5a8ac;--light-neutral-300: #121212;--dark-green-50: #044329;--dark-green-100: #12a26c;--dark-green-200: #cef8e0;--dark-orange-50: #662500;--dark-orange-100: #e16d00;--dark-orange-200: #ffeccc;--dark-red-50: #7b0000;--dark-red-100: #f65843;--dark-red-200: #ffebe7;--light-green-50: #cef8e0;--light-green-100: #15a46e;--light-green-200: #06603b;--light-orange-50: #ffeccc;--light-orange-100: #e46f00;--light-orange-200: #9e3900;--light-red-50: #ffebe7;--light-red-100: #f75c46;--light-red-200: #9e0000;--color-fader: #12121220;--default-font-color: var(--base-dark);--color-bg-brand-default: var(--light-blue-100);--color-bg-brand-hover: var(--light-blue-200);--color-bg-brand-selected: var(--light-blue-300);--color-bg-brand-lightest-default: var(--light-blue-20);--color-bg-brand-light-default: var(--light-blue-50);--color-bg-error-default: var(--light-red-100);--color-bg-error-hover: var(--light-red-200);--color-bg-innerisland-default: var(--light-neutral-20);--color-bg-island-default: var(--base-light);--color-bg-island-disabled: var(--light-neutral-50);--color-bg-island-inversed: var(--base-dark);--color-bg-island-selected: var(--light-neutral-50);--color-bg-page-primary-default: var(--light-neutral-50);--color-bg-page-secondary-default: var(--light-neutral-0);--color-bg-neutral-basic-default: var(--light-neutral-0);--color-bg-neutral-basic-inversed: var(--light-neutral-300);--color-bg-neutral-lightest-default: var(--light-neutral-20);--color-bg-neutral-medium-default: var(--light-neutral-100);--color-border-brand-default: var(--light-blue-100);--color-border-error-default: var(--light-red-100);--color-border-primary-default: var(--light-neutral-100);--color-border-primary-hover: var(--base-dark);--color-border-secondary-default: var(--light-neutral-200);--color-border-secondary-hover: var(--base-dark);--color-border-success-default: var(--light-green-100);--color-chart-critical: var(--light-red-100);--color-chart-low: var(--light-green-100);--color-chart-medium: var(--light-orange-100);--effect-shadow-drop: #12121214;--effect-shadow-L: #12121208;--effect-shadow-XL: #12121215;--color-icon-brand-default: var(--light-blue-100);--color-icon-brand-hover: var(--light-blue-200);--color-icon-error-default: var(--light-red-100);--color-icon-error-hover: var(--light-red-200);--color-icon-primary-default: var(--base-dark);--color-icon-primary-inversed: var(--base-light);--color-icon-secondary-default: var(--light-neutral-200);--color-icon-secondary-hover: var(--base-dark);--color-icon-success-default: var(--light-green-100);--color-sidemenu-bg-default: var(--base-light);--color-sidemenu-bg-hover: var(--light-neutral-50);--color-sidemenu-bg-selected: var(--light-blue-100);--color-sidemenu-icon-default: var(--base-dark);--color-sidemenu-icon-selected: var(--light-color-static);--color-sidemenu-plus_button_bg-selected-hover: var(--light-blue-200);--color-sidemenu-plus_button_bg-unselected-hover: var(--base-dark);--color-sidemenu-plus_button_icon-selected-default: var(--light-color-static);--color-sidemenu-plus_button_icon-selected-hover: var(--light-color-static);--color-sidemenu-plus_button_icon-unselected-default: var(--base-dark);--color-sidemenu-plus_button_icon-unselected-hover: var(--base-light);--color-sidemenu-text-default: var(--base-dark);--color-sidemenu-text-selected: var(--light-color-static);--dark-color-static: var(--base-dark);--dark-color-static-brand: var(--dark-blue-100);--light-color-static: var(--base-light);--light-color-static-brand: var(--light-blue-100);--color-status-error-background: var(--light-red-50);--color-status-error-foreground: var(--light-red-100);--color-status-success-background: var(--light-green-50);--color-status-success-foreground: var(--light-green-100);--color-status-warning-background: var(--light-orange-50);--color-status-warning-foreground: var(--light-orange-100);--color-text-brand-default: var(--light-blue-100);--color-text-brand-hover: var(--light-blue-200);--color-text-error-default: var(--light-red-100);--color-text-primary-default: var(--base-dark);--color-text-primary-inversed: var(--light-neutral-0);--color-text-secondary-default: var(--light-neutral-200);--color-text-success-default: var(--light-green-100);--color-text-tertiary-default: var(--light-neutral-100);--color-button-brandlight-filled-hover: var(--light-brand-50)}html[data-theme=dark]{--default-font-color: var(--base-light);--color-bg-brand-default: var(--dark-blue-100);--color-bg-brand-hover: var(--dark-blue-200);--color-bg-brand-selected: var(--dark-blue-300);--color-bg-brand-light-default: var(--dark-blue-50);--color-bg-error-default: var(--dark-red-100);--color-bg-error-hover: var(--dark-red-50);--color-bg-innerisland-default: var(--dark-neutral-20);--color-bg-island-default: var(--base-dark);--color-bg-island-disabled: var(--dark-neutral-50);--color-bg-island-inversed: var(--base-light);--color-bg-island-selected: var(--dark-neutral-50);--color-bg-page-default: var(--dark-neutral-50);--color-bg-page-secondary-default: var(--dark-neutral-0);--color-bg-neutral-basic-default: var(--dark-neutral-20);--color-bg-neutral-basic-inversed: var(--dark-neutral-300);--color-bg-neutral-lightest-default: var(--dark-neutral-20);--color-bg-neutral-medium-default: var(--dark-neutral-100);--color-border-brand-default: var(--dark-blue-100);--color-border-error-default: var(--dark-red-100);--color-border-primary-default: var(--dark-neutral-100);--color-border-primary-hover: var(--base-light);--color-border-secondary-default: var(--dark-neutral-200);--color-border-secondary-hover: var(--base-light);--color-border-success-default: var(--dark-green-100);--color-chart-critical: var(--dark-red-100);--color-chart-low: var(--dark-green-100);--color-chart-medium: var(--dark-orange-100);--effect-shadow-drop: #12121299;--color-icon-brand-default: var(--dark-blue-100);--color-icon-brand-hover: var(--dark-blue-200);--color-icon-error-default: var(--dark-red-100);--color-icon-error-hover: var(--dark-red-200);--color-icon-primary-default: var(--base-light);--color-icon-primary-inversed: var(--base-dark);--color-icon-secondary-default: var(--dark-neutral-200);--color-icon-secondary-hover: var(--base-light);--color-icon-success-default: var(--dark-green-100);--color-sidemenu-bg-default: var(--base-dark);--color-sidemenu-bg-hover: var(--dark-neutral-50);--color-sidemenu-bg-selected: var(--dark-blue-100);--color-sidemenu-icon-default: var(--base-light);--color-sidemenu-icon-selected: var(--light-color-static);--color-sidemenu-plus_button_bg-selected-hover: var(--dark-blue-200);--color-sidemenu-plus_button_bg-unselected-hover: var(--base-light);--color-sidemenu-plus_button_icon-selected-default: var(--light-color-static);--color-sidemenu-plus_button_icon-selected-hover: var(--light-color-static);--color-sidemenu-plus_button_icon-unselected-default: var(--base-light);--color-sidemenu-plus_button_icon-unselected-hover: var(--base-dark);--color-sidemenu-text-default: var(--base-light);--color-sidemenu-text-selected: var(--light-color-static);--dark-color-static: var(--base-dark);--dark-color-static-brand: var(--dark-blue-100);--light-color-static: var(--base-light);--light-color-static-brand: var(--light-blue-100);--color-status-error-background: var(--dark-red-50);--color-status-error-foreground: var(--dark-red-100);--color-status-success-background: var(--dark-green-50);--color-status-success-foreground: var(--dark-green-100);--color-status-warning-background: var(--dark-orange-50);--color-status-warning-foreground: var(--dark-orange-100);--color-text-brand-default: var(--dark-blue-100);--color-text-brand-hover: var(--dark-blue-200);--color-text-error-default: var(--dark-red-100);--color-text-primary-default: var(--base-light);--color-text-primary-inversed: var(--dark-neutral-0);--color-text-secondary-default: var(--dark-neutral-200);--color-text-success-default: var(--dark-green-100);--color-text-tertiary-default: var(--dark-neutral-100);--color-button-brandlight-filled-hover: var(--dark-brand-50)}.radio{display:flex;align-items:center}.radio:not(:last-child){margin:0 0 8px}.radio.disabled{cursor:default;opacity:40%}.radio input[type=radio]{display:none}.radio input[type=radio]:checked+.checkmark{border:5px solid var(--color-bg-brand-default)}.radio .radio-label{display:flex;align-items:center;cursor:pointer}.radio .radio-label .test{line-height:16.8px}.radio .checkmark{box-sizing:border-box;position:relative;display:block;width:20px;height:20px;border-radius:50%;border:1px solid var(--color-border-primary-default);background-color:var(--color-bg-neutral-basic-default);margin-right:8px;transition:.04s;-webkit-user-select:none;user-select:none}
+.radio{display:flex;align-items:center}.radio:not(:last-child){margin:0 0 8px}.radio.disabled{cursor:default;opacity:40%}.radio input[type=radio]{display:none}.radio input[type=radio]:checked+.checkmark{border:5px solid var(--color-bg-brand-default)}.radio .radio-label{display:flex;align-items:center;cursor:pointer}.radio .radio-label .test{line-height:16.8px}.radio .checkmark{box-sizing:border-box;position:relative;display:block;width:20px;height:20px;border-radius:50%;border:1px solid var(--color-border-primary-default);background-color:var(--color-bg-neutral-basic-default);margin-right:8px;transition:.04s;-webkit-user-select:none;user-select:none}

package/dist/assets/Switch.css

@@ -1 +1 @@
-:root{--3afly-fonts-body: "Manrope", sans-serif;--3afly-fonts-heading: "Roboto Slab", sans-serif;--light-brand-50: #c2d0ff;--dark-brand-50: #c2d0ff;--base-dark: #121212;--base-light: #ffffff;--dark-blue-20: #153398;--dark-blue-50: #0e2266;--dark-blue-100: #5076ff;--dark-blue-200: #7c98ff;--dark-blue-300: #a7bbff;--light-blue-20: #eef2ff;--light-blue-50: #c2d0ff;--light-blue-100: #2454ff;--light-blue-200: #1a3ab2;--light-blue-300: #0e2266;--dark-neutral-0: #121212;--dark-neutral-20: #292929;--dark-neutral-50: #333333;--dark-neutral-100: #4d4d4d;--dark-neutral-200: #6e6e6e;--dark-neutral-300: #ffffff;--light-neutral-0: #ffffff;--light-neutral-20: #f6f7f8;--light-neutral-50: #f1f2f4;--light-neutral-100: #d2d5da;--light-neutral-200: #a5a8ac;--light-neutral-300: #121212;--dark-green-50: #044329;--dark-green-100: #12a26c;--dark-green-200: #cef8e0;--dark-orange-50: #662500;--dark-orange-100: #e16d00;--dark-orange-200: #ffeccc;--dark-red-50: #7b0000;--dark-red-100: #f65843;--dark-red-200: #ffebe7;--light-green-50: #cef8e0;--light-green-100: #15a46e;--light-green-200: #06603b;--light-orange-50: #ffeccc;--light-orange-100: #e46f00;--light-orange-200: #9e3900;--light-red-50: #ffebe7;--light-red-100: #f75c46;--light-red-200: #9e0000;--color-fader: #12121220;--default-font-color: var(--base-dark);--color-bg-brand-default: var(--light-blue-100);--color-bg-brand-hover: var(--light-blue-200);--color-bg-brand-selected: var(--light-blue-300);--color-bg-brand-lightest-default: var(--light-blue-20);--color-bg-brand-light-default: var(--light-blue-50);--color-bg-error-default: var(--light-red-100);--color-bg-error-hover: var(--light-red-200);--color-bg-innerisland-default: var(--light-neutral-20);--color-bg-island-default: var(--base-light);--color-bg-island-disabled: var(--light-neutral-50);--color-bg-island-inversed: var(--base-dark);--color-bg-island-selected: var(--light-neutral-50);--color-bg-page-primary-default: var(--light-neutral-50);--color-bg-page-secondary-default: var(--light-neutral-0);--color-bg-neutral-basic-default: var(--light-neutral-0);--color-bg-neutral-basic-inversed: var(--light-neutral-300);--color-bg-neutral-lightest-default: var(--light-neutral-20);--color-bg-neutral-medium-default: var(--light-neutral-100);--color-border-brand-default: var(--light-blue-100);--color-border-error-default: var(--light-red-100);--color-border-primary-default: var(--light-neutral-100);--color-border-primary-hover: var(--base-dark);--color-border-secondary-default: var(--light-neutral-200);--color-border-secondary-hover: var(--base-dark);--color-border-success-default: var(--light-green-100);--color-chart-critical: var(--light-red-100);--color-chart-low: var(--light-green-100);--color-chart-medium: var(--light-orange-100);--effect-shadow-drop: #12121214;--effect-shadow-L: #12121208;--effect-shadow-XL: #12121215;--color-icon-brand-default: var(--light-blue-100);--color-icon-brand-hover: var(--light-blue-200);--color-icon-error-default: var(--light-red-100);--color-icon-error-hover: var(--light-red-200);--color-icon-primary-default: var(--base-dark);--color-icon-primary-inversed: var(--base-light);--color-icon-secondary-default: var(--light-neutral-200);--color-icon-secondary-hover: var(--base-dark);--color-icon-success-default: var(--light-green-100);--color-sidemenu-bg-default: var(--base-light);--color-sidemenu-bg-hover: var(--light-neutral-50);--color-sidemenu-bg-selected: var(--light-blue-100);--color-sidemenu-icon-default: var(--base-dark);--color-sidemenu-icon-selected: var(--light-color-static);--color-sidemenu-plus_button_bg-selected-hover: var(--light-blue-200);--color-sidemenu-plus_button_bg-unselected-hover: var(--base-dark);--color-sidemenu-plus_button_icon-selected-default: var(--light-color-static);--color-sidemenu-plus_button_icon-selected-hover: var(--light-color-static);--color-sidemenu-plus_button_icon-unselected-default: var(--base-dark);--color-sidemenu-plus_button_icon-unselected-hover: var(--base-light);--color-sidemenu-text-default: var(--base-dark);--color-sidemenu-text-selected: var(--light-color-static);--dark-color-static: var(--base-dark);--dark-color-static-brand: var(--dark-blue-100);--light-color-static: var(--base-light);--light-color-static-brand: var(--light-blue-100);--color-status-error-background: var(--light-red-50);--color-status-error-foreground: var(--light-red-100);--color-status-success-background: var(--light-green-50);--color-status-success-foreground: var(--light-green-100);--color-status-warning-background: var(--light-orange-50);--color-status-warning-foreground: var(--light-orange-100);--color-text-brand-default: var(--light-blue-100);--color-text-brand-hover: var(--light-blue-200);--color-text-error-default: var(--light-red-100);--color-text-primary-default: var(--base-dark);--color-text-primary-inversed: var(--light-neutral-0);--color-text-secondary-default: var(--light-neutral-200);--color-text-success-default: var(--light-green-100);--color-text-tertiary-default: var(--light-neutral-100);--color-button-brandlight-filled-hover: var(--light-brand-50)}html[data-theme=dark]{--default-font-color: var(--base-light);--color-bg-brand-default: var(--dark-blue-100);--color-bg-brand-hover: var(--dark-blue-200);--color-bg-brand-selected: var(--dark-blue-300);--color-bg-brand-light-default: var(--dark-blue-50);--color-bg-error-default: var(--dark-red-100);--color-bg-error-hover: var(--dark-red-50);--color-bg-innerisland-default: var(--dark-neutral-20);--color-bg-island-default: var(--base-dark);--color-bg-island-disabled: var(--dark-neutral-50);--color-bg-island-inversed: var(--base-light);--color-bg-island-selected: var(--dark-neutral-50);--color-bg-page-default: var(--dark-neutral-50);--color-bg-page-secondary-default: var(--dark-neutral-0);--color-bg-neutral-basic-default: var(--dark-neutral-20);--color-bg-neutral-basic-inversed: var(--dark-neutral-300);--color-bg-neutral-lightest-default: var(--dark-neutral-20);--color-bg-neutral-medium-default: var(--dark-neutral-100);--color-border-brand-default: var(--dark-blue-100);--color-border-error-default: var(--dark-red-100);--color-border-primary-default: var(--dark-neutral-100);--color-border-primary-hover: var(--base-light);--color-border-secondary-default: var(--dark-neutral-200);--color-border-secondary-hover: var(--base-light);--color-border-success-default: var(--dark-green-100);--color-chart-critical: var(--dark-red-100);--color-chart-low: var(--dark-green-100);--color-chart-medium: var(--dark-orange-100);--effect-shadow-drop: #12121299;--color-icon-brand-default: var(--dark-blue-100);--color-icon-brand-hover: var(--dark-blue-200);--color-icon-error-default: var(--dark-red-100);--color-icon-error-hover: var(--dark-red-200);--color-icon-primary-default: var(--base-light);--color-icon-primary-inversed: var(--base-dark);--color-icon-secondary-default: var(--dark-neutral-200);--color-icon-secondary-hover: var(--base-light);--color-icon-success-default: var(--dark-green-100);--color-sidemenu-bg-default: var(--base-dark);--color-sidemenu-bg-hover: var(--dark-neutral-50);--color-sidemenu-bg-selected: var(--dark-blue-100);--color-sidemenu-icon-default: var(--base-light);--color-sidemenu-icon-selected: var(--light-color-static);--color-sidemenu-plus_button_bg-selected-hover: var(--dark-blue-200);--color-sidemenu-plus_button_bg-unselected-hover: var(--base-light);--color-sidemenu-plus_button_icon-selected-default: var(--light-color-static);--color-sidemenu-plus_button_icon-selected-hover: var(--light-color-static);--color-sidemenu-plus_button_icon-unselected-default: var(--base-light);--color-sidemenu-plus_button_icon-unselected-hover: var(--base-dark);--color-sidemenu-text-default: var(--base-light);--color-sidemenu-text-selected: var(--light-color-static);--dark-color-static: var(--base-dark);--dark-color-static-brand: var(--dark-blue-100);--light-color-static: var(--base-light);--light-color-static-brand: var(--light-blue-100);--color-status-error-background: var(--dark-red-50);--color-status-error-foreground: var(--dark-red-100);--color-status-success-background: var(--dark-green-50);--color-status-success-foreground: var(--dark-green-100);--color-status-warning-background: var(--dark-orange-50);--color-status-warning-foreground: var(--dark-orange-100);--color-text-brand-default: var(--dark-blue-100);--color-text-brand-hover: var(--dark-blue-200);--color-text-error-default: var(--dark-red-100);--color-text-primary-default: var(--base-light);--color-text-primary-inversed: var(--dark-neutral-0);--color-text-secondary-default: var(--dark-neutral-200);--color-text-success-default: var(--dark-green-100);--color-text-tertiary-default: var(--dark-neutral-100);--color-button-brandlight-filled-hover: var(--dark-brand-50)}.switch-container:not(:last-child){margin:0 0 12px}.switch-container label{display:flex;align-items:center;justify-content:space-between}.switch input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.switch{display:inline-flex;align-items:center;line-height:16.8px;cursor:pointer;-webkit-user-select:none;user-select:none}.switch.disabled{opacity:50%;cursor:default}.switch input[type=checkbox]+.slider{display:flex;align-items:center;width:43px;height:24px;border:1px solid var(--color-bg-brand-default);border-radius:12px;transition:all .2s;margin:0 0 0 8px}.switch input[type=checkbox]+.slider:after{content:"";display:block;width:18px;height:18px;border-radius:50%;background-color:var(--color-bg-brand-default);margin:0 2px;transition:all .2s}.switch input[type=checkbox]:checked+.slider{background-color:var(--color-bg-brand-default);border-color:var(--color-bg-brand-default)}.switch input[type=checkbox]:checked+.slider:after{background-color:var(--light-color-static);margin:0 0 0 20px}
+.switch-container:not(:last-child){margin:0 0 12px}.switch-container label{display:flex;align-items:center;justify-content:space-between}.switch input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.switch{display:inline-flex;align-items:center;line-height:16.8px;cursor:pointer;-webkit-user-select:none;user-select:none}.switch.disabled{opacity:50%;cursor:default}.switch input[type=checkbox]+.slider{display:flex;align-items:center;width:43px;height:24px;border:1px solid var(--color-bg-brand-default);border-radius:12px;transition:all .2s;margin:0 0 0 8px}.switch input[type=checkbox]+.slider:after{content:"";display:block;width:18px;height:18px;border-radius:50%;background-color:var(--color-bg-brand-default);margin:0 2px;transition:all .2s}.switch input[type=checkbox]:checked+.slider{background-color:var(--color-bg-brand-default);border-color:var(--color-bg-brand-default)}.switch input[type=checkbox]:checked+.slider:after{background-color:var(--light-color-static);margin:0 0 0 20px}

package/dist/assets/Tooltip.css

@@ -1 +1 @@
-._container_x4z3a_1{position:relative;width:100%;height:100vh;padding:20px;display:flex;flex-wrap:wrap;justify-content:space-between;align-content:space-between;border:1px dashed #ccc;box-sizing:border-box}._trigger_x4z3a_27{padding:8px 16px;background-color:#1976d2;color:#fff;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .2s;text-align:center}._trigger_x4z3a_27:hover{background-color:#1565c0}._clickTrigger_x4z3a_57{background-color:#388e3c}._clickTrigger_x4z3a_57:hover{background-color:#2e7d32}._positionsContainer_x4z3a_75{padding:20px}._positionGroup_x4z3a_83{display:flex;gap:20px;margin-bottom:30px;justify-content:center;flex-wrap:wrap}
+._container_193w2_1{position:relative;width:100%;height:100vh;padding:20px;display:flex;flex-wrap:wrap;justify-content:space-between;align-content:space-between;border:1px dashed #ccc;box-sizing:border-box}._trigger_193w2_14{padding:8px 16px;background-color:#1976d2;color:#fff;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .2s;text-align:center}._trigger_193w2_14:hover{background-color:#1565c0}._clickTrigger_193w2_29{background-color:#388e3c}._clickTrigger_193w2_29:hover{background-color:#2e7d32}._positionsContainer_193w2_38{padding:20px}._positionGroup_193w2_42{display:flex;gap:20px;margin-bottom:30px;justify-content:center;flex-wrap:wrap}

package/dist/components/Ui/Alert/Alert.js

@@ -1,15 +1,14 @@
-import { jsx as m, Fragment as n, jsxs as s } from "react/jsx-runtime";
-import '../../../assets/Alert.css';/* empty css                      */
-const c = ({
+import { jsx as n, Fragment as s, jsxs as m } from "react/jsx-runtime";
+import '../../../assets/Alert.css';const o = ({
   text: r,
-  icon: t,
-  status: e,
+  icon: e,
+  status: t,
   isMultiline: i,
   isOpen: l
-}) => l ? /* @__PURE__ */ s("div", { className: `alert ${e} ${i ? "multiline" : ""}`, children: [
-  t,
+}) => l ? /* @__PURE__ */ m("div", { className: `alert ${t} ${i ? "multiline" : ""}`, children: [
+  e,
   r
-] }) : /* @__PURE__ */ m(n, {});
+] }) : /* @__PURE__ */ n(s, {});
 export {
-  c as Alert
+  o as Alert
 };

package/dist/components/Ui/Tooltip/Tooltip.stories.js

@@ -1,6 +1,6 @@
 import { jsxs as e, jsx as i } from "react/jsx-runtime";
 import { Tooltip as o } from "./Tooltip.js";
-import '../../../assets/Tooltip.css';const c = "_container_x4z3a_1", r = "_trigger_x4z3a_27", n = "_clickTrigger_x4z3a_57 _trigger_x4z3a_27", l = "_positionsContainer_x4z3a_75", s = "_positionGroup_x4z3a_83", t = {
+import '../../../assets/Tooltip.css';const c = "_container_193w2_1", r = "_trigger_193w2_14", n = "_clickTrigger_193w2_29 _trigger_193w2_14", l = "_positionsContainer_193w2_38", s = "_positionGroup_193w2_42", t = {
   container: c,
   trigger: r,
   clickTrigger: n,

package/package.json

@@ -1,109 +1,110 @@
-{
-  "name": "triafly-ui-kit",
-  "version": "1.0.8",
-  "description": "UI Kit from Triafly",
-  "main": "./dist/main.js",
-  "module": "./dist/main.js",
-  "types": "./dist/main.d.ts",
-  "type": "module",
-  "exports": {
-    ".": {
-      "import": "./dist/main.js",
-      "types": "./dist/main.d.ts"
-    },
-    "./dist/*": {
-      "types": "./dist/*.d.ts"
-    }
-  },
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "build": "npm run build:types && vite build",
-    "build:types": "tsc --build tsconfig.build.json",
-    "dev": "vite",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0 --fix",
-    "preview": "vite preview",
-    "prepare": "husky install",
-    "precommit": "npm run lint-staged",
-    "lint-staged": "lint-staged",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "prepublish": "npm run build",
-    "release-patch": "npm run build && npm version patch && git push && git push --tags && npm publish"
-  },
-  "browserslist": [
-    "cover 99.5%"
-  ],
-  "peerDependencies": {
-    "classnames": "^2.5.1",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
-    "react-router-dom": "6.26.1"
-  },
-  "dependencies": {
-    "@fontsource/manrope": "^5.1.0",
-    "@fontsource/open-sans": "5.0.28",
-    "@fontsource/roboto-slab": "^5.1.0",
-    "@fontsource/space-mono": "5.0.21",
-    "fast-deep-equal": "^3.1.3",
-    "papaparse": "^5.4.1",
-    "react-paginate": "^8.2.0",
-    "storybook": "^8.6.14",
-    "vite-plugin-lib-inject-css": "^2.2.2"
-  },
-  "devDependencies": {
-    "glob": "^11.0.2",
-    "@chromatic-com/storybook": "^3.2.3",
-    "@eslint/js": "^9.25.0",
-    "@storybook/addon-backgrounds": "^8.5.2",
-    "@storybook/addon-essentials": "^8.4.7",
-    "@storybook/addon-interactions": "^8.4.7",
-    "@storybook/addon-onboarding": "^8.4.7",
-    "@storybook/blocks": "^8.4.7",
-    "@storybook/react": "^8.4.7",
-    "@storybook/react-vite": "^8.4.7",
-    "@storybook/test": "^8.4.7",
-    "@types/eslint-plugin-jsx-a11y": "^6.10.0",
-    "@types/eslint-plugin-prettier": "^3.1.3",
-    "@types/node": "^22.15.21",
-    "@types/papaparse": "^5.3.16",
-    "@types/react": "^18.2.25",
-    "@types/react-dom": "^18.2.25",
-    "@typescript-eslint/eslint-plugin": "^6.21.0",
-    "@typescript-eslint/parser": "^6.21.0",
-    "@vitejs/plugin-react-swc": "^3.9.0",
-    "autoprefixer": "^10.4.21",
-    "eslint": "^8.57.0",
-    "eslint-config-airbnb-typescript": "^17.1.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-import-resolver-typescript": "^4.4.1",
-    "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-jsx-a11y": "^6.8.0",
-    "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-react": "^7.34.1",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.19",
-    "globals": "^16.0.0",
-    "husky": "^9.1.7",
-    "lint-staged": "^16.0.0",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "react-router-dom": "6.26.1",
-    "sass": "^1.89.0",
-    "typescript": "~5.8.3",
-    "typescript-eslint": "^8.30.1",
-    "vite": "^6.3.5",
-    "vite-plugin-dts": "^4.5.4",
-    "vite-plugin-svgr": "^4.3.0"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "lint-staged": {
-    "src/**/*.{ts,tsx}": [
-      "eslint --fix",
-      "prettier --write --ignore-unknown"
-    ]
-  }
-}
+{
+  "name": "triafly-ui-kit",
+  "version": "1.0.10",
+  "description": "UI Kit from Triafly",
+  "main": "./dist/main.js",
+  "module": "./dist/main.js",
+  "types": "./dist/main.d.ts",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/main.js",
+      "types": "./dist/main.d.ts"
+    },
+    "./dist/*": {
+      "types": "./dist/*.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "npm run build:types && vite build",
+    "build:types": "tsc --build tsconfig.build.json",
+    "dev": "vite",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0 --fix",
+    "preview": "vite preview",
+    "prepare": "husky install",
+    "precommit": "npm run lint-staged",
+    "lint-staged": "lint-staged",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "prepublish": "npm run build",
+    "release-patch": "npm run build && npm version patch && git push && npm publish"
+  },
+  "browserslist": [
+    "cover 99.5%"
+  ],
+  "peerDependencies": {
+    "classnames": "^2.5.1",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "react-router-dom": "6.26.1"
+  },
+  "dependencies": {
+    "@fontsource/manrope": "^5.1.0",
+    "@fontsource/open-sans": "5.0.28",
+    "@fontsource/roboto-slab": "^5.1.0",
+    "@fontsource/space-mono": "5.0.21",
+    "fast-deep-equal": "^3.1.3",
+    "papaparse": "^5.4.1",
+    "react-paginate": "^8.2.0",
+    "storybook": "^8.6.14",
+    "vite-plugin-lib-inject-css": "^2.2.2"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^3.2.3",
+    "@eslint/js": "^9.25.0",
+    "@storybook/addon-backgrounds": "^8.5.2",
+    "@storybook/addon-essentials": "^8.4.7",
+    "@storybook/addon-interactions": "^8.4.7",
+    "@storybook/addon-onboarding": "^8.4.7",
+    "@storybook/blocks": "^8.4.7",
+    "@storybook/react": "^8.4.7",
+    "@storybook/react-vite": "^8.4.7",
+    "@storybook/test": "^8.4.7",
+    "@types/eslint-plugin-jsx-a11y": "^6.10.0",
+    "@types/eslint-plugin-prettier": "^3.1.3",
+    "@types/node": "^22.15.21",
+    "@types/papaparse": "^5.3.16",
+    "@types/react": "^18.2.25",
+    "@types/react-dom": "^18.2.25",
+    "@typescript-eslint/eslint-plugin": "^6.21.0",
+    "@typescript-eslint/parser": "^6.21.0",
+    "@vitejs/plugin-react-swc": "^3.9.0",
+    "autoprefixer": "^10.4.21",
+    "eslint": "^8.57.0",
+    "eslint-config-airbnb-typescript": "^17.1.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-import-resolver-typescript": "^4.4.1",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-jsx-a11y": "^6.8.0",
+    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-react": "^7.34.1",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.19",
+    "glob": "^11.0.2",
+    "globals": "^16.0.0",
+    "husky": "^9.1.7",
+    "lint-staged": "^16.0.0",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "react-router-dom": "6.26.1",
+    "sass": "^1.89.0",
+    "typescript": "~5.8.3",
+    "typescript-eslint": "^8.30.1",
+    "vite": "^6.3.5",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-static-copy": "^3.0.0",
+    "vite-plugin-svgr": "^4.3.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "lint-staged": {
+    "src/**/*.{ts,tsx}": [
+      "eslint --fix",
+      "prettier --write --ignore-unknown"
+    ]
+  }
+}

package/dist/assets/DemoElements.css

@@ -1 +0,0 @@
-@font-face{font-family:Roboto Slab;src:url(../assets/fonts/RobotoSlab-SemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Semibold.ttf) format("truetype");font-weight:600}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Bold.ttf) format("truetype");font-weight:700}@font-face{font-family:Fira Code;src:url(../assets/fonts/FiraCode-Regular.ttf) format("truetype");font-weight:400}*{font-family:Manrope,sans-serif;font-size:14px;line-height:1.2em;letter-spacing:.02em;font-weight:400;color:var(--color-text-primary-default)}h1,h2,h3,h4,h5,h6{margin:0}a{color:var(--color-text-brand-default);text-decoration:none}a:hover{color:var(--color-text-brand-hover)}a[href=""]{opacity:40%;cursor:default;pointer-events:none}p:not(:last-child){margin:0 0 8px}.demo{width:500px}.demo-box{padding:12px;background-color:var(--color-bg-neutral-light-default);margin:0 0 24px}h1{font-family:Roboto Slab,sans-serif;font-size:36px;margin:0}h2{font-family:Roboto Slab,sans-serif;font-size:32px;margin:0 0 12px}

package/dist/assets/DemoForm.css

@@ -1 +0,0 @@
-:root{--3afly-fonts-body: "Manrope", sans-serif;--3afly-fonts-heading: "Roboto Slab", sans-serif;--light-brand-50: #c2d0ff;--dark-brand-50: #c2d0ff;--base-dark: #121212;--base-light: #ffffff;--dark-blue-20: #153398;--dark-blue-50: #0e2266;--dark-blue-100: #5076ff;--dark-blue-200: #7c98ff;--dark-blue-300: #a7bbff;--light-blue-20: #eef2ff;--light-blue-50: #c2d0ff;--light-blue-100: #2454ff;--light-blue-200: #1a3ab2;--light-blue-300: #0e2266;--dark-neutral-0: #121212;--dark-neutral-20: #292929;--dark-neutral-50: #333333;--dark-neutral-100: #4d4d4d;--dark-neutral-200: #6e6e6e;--dark-neutral-300: #ffffff;--light-neutral-0: #ffffff;--light-neutral-20: #f6f7f8;--light-neutral-50: #f1f2f4;--light-neutral-100: #d2d5da;--light-neutral-200: #a5a8ac;--light-neutral-300: #121212;--dark-green-50: #044329;--dark-green-100: #12a26c;--dark-green-200: #cef8e0;--dark-orange-50: #662500;--dark-orange-100: #e16d00;--dark-orange-200: #ffeccc;--dark-red-50: #7b0000;--dark-red-100: #f65843;--dark-red-200: #ffebe7;--light-green-50: #cef8e0;--light-green-100: #15a46e;--light-green-200: #06603b;--light-orange-50: #ffeccc;--light-orange-100: #e46f00;--light-orange-200: #9e3900;--light-red-50: #ffebe7;--light-red-100: #f75c46;--light-red-200: #9e0000;--color-fader: #12121220;--default-font-color: var(--base-dark);--color-bg-brand-default: var(--light-blue-100);--color-bg-brand-hover: var(--light-blue-200);--color-bg-brand-selected: var(--light-blue-300);--color-bg-brand-lightest-default: var(--light-blue-20);--color-bg-brand-light-default: var(--light-blue-50);--color-bg-error-default: var(--light-red-100);--color-bg-error-hover: var(--light-red-200);--color-bg-innerisland-default: var(--light-neutral-20);--color-bg-island-default: var(--base-light);--color-bg-island-disabled: var(--light-neutral-50);--color-bg-island-inversed: var(--base-dark);--color-bg-island-selected: var(--light-neutral-50);--color-bg-page-primary-default: var(--light-neutral-50);--color-bg-page-secondary-default: var(--light-neutral-0);--color-bg-neutral-basic-default: var(--light-neutral-0);--color-bg-neutral-basic-inversed: var(--light-neutral-300);--color-bg-neutral-lightest-default: var(--light-neutral-20);--color-bg-neutral-medium-default: var(--light-neutral-100);--color-border-brand-default: var(--light-blue-100);--color-border-error-default: var(--light-red-100);--color-border-primary-default: var(--light-neutral-100);--color-border-primary-hover: var(--base-dark);--color-border-secondary-default: var(--light-neutral-200);--color-border-secondary-hover: var(--base-dark);--color-border-success-default: var(--light-green-100);--color-chart-critical: var(--light-red-100);--color-chart-low: var(--light-green-100);--color-chart-medium: var(--light-orange-100);--effect-shadow-drop: #12121214;--effect-shadow-L: #12121208;--effect-shadow-XL: #12121215;--color-icon-brand-default: var(--light-blue-100);--color-icon-brand-hover: var(--light-blue-200);--color-icon-error-default: var(--light-red-100);--color-icon-error-hover: var(--light-red-200);--color-icon-primary-default: var(--base-dark);--color-icon-primary-inversed: var(--base-light);--color-icon-secondary-default: var(--light-neutral-200);--color-icon-secondary-hover: var(--base-dark);--color-icon-success-default: var(--light-green-100);--color-sidemenu-bg-default: var(--base-light);--color-sidemenu-bg-hover: var(--light-neutral-50);--color-sidemenu-bg-selected: var(--light-blue-100);--color-sidemenu-icon-default: var(--base-dark);--color-sidemenu-icon-selected: var(--light-color-static);--color-sidemenu-plus_button_bg-selected-hover: var(--light-blue-200);--color-sidemenu-plus_button_bg-unselected-hover: var(--base-dark);--color-sidemenu-plus_button_icon-selected-default: var(--light-color-static);--color-sidemenu-plus_button_icon-selected-hover: var(--light-color-static);--color-sidemenu-plus_button_icon-unselected-default: var(--base-dark);--color-sidemenu-plus_button_icon-unselected-hover: var(--base-light);--color-sidemenu-text-default: var(--base-dark);--color-sidemenu-text-selected: var(--light-color-static);--dark-color-static: var(--base-dark);--dark-color-static-brand: var(--dark-blue-100);--light-color-static: var(--base-light);--light-color-static-brand: var(--light-blue-100);--color-status-error-background: var(--light-red-50);--color-status-error-foreground: var(--light-red-100);--color-status-success-background: var(--light-green-50);--color-status-success-foreground: var(--light-green-100);--color-status-warning-background: var(--light-orange-50);--color-status-warning-foreground: var(--light-orange-100);--color-text-brand-default: var(--light-blue-100);--color-text-brand-hover: var(--light-blue-200);--color-text-error-default: var(--light-red-100);--color-text-primary-default: var(--base-dark);--color-text-primary-inversed: var(--light-neutral-0);--color-text-secondary-default: var(--light-neutral-200);--color-text-success-default: var(--light-green-100);--color-text-tertiary-default: var(--light-neutral-100);--color-button-brandlight-filled-hover: var(--light-brand-50)}html[data-theme=dark]{--default-font-color: var(--base-light);--color-bg-brand-default: var(--dark-blue-100);--color-bg-brand-hover: var(--dark-blue-200);--color-bg-brand-selected: var(--dark-blue-300);--color-bg-brand-light-default: var(--dark-blue-50);--color-bg-error-default: var(--dark-red-100);--color-bg-error-hover: var(--dark-red-50);--color-bg-innerisland-default: var(--dark-neutral-20);--color-bg-island-default: var(--base-dark);--color-bg-island-disabled: var(--dark-neutral-50);--color-bg-island-inversed: var(--base-light);--color-bg-island-selected: var(--dark-neutral-50);--color-bg-page-default: var(--dark-neutral-50);--color-bg-page-secondary-default: var(--dark-neutral-0);--color-bg-neutral-basic-default: var(--dark-neutral-20);--color-bg-neutral-basic-inversed: var(--dark-neutral-300);--color-bg-neutral-lightest-default: var(--dark-neutral-20);--color-bg-neutral-medium-default: var(--dark-neutral-100);--color-border-brand-default: var(--dark-blue-100);--color-border-error-default: var(--dark-red-100);--color-border-primary-default: var(--dark-neutral-100);--color-border-primary-hover: var(--base-light);--color-border-secondary-default: var(--dark-neutral-200);--color-border-secondary-hover: var(--base-light);--color-border-success-default: var(--dark-green-100);--color-chart-critical: var(--dark-red-100);--color-chart-low: var(--dark-green-100);--color-chart-medium: var(--dark-orange-100);--effect-shadow-drop: #12121299;--color-icon-brand-default: var(--dark-blue-100);--color-icon-brand-hover: var(--dark-blue-200);--color-icon-error-default: var(--dark-red-100);--color-icon-error-hover: var(--dark-red-200);--color-icon-primary-default: var(--base-light);--color-icon-primary-inversed: var(--base-dark);--color-icon-secondary-default: var(--dark-neutral-200);--color-icon-secondary-hover: var(--base-light);--color-icon-success-default: var(--dark-green-100);--color-sidemenu-bg-default: var(--base-dark);--color-sidemenu-bg-hover: var(--dark-neutral-50);--color-sidemenu-bg-selected: var(--dark-blue-100);--color-sidemenu-icon-default: var(--base-light);--color-sidemenu-icon-selected: var(--light-color-static);--color-sidemenu-plus_button_bg-selected-hover: var(--dark-blue-200);--color-sidemenu-plus_button_bg-unselected-hover: var(--base-light);--color-sidemenu-plus_button_icon-selected-default: var(--light-color-static);--color-sidemenu-plus_button_icon-selected-hover: var(--light-color-static);--color-sidemenu-plus_button_icon-unselected-default: var(--base-light);--color-sidemenu-plus_button_icon-unselected-hover: var(--base-dark);--color-sidemenu-text-default: var(--base-light);--color-sidemenu-text-selected: var(--light-color-static);--dark-color-static: var(--base-dark);--dark-color-static-brand: var(--dark-blue-100);--light-color-static: var(--base-light);--light-color-static-brand: var(--light-blue-100);--color-status-error-background: var(--dark-red-50);--color-status-error-foreground: var(--dark-red-100);--color-status-success-background: var(--dark-green-50);--color-status-success-foreground: var(--dark-green-100);--color-status-warning-background: var(--dark-orange-50);--color-status-warning-foreground: var(--dark-orange-100);--color-text-brand-default: var(--dark-blue-100);--color-text-brand-hover: var(--dark-blue-200);--color-text-error-default: var(--dark-red-100);--color-text-primary-default: var(--base-light);--color-text-primary-inversed: var(--dark-neutral-0);--color-text-secondary-default: var(--dark-neutral-200);--color-text-success-default: var(--dark-green-100);--color-text-tertiary-default: var(--dark-neutral-100);--color-button-brandlight-filled-hover: var(--dark-brand-50)}@font-face{font-family:Roboto Slab;src:url(../assets/fonts/RobotoSlab-SemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Semibold.ttf) format("truetype");font-weight:600}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Bold.ttf) format("truetype");font-weight:700}@font-face{font-family:Fira Code;src:url(../assets/fonts/FiraCode-Regular.ttf) format("truetype");font-weight:400}*{font-family:Manrope,sans-serif;font-size:14px;line-height:1.2em;letter-spacing:.02em;font-weight:400;color:var(--color-text-primary-default)}h1,h2,h3,h4,h5,h6{margin:0}a{color:var(--color-text-brand-default);text-decoration:none}a:hover{color:var(--color-text-brand-hover)}a[href=""]{opacity:40%;cursor:default;pointer-events:none}p:not(:last-child){margin:0 0 8px}form.form-demo{width:400px;padding:24px 20px;background-color:var(--color-bg-neutral-basic-default)}form.form-demo.columns-2{width:710px}form.form-demo.columns-2 .container{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(6,auto);gap:20px 12px;grid-template-areas:"surname name" "patronymic email" "city ." "checkboxes checkboxes" "theme theme" "switch1 switch2"}form.form-demo.columns-2 .container .text-input:first-of-type{grid-area:surname}form.form-demo.columns-2 .container .text-input:nth-of-type(2){grid-area:name}form.form-demo.columns-2 .container .text-input:nth-of-type(3){grid-area:patronymic}form.form-demo.columns-2 .container .text-input:nth-of-type(4){grid-area:email}form.form-demo.columns-2 .container .text-input:nth-of-type(5){grid-area:city}form.form-demo.columns-2 .container .form-group:nth-of-type(6){grid-area:checkboxes}form.form-demo.columns-2 .container .form-group:nth-of-type(7){grid-area:theme}form.form-demo.columns-2 .container .switch-container:nth-of-type(8){grid-area:switch1}form.form-demo.columns-2 .container .switch-container:nth-of-type(9){grid-area:switch2}form.form-demo.columns-2 .container .form-group{grid-column:span 2;display:flex;flex-wrap:wrap}form.form-demo.columns-2 .container .form-group .title{width:100%;flex-shrink:0}form.form-demo.columns-2 .container .form-group .checkbox-container,form.form-demo.columns-2 .container .form-group .radio{margin:0 12px 0 0}form.form-demo.columns-2 .container .switch-container{border:1px solid var(--color-border-primary-default);border-radius:8px;padding:10px 8px}form.form-demo.columns-2 .container .button-container{grid-column:span 2;display:flex;justify-content:flex-start}form.form-demo.columns-2 .container>*{margin:0!important}form.form-demo>.title{display:block;font-size:22px;font-weight:600;margin:0 0 28px}form.form-demo .container{margin:0 0 28px}form.form-demo .container .text-input,form.form-demo .container .dropdown-input{margin:0 0 20px}form.form-demo .form-group:not(:last-child){margin:0 0 20px}form.form-demo .form-group.horizontal{display:flex}form.form-demo .form-group.button-container button:first-child{margin:0 12px 0 0}form.form-demo .form-group .title{display:block;margin:0 0 12px}

package/dist/assets/DemoLogin.css

@@ -1 +0,0 @@
-:root{--3afly-fonts-body: "Manrope", sans-serif;--3afly-fonts-heading: "Roboto Slab", sans-serif;--light-brand-50: #c2d0ff;--dark-brand-50: #c2d0ff;--base-dark: #121212;--base-light: #ffffff;--dark-blue-20: #153398;--dark-blue-50: #0e2266;--dark-blue-100: #5076ff;--dark-blue-200: #7c98ff;--dark-blue-300: #a7bbff;--light-blue-20: #eef2ff;--light-blue-50: #c2d0ff;--light-blue-100: #2454ff;--light-blue-200: #1a3ab2;--light-blue-300: #0e2266;--dark-neutral-0: #121212;--dark-neutral-20: #292929;--dark-neutral-50: #333333;--dark-neutral-100: #4d4d4d;--dark-neutral-200: #6e6e6e;--dark-neutral-300: #ffffff;--light-neutral-0: #ffffff;--light-neutral-20: #f6f7f8;--light-neutral-50: #f1f2f4;--light-neutral-100: #d2d5da;--light-neutral-200: #a5a8ac;--light-neutral-300: #121212;--dark-green-50: #044329;--dark-green-100: #12a26c;--dark-green-200: #cef8e0;--dark-orange-50: #662500;--dark-orange-100: #e16d00;--dark-orange-200: #ffeccc;--dark-red-50: #7b0000;--dark-red-100: #f65843;--dark-red-200: #ffebe7;--light-green-50: #cef8e0;--light-green-100: #15a46e;--light-green-200: #06603b;--light-orange-50: #ffeccc;--light-orange-100: #e46f00;--light-orange-200: #9e3900;--light-red-50: #ffebe7;--light-red-100: #f75c46;--light-red-200: #9e0000;--color-fader: #12121220;--default-font-color: var(--base-dark);--color-bg-brand-default: var(--light-blue-100);--color-bg-brand-hover: var(--light-blue-200);--color-bg-brand-selected: var(--light-blue-300);--color-bg-brand-lightest-default: var(--light-blue-20);--color-bg-brand-light-default: var(--light-blue-50);--color-bg-error-default: var(--light-red-100);--color-bg-error-hover: var(--light-red-200);--color-bg-innerisland-default: var(--light-neutral-20);--color-bg-island-default: var(--base-light);--color-bg-island-disabled: var(--light-neutral-50);--color-bg-island-inversed: var(--base-dark);--color-bg-island-selected: var(--light-neutral-50);--color-bg-page-primary-default: var(--light-neutral-50);--color-bg-page-secondary-default: var(--light-neutral-0);--color-bg-neutral-basic-default: var(--light-neutral-0);--color-bg-neutral-basic-inversed: var(--light-neutral-300);--color-bg-neutral-lightest-default: var(--light-neutral-20);--color-bg-neutral-medium-default: var(--light-neutral-100);--color-border-brand-default: var(--light-blue-100);--color-border-error-default: var(--light-red-100);--color-border-primary-default: var(--light-neutral-100);--color-border-primary-hover: var(--base-dark);--color-border-secondary-default: var(--light-neutral-200);--color-border-secondary-hover: var(--base-dark);--color-border-success-default: var(--light-green-100);--color-chart-critical: var(--light-red-100);--color-chart-low: var(--light-green-100);--color-chart-medium: var(--light-orange-100);--effect-shadow-drop: #12121214;--effect-shadow-L: #12121208;--effect-shadow-XL: #12121215;--color-icon-brand-default: var(--light-blue-100);--color-icon-brand-hover: var(--light-blue-200);--color-icon-error-default: var(--light-red-100);--color-icon-error-hover: var(--light-red-200);--color-icon-primary-default: var(--base-dark);--color-icon-primary-inversed: var(--base-light);--color-icon-secondary-default: var(--light-neutral-200);--color-icon-secondary-hover: var(--base-dark);--color-icon-success-default: var(--light-green-100);--color-sidemenu-bg-default: var(--base-light);--color-sidemenu-bg-hover: var(--light-neutral-50);--color-sidemenu-bg-selected: var(--light-blue-100);--color-sidemenu-icon-default: var(--base-dark);--color-sidemenu-icon-selected: var(--light-color-static);--color-sidemenu-plus_button_bg-selected-hover: var(--light-blue-200);--color-sidemenu-plus_button_bg-unselected-hover: var(--base-dark);--color-sidemenu-plus_button_icon-selected-default: var(--light-color-static);--color-sidemenu-plus_button_icon-selected-hover: var(--light-color-static);--color-sidemenu-plus_button_icon-unselected-default: var(--base-dark);--color-sidemenu-plus_button_icon-unselected-hover: var(--base-light);--color-sidemenu-text-default: var(--base-dark);--color-sidemenu-text-selected: var(--light-color-static);--dark-color-static: var(--base-dark);--dark-color-static-brand: var(--dark-blue-100);--light-color-static: var(--base-light);--light-color-static-brand: var(--light-blue-100);--color-status-error-background: var(--light-red-50);--color-status-error-foreground: var(--light-red-100);--color-status-success-background: var(--light-green-50);--color-status-success-foreground: var(--light-green-100);--color-status-warning-background: var(--light-orange-50);--color-status-warning-foreground: var(--light-orange-100);--color-text-brand-default: var(--light-blue-100);--color-text-brand-hover: var(--light-blue-200);--color-text-error-default: var(--light-red-100);--color-text-primary-default: var(--base-dark);--color-text-primary-inversed: var(--light-neutral-0);--color-text-secondary-default: var(--light-neutral-200);--color-text-success-default: var(--light-green-100);--color-text-tertiary-default: var(--light-neutral-100);--color-button-brandlight-filled-hover: var(--light-brand-50)}html[data-theme=dark]{--default-font-color: var(--base-light);--color-bg-brand-default: var(--dark-blue-100);--color-bg-brand-hover: var(--dark-blue-200);--color-bg-brand-selected: var(--dark-blue-300);--color-bg-brand-light-default: var(--dark-blue-50);--color-bg-error-default: var(--dark-red-100);--color-bg-error-hover: var(--dark-red-50);--color-bg-innerisland-default: var(--dark-neutral-20);--color-bg-island-default: var(--base-dark);--color-bg-island-disabled: var(--dark-neutral-50);--color-bg-island-inversed: var(--base-light);--color-bg-island-selected: var(--dark-neutral-50);--color-bg-page-default: var(--dark-neutral-50);--color-bg-page-secondary-default: var(--dark-neutral-0);--color-bg-neutral-basic-default: var(--dark-neutral-20);--color-bg-neutral-basic-inversed: var(--dark-neutral-300);--color-bg-neutral-lightest-default: var(--dark-neutral-20);--color-bg-neutral-medium-default: var(--dark-neutral-100);--color-border-brand-default: var(--dark-blue-100);--color-border-error-default: var(--dark-red-100);--color-border-primary-default: var(--dark-neutral-100);--color-border-primary-hover: var(--base-light);--color-border-secondary-default: var(--dark-neutral-200);--color-border-secondary-hover: var(--base-light);--color-border-success-default: var(--dark-green-100);--color-chart-critical: var(--dark-red-100);--color-chart-low: var(--dark-green-100);--color-chart-medium: var(--dark-orange-100);--effect-shadow-drop: #12121299;--color-icon-brand-default: var(--dark-blue-100);--color-icon-brand-hover: var(--dark-blue-200);--color-icon-error-default: var(--dark-red-100);--color-icon-error-hover: var(--dark-red-200);--color-icon-primary-default: var(--base-light);--color-icon-primary-inversed: var(--base-dark);--color-icon-secondary-default: var(--dark-neutral-200);--color-icon-secondary-hover: var(--base-light);--color-icon-success-default: var(--dark-green-100);--color-sidemenu-bg-default: var(--base-dark);--color-sidemenu-bg-hover: var(--dark-neutral-50);--color-sidemenu-bg-selected: var(--dark-blue-100);--color-sidemenu-icon-default: var(--base-light);--color-sidemenu-icon-selected: var(--light-color-static);--color-sidemenu-plus_button_bg-selected-hover: var(--dark-blue-200);--color-sidemenu-plus_button_bg-unselected-hover: var(--base-light);--color-sidemenu-plus_button_icon-selected-default: var(--light-color-static);--color-sidemenu-plus_button_icon-selected-hover: var(--light-color-static);--color-sidemenu-plus_button_icon-unselected-default: var(--base-light);--color-sidemenu-plus_button_icon-unselected-hover: var(--base-dark);--color-sidemenu-text-default: var(--base-light);--color-sidemenu-text-selected: var(--light-color-static);--dark-color-static: var(--base-dark);--dark-color-static-brand: var(--dark-blue-100);--light-color-static: var(--base-light);--light-color-static-brand: var(--light-blue-100);--color-status-error-background: var(--dark-red-50);--color-status-error-foreground: var(--dark-red-100);--color-status-success-background: var(--dark-green-50);--color-status-success-foreground: var(--dark-green-100);--color-status-warning-background: var(--dark-orange-50);--color-status-warning-foreground: var(--dark-orange-100);--color-text-brand-default: var(--dark-blue-100);--color-text-brand-hover: var(--dark-blue-200);--color-text-error-default: var(--dark-red-100);--color-text-primary-default: var(--base-light);--color-text-primary-inversed: var(--dark-neutral-0);--color-text-secondary-default: var(--dark-neutral-200);--color-text-success-default: var(--dark-green-100);--color-text-tertiary-default: var(--dark-neutral-100);--color-button-brandlight-filled-hover: var(--dark-brand-50)}@font-face{font-family:Roboto Slab;src:url(../assets/fonts/RobotoSlab-SemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Semibold.ttf) format("truetype");font-weight:600}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Bold.ttf) format("truetype");font-weight:700}@font-face{font-family:Fira Code;src:url(../assets/fonts/FiraCode-Regular.ttf) format("truetype");font-weight:400}*{font-family:Manrope,sans-serif;font-size:14px;line-height:1.2em;letter-spacing:.02em;font-weight:400;color:var(--color-text-primary-default)}h1,h2,h3,h4,h5,h6{margin:0}a{color:var(--color-text-brand-default);text-decoration:none}a:hover{color:var(--color-text-brand-hover)}a[href=""]{opacity:40%;cursor:default;pointer-events:none}p:not(:last-child){margin:0 0 8px}.authorization-page{padding:12px 12px 79px;display:flex;flex-direction:column;align-items:center}.authorization-page .welcome-title{width:100%;height:170px;padding:16px 20px;margin:0 0 28px;background-image:url(src/assets/images/authorization.png);background-repeat:no-repeat;background-size:cover;border-radius:0 20px;background-color:var(--dark-blue-20)}.authorization-page .welcome-title button{margin:0 0 20px;font-weight:600}.authorization-page .welcome-title button.theme-icon--light:before,.authorization-page .welcome-title button.theme-icon--dark:before{content:"";background-repeat:no-repeat;background-position:center;display:block;width:16px;height:16px;margin:0 8px 0 -8px}.authorization-page .welcome-title button.theme-icon--light:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN1biI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik03LjI1IDJWMUM3LjI1IDAuODAxMDg4IDcuMzI5MDIgMC42MTAzMjIgNy40Njk2NyAwLjQ2OTY3QzcuNjEwMzIgMC4zMjkwMTggNy44MDEwOSAwLjI1IDggMC4yNUM4LjE5ODkxIDAuMjUgOC4zODk2OCAwLjMyOTAxOCA4LjUzMDMzIDAuNDY5NjdDOC42NzA5OCAwLjYxMDMyMiA4Ljc1IDAuODAxMDg4IDguNzUgMVYyQzguNzUgMi4xOTg5MSA4LjY3MDk4IDIuMzg5NjggOC41MzAzMyAyLjUzMDMzQzguMzg5NjggMi42NzA5OCA4LjE5ODkxIDIuNzUgOCAyLjc1QzcuODAxMDkgMi43NSA3LjYxMDMyIDIuNjcwOTggNy40Njk2NyAyLjUzMDMzQzcuMzI5MDIgMi4zODk2OCA3LjI1IDIuMTk4OTEgNy4yNSAyWk0xMi4yNSA4QzEyLjI1IDguODQwNTcgMTIuMDAwNyA5LjY2MjI2IDExLjUzMzcgMTAuMzYxMkMxMS4wNjY3IDExLjA2MDEgMTAuNDAzIDExLjYwNDggOS42MjY0IDExLjkyNjVDOC44NDk4MiAxMi4yNDgyIDcuOTk1MjkgMTIuMzMyMyA3LjE3MDg3IDEyLjE2ODNDNi4zNDY0NSAxMi4wMDQ0IDUuNTg5MTcgMTEuNTk5NiA0Ljk5NDggMTEuMDA1MkM0LjQwMDQyIDEwLjQxMDggMy45OTU2NSA5LjY1MzU1IDMuODMxNjYgOC44MjkxM0MzLjY2NzY4IDguMDA0NzEgMy43NTE4NCA3LjE1MDE4IDQuMDczNTEgNi4zNzM2QzQuMzk1MTggNS41OTcwMSA0LjkzOTkyIDQuOTMzMjUgNS42Mzg4MyA0LjQ2NjI1QzYuMzM3NzQgMy45OTkyNiA3LjE1OTQzIDMuNzUgOCAzLjc1QzkuMTI2ODEgMy43NTExNiAxMC4yMDcxIDQuMTk5MyAxMS4wMDM5IDQuOTk2MDhDMTEuODAwNyA1Ljc5Mjg1IDEyLjI0ODggNi44NzMxOSAxMi4yNSA4Wk0xMC43NSA4QzEwLjc1IDcuNDU2MSAxMC41ODg3IDYuOTI0NDIgMTAuMjg2NSA2LjQ3MjE4QzkuOTg0MzcgNi4wMTk5NSA5LjU1NDg4IDUuNjY3NDcgOS4wNTIzOCA1LjQ1OTMzQzguNTQ5ODggNS4yNTExOSA3Ljk5Njk1IDUuMTk2NzMgNy40NjM1IDUuMzAyODRDNi45MzAwNSA1LjQwODk1IDYuNDQwMDUgNS42NzA4NiA2LjA1NTQ2IDYuMDU1NDZDNS42NzA4NiA2LjQ0MDA1IDUuNDA4OTUgNi45MzAwNSA1LjMwMjg0IDcuNDYzNUM1LjE5NjczIDcuOTk2OTUgNS4yNTExOSA4LjU0OTg4IDUuNDU5MzMgOS4wNTIzOEM1LjY2NzQ3IDkuNTU0ODggNi4wMTk5NSA5Ljk4NDM3IDYuNDcyMTggMTAuMjg2NUM2LjkyNDQyIDEwLjU4ODcgNy40NTYxIDEwLjc1IDggMTAuNzVDOC43MjkwOSAxMC43NDkyIDkuNDI4MDggMTAuNDU5MiA5Ljk0MzYzIDkuOTQzNjNDMTAuNDU5MiA5LjQyODA4IDEwLjc0OTIgOC43MjkwOSAxMC43NSA4Wk0zLjIxOTM3IDQuMjgwNjJDMy4yODkxNCA0LjM1MDM5IDMuMzcxOTYgNC40MDU3MyAzLjQ2MzExIDQuNDQzNDlDMy41NTQyNyA0LjQ4MTI0IDMuNjUxOTYgNC41MDA2OCAzLjc1MDYyIDQuNTAwNjhDMy44NDkyOSA0LjUwMDY4IDMuOTQ2OTggNC40ODEyNCA0LjAzODE0IDQuNDQzNDlDNC4xMjkyOSA0LjQwNTczIDQuMjEyMTEgNC4zNTAzOSA0LjI4MTg4IDQuMjgwNjJDNC4zNTE2NCA0LjIxMDg2IDQuNDA2OTggNC4xMjgwNCA0LjQ0NDc0IDQuMDM2ODlDNC40ODI0OSAzLjk0NTczIDQuNTAxOTMgMy44NDgwNCA0LjUwMTkzIDMuNzQ5MzhDNC41MDE5MyAzLjY1MDcxIDQuNDgyNDkgMy41NTMwMiA0LjQ0NDc0IDMuNDYxODZDNC40MDY5OCAzLjM3MDcxIDQuMzUxNjQgMy4yODc4OSA0LjI4MTg4IDMuMjE4MTNMMy41MzE4NyAyLjQ2ODEzQzMuMzkwOTggMi4zMjcyMyAzLjE5OTg4IDIuMjQ4MDcgMy4wMDA2MiAyLjI0ODA3QzIuODAxMzcgMi4yNDgwNyAyLjYxMDI3IDIuMzI3MjMgMi40NjkzNyAyLjQ2ODEzQzIuMzI4NDggMi42MDkwMiAyLjI0OTMyIDIuODAwMTIgMi4yNDkzMiAyLjk5OTM4QzIuMjQ5MzIgMy4xOTg2MyAyLjMyODQ4IDMuMzg5NzMgMi40NjkzNyAzLjUzMDYzTDMuMjE5MzcgNC4yODA2MlpNMy4yMTkzNyAxMS43MTgxTDIuNDY5MzcgMTIuNDY4MUMyLjM5OTYxIDEyLjUzNzkgMi4zNDQyNyAxMi42MjA3IDIuMzA2NTEgMTIuNzExOUMyLjI2ODc2IDEyLjgwMyAyLjI0OTMyIDEyLjkwMDcgMi4yNDkzMiAxMi45OTk0QzIuMjQ5MzIgMTMuMDk4IDIuMjY4NzYgMTMuMTk1NyAyLjMwNjUxIDEzLjI4NjlDMi4zNDQyNyAxMy4zNzggMi4zOTk2MSAxMy40NjA5IDIuNDY5MzcgMTMuNTMwNkMyLjYxMDI3IDEzLjY3MTUgMi44MDEzNyAxMy43NTA3IDMuMDAwNjIgMTMuNzUwN0MzLjA5OTI5IDEzLjc1MDcgMy4xOTY5OCAxMy43MzEyIDMuMjg4MTQgMTMuNjkzNUMzLjM3OTI5IDEzLjY1NTcgMy40NjIxMSAxMy42MDA0IDMuNTMxODcgMTMuNTMwNkw0LjI4MTg4IDEyLjc4MDZDNC40MjI3NyAxMi42Mzk3IDQuNTAxOTMgMTIuNDQ4NiA0LjUwMTkzIDEyLjI0OTRDNC41MDE5MyAxMi4wNTAxIDQuNDIyNzcgMTEuODU5IDQuMjgxODggMTEuNzE4MUM0LjE0MDk4IDExLjU3NzIgMy45NDk4OCAxMS40OTgxIDMuNzUwNjIgMTEuNDk4MUMzLjU1MTM3IDExLjQ5ODEgMy4zNjAyNyAxMS41NzcyIDMuMjE5MzcgMTEuNzE4MVpNMTIuMjUgNC41QzEyLjM0ODUgNC41MDAwOCAxMi40NDYxIDQuNDgwNzQgMTIuNTM3MSA0LjQ0MzFDMTIuNjI4MiA0LjQwNTQ2IDEyLjcxMDkgNC4zNTAyNSAxMi43ODA2IDQuMjgwNjJMMTMuNTMwNiAzLjUzMDYzQzEzLjYwMDQgMy40NjA4NiAxMy42NTU3IDMuMzc4MDQgMTMuNjkzNSAzLjI4Njg5QzEzLjczMTIgMy4xOTU3MyAxMy43NTA3IDMuMDk4MDQgMTMuNzUwNyAyLjk5OTM4QzEzLjc1MDcgMi45MDA3MSAxMy43MzEyIDIuODAzMDIgMTMuNjkzNSAyLjcxMTg2QzEzLjY1NTcgMi42MjA3MSAxMy42MDA0IDIuNTM3ODkgMTMuNTMwNiAyLjQ2ODEzQzEzLjQ2MDkgMi4zOTgzNiAxMy4zNzggMi4zNDMwMiAxMy4yODY5IDIuMzA1MjZDMTMuMTk1NyAyLjI2NzUxIDEzLjA5OCAyLjI0ODA3IDEyLjk5OTQgMi4yNDgwN0MxMi45MDA3IDIuMjQ4MDcgMTIuODAzIDIuMjY3NTEgMTIuNzExOSAyLjMwNTI2QzEyLjYyMDcgMi4zNDMwMiAxMi41Mzc5IDIuMzk4MzYgMTIuNDY4MSAyLjQ2ODEzTDExLjcxODEgMy4yMTgxM0MxMS42MTI2IDMuMzIzMDIgMTEuNTQwNyAzLjQ1Njk0IDExLjUxMTUgMy42MDI4M0MxMS40ODIzIDMuNzQ4NzMgMTEuNDk3MSAzLjkwMDAxIDExLjU1NDIgNC4wMzc0NEMxMS42MTEyIDQuMTc0ODYgMTEuNzA3OCA0LjI5MjIzIDExLjgzMTcgNC4zNzQ1OUMxMS45NTU2IDQuNDU2OTYgMTIuMTAxMiA0LjUwMDYyIDEyLjI1IDQuNVpNMTIuNzgwNiAxMS43MTk0QzEyLjYzOTcgMTEuNTc4NSAxMi40NDg2IDExLjQ5OTMgMTIuMjQ5NCAxMS40OTkzQzEyLjA1MDEgMTEuNDk5MyAxMS44NTkgMTEuNTc4NSAxMS43MTgxIDExLjcxOTRDMTEuNTc3MiAxMS44NjAzIDExLjQ5ODEgMTIuMDUxNCAxMS40OTgxIDEyLjI1MDZDMTEuNDk4MSAxMi40NDk5IDExLjU3NzIgMTIuNjQxIDExLjcxODEgMTIuNzgxOUwxMi40NjgxIDEzLjUzMTlDMTIuNjA5IDEzLjY3MjggMTIuODAwMSAxMy43NTE5IDEyLjk5OTQgMTMuNzUxOUMxMy4xOTg2IDEzLjc1MTkgMTMuMzg5NyAxMy42NzI4IDEzLjUzMDYgMTMuNTMxOUMxMy42NzE1IDEzLjM5MSAxMy43NTA3IDEzLjE5OTkgMTMuNzUwNyAxMy4wMDA2QzEzLjc1MDcgMTIuODAxNCAxMy42NzE1IDEyLjYxMDMgMTMuNTMwNiAxMi40Njk0TDEyLjc4MDYgMTEuNzE5NFpNMi43NSA4QzIuNzUgNy44MDEwOSAyLjY3MDk4IDcuNjEwMzIgMi41MzAzMyA3LjQ2OTY3QzIuMzg5NjggNy4zMjkwMiAyLjE5ODkxIDcuMjUgMiA3LjI1SDFDMC44MDEwODggNy4yNSAwLjYxMDMyMiA3LjMyOTAyIDAuNDY5NjcgNy40Njk2N0MwLjMyOTAxOCA3LjYxMDMyIDAuMjUgNy44MDEwOSAwLjI1IDhDMC4yNSA4LjE5ODkxIDAuMzI5MDE4IDguMzg5NjggMC40Njk2NyA4LjUzMDMzQzAuNjEwMzIyIDguNjcwOTggMC44MDEwODggOC43NSAxIDguNzVIMkMyLjE5ODkxIDguNzUgMi4zODk2OCA4LjY3MDk4IDIuNTMwMzMgOC41MzAzM0MyLjY3MDk4IDguMzg5NjggMi43NSA4LjE5ODkxIDIuNzUgOFpNOCAxMy4yNUM3LjgwMTA5IDEzLjI1IDcuNjEwMzIgMTMuMzI5IDcuNDY5NjcgMTMuNDY5N0M3LjMyOTAyIDEzLjYxMDMgNy4yNSAxMy44MDExIDcuMjUgMTRWMTVDNy4yNSAxNS4xOTg5IDcuMzI5MDIgMTUuMzg5NyA3LjQ2OTY3IDE1LjUzMDNDNy42MTAzMiAxNS42NzEgNy44MDEwOSAxNS43NSA4IDE1Ljc1QzguMTk4OTEgMTUuNzUgOC4zODk2OCAxNS42NzEgOC41MzAzMyAxNS41MzAzQzguNjcwOTggMTUuMzg5NyA4Ljc1IDE1LjE5ODkgOC43NSAxNVYxNEM4Ljc1IDEzLjgwMTEgOC42NzA5OCAxMy42MTAzIDguNTMwMzMgMTMuNDY5N0M4LjM4OTY4IDEzLjMyOSA4LjE5ODkxIDEzLjI1IDggMTMuMjVaTTE1IDcuMjVIMTRDMTMuODAxMSA3LjI1IDEzLjYxMDMgNy4zMjkwMiAxMy40Njk3IDcuNDY5NjdDMTMuMzI5IDcuNjEwMzIgMTMuMjUgNy44MDEwOSAxMy4yNSA4QzEzLjI1IDguMTk4OTEgMTMuMzI5IDguMzg5NjggMTMuNDY5NyA4LjUzMDMzQzEzLjYxMDMgOC42NzA5OCAxMy44MDExIDguNzUgMTQgOC43NUgxNUMxNS4xOTg5IDguNzUgMTUuMzg5NyA4LjY3MDk4IDE1LjUzMDMgOC41MzAzM0MxNS42NzEgOC4zODk2OCAxNS43NSA4LjE5ODkxIDE1Ljc1IDhDMTUuNzUgNy44MDEwOSAxNS42NzEgNy42MTAzMiAxNS41MzAzIDcuNDY5NjdDMTUuMzg5NyA3LjMyOTAyIDE1LjE5ODkgNy4yNSAxNSA3LjI1WiIgZmlsbD0iIzEyMTIxMiIvPgo8L2c+Cjwvc3ZnPgo=)}.authorization-page .welcome-title h1{font-size:24px;font-weight:800;color:var(--light-color-static)}.authorization-page form.form-login{width:100%;max-width:400px;display:flex;flex-direction:column}.authorization-page form.form-login .title{font-size:22px;font-weight:600;margin:0 0 8px}.authorization-page form.form-login .subtitle{color:var(--color-text-secondary-default);margin:0 0 40px;font-weight:600}.authorization-page form.form-login .alert{margin:-12px 0 24px}.authorization-page form.form-login .text-input{margin:0 0 24px}.authorization-page form.form-login .btn{margin:0 0 28px}.authorization-page form.form-login .reminder-note{display:flex;flex-direction:column;align-items:center}.authorization-page form.form-login .reminder-note span{font-size:14px;font-weight:600;margin:0 0 8px}.authorization-page .decorative-element{display:none;width:114px;height:114px;position:absolute;right:20px}.authorization-page .decorative-element:before,.authorization-page .decorative-element:after{content:"";display:block;background-color:var(--color-text-brand-default)}@media screen and (min-width: 834px){.authorization-page{padding:20px;position:relative}.authorization-page .welcome-title{height:400px;padding:40px;margin:0 0 100px;border-radius:0 50px;background-size:106%;background-position-y:32%;background-position-x:right}.authorization-page .welcome-title button{margin:0 0 40px}.authorization-page .welcome-title h1{font-size:56px;font-weight:800}.authorization-page form.form-login .alert{margin:0 0 24px}.authorization-page .decorative-element{width:114px;height:114px;position:absolute;right:20px}.authorization-page .decorative-element:before,.authorization-page .decorative-element:after{content:"";display:block;background-color:var(--color-text-brand-default)}.authorization-page .decorative-element#bottom{display:block;bottom:20px;transform:rotate(270deg)}.authorization-page .decorative-element#bottom:before{width:14px;height:100px;border-radius:7px 7px 0 0}.authorization-page .decorative-element#bottom:after{width:100px;height:14px;border-radius:0 7px 7px 0;margin:0 0 0 14px}}@media screen and (min-width: 1280px){.authorization-page{flex-direction:row;align-items:center}.authorization-page .welcome-title{margin:0;width:800px;height:calc(100vh - 40px);background-size:cover}.authorization-page form.form-login{margin:0 auto}.authorization-page .decorative-element#top{display:block;top:20px;transform:rotate(180deg)}.authorization-page .decorative-element#top:before{width:14px;height:100px;border-radius:7px 7px 0 0}.authorization-page .decorative-element#top:after{width:100px;height:14px;border-radius:0 7px 7px 0;margin:0 0 0 14px}}

package/dist/assets/DemoLogin2.css

@@ -1 +0,0 @@
-*{margin:0;padding:0;border:0}*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}:focus,:active{outline:none}nav,footer,header,aside{display:block}html,body{width:100%;height:100%;font-size:100%;font-size:14px;line-height:1;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}input,button,textarea{font-family:inherit}input::-ms-clear{display:none}button{cursor:pointer}button::-moz-focus-inner{padding:0;border:0}a,a:visited{text-decoration:none}a:focus,a:active{outline:none}a:hover{text-decoration:none}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:400}#root{background-color:var(--color-bg-island-default)}.page-wrapper{width:100%;max-width:1920px;min-height:100vh;margin:0 auto;display:flex;flex-direction:column;background-color:var(--color-bg-island-default)}:root{--3afly-fonts-body: "Manrope", sans-serif;--3afly-fonts-heading: "Roboto Slab", sans-serif;--light-brand-50: #c2d0ff;--dark-brand-50: #c2d0ff;--base-dark: #121212;--base-light: #ffffff;--dark-blue-20: #153398;--dark-blue-50: #0e2266;--dark-blue-100: #5076ff;--dark-blue-200: #7c98ff;--dark-blue-300: #a7bbff;--light-blue-20: #eef2ff;--light-blue-50: #c2d0ff;--light-blue-100: #2454ff;--light-blue-200: #1a3ab2;--light-blue-300: #0e2266;--dark-neutral-0: #121212;--dark-neutral-20: #292929;--dark-neutral-50: #333333;--dark-neutral-100: #4d4d4d;--dark-neutral-200: #6e6e6e;--dark-neutral-300: #ffffff;--light-neutral-0: #ffffff;--light-neutral-20: #f6f7f8;--light-neutral-50: #f1f2f4;--light-neutral-100: #d2d5da;--light-neutral-200: #a5a8ac;--light-neutral-300: #121212;--dark-green-50: #044329;--dark-green-100: #12a26c;--dark-green-200: #cef8e0;--dark-orange-50: #662500;--dark-orange-100: #e16d00;--dark-orange-200: #ffeccc;--dark-red-50: #7b0000;--dark-red-100: #f65843;--dark-red-200: #ffebe7;--light-green-50: #cef8e0;--light-green-100: #15a46e;--light-green-200: #06603b;--light-orange-50: #ffeccc;--light-orange-100: #e46f00;--light-orange-200: #9e3900;--light-red-50: #ffebe7;--light-red-100: #f75c46;--light-red-200: #9e0000;--color-fader: #12121220;--default-font-color: var(--base-dark);--color-bg-brand-default: var(--light-blue-100);--color-bg-brand-hover: var(--light-blue-200);--color-bg-brand-selected: var(--light-blue-300);--color-bg-brand-lightest-default: var(--light-blue-20);--color-bg-brand-light-default: var(--light-blue-50);--color-bg-error-default: var(--light-red-100);--color-bg-error-hover: var(--light-red-200);--color-bg-innerisland-default: var(--light-neutral-20);--color-bg-island-default: var(--base-light);--color-bg-island-disabled: var(--light-neutral-50);--color-bg-island-inversed: var(--base-dark);--color-bg-island-selected: var(--light-neutral-50);--color-bg-page-primary-default: var(--light-neutral-50);--color-bg-page-secondary-default: var(--light-neutral-0);--color-bg-neutral-basic-default: var(--light-neutral-0);--color-bg-neutral-basic-inversed: var(--light-neutral-300);--color-bg-neutral-lightest-default: var(--light-neutral-20);--color-bg-neutral-medium-default: var(--light-neutral-100);--color-border-brand-default: var(--light-blue-100);--color-border-error-default: var(--light-red-100);--color-border-primary-default: var(--light-neutral-100);--color-border-primary-hover: var(--base-dark);--color-border-secondary-default: var(--light-neutral-200);--color-border-secondary-hover: var(--base-dark);--color-border-success-default: var(--light-green-100);--color-chart-critical: var(--light-red-100);--color-chart-low: var(--light-green-100);--color-chart-medium: var(--light-orange-100);--effect-shadow-drop: #12121214;--effect-shadow-L: #12121208;--effect-shadow-XL: #12121215;--color-icon-brand-default: var(--light-blue-100);--color-icon-brand-hover: var(--light-blue-200);--color-icon-error-default: var(--light-red-100);--color-icon-error-hover: var(--light-red-200);--color-icon-primary-default: var(--base-dark);--color-icon-primary-inversed: var(--base-light);--color-icon-secondary-default: var(--light-neutral-200);--color-icon-secondary-hover: var(--base-dark);--color-icon-success-default: var(--light-green-100);--color-sidemenu-bg-default: var(--base-light);--color-sidemenu-bg-hover: var(--light-neutral-50);--color-sidemenu-bg-selected: var(--light-blue-100);--color-sidemenu-icon-default: var(--base-dark);--color-sidemenu-icon-selected: var(--light-color-static);--color-sidemenu-plus_button_bg-selected-hover: var(--light-blue-200);--color-sidemenu-plus_button_bg-unselected-hover: var(--base-dark);--color-sidemenu-plus_button_icon-selected-default: var(--light-color-static);--color-sidemenu-plus_button_icon-selected-hover: var(--light-color-static);--color-sidemenu-plus_button_icon-unselected-default: var(--base-dark);--color-sidemenu-plus_button_icon-unselected-hover: var(--base-light);--color-sidemenu-text-default: var(--base-dark);--color-sidemenu-text-selected: var(--light-color-static);--dark-color-static: var(--base-dark);--dark-color-static-brand: var(--dark-blue-100);--light-color-static: var(--base-light);--light-color-static-brand: var(--light-blue-100);--color-status-error-background: var(--light-red-50);--color-status-error-foreground: var(--light-red-100);--color-status-success-background: var(--light-green-50);--color-status-success-foreground: var(--light-green-100);--color-status-warning-background: var(--light-orange-50);--color-status-warning-foreground: var(--light-orange-100);--color-text-brand-default: var(--light-blue-100);--color-text-brand-hover: var(--light-blue-200);--color-text-error-default: var(--light-red-100);--color-text-primary-default: var(--base-dark);--color-text-primary-inversed: var(--light-neutral-0);--color-text-secondary-default: var(--light-neutral-200);--color-text-success-default: var(--light-green-100);--color-text-tertiary-default: var(--light-neutral-100);--color-button-brandlight-filled-hover: var(--light-brand-50)}html[data-theme=dark]{--default-font-color: var(--base-light);--color-bg-brand-default: var(--dark-blue-100);--color-bg-brand-hover: var(--dark-blue-200);--color-bg-brand-selected: var(--dark-blue-300);--color-bg-brand-light-default: var(--dark-blue-50);--color-bg-error-default: var(--dark-red-100);--color-bg-error-hover: var(--dark-red-50);--color-bg-innerisland-default: var(--dark-neutral-20);--color-bg-island-default: var(--base-dark);--color-bg-island-disabled: var(--dark-neutral-50);--color-bg-island-inversed: var(--base-light);--color-bg-island-selected: var(--dark-neutral-50);--color-bg-page-default: var(--dark-neutral-50);--color-bg-page-secondary-default: var(--dark-neutral-0);--color-bg-neutral-basic-default: var(--dark-neutral-20);--color-bg-neutral-basic-inversed: var(--dark-neutral-300);--color-bg-neutral-lightest-default: var(--dark-neutral-20);--color-bg-neutral-medium-default: var(--dark-neutral-100);--color-border-brand-default: var(--dark-blue-100);--color-border-error-default: var(--dark-red-100);--color-border-primary-default: var(--dark-neutral-100);--color-border-primary-hover: var(--base-light);--color-border-secondary-default: var(--dark-neutral-200);--color-border-secondary-hover: var(--base-light);--color-border-success-default: var(--dark-green-100);--color-chart-critical: var(--dark-red-100);--color-chart-low: var(--dark-green-100);--color-chart-medium: var(--dark-orange-100);--effect-shadow-drop: #12121299;--color-icon-brand-default: var(--dark-blue-100);--color-icon-brand-hover: var(--dark-blue-200);--color-icon-error-default: var(--dark-red-100);--color-icon-error-hover: var(--dark-red-200);--color-icon-primary-default: var(--base-light);--color-icon-primary-inversed: var(--base-dark);--color-icon-secondary-default: var(--dark-neutral-200);--color-icon-secondary-hover: var(--base-light);--color-icon-success-default: var(--dark-green-100);--color-sidemenu-bg-default: var(--base-dark);--color-sidemenu-bg-hover: var(--dark-neutral-50);--color-sidemenu-bg-selected: var(--dark-blue-100);--color-sidemenu-icon-default: var(--base-light);--color-sidemenu-icon-selected: var(--light-color-static);--color-sidemenu-plus_button_bg-selected-hover: var(--dark-blue-200);--color-sidemenu-plus_button_bg-unselected-hover: var(--base-light);--color-sidemenu-plus_button_icon-selected-default: var(--light-color-static);--color-sidemenu-plus_button_icon-selected-hover: var(--light-color-static);--color-sidemenu-plus_button_icon-unselected-default: var(--base-light);--color-sidemenu-plus_button_icon-unselected-hover: var(--base-dark);--color-sidemenu-text-default: var(--base-light);--color-sidemenu-text-selected: var(--light-color-static);--dark-color-static: var(--base-dark);--dark-color-static-brand: var(--dark-blue-100);--light-color-static: var(--base-light);--light-color-static-brand: var(--light-blue-100);--color-status-error-background: var(--dark-red-50);--color-status-error-foreground: var(--dark-red-100);--color-status-success-background: var(--dark-green-50);--color-status-success-foreground: var(--dark-green-100);--color-status-warning-background: var(--dark-orange-50);--color-status-warning-foreground: var(--dark-orange-100);--color-text-brand-default: var(--dark-blue-100);--color-text-brand-hover: var(--dark-blue-200);--color-text-error-default: var(--dark-red-100);--color-text-primary-default: var(--base-light);--color-text-primary-inversed: var(--dark-neutral-0);--color-text-secondary-default: var(--dark-neutral-200);--color-text-success-default: var(--dark-green-100);--color-text-tertiary-default: var(--dark-neutral-100);--color-button-brandlight-filled-hover: var(--dark-brand-50)}input[type=search]::-webkit-search-cancel-button{display:none}@font-face{font-family:Roboto Slab;src:url(../assets/fonts/RobotoSlab-SemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Semibold.ttf) format("truetype");font-weight:600}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Bold.ttf) format("truetype");font-weight:700}@font-face{font-family:Fira Code;src:url(../assets/fonts/FiraCode-Regular.ttf) format("truetype");font-weight:400}*{font-family:Manrope,sans-serif;font-size:14px;line-height:1.2em;letter-spacing:.02em;font-weight:400;color:var(--color-text-primary-default)}h1,h2,h3,h4,h5,h6{margin:0}a{color:var(--color-text-brand-default);text-decoration:none}a:hover{color:var(--color-text-brand-hover)}a[href=""]{opacity:40%;cursor:default;pointer-events:none}p:not(:last-child){margin:0 0 8px}.page-content{border-radius:16px}

package/dist/components/Ui/Demos/DemoElements/DemoElements.js

@@ -1,43 +0,0 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { Button as o } from "../../Button/Button.js";
-import { TextInput as d } from "../../TextInput/TextInput.js";
-import { Checkbox as r } from "../../Checkbox/Checkbox.js";
-import { Radio as a } from "../../Radio/Radio.js";
-import { Switch as i } from "../../Switch/Switch.js";
-import '../../../../assets/DemoElements.css';const b = () => /* @__PURE__ */ l("div", { className: "demo", children: [
-  /* @__PURE__ */ e("h1", { children: "Demo Elements" }),
-  /* @__PURE__ */ e("hr", {}),
-  /* @__PURE__ */ l("div", { className: "demo-box", children: [
-    /* @__PURE__ */ e("h2", { children: "Инпут" }),
-    /* @__PURE__ */ e(
-      d,
-      {
-        iconType: "search",
-        value: "text",
-        label: "Search",
-        placeholder: "Введите запрос",
-        type: "text"
-      }
-    )
-  ] }),
-  /* @__PURE__ */ l("div", { className: "demo-box", children: [
-    /* @__PURE__ */ e("h2", { children: "Кнопка" }),
-    /* @__PURE__ */ e(o, { type: "button", className: "brand", label: "Brand", title: "Brand" })
-  ] }),
-  /* @__PURE__ */ l("div", { className: "demo-box", children: [
-    /* @__PURE__ */ e("h2", { children: "Чекбокс" }),
-    /* @__PURE__ */ e(r, { label: "Checkbox" })
-  ] }),
-  /* @__PURE__ */ l("div", { className: "demo-box", children: [
-    /* @__PURE__ */ e("h2", { children: "Радиокнопки" }),
-    /* @__PURE__ */ e(a, { radioId: "id1", label: "Опция 1", value: "value1", name: "radio-test" }),
-    /* @__PURE__ */ e(a, { radioId: "id2", label: "Опция 2", value: "value2", name: "radio-test" })
-  ] }),
-  /* @__PURE__ */ l("div", { className: "demo-box", children: [
-    /* @__PURE__ */ e("h2", { children: "Тоггл" }),
-    /* @__PURE__ */ e(i, { label: "Toggle (Switch) Button" })
-  ] })
-] });
-export {
-  b as default
-};

package/dist/components/Ui/Demos/DemoForm/DemoForm.js

@@ -1,110 +0,0 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { MemoryRouter as o } from "react-router-dom";
-import { TextInput as a } from "../../TextInput/TextInput.js";
-import { Button as t } from "../../Button/Button.js";
-import { Checkbox as i } from "../../Checkbox/Checkbox.js";
-import { Radio as m } from "../../Radio/Radio.js";
-import { Switch as s } from "../../Switch/Switch.js";
-import { DropdownInput as h } from "../../DropdownInput/DropdownInput.js";
-import { TextareaInput as b } from "../../TextareaInput/TextareaInput.js";
-import '../../../../assets/DemoForm.css';const u = [
-  {
-    value: "Moscow",
-    label: "Москва"
-  },
-  {
-    value: "Zhitomir",
-    label: "Житомир"
-  },
-  {
-    value: "Syizran",
-    label: "Сызрань"
-  }
-], I = ({
-  columns: c,
-  isInputDisabled: d,
-  isChecboxDisabled: n,
-  isRadioDisabled: r,
-  isSwitchDisabled: p
-}) => /* @__PURE__ */ l("form", { className: `form-demo ${c ? "columns-2" : ""}`, children: [
-  /* @__PURE__ */ e("span", { className: "title", children: "Форма" }),
-  /* @__PURE__ */ l("div", { className: "container", children: [
-    /* @__PURE__ */ e(a, { label: "Фамилия", placeholder: "Введите фамилию", type: "text" }),
-    /* @__PURE__ */ e(a, { label: "Имя", placeholder: "Введите имя", type: "text" }),
-    /* @__PURE__ */ e(
-      a,
-      {
-        label: "Отчество",
-        placeholder: "Введите отчество",
-        type: "text",
-        isDisabled: d
-      }
-    ),
-    /* @__PURE__ */ e(
-      a,
-      {
-        label: "E-mail",
-        placeholder: "Введите email",
-        type: "email",
-        iconType: "email",
-        errorMessage: "Введите email",
-        isClearable: !0
-      }
-    ),
-    /* @__PURE__ */ e(
-      h,
-      {
-        label: "Город",
-        placeholder: "Введите город",
-        options: u,
-        name: "cities"
-      }
-    ),
-    /* @__PURE__ */ e("div", { className: "form-group", children: /* @__PURE__ */ e(
-      b,
-      {
-        label: "Немного о себе",
-        name: "about-you",
-        placeholder: "Введите текст",
-        errorMessage: "Пару слов, не больше",
-        isClearable: !0
-      }
-    ) }),
-    /* @__PURE__ */ l("div", { className: "form-group", children: [
-      /* @__PURE__ */ e(i, { label: "Согласен с условиями", isChecked: !0, isDisabled: n }),
-      /* @__PURE__ */ e(i, { label: "Подписаться на новости" })
-    ] }),
-    /* @__PURE__ */ l("div", { className: "form-group", children: [
-      /* @__PURE__ */ e("span", { className: "title", children: "Тема оформления" }),
-      /* @__PURE__ */ e(
-        m,
-        {
-          radioId: "light-theme",
-          label: "Светлая",
-          value: "light",
-          name: "theme",
-          isDisabled: r
-        }
-      ),
-      /* @__PURE__ */ e(
-        m,
-        {
-          radioId: "dark-theme",
-          label: "Тёмная",
-          value: "dark",
-          name: "theme",
-          isDisabled: r
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e(s, { label: "Уведомления по email", isChecked: !0, isDisabled: p }),
-    /* @__PURE__ */ e(s, { label: "Push-уведомления" })
-  ] }),
-  /* @__PURE__ */ l("div", { className: "form-group horizontal button-container", children: [
-    /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(t, { isLoading: !0, type: "button", className: "lg", label: "Отправить" }) }),
-    /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(t, { type: "button", className: "lg brand-light", label: "Не отправлять" }) })
-  ] })
-] });
-export {
-  I as default
-};

package/dist/components/Ui/Demos/DemoForm/DemoForm.stories.js

@@ -1,40 +0,0 @@
-import e from "./DemoForm.js";
-const i = {
-  title: "UIKit/Demo Form",
-  component: e,
-  parameters: { layout: "centered" },
-  argTypes: {
-    columns: {
-      control: { type: "boolean" },
-      description: "Одна / Две колонки"
-    },
-    isInputDisabled: {
-      control: { type: "boolean" },
-      description: "Отключить инпут"
-    },
-    isChecboxDisabled: {
-      control: { type: "boolean" },
-      description: "Отключить первый чекбокс"
-    },
-    isRadioDisabled: {
-      control: { type: "boolean" },
-      description: "Отключить радио-кнопки"
-    },
-    isSwitchDisabled: {
-      control: { type: "boolean" },
-      description: "Отключить свич-кнопку"
-    }
-  }
-}, s = {
-  args: {
-    columns: !1,
-    isInputDisabled: !1,
-    isChecboxDisabled: !1,
-    isRadioDisabled: !1,
-    isSwitchDisabled: !1
-  }
-};
-export {
-  s as Primary,
-  i as default
-};

package/dist/components/Ui/Demos/DemoLogin/DemoLogin.js

@@ -1,51 +0,0 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { MemoryRouter as r } from "react-router-dom";
-import { Button as l } from "../../Button/Button.js";
-import { TextInput as i } from "../../TextInput/TextInput.js";
-import '../../../../assets/Alert.css';import '../../../../assets/DemoLogin.css';/* empty css                         */
-import "../../Icons/Icons.js";
-const s = !1, p = () => /* @__PURE__ */ a("div", { className: "page-wrapper authorization-page", children: [
-  /* @__PURE__ */ a("div", { className: "welcome-title", children: [
-    /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(l, { type: "button", label: "Светло", className: "semiround gray sm theme-icon--light" }) }),
-    /* @__PURE__ */ a("h1", { children: [
-      "Триафлай.",
-      /* @__PURE__ */ e("br", {}),
-      "NextGen"
-    ] })
-  ] }),
-  /* @__PURE__ */ a("form", { className: "form-login", children: [
-    /* @__PURE__ */ e("span", { className: "title", children: "С возвращением!" }),
-    /* @__PURE__ */ e("span", { className: "subtitle", children: "Войдите в свой аккаунт" }),
-    s,
-    /* @__PURE__ */ e(
-      i,
-      {
-        label: "E-mail",
-        placeholder: "Введите email",
-        type: "email",
-        iconType: "email",
-        errorMessage: "Введите email"
-      }
-    ),
-    /* @__PURE__ */ e(
-      i,
-      {
-        label: "Пароль",
-        placeholder: "Введите пароль",
-        type: "password",
-        iconType: "password",
-        errorMessage: "Введите пароль"
-      }
-    ),
-    /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(l, { type: "submit", className: "lg", label: "Войти" }) }),
-    /* @__PURE__ */ a("div", { className: "reminder-note", children: [
-      /* @__PURE__ */ e("span", { children: "Забыли имя пользователя или пароль?" }),
-      /* @__PURE__ */ e("a", { href: "", children: "Связаться с администратором" })
-    ] })
-  ] }),
-  /* @__PURE__ */ e("div", { id: "bottom", className: "decorative-element" }),
-  /* @__PURE__ */ e("div", { id: "top", className: "decorative-element" })
-] });
-export {
-  p as default
-};

package/dist/components/Ui/Demos/DemoLogin/DemoLogin.stories.js

@@ -1,15 +0,0 @@
-import e from "./DemoLogin.js";
-import '../../../../assets/DemoLogin2.css';const t = {
-  title: "UIKit/Demo Login",
-  component: e,
-  parameters: { layout: "fullscreen" }
-}, r = {
-  args: {
-    primary: !0,
-    label: "Demo"
-  }
-};
-export {
-  r as Primary,
-  t as default
-};