@alixpartners/ui-components 2.0.2 → 2.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +99 -99
- package/dist/assets/Creatable.css +1 -1
- package/dist/assets/Dialog.css +1 -1
- package/dist/assets/Dropdown.css +1 -1
- package/dist/assets/FilePicker.css +1 -0
- package/dist/assets/Input.css +1 -1
- package/dist/assets/NavBar.css +1 -1
- package/dist/assets/TagsFields.css +1 -1
- package/dist/assets/Textarea.css +1 -1
- package/dist/components/Banner/Banner.test.js +1 -1
- package/dist/components/Button/Button.d.ts +2 -1
- package/dist/components/Button/Button.js +16 -15
- package/dist/components/Button/Button.test.js +3218 -120
- package/dist/components/Checkbox/Checkbox.test.js +1 -1
- package/dist/components/Creatable/Creatable.d.ts +2 -1
- package/dist/components/Creatable/Creatable.js +136 -138
- package/dist/components/Dialog/Dialog.d.ts +1 -0
- package/dist/components/Dialog/Dialog.js +20 -19
- package/dist/components/Dropdown/Dropdown.js +101 -100
- package/dist/components/FilePicker/FilePicker.d.ts +46 -0
- package/dist/components/FilePicker/FilePicker.js +153 -0
- package/dist/components/FilePicker/FilePicker.test.d.ts +1 -0
- package/dist/components/FilePicker/FilePicker.test.js +8 -0
- package/dist/components/Ghost/Ghost.test.js +1 -1
- package/dist/components/Input/Input.test.js +1 -1
- package/dist/components/RadioGroup/RadioGroup.test.js +1 -1
- package/dist/components/Search/Search.test.js +1 -1
- package/dist/components/SplitButton/SplitButton.js +4 -3
- package/dist/components/SplitButton/SplitButton.test.js +1 -1
- package/dist/components/Tag/Tag.test.js +1 -1
- package/dist/components/TagsFields/TagsFields.js +3 -2
- package/dist/components/Textarea/Textarea.test.js +1 -1
- package/dist/components/Toast/Toast.test.js +1 -1
- package/dist/components/Toggle/Toggle.test.js +1 -1
- package/dist/{vi.ClIskdbk-DlR4jLzR.js → vi.ClIskdbk-CFW_9sOK.js} +1 -0
- package/dist/web.config +8 -8
- package/package.json +84 -84
package/README.md
CHANGED
|
@@ -1,99 +1,99 @@
|
|
|
1
|
-
# AlixPartners UI Component Library
|
|
2
|
-
|
|
3
|
-
A modern, reusable component library built with **[ReactJS](https://react.dev/)**.
|
|
4
|
-
|
|
5
|
-
Version **2.0** has been **rebuilt from the ground up** to align with the latest **AlixPartners Design System** and deliver improved developer experience, accessibility, and performance.
|
|
6
|
-
|
|
7
|
-
‼️ **BETA Notice**: This release is **not yet production-ready**. While stable for development and testing, expect ongoing refinements, new components, and breaking changes before the full release.
|
|
8
|
-
|
|
9
|
-
## ✨ What’s New in 2.0
|
|
10
|
-
|
|
11
|
-
- Completely redesigned architecture with modern build tooling ([Vite](https://vitejs.dev/))
|
|
12
|
-
- Updated design tokens and styles aligned with AlixPartners Design System
|
|
13
|
-
- Improved accessibility (a11y) and semantic HTML usage
|
|
14
|
-
- Streamlined props API for cleaner integration
|
|
15
|
-
- Enhanced Storybook documentation
|
|
16
|
-
- Faster build & development workflows
|
|
17
|
-
|
|
18
|
-
### Version Support
|
|
19
|
-
|
|
20
|
-
- v2.x — Active development (BETA)
|
|
21
|
-
- v1.x — Maintained for legacy projects (no new features, critical fixes only)
|
|
22
|
-
|
|
23
|
-
---
|
|
24
|
-
|
|
25
|
-
## 🚀 Installation
|
|
26
|
-
|
|
27
|
-
```bash
|
|
28
|
-
npm install @alixpartners/ui-components
|
|
29
|
-
```
|
|
30
|
-
|
|
31
|
-
## 🔧 Usage
|
|
32
|
-
|
|
33
|
-
```tsx
|
|
34
|
-
import { YourComponent } from '@alixpartners/ui-components'
|
|
35
|
-
|
|
36
|
-
function App() {
|
|
37
|
-
return <YourComponent />
|
|
38
|
-
}
|
|
39
|
-
```
|
|
40
|
-
|
|
41
|
-
## 🧱 Components
|
|
42
|
-
|
|
43
|
-
Explore all available components and documentation in Storybook.
|
|
44
|
-
|
|
45
|
-
To run it locally:
|
|
46
|
-
|
|
47
|
-
```bash
|
|
48
|
-
npm run storybook
|
|
49
|
-
```
|
|
50
|
-
|
|
51
|
-
---
|
|
52
|
-
|
|
53
|
-
## 📦 Build
|
|
54
|
-
|
|
55
|
-
To bundle the library for publishing:
|
|
56
|
-
|
|
57
|
-
```bash
|
|
58
|
-
npm run build
|
|
59
|
-
```
|
|
60
|
-
|
|
61
|
-
The output will be in the `dist/` directory.
|
|
62
|
-
|
|
63
|
-
### Usage in projects while developing
|
|
64
|
-
|
|
65
|
-
When working on the library and testing it in another project:
|
|
66
|
-
|
|
67
|
-
```bash
|
|
68
|
-
# In the component library root:
|
|
69
|
-
npm link
|
|
70
|
-
|
|
71
|
-
# In the consuming project's root:
|
|
72
|
-
npm link alix-partners-react-components-test
|
|
73
|
-
```
|
|
74
|
-
|
|
75
|
-
Then import components using the `alix-partners-react-components-test` import.
|
|
76
|
-
|
|
77
|
-
## 🧪 Testing
|
|
78
|
-
|
|
79
|
-
```bash
|
|
80
|
-
npm run test
|
|
81
|
-
```
|
|
82
|
-
|
|
83
|
-
#### 🧪 Test Coverage
|
|
84
|
-
|
|
85
|
-
```bash
|
|
86
|
-
npm run coverage
|
|
87
|
-
```
|
|
88
|
-
|
|
89
|
-
## 📚 Publish
|
|
90
|
-
|
|
91
|
-
To publish to npm:
|
|
92
|
-
|
|
93
|
-
1. Bump the version in `package.json`
|
|
94
|
-
2. Create a pull request in Azure DevOps to the `main` branch
|
|
95
|
-
3. This will automatically publish the library to `npm` once approved
|
|
96
|
-
|
|
97
|
-
## 🤝 Contributing
|
|
98
|
-
|
|
99
|
-
The **AlixPartners UI Component Library** is a collaborative, community-driven project where contributions from all team members are encouraged and valued. If you’d like to add new components or improve existing ones, please see the CONTRIBUTING.md file.
|
|
1
|
+
# AlixPartners UI Component Library
|
|
2
|
+
|
|
3
|
+
A modern, reusable component library built with **[ReactJS](https://react.dev/)**.
|
|
4
|
+
|
|
5
|
+
Version **2.0** has been **rebuilt from the ground up** to align with the latest **AlixPartners Design System** and deliver improved developer experience, accessibility, and performance.
|
|
6
|
+
|
|
7
|
+
‼️ **BETA Notice**: This release is **not yet production-ready**. While stable for development and testing, expect ongoing refinements, new components, and breaking changes before the full release.
|
|
8
|
+
|
|
9
|
+
## ✨ What’s New in 2.0
|
|
10
|
+
|
|
11
|
+
- Completely redesigned architecture with modern build tooling ([Vite](https://vitejs.dev/))
|
|
12
|
+
- Updated design tokens and styles aligned with AlixPartners Design System
|
|
13
|
+
- Improved accessibility (a11y) and semantic HTML usage
|
|
14
|
+
- Streamlined props API for cleaner integration
|
|
15
|
+
- Enhanced Storybook documentation
|
|
16
|
+
- Faster build & development workflows
|
|
17
|
+
|
|
18
|
+
### Version Support
|
|
19
|
+
|
|
20
|
+
- v2.x — Active development (BETA)
|
|
21
|
+
- v1.x — Maintained for legacy projects (no new features, critical fixes only)
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
25
|
+
## 🚀 Installation
|
|
26
|
+
|
|
27
|
+
```bash
|
|
28
|
+
npm install @alixpartners/ui-components
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
## 🔧 Usage
|
|
32
|
+
|
|
33
|
+
```tsx
|
|
34
|
+
import { YourComponent } from '@alixpartners/ui-components'
|
|
35
|
+
|
|
36
|
+
function App() {
|
|
37
|
+
return <YourComponent />
|
|
38
|
+
}
|
|
39
|
+
```
|
|
40
|
+
|
|
41
|
+
## 🧱 Components
|
|
42
|
+
|
|
43
|
+
Explore all available components and documentation in Storybook.
|
|
44
|
+
|
|
45
|
+
To run it locally:
|
|
46
|
+
|
|
47
|
+
```bash
|
|
48
|
+
npm run storybook
|
|
49
|
+
```
|
|
50
|
+
|
|
51
|
+
---
|
|
52
|
+
|
|
53
|
+
## 📦 Build
|
|
54
|
+
|
|
55
|
+
To bundle the library for publishing:
|
|
56
|
+
|
|
57
|
+
```bash
|
|
58
|
+
npm run build
|
|
59
|
+
```
|
|
60
|
+
|
|
61
|
+
The output will be in the `dist/` directory.
|
|
62
|
+
|
|
63
|
+
### Usage in projects while developing
|
|
64
|
+
|
|
65
|
+
When working on the library and testing it in another project:
|
|
66
|
+
|
|
67
|
+
```bash
|
|
68
|
+
# In the component library root:
|
|
69
|
+
npm link
|
|
70
|
+
|
|
71
|
+
# In the consuming project's root:
|
|
72
|
+
npm link alix-partners-react-components-test
|
|
73
|
+
```
|
|
74
|
+
|
|
75
|
+
Then import components using the `alix-partners-react-components-test` import.
|
|
76
|
+
|
|
77
|
+
## 🧪 Testing
|
|
78
|
+
|
|
79
|
+
```bash
|
|
80
|
+
npm run test
|
|
81
|
+
```
|
|
82
|
+
|
|
83
|
+
#### 🧪 Test Coverage
|
|
84
|
+
|
|
85
|
+
```bash
|
|
86
|
+
npm run coverage
|
|
87
|
+
```
|
|
88
|
+
|
|
89
|
+
## 📚 Publish
|
|
90
|
+
|
|
91
|
+
To publish to npm:
|
|
92
|
+
|
|
93
|
+
1. Bump the version in `package.json`
|
|
94
|
+
2. Create a pull request in Azure DevOps to the `main` branch
|
|
95
|
+
3. This will automatically publish the library to `npm` once approved
|
|
96
|
+
|
|
97
|
+
## 🤝 Contributing
|
|
98
|
+
|
|
99
|
+
The **AlixPartners UI Component Library** is a collaborative, community-driven project where contributions from all team members are encouraged and valued. If you’d like to add new components or improve existing ones, please see the CONTRIBUTING.md file.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.Creatable-module__dropdownContainer___y0ptC{display:flex;flex-direction:column;gap:4px;width:100%;min-width:0;position:relative;gap:6px}.Creatable-module__dropdownLabel___RyuSY{font-size:14px;font-weight:500;color:#4a4a4a;line-height:1;display:flex;align-items:center;gap:4px}.Creatable-module__dropdownLabel___RyuSY .Creatable-module__label-text___jlV2x{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Creatable-module__dropdownLabel___RyuSY.Creatable-module__dropdownLabelDisabled___nhYc0{pointer-events:none;color:#b2b2b2}.Creatable-module__dropdownLabel___RyuSY.Creatable-module__dropdownLabelDisabled___nhYc0 .Creatable-module__label-tooltip-icon___G7Bou{color:#ccc}.Creatable-module__required___g26DB{color:#cb282e;font-weight:600}.Creatable-module__label-tooltip-icon___G7Bou{color:#4a4a4a;font-size:16px;cursor:pointer}.Creatable-module__dropdownWrapper___wu-B3{position:relative;width:100%;min-width:0}.Creatable-module__dropdown-menu-trigger___se8sO{display:inline-block;width:100%}.Creatable-module__dropdownTrigger___6yi8Y{width:100%;height:32px;padding:6px 8px;background-color:#fff;border:1px solid #cccccc;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:240px;box-sizing:border-box}.Creatable-module__dropdownTrigger___6yi8Y:hover:not(.Creatable-module__dropdownTriggerDisabled___T9yC0){border-color:#5cb335}.Creatable-module__dropdownTrigger___6yi8Y:focus{outline:none;border-color:#5cb335}.Creatable-module__dropdownTrigger___6yi8Y.Creatable-module__dropdownTriggerOpen___acLIm{border-color:#5cb335;border-radius:4px}.Creatable-module__dropdownTrigger___6yi8Y.Creatable-module__dropdownTriggerDisabled___T9yC0{background-color:#f5f5f5;border-color:#ccc;cursor:not-allowed}.Creatable-module__dropdownTrigger___6yi8Y.Creatable-module__dropdownTriggerError___Kx1v-{border-color:#bf494e}.Creatable-module__dropdownContent___NGRJ-{display:flex;align-items:center;gap:8px;width:100%;min-height:20px}.Creatable-module__dropdownSelectedItems___7wwA-{flex:1;min-width:0;display:flex;align-items:center;color:#28292c;font-size:14px}.Creatable-module__selectedItemsList___sAmxo{display:flex;flex-wrap:wrap;gap:4px;width:100%}.Creatable-module__selectedItemsCreatable___P0mME{display:flex;align-items:center;gap:4px;flex:1;min-width:0}.Creatable-module__selectedItemsCreatable___P0mME .Creatable-module__selectedItem___0LADh{border-radius:240px;height:20px;padding:0 5px 0 9px}.Creatable-module__selectedItemsCreatable___P0mME .Creatable-module__selectedItem___0LADh .Creatable-module__selectedItemLabel___m0LSV{color:#3f7b25}.Creatable-module__selectedItemsCreatable___P0mME .Creatable-module__selectedItem___0LADh .Creatable-module__removeButton___tjxwh{border:none;background:none;cursor:pointer;padding:0;margin:0;display:flex;align-items:center}.Creatable-module__selectedItemsCreatable___P0mME .Creatable-module__selectedItem___0LADh .Creatable-module__removeIcon___KQKbD{font-size:12px;height:12px;width:12px;color:#727272}.Creatable-module__selectedItemsCreatable___P0mME .Creatable-module__singleSelectedCreatableItem___tanxX{display:flex;justify-content:space-between;align-items:center;flex:1;min-width:0;border-right:solid 1px #cccccc;padding-right:3px}.Creatable-module__selectedItemsCreatable___P0mME .Creatable-module__singleSelectedCreatableItem___tanxX .Creatable-module__selectedItemLabel___m0LSV{color:#28292c;font-size:14px}.Creatable-module__singleSelectedCreatableItemRemoveButton___Qi9Si{transform:rotate(45deg)}.Creatable-module__selectedItem___0LADh{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;background-color:#dff0db;border:1px solid #dff0db;border-radius:12px;font-size:12px;color:#4a4a4a;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Creatable-module__selectedItemLabel___m0LSV{display:inline-block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Creatable-module__selectedOptionLabel___nzo1b{color:#28292c;font-size:14px}.Creatable-module__placeholder___cH4oH{color:#878787;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Creatable-module__dropdownActions___FmHZe{display:flex;align-items:center;gap:4px;flex-shrink:0}.Creatable-module__dropdownArrow___SJmKg{color:#4a4a4a;font-size:16px!important;transition:transform .2s ease}.Creatable-module__dropdownArrow___SJmKg.Creatable-module__dropdownArrowOpen___T3E0S{transform:rotate(180deg)}.Creatable-module__dropdownMenu___HEhC3{background-color:#fff;border:1px solid #cccccc;border-radius:4px;z-index:1000;max-height:300px;overflow:hidden;display:flex;flex-direction:column;width:100%;max-width:640px;min-width:80x;box-sizing:border-box;box-shadow:0 0 4px #00000029}.Creatable-module__dropdown-container-grouped___gZle- .Creatable-module__dropdownMenu___HEhC3{min-width:212px}.Creatable-module__dropdown-container-multi-select___1U1U4 .Creatable-module__dropdownMenu___HEhC3{min-width:224px}.Creatable-module__dropdownMenuToolbar___Hqezv{display:flex;flex-direction:column;gap:16px;padding:8px 12px;border-bottom:1px solid #cccccc}.Creatable-module__searchContainer___zaiNa{position:relative;display:flex;align-items:center;gap:16px}.Creatable-module__searchContainer___zaiNa .Creatable-module__search___dphw1{flex:1}.Creatable-module__dropdownCreatableSearchContainer___AgXA3{width:100%;min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:4px;background:#fff;border:1px solid #cccccc;border-radius:4px;min-height:32px;padding:0 8px}.Creatable-module__dropdownCreatableSearchContainer___AgXA3:focus{border-color:#5cb335;outline:none}.Creatable-module__dropdownCreatableSearchContainer___AgXA3:focus-within{border-color:#5cb335}.Creatable-module__dropdownCreatableSearchContainer___AgXA3.Creatable-module__disabled___ZIdus{cursor:not-allowed;opacity:.6}.Creatable-module__dropdownCreatableError___FYVla{border-color:#bf494e}.Creatable-module__creatableInput___KaKxv{flex:1 1 120px;min-width:80px;border:none;outline:none;background:transparent;height:20px;padding:6px 0;color:#28292c;font-size:14px}.Creatable-module__creatableInput___KaKxv::placeholder{color:#878787}.Creatable-module__creatableInput___KaKxv:disabled{color:#b2b2b2}.Creatable-module__searchInput___03a1-{width:100%;padding:8px 32px 8px 12px;border:1px solid #cccccc;border-radius:4px;font-size:14px;color:#28292c;background-color:#fff}.Creatable-module__searchInput___03a1-:focus{outline:none;border-color:#5cb335}.Creatable-module__searchInput___03a1-::placeholder{color:#878787}.Creatable-module__searchIcon___TA3Y3{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#4a4a4a;font-size:16px;pointer-events:none}.Creatable-module__optionsList___VZgJf{padding:8px;flex:1;overflow-y:auto;max-height:200px}.Creatable-module__categoryGroup___g8f-g{display:flex;flex-direction:column}.Creatable-module__optionsList___VZgJf .Creatable-module__categoryGroup___g8f-g:first-child .Creatable-module__categoryDivider___QUgR9{border-top:none}.Creatable-module__categoryDivider___QUgR9{padding:8px;border-top:1px solid #cccccc;background-color:#fff;display:flex;align-items:center}.Creatable-module__categoryLabel___YhGp9{font-size:12px;font-weight:600;color:#727272;text-transform:uppercase;letter-spacing:.5px}.Creatable-module__optionItem___Ys808{width:100%;padding:8px;border:none;background:none;cursor:pointer;display:flex;align-items:center;text-align:left;font-size:14px;color:#4a4a4a;min-height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;box-sizing:border-box}.Creatable-module__optionItem___Ys808:hover:not(.Creatable-module__optionItemDisabled___jvfGz){background-color:#dff0db}.Creatable-module__optionItem___Ys808:focus{outline:none}.Creatable-module__optionItem___Ys808.Creatable-module__optionItemDisabled___jvfGz{color:#b2b2b2;cursor:not-allowed;opacity:.6}.Creatable-module__optionItem___Ys808.Creatable-module__optionItemFocused___OfIQd{background-color:#dff0db}.Creatable-module__optionContent___9RCsJ{display:flex;align-items:center;justify-content:space-between;width:100%}.Creatable-module__optionLabel___FJfM1{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Roboto,sans-serif!important}.Creatable-module__tickIcon___VjpDN{color:inherit;font-size:14px;flex-shrink:0;margin-left:8px}.Creatable-module__creatableIcon___MQ0Ak{color:inherit;font-size:14px;flex-shrink:0;margin-right:8px}.Creatable-module__noOptions___H8Kbu{padding:8px;text-align:center;color:#878787;font-size:14px;font-style:italic}.Creatable-module__maxItemsWarning___-qcUr{padding:8px;border-top:1px solid #cccccc;background-color:#f8f9fa;font-size:12px;color:#727272;text-align:center}.Creatable-module__helpers___GmPY4{display:flex;justify-content:space-between;align-items:center;gap:6px;min-width:0}.Creatable-module__helpText___89mXU{font-size:12px;color:#727272;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Creatable-module__helpTextDisabled___shU6E{color:#b2b2b2}.Creatable-module__helpLink___IdU0g{color:#0369a3;font-size:12px;font-weight:500;line-height:1;text-decoration:none;flex-shrink:0}.Creatable-module__helpLink___IdU0g:hover{text-decoration:underline}.Creatable-module__helpLinkDisabled___B8rpy{color:#878787}.Creatable-module__errorMessage___HRKr5{font-size:12px;color:#bf494e;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Creatable-module__optionsList___VZgJf::-webkit-scrollbar{width:4px}.Creatable-module__optionsList___VZgJf::-webkit-scrollbar-track{background:transparent}.Creatable-module__optionsList___VZgJf::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:240px}.Creatable-module__optionsList___VZgJf::-webkit-scrollbar-thumb:hover{background-color:#878787}.Creatable-module__optionsList___VZgJf::-webkit-scrollbar-thumb:active{background-color:#4a4a4a}.Creatable-module__selectAllContainer___l9hbm{display:flex;gap:16px;background-color:#fff;justify-content:space-between;align-items:center;padding-bottom:8px}.Creatable-module__searchContainer___zaiNa:has(+.Creatable-module__selectAllContainer___l9hbm){border-bottom:none}.Creatable-module__actionButtons___tlqG9{display:flex;justify-content:space-between;gap:8px;padding:12px;border-top:1px solid #cccccc;background-color:#fff}
|
|
1
|
+
.Creatable-module__dropdownContainer___y0ptC{display:flex;flex-direction:column;gap:4px;width:100%;min-width:0;position:relative;gap:6px}.Creatable-module__dropdownLabel___RyuSY{font-size:14px;font-weight:500;color:#4a4a4a;line-height:1.2;display:flex;align-items:center;gap:4px}.Creatable-module__dropdownLabel___RyuSY .Creatable-module__label-text___jlV2x{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Creatable-module__dropdownLabel___RyuSY.Creatable-module__dropdownLabelDisabled___nhYc0{pointer-events:none;color:#b2b2b2}.Creatable-module__dropdownLabel___RyuSY.Creatable-module__dropdownLabelDisabled___nhYc0 .Creatable-module__label-tooltip-icon___G7Bou{color:#ccc}.Creatable-module__required___g26DB{color:#cb282e;font-weight:600}.Creatable-module__label-tooltip-icon___G7Bou{color:#4a4a4a;font-size:16px;cursor:pointer}.Creatable-module__dropdownWrapper___wu-B3{position:relative;width:100%;min-width:0}.Creatable-module__dropdown-menu-trigger___se8sO{display:inline-block;width:100%}.Creatable-module__dropdownTrigger___6yi8Y{width:100%;height:32px;padding:6px 8px;background-color:#fff;border:1px solid #cccccc;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:240px;box-sizing:border-box}.Creatable-module__dropdownTrigger___6yi8Y:hover:not(.Creatable-module__dropdownTriggerDisabled___T9yC0){border-color:#5cb335}.Creatable-module__dropdownTrigger___6yi8Y:focus{outline:none;border-color:#5cb335}.Creatable-module__dropdownTrigger___6yi8Y.Creatable-module__dropdownTriggerOpen___acLIm{border-color:#5cb335;border-radius:4px}.Creatable-module__dropdownTrigger___6yi8Y.Creatable-module__dropdownTriggerDisabled___T9yC0{background-color:#f5f5f5;border-color:#ccc;cursor:not-allowed}.Creatable-module__dropdownTrigger___6yi8Y.Creatable-module__dropdownTriggerError___Kx1v-{border-color:#bf494e}.Creatable-module__selectedItemsCreatable___P0mME{display:flex;align-items:center;gap:4px;flex:1;min-width:0}.Creatable-module__selectedItemsCreatable___P0mME .Creatable-module__selectedItem___0LADh{border-radius:240px;height:20px;padding:0 5px 0 9px;max-width:120px}.Creatable-module__selectedItemsCreatable___P0mME .Creatable-module__selectedItem___0LADh .Creatable-module__selectedItemLabel___m0LSV{color:#3f7b25}.Creatable-module__selectedItemsCreatable___P0mME .Creatable-module__selectedItem___0LADh .Creatable-module__removeButton___tjxwh{border:none;background:none;cursor:pointer;padding:0;margin:0;display:flex;align-items:center}.Creatable-module__selectedItemsCreatable___P0mME .Creatable-module__selectedItem___0LADh .Creatable-module__removeIcon___KQKbD{font-size:12px;height:12px;width:12px;color:#727272}.Creatable-module__selectedItemsCreatable___P0mME .Creatable-module__singleSelectedCreatableItem___tanxX{display:flex;justify-content:space-between;align-items:center;flex:1;min-width:0;border-right:solid 1px #cccccc;padding-right:3px}.Creatable-module__selectedItemsCreatable___P0mME .Creatable-module__singleSelectedCreatableItem___tanxX .Creatable-module__selectedItemLabel___m0LSV{color:#28292c;font-size:14px}.Creatable-module__singleSelectedCreatableItemRemoveButton___Qi9Si{transform:rotate(45deg)}.Creatable-module__selectedItem___0LADh{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;background-color:#dff0db;border:1px solid #dff0db;border-radius:12px;font-size:12px;color:#4a4a4a;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Creatable-module__selectedItemLabel___m0LSV{display:inline-block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Creatable-module__selectedOptionLabel___nzo1b{color:#28292c;font-size:14px}.Creatable-module__placeholder___cH4oH{color:#878787;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Creatable-module__dropdownActions___FmHZe{display:flex;align-items:center;gap:4px;flex-shrink:0}.Creatable-module__dropdownArrow___SJmKg{color:#4a4a4a;font-size:16px!important;transition:transform .2s ease}.Creatable-module__dropdownArrow___SJmKg.Creatable-module__dropdownArrowOpen___T3E0S{transform:rotate(180deg)}.Creatable-module__dropdownMenu___HEhC3{background-color:#fff;border:1px solid #cccccc;border-radius:4px;z-index:1000;max-height:300px;overflow:hidden;display:flex;flex-direction:column;width:100%;max-width:640px;min-width:80x;box-sizing:border-box;box-shadow:0 0 4px #00000029}.Creatable-module__dropdown-container-grouped___gZle- .Creatable-module__dropdownMenu___HEhC3{min-width:212px}.Creatable-module__dropdown-container-multi-select___1U1U4 .Creatable-module__dropdownMenu___HEhC3{min-width:224px}.Creatable-module__dropdownMenuToolbar___Hqezv{display:flex;flex-direction:column;gap:16px;padding:8px 12px;border-bottom:1px solid #cccccc}.Creatable-module__searchContainer___zaiNa{position:relative;display:flex;align-items:center;gap:16px}.Creatable-module__searchContainer___zaiNa .Creatable-module__search___dphw1{flex:1}.Creatable-module__dropdownCreatableSearchContainer___AgXA3{box-sizing:border-box;width:100%;min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:4px;background:#fff;border:1px solid #cccccc;border-radius:4px;min-height:32px;padding:0 8px}.Creatable-module__dropdownCreatableSearchContainer___AgXA3:focus{border-color:#5cb335;outline:none}.Creatable-module__dropdownCreatableSearchContainer___AgXA3:focus-within{border-color:#5cb335}.Creatable-module__dropdownCreatableSearchContainer___AgXA3.Creatable-module__disabled___ZIdus{cursor:not-allowed;opacity:.6}.Creatable-module__dropdownCreatableError___FYVla{border-color:#bf494e}.Creatable-module__creatableInput___KaKxv{flex:1 1 120px;min-width:80px;border:none;outline:none;background:transparent;height:20px;padding:6px 0;color:#28292c;font-size:14px}.Creatable-module__creatableInput___KaKxv::placeholder{color:#878787}.Creatable-module__creatableInput___KaKxv:disabled{color:#b2b2b2}.Creatable-module__searchInput___03a1-{width:100%;padding:8px 32px 8px 12px;border:1px solid #cccccc;border-radius:4px;font-size:14px;color:#28292c;background-color:#fff}.Creatable-module__searchInput___03a1-:focus{outline:none;border-color:#5cb335}.Creatable-module__searchInput___03a1-::placeholder{color:#878787}.Creatable-module__searchIcon___TA3Y3{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#4a4a4a;font-size:16px;pointer-events:none}.Creatable-module__optionsList___VZgJf{padding:8px;flex:1;overflow-y:auto;max-height:200px}.Creatable-module__categoryGroup___g8f-g{display:flex;flex-direction:column}.Creatable-module__optionsList___VZgJf .Creatable-module__categoryGroup___g8f-g:first-child .Creatable-module__categoryDivider___QUgR9{border-top:none}.Creatable-module__categoryDivider___QUgR9{padding:8px;border-top:1px solid #cccccc;background-color:#fff;display:flex;align-items:center}.Creatable-module__categoryLabel___YhGp9{font-size:12px;font-weight:600;color:#727272;text-transform:uppercase;letter-spacing:.5px}.Creatable-module__optionItem___Ys808{width:100%;padding:8px;border:none;background:none;cursor:pointer;display:flex;align-items:center;text-align:left;font-size:14px;color:#4a4a4a;min-height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;box-sizing:border-box}.Creatable-module__optionItem___Ys808:hover:not(.Creatable-module__optionItemDisabled___jvfGz){background-color:#dff0db}.Creatable-module__optionItem___Ys808:focus{outline:none}.Creatable-module__optionItem___Ys808.Creatable-module__optionItemDisabled___jvfGz{color:#b2b2b2;cursor:not-allowed;opacity:.6}.Creatable-module__optionItem___Ys808.Creatable-module__optionItemFocused___OfIQd{background-color:#dff0db}.Creatable-module__optionContent___9RCsJ{display:flex;align-items:center;justify-content:space-between;width:100%}.Creatable-module__optionLabel___FJfM1{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Roboto,sans-serif!important}.Creatable-module__tickIcon___VjpDN{color:inherit;font-size:14px;flex-shrink:0;margin-left:8px}.Creatable-module__creatableIcon___MQ0Ak{color:inherit;font-size:14px;flex-shrink:0;margin-right:8px}.Creatable-module__noOptions___H8Kbu{padding:8px;text-align:center;color:#878787;font-size:14px;font-style:italic}.Creatable-module__maxItemsWarning___-qcUr{padding:8px;border-top:1px solid #cccccc;background-color:#f8f9fa;font-size:12px;color:#727272;text-align:center}.Creatable-module__helpers___GmPY4{height:14px;display:flex;justify-content:space-between;align-items:center;gap:6px;min-width:0}.Creatable-module__helpText___89mXU{font-size:12px;color:#727272;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Creatable-module__helpTextDisabled___shU6E{color:#b2b2b2}.Creatable-module__helpLink___IdU0g{color:#0369a3;font-size:12px;font-weight:500;line-height:1;text-decoration:none;flex-shrink:0}.Creatable-module__helpLink___IdU0g:hover{text-decoration:underline}.Creatable-module__helpLinkDisabled___B8rpy{color:#878787}.Creatable-module__errorMessage___HRKr5{font-size:12px;color:#bf494e;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Creatable-module__optionsList___VZgJf::-webkit-scrollbar{width:4px}.Creatable-module__optionsList___VZgJf::-webkit-scrollbar-track{background:transparent}.Creatable-module__optionsList___VZgJf::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:240px}.Creatable-module__optionsList___VZgJf::-webkit-scrollbar-thumb:hover{background-color:#878787}.Creatable-module__optionsList___VZgJf::-webkit-scrollbar-thumb:active{background-color:#4a4a4a}.Creatable-module__selectAllContainer___l9hbm{display:flex;gap:16px;background-color:#fff;justify-content:space-between;align-items:center;padding-bottom:8px}.Creatable-module__searchContainer___zaiNa:has(+.Creatable-module__selectAllContainer___l9hbm){border-bottom:none}.Creatable-module__actionButtons___tlqG9{display:flex;justify-content:space-between;gap:8px;padding:12px;border-top:1px solid #cccccc;background-color:#fff}
|
package/dist/assets/Dialog.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
dialog{position:fixed!important;top:0;right:0;bottom:0;left:0;margin:auto}.Dialog-module__dialog___r4ljx{border:solid #cccccc 1px;border-radius:8px;box-shadow:0 0 10px #0000001a;padding:20px;width:520px;position:relative}.Dialog-module__dialog___r4ljx:has(.Dialog-module__dialog-illustration___IHiQl) .Dialog-module__dialog-content___3hOGc{text-align:center}.Dialog-module__dialog-illustration___IHiQl{display:flex;justify-content:center;padding-bottom:16px}.Dialog-module__dialog-content___3hOGc{display:flex;flex-direction:column;justify-content:center;text-align:start;gap:8px;padding-bottom:12px}.Dialog-module__dialog-title___KACAJ{margin:0;color:#4a4a4a;font-size:17px;font-weight:700;line-height:100%}.Dialog-module__dialog-description___hL8fm{margin:0;color:#727272;font-size:17px;font-weight:400;line-height:22px}.Dialog-module__dialog-buttons___x-v2M{display:flex;justify-content:center;gap:16px;padding-top:16px}.Dialog-module__dialog-close-button___-PzEz{position:absolute;top:12px;right:12px;cursor:pointer;width:20px;height:20px}.Dialog-module__dialog-close-button-icon___BeGg2{font-size:20px!important;color:#878787!important}
|
|
1
|
+
dialog{position:fixed!important;top:0;right:0;bottom:0;left:0;margin:auto}.Dialog-module__dialog___r4ljx{border:solid #cccccc 1px;border-radius:8px;box-shadow:0 0 10px #0000001a;padding:20px;width:520px;position:relative}.Dialog-module__dialog___r4ljx:has(.Dialog-module__dialog-illustration___IHiQl) .Dialog-module__dialog-content___3hOGc{text-align:center}.Dialog-module__dialog-illustration___IHiQl{display:flex;justify-content:center;padding-bottom:16px}.Dialog-module__dialog-content___3hOGc{display:flex;flex-direction:column;justify-content:center;text-align:start;gap:8px;padding-bottom:12px}.Dialog-module__dialog-title___KACAJ{margin:0;color:#4a4a4a;font-size:17px;font-weight:700;line-height:100%}.Dialog-module__dialog-description___hL8fm{margin:0;color:#727272;font-size:17px;font-weight:400;line-height:22px}.Dialog-module__dialog-buttons___x-v2M{display:flex;justify-content:center;gap:16px;padding-top:16px}.Dialog-module__dialog-close-button___-PzEz{all:unset;position:absolute;top:12px;right:12px;cursor:pointer;width:20px;height:20px}.Dialog-module__dialog-close-button-icon___BeGg2{font-size:20px!important;color:#878787!important}
|
package/dist/assets/Dropdown.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.Dropdown-module__dropdownContainer___beNhQ{display:flex;flex-direction:column;gap:4px;width:100%;position:relative;gap:6px}.Dropdown-module__dropdownLabel___T9FmB{font-size:14px;font-weight:500;color:#4a4a4a;line-height:1;display:flex;align-items:center;gap:4px}.Dropdown-module__dropdownLabel___T9FmB .Dropdown-module__label-text___VEqG-{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Dropdown-module__dropdownLabel___T9FmB.Dropdown-module__dropdownLabelDisabled___SLRmM{pointer-events:none;color:#b2b2b2}.Dropdown-module__dropdownLabel___T9FmB.Dropdown-module__dropdownLabelDisabled___SLRmM .Dropdown-module__label-tooltip-icon___JYVOm{color:#ccc}.Dropdown-module__required___ChI1m{color:#cb282e;font-weight:600}.Dropdown-module__label-tooltip-icon___JYVOm{color:#4a4a4a;font-size:16px;cursor:pointer}.Dropdown-module__dropdownWrapper___AUuWD{position:relative;width:100%}.Dropdown-module__dropdown-menu-trigger___fgqVT{display:inline-block;width:100%}.Dropdown-module__dropdownTrigger___Rue93{width:100%;height:32px;padding:6px 8px;background-color:#fff;border:1px solid #cccccc;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:240px;box-sizing:border-box}.Dropdown-module__dropdownTrigger___Rue93:hover:not(.Dropdown-module__dropdownTriggerDisabled___63wkd){border-color:#5cb335}.Dropdown-module__dropdownTrigger___Rue93:focus{outline:none;border-color:#5cb335}.Dropdown-module__dropdownTrigger___Rue93.Dropdown-module__dropdownTriggerOpen___cbm8V{border-color:#5cb335;border-radius:4px}.Dropdown-module__dropdownTrigger___Rue93.Dropdown-module__dropdownTriggerDisabled___63wkd{background-color:#f5f5f5;border-color:#ccc;cursor:not-allowed}.Dropdown-module__dropdownTrigger___Rue93.Dropdown-module__dropdownTriggerError___Uu02x{border-color:#bf494e}.Dropdown-module__dropdownContent___zLMhL{display:flex;align-items:center;gap:8px;width:100%;min-height:20px}.Dropdown-module__dropdownSelectedItems___iXnpQ{flex:1;min-width:0;display:flex;align-items:center;color:#28292c;font-size:14px}.Dropdown-module__selectedItemsList___uBD7x{display:flex;flex-wrap:wrap;gap:4px;width:100%}.Dropdown-module__selectedItemsCreatable___SCjLK{display:flex;align-items:center;gap:4px;flex:1}.Dropdown-module__selectedItemsCreatable___SCjLK .Dropdown-module__selectedItem___2jO4z{border-radius:240px;height:20px;padding:0 5px 0 9px}.Dropdown-module__selectedItemsCreatable___SCjLK .Dropdown-module__selectedItem___2jO4z .Dropdown-module__selectedItemLabel___efVI-{color:#3f7b25}.Dropdown-module__selectedItemsCreatable___SCjLK .Dropdown-module__selectedItem___2jO4z .Dropdown-module__removeButton___9r85B{border:none;background:none;cursor:pointer;padding:0;margin:0;display:flex;align-items:center}.Dropdown-module__selectedItemsCreatable___SCjLK .Dropdown-module__selectedItem___2jO4z .Dropdown-module__removeIcon___st3b-{font-size:12px;height:12px;width:12px;color:#727272}.Dropdown-module__selectedItemsCreatable___SCjLK .Dropdown-module__singleSelectedCreatableItem___BKFLb{display:flex;justify-content:space-between;align-items:center;flex:1;border-right:solid 1px #cccccc;padding-right:3px}.Dropdown-module__selectedItemsCreatable___SCjLK .Dropdown-module__singleSelectedCreatableItem___BKFLb .Dropdown-module__selectedItemLabel___efVI-{color:#28292c;font-size:14px}.Dropdown-module__singleSelectedCreatableItemRemoveButton___w3XXp{transform:rotate(45deg)}.Dropdown-module__selectedItem___2jO4z{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;background-color:#dff0db;border:1px solid #dff0db;border-radius:12px;font-size:12px;color:#4a4a4a;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Dropdown-module__selectedOptionLabel___7Zdh3{color:#28292c;font-size:14px}.Dropdown-module__placeholder___fWdch{color:#878787;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Dropdown-module__dropdownActions___d55Fa{display:flex;align-items:center;gap:4px;flex-shrink:0}.Dropdown-module__dropdownArrow___dLbrb{color:#4a4a4a;font-size:16px!important;transition:transform .2s ease}.Dropdown-module__dropdownArrow___dLbrb.Dropdown-module__dropdownArrowOpen___Z4Nh1{transform:rotate(180deg)}.Dropdown-module__dropdownMenu___toYcy{background-color:#fff;border:1px solid #cccccc;border-radius:4px;z-index:1000;max-height:300px;overflow:hidden;display:flex;flex-direction:column;width:fit-content;max-width:640px;min-width:80x;box-sizing:border-box;box-shadow:0 0 4px #00000029}.Dropdown-module__dropdown-container-grouped___1twhU .Dropdown-module__dropdownMenu___toYcy{min-width:212px}.Dropdown-module__dropdown-container-multi-select___zdaum .Dropdown-module__dropdownMenu___toYcy{min-width:224px}.Dropdown-module__dropdownMenuToolbar___gFne0{display:flex;flex-direction:column;gap:16px;padding:8px 12px;border-bottom:1px solid #cccccc}.Dropdown-module__searchContainer___4kUvD{position:relative;display:flex;align-items:center;gap:16px}.Dropdown-module__searchContainer___4kUvD .Dropdown-module__search___JmgDx{flex:1}.Dropdown-module__dropdownCreatableSearchContainer___sbs0F{min-width:300px;display:flex;align-items:center;flex-wrap:wrap;gap:4px;background:#fff;border:1px solid #cccccc;border-radius:4px;min-height:32px;padding:0 8px}.Dropdown-module__dropdownCreatableSearchContainer___sbs0F:focus-within{border-color:#5cb335}.Dropdown-module__dropdownCreatableSearchContainer___sbs0F.Dropdown-module__disabled___0FjAX{cursor:not-allowed;opacity:.6}.Dropdown-module__dropdownCreatableError___gwBGw{border-color:#bf494e}.Dropdown-module__creatableInput___meKz6{flex:1 1 120px;min-width:80px;border:none;outline:none;background:transparent;height:20px;padding:6px 0;color:#28292c;font-size:14px}.Dropdown-module__creatableInput___meKz6::placeholder{color:#878787}.Dropdown-module__creatableInput___meKz6:disabled{color:#b2b2b2}.Dropdown-module__searchInput___2Ad09{width:100%;padding:8px 32px 8px 12px;border:1px solid #cccccc;border-radius:4px;font-size:14px;color:#28292c;background-color:#fff}.Dropdown-module__searchInput___2Ad09:focus{outline:none;border-color:#5cb335}.Dropdown-module__searchInput___2Ad09::placeholder{color:#878787}.Dropdown-module__searchIcon___QxaFA{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#4a4a4a;font-size:16px;pointer-events:none}.Dropdown-module__optionsList___rk2hi{padding:8px;flex:1;overflow-y:auto;max-height:200px}.Dropdown-module__categoryGroup___Np2bP{display:flex;flex-direction:column}.Dropdown-module__optionsList___rk2hi .Dropdown-module__categoryGroup___Np2bP:first-child .Dropdown-module__categoryDivider___Gh6F0{border-top:none}.Dropdown-module__categoryDivider___Gh6F0{padding:8px;border-top:1px solid #cccccc;background-color:#fff;display:flex;align-items:center}.Dropdown-module__categoryLabel___B9IDR{font-size:12px;font-weight:600;color:#727272;text-transform:uppercase;letter-spacing:.5px}.Dropdown-module__optionItem___7pi10{width:100%;padding:8px;border:none;background:none;cursor:pointer;display:flex;align-items:center;transition:background-color .2s ease;text-align:left;font-size:14px;color:#4a4a4a;min-height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;box-sizing:border-box}.Dropdown-module__optionItem___7pi10:hover:not(.Dropdown-module__optionItemDisabled___aepUD){background-color:#dff0db}.Dropdown-module__optionItem___7pi10:focus{outline:none}.Dropdown-module__optionItem___7pi10.Dropdown-module__optionItemDisabled___aepUD{color:#b2b2b2;cursor:not-allowed;opacity:.6}.Dropdown-module__optionItem___7pi10.Dropdown-module__optionItemFocused___u2781{background-color:#dff0db}.Dropdown-module__optionContent___nf1VC{display:flex;align-items:center;justify-content:space-between;width:100%}.Dropdown-module__optionLabel___sJerM{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Roboto,sans-serif!important}.Dropdown-module__tickIcon___hYdCr{color:inherit;font-size:14px;flex-shrink:0;margin-left:8px}.Dropdown-module__creatableIcon___3zxIF{color:inherit;font-size:14px;flex-shrink:0;margin-right:8px}.Dropdown-module__noOptions___8vmhM{padding:8px;text-align:center;color:#878787;font-size:14px;font-style:italic}.Dropdown-module__maxItemsWarning___4F7o-{padding:8px;border-top:1px solid #cccccc;background-color:#f8f9fa;font-size:12px;color:#727272;text-align:center}.Dropdown-module__helpers___s4ulA{display:flex;justify-content:space-between;align-items:center;gap:6px;min-width:0}.Dropdown-module__helpText___YooJE{font-size:12px;color:#727272;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Dropdown-module__helpTextDisabled___Ct4qq{color:#b2b2b2}.Dropdown-module__helpLink___-Zwpq{color:#0369a3;font-size:12px;font-weight:500;line-height:1;text-decoration:none;flex-shrink:0}.Dropdown-module__helpLink___-Zwpq:hover{text-decoration:underline}.Dropdown-module__helpLinkDisabled___r-opC{color:#878787}.Dropdown-module__errorMessage___3Mopi{font-size:12px;color:#bf494e;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Dropdown-module__optionsList___rk2hi::-webkit-scrollbar{width:4px}.Dropdown-module__optionsList___rk2hi::-webkit-scrollbar-track{background:transparent}.Dropdown-module__optionsList___rk2hi::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:240px}.Dropdown-module__optionsList___rk2hi::-webkit-scrollbar-thumb:hover{background-color:#878787}.Dropdown-module__optionsList___rk2hi::-webkit-scrollbar-thumb:active{background-color:#4a4a4a}.Dropdown-module__selectAllContainer___Dlk3J{display:flex;gap:16px;background-color:#fff;justify-content:space-between;align-items:center;padding-bottom:8px}.Dropdown-module__searchContainer___4kUvD:has(+.Dropdown-module__selectAllContainer___Dlk3J){border-bottom:none}.Dropdown-module__actionButtons___-2nvr{display:flex;justify-content:space-between;gap:8px;padding:12px;border-top:1px solid #cccccc;background-color:#fff}
|
|
1
|
+
.Dropdown-module__dropdownContainer___beNhQ{display:flex;flex-direction:column;gap:4px;width:100%;position:relative;gap:6px}.Dropdown-module__dropdownLabel___T9FmB{font-size:14px;font-weight:500;color:#4a4a4a;line-height:1.2;display:flex;align-items:center;gap:4px}.Dropdown-module__dropdownLabel___T9FmB .Dropdown-module__label-text___VEqG-{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Dropdown-module__dropdownLabel___T9FmB.Dropdown-module__dropdownLabelDisabled___SLRmM{pointer-events:none;color:#b2b2b2}.Dropdown-module__dropdownLabel___T9FmB.Dropdown-module__dropdownLabelDisabled___SLRmM .Dropdown-module__label-tooltip-icon___JYVOm{color:#ccc}.Dropdown-module__required___ChI1m{color:#cb282e;font-weight:600}.Dropdown-module__label-tooltip-icon___JYVOm{color:#4a4a4a;font-size:16px;cursor:pointer}.Dropdown-module__dropdownWrapper___AUuWD{position:relative;width:100%}.Dropdown-module__dropdown-menu-trigger___fgqVT{display:inline-block;width:100%}.Dropdown-module__dropdownTrigger___Rue93{width:100%;height:32px;padding:6px 8px;background-color:#fff;border:1px solid #cccccc;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:240px;box-sizing:border-box}.Dropdown-module__dropdownTrigger___Rue93:hover:not(.Dropdown-module__dropdownTriggerDisabled___63wkd){border-color:#5cb335}.Dropdown-module__dropdownTrigger___Rue93:focus{outline:none;border-color:#5cb335}.Dropdown-module__dropdownTrigger___Rue93.Dropdown-module__dropdownTriggerOpen___cbm8V{border-color:#5cb335;border-radius:4px}.Dropdown-module__dropdownTrigger___Rue93.Dropdown-module__dropdownTriggerDisabled___63wkd{background-color:#f5f5f5;border-color:#ccc;cursor:not-allowed}.Dropdown-module__dropdownTrigger___Rue93.Dropdown-module__dropdownTriggerError___Uu02x{border-color:#bf494e}.Dropdown-module__dropdownContent___zLMhL{display:flex;align-items:center;gap:8px;width:100%;min-height:20px}.Dropdown-module__dropdownSelectedItems___iXnpQ{flex:1;min-width:0;display:flex;align-items:center;color:#28292c;font-size:14px}.Dropdown-module__selectedItemsList___uBD7x{display:flex;flex-wrap:wrap;gap:4px;width:100%}.Dropdown-module__selectedItemsCreatable___SCjLK{display:flex;align-items:center;gap:4px;flex:1}.Dropdown-module__selectedItemsCreatable___SCjLK .Dropdown-module__selectedItem___2jO4z{border-radius:240px;height:20px;padding:0 5px 0 9px}.Dropdown-module__selectedItemsCreatable___SCjLK .Dropdown-module__selectedItem___2jO4z .Dropdown-module__selectedItemLabel___efVI-{color:#3f7b25}.Dropdown-module__selectedItemsCreatable___SCjLK .Dropdown-module__selectedItem___2jO4z .Dropdown-module__removeButton___9r85B{border:none;background:none;cursor:pointer;padding:0;margin:0;display:flex;align-items:center}.Dropdown-module__selectedItemsCreatable___SCjLK .Dropdown-module__selectedItem___2jO4z .Dropdown-module__removeIcon___st3b-{font-size:12px;height:12px;width:12px;color:#727272}.Dropdown-module__selectedItemsCreatable___SCjLK .Dropdown-module__singleSelectedCreatableItem___BKFLb{display:flex;justify-content:space-between;align-items:center;flex:1;border-right:solid 1px #cccccc;padding-right:3px}.Dropdown-module__selectedItemsCreatable___SCjLK .Dropdown-module__singleSelectedCreatableItem___BKFLb .Dropdown-module__selectedItemLabel___efVI-{color:#28292c;font-size:14px}.Dropdown-module__singleSelectedCreatableItemRemoveButton___w3XXp{transform:rotate(45deg)}.Dropdown-module__selectedItem___2jO4z{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;background-color:#dff0db;border:1px solid #dff0db;border-radius:12px;font-size:12px;color:#4a4a4a;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Dropdown-module__selectedOptionLabel___7Zdh3{color:#28292c;font-size:14px}.Dropdown-module__placeholder___fWdch{color:#878787;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Dropdown-module__dropdownActions___d55Fa{display:flex;align-items:center;gap:4px;flex-shrink:0}.Dropdown-module__dropdownArrow___dLbrb{color:#4a4a4a;font-size:16px!important;transition:transform .2s ease}.Dropdown-module__dropdownArrow___dLbrb.Dropdown-module__dropdownArrowOpen___Z4Nh1{transform:rotate(180deg)}.Dropdown-module__dropdownMenu___toYcy{background-color:#fff;border:1px solid #cccccc;border-radius:4px;z-index:1000;max-height:300px;overflow:hidden;display:flex;flex-direction:column;width:fit-content;max-width:640px;min-width:80x;box-sizing:border-box;box-shadow:0 0 4px #00000029}.Dropdown-module__dropdown-container-grouped___1twhU .Dropdown-module__dropdownMenu___toYcy{min-width:212px}.Dropdown-module__dropdown-container-multi-select___zdaum .Dropdown-module__dropdownMenu___toYcy{min-width:224px}.Dropdown-module__dropdownMenuToolbar___gFne0{display:flex;flex-direction:column;gap:16px;padding:8px 12px;border-bottom:1px solid #cccccc}.Dropdown-module__searchContainer___4kUvD{position:relative;display:flex;align-items:center;gap:16px}.Dropdown-module__searchContainer___4kUvD .Dropdown-module__search___JmgDx{flex:1}.Dropdown-module__dropdownCreatableSearchContainer___sbs0F{min-width:300px;display:flex;align-items:center;flex-wrap:wrap;gap:4px;background:#fff;border:1px solid #cccccc;border-radius:4px;min-height:32px;padding:0 8px}.Dropdown-module__dropdownCreatableSearchContainer___sbs0F:focus-within{border-color:#5cb335}.Dropdown-module__dropdownCreatableSearchContainer___sbs0F.Dropdown-module__disabled___0FjAX{cursor:not-allowed;opacity:.6}.Dropdown-module__dropdownCreatableError___gwBGw{border-color:#bf494e}.Dropdown-module__creatableInput___meKz6{flex:1 1 120px;min-width:80px;border:none;outline:none;background:transparent;height:20px;padding:6px 0;color:#28292c;font-size:14px}.Dropdown-module__creatableInput___meKz6::placeholder{color:#878787}.Dropdown-module__creatableInput___meKz6:disabled{color:#b2b2b2}.Dropdown-module__searchInput___2Ad09{width:100%;padding:8px 32px 8px 12px;border:1px solid #cccccc;border-radius:4px;font-size:14px;color:#28292c;background-color:#fff}.Dropdown-module__searchInput___2Ad09:focus{outline:none;border-color:#5cb335}.Dropdown-module__searchInput___2Ad09::placeholder{color:#878787}.Dropdown-module__searchIcon___QxaFA{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#4a4a4a;font-size:16px;pointer-events:none}.Dropdown-module__optionsList___rk2hi{padding:8px;flex:1;overflow-y:auto;max-height:200px}.Dropdown-module__categoryGroup___Np2bP{display:flex;flex-direction:column}.Dropdown-module__optionsList___rk2hi .Dropdown-module__categoryGroup___Np2bP:first-child .Dropdown-module__categoryDivider___Gh6F0{border-top:none}.Dropdown-module__categoryDivider___Gh6F0{padding:8px;border-top:1px solid #cccccc;background-color:#fff;display:flex;align-items:center}.Dropdown-module__categoryLabel___B9IDR{font-size:12px;font-weight:600;color:#727272;text-transform:uppercase;letter-spacing:.5px}.Dropdown-module__optionItem___7pi10{width:100%;padding:8px;border:none;background:none;cursor:pointer;display:flex;align-items:center;transition:background-color .2s ease;text-align:left;font-size:14px;color:#4a4a4a;min-height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;box-sizing:border-box}.Dropdown-module__optionItem___7pi10:hover:not(.Dropdown-module__optionItemDisabled___aepUD){background-color:#dff0db}.Dropdown-module__optionItem___7pi10:focus{outline:none}.Dropdown-module__optionItem___7pi10.Dropdown-module__optionItemDisabled___aepUD{color:#b2b2b2;cursor:not-allowed;opacity:.6}.Dropdown-module__optionItem___7pi10.Dropdown-module__optionItemFocused___u2781{background-color:#dff0db}.Dropdown-module__optionContent___nf1VC{display:flex;align-items:center;justify-content:space-between;width:100%}.Dropdown-module__optionLabel___sJerM{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Roboto,sans-serif!important}.Dropdown-module__tickIcon___hYdCr{color:inherit;font-size:14px;flex-shrink:0;margin-left:8px}.Dropdown-module__creatableIcon___3zxIF{color:inherit;font-size:14px;flex-shrink:0;margin-right:8px}.Dropdown-module__noOptions___8vmhM{padding:8px;text-align:center;color:#878787;font-size:14px;font-style:italic}.Dropdown-module__maxItemsWarning___4F7o-{padding:8px;border-top:1px solid #cccccc;background-color:#f8f9fa;font-size:12px;color:#727272;text-align:center}.Dropdown-module__helpers___s4ulA{display:flex;justify-content:space-between;align-items:center;gap:6px;min-width:0}.Dropdown-module__helpText___YooJE{font-size:12px;color:#727272;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Dropdown-module__helpTextDisabled___Ct4qq{color:#b2b2b2}.Dropdown-module__helpLink___-Zwpq{color:#0369a3;font-size:12px;font-weight:500;line-height:1;text-decoration:none;flex-shrink:0}.Dropdown-module__helpLink___-Zwpq:hover{text-decoration:underline}.Dropdown-module__helpLinkDisabled___r-opC{color:#878787}.Dropdown-module__errorMessage___3Mopi{font-size:12px;color:#bf494e;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Dropdown-module__optionsList___rk2hi::-webkit-scrollbar{width:4px}.Dropdown-module__optionsList___rk2hi::-webkit-scrollbar-track{background:transparent}.Dropdown-module__optionsList___rk2hi::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:240px}.Dropdown-module__optionsList___rk2hi::-webkit-scrollbar-thumb:hover{background-color:#878787}.Dropdown-module__optionsList___rk2hi::-webkit-scrollbar-thumb:active{background-color:#4a4a4a}.Dropdown-module__selectAllContainer___Dlk3J{display:flex;gap:16px;background-color:#fff;justify-content:space-between;align-items:center;padding-bottom:8px}.Dropdown-module__searchContainer___4kUvD:has(+.Dropdown-module__selectAllContainer___Dlk3J){border-bottom:none}.Dropdown-module__actionButtons___-2nvr{display:flex;justify-content:space-between;gap:8px;padding:12px;border-top:1px solid #cccccc;background-color:#fff}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.FilePicker-module__container___knCCi{display:flex;flex-direction:column;gap:6px}.FilePicker-module__label___al7Xe{color:#4a4a4a;font-size:14px;font-weight:500;line-height:1.2;display:flex;align-items:center;gap:4px;min-width:0}.FilePicker-module__required___41Vjd{color:#cb282e}.FilePicker-module__labelTooltipIcon___Cc1QF{color:#4a4a4a;font-size:16px;cursor:pointer}.FilePicker-module__helpers___79-g5{display:flex;justify-content:space-between;align-items:center;min-width:0}.FilePicker-module__helperText___ja9Rr{color:#727272;font-size:12px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.FilePicker-module__errorMessage___TvHrL{color:#bf494e;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.FilePicker-module__singleFileHelpLinkContainer___mpjUf{display:flex;align-items:center;gap:6px}.FilePicker-module__singleFileHelpLinkReservedSpace___r8j2b{width:32px;flex-shrink:0}.FilePicker-module__helpLink___uu45D{color:#0369a3;font-size:12px;font-weight:500;text-decoration:none;flex-shrink:0;margin-left:auto;line-height:1.2}.FilePicker-module__helpLink___uu45D:hover{text-decoration:underline}.FilePicker-module__input___cL1Hs{display:none}.FilePicker-module__singleFileContainer___OFSDt{display:flex;align-items:center;gap:8px}.FilePicker-module__singleFileInputContainer___MOkES{display:flex;align-items:center;width:100%;height:32px;border:1px solid #cccccc;border-radius:4px;background-color:#fff}.FilePicker-module__singleFileInputContainer___MOkES:focus,.FilePicker-module__singleFileInputContainer___MOkES:focus-within{border-color:#5cb335;outline:none}.FilePicker-module__inputFileName___sMs7R{display:flex;align-items:center;flex:1;height:100%;font-size:14px;font-weight:400;line-height:1;color:#4a4a4a;border-right:1px solid #cccccc;padding-left:6px}.FilePicker-module__inputFileNamePlaceholder___-mkDD{color:#878787}.FilePicker-module__inputButton___ghLlD{margin-left:6px;margin-right:6px}.FilePicker-module__multipleHelpText___5tnnn{color:#727272;text-align:center;font-family:Roboto;font-size:13px;font-style:normal;font-weight:400;line-height:100%}.FilePicker-module__multipleInputButton___WCJp9{align-self:flex-start}ul.FilePicker-module__multipleFilesList___Kim0I{display:flex;flex-direction:column;list-style:none;padding-left:0;margin:0}.FilePicker-module__multipleFilesListItem___01PDS{padding-bottom:12px;padding-top:12px}.FilePicker-module__multipleFilesListItem___01PDS:first-child{padding-top:0}.FilePicker-module__multipleFilesListItem___01PDS .FilePicker-module__multipleFilesListItemContent___pKbho{display:flex;align-items:start;gap:8px}.FilePicker-module__multipleFilesListItem___01PDS .FilePicker-module__multipleFilesListItemContentData___5GC-C{display:flex;align-items:center;justify-content:space-between;width:100%}.FilePicker-module__multipleFilesListItem___01PDS .FilePicker-module__multipleFilesListItemIconContainer___7sUL5{background-color:#f1f1f1;border-radius:4px}.FilePicker-module__multipleFilesListItem___01PDS .FilePicker-module__multipleFilesListItemIcon___nfMX9{display:flex;align-items:center;justify-content:center;color:#878787;font-size:20px;height:34px;width:32px}.FilePicker-module__multipleFilesListItem___01PDS .FilePicker-module__multipleFilesListItemText___nPqrL{display:flex;flex-direction:column;gap:3px}.FilePicker-module__multipleFilesListItem___01PDS .FilePicker-module__multipleFilesListItemName___NjHhX{color:#4a4a4a;font-size:14px}.FilePicker-module__multipleFilesListItem___01PDS .FilePicker-module__multipleFilesListItemSize___wc8LJ{color:#727272;font-size:12px}.FilePicker-module__multipleFilesListItem___01PDS .FilePicker-module__multipleFilesListItemError___x9qkT{display:flex;align-items:center;gap:3px;color:#cb282e;font-size:12px;font-weight:500}.FilePicker-module__multipleFilesListItem___01PDS .FilePicker-module__multipleFilesListItemIconError___0RO46{color:#cb282e;font-size:16px}.FilePicker-module__multipleFilesListItem___01PDS:not(:last-child){border-bottom:2px solid #cccccc}.FilePicker-module__multipleFilesListItemIconDelete___9Z9Dl{font-size:20px!important}.FilePicker-module__disabled___szMiq .FilePicker-module__label___al7Xe,.FilePicker-module__disabled___szMiq .FilePicker-module__required___41Vjd{color:#b2b2b2}.FilePicker-module__disabled___szMiq .FilePicker-module__labelTooltipIcon___Cc1QF{color:#ccc}.FilePicker-module__disabled___szMiq .FilePicker-module__inputFileName___sMs7R,.FilePicker-module__disabled___szMiq .FilePicker-module__helperText___ja9Rr{color:#b2b2b2}.FilePicker-module__disabled___szMiq .FilePicker-module__helpLink___uu45D{pointer-events:none;color:#878787}.FilePicker-module__disabled___szMiq .FilePicker-module__errorMessage___TvHrL{color:#b2b2b2}.FilePicker-module__disabled___szMiq .FilePicker-module__singleFileInputContainer___MOkES:focus,.FilePicker-module__disabled___szMiq .FilePicker-module__singleFileInputContainer___MOkES:focus-within{border:1px solid #cccccc;border-color:none;outline:none}.FilePicker-module__disabled___szMiq .FilePicker-module__multipleHelpText___5tnnn{color:#b2b2b2}
|
package/dist/assets/Input.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.Input-module__inputContainer___vubIa{display:grid;grid-template-columns:1fr;row-gap:6px}.Input-module__inline___ghC8J{display:grid;grid-template-columns:max-content 1fr;grid-template-rows:auto auto;align-items:center;gap:6px}.Input-module__inline___ghC8J>*:nth-child(1){grid-column:1;grid-row:1}.Input-module__inline___ghC8J>*:nth-child(2){grid-column:2;grid-row:1}.Input-module__inline___ghC8J>*:nth-child(n+3){grid-column:2;grid-row:2}.Input-module__inputWrapper___TYJbS{background:#fff;border:1px solid #cccccc;border-radius:4px;height:32px;box-sizing:border-box;display:flex;align-items:center;padding:0 8px;gap:6px}.Input-module__inputWrapper___TYJbS input{background:none;border:none;outline:none;color:#28292c;font-size:14px;font-weight:400;line-height:1;font-family:Roboto,sans-serif;flex:1}.Input-module__inputWrapper___TYJbS input:disabled{color:#b2b2b2}.Input-module__inputWrapper___TYJbS:focus-within{border-color:#5cb335}.Input-module__inputWrapper___TYJbS.Input-module__errorState___tTZjq{border-color:#bf494e}.Input-module__disabledState___MQEAl .Input-module__label___gmqts{color:#b2b2b2}.Input-module__disabledState___MQEAl .Input-module__icon___qkecR{color:#ccc}.Input-module__disabledState___MQEAl .Input-module__inputWrapper___TYJbS{border-color:#ccc}.Input-module__disabledState___MQEAl .Input-module__helperText___NGV3W{color:#b2b2b2}.Input-module__disabledState___MQEAl .Input-module__helpLink___1n9ck{color:#878787}.Input-module__disabledState___MQEAl .Input-module__required___kHc93{color:#b2b2b2}.Input-module__disabledState___MQEAl .Input-module__label-tooltip-icon___YhCk7{color:#ccc}.Input-module__disabledState___MQEAl *{cursor:not-allowed;pointer-events:none}.Input-module__label___gmqts{color:#4a4a4a;font-size:14px;font-weight:500;line-height:1;display:flex;align-items:center;gap:4px;min-width:0}.Input-module__label-text___cOWuX{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Input-module__icon___qkecR{font-size:20px!important;color:#4a4a4a!important}.Input-module__helpers___fqdSd{display:flex;justify-content:space-between;align-items:center;gap:6px;min-width:0}.Input-module__helperText___NGV3W{color:#727272;font-size:12px;font-weight:400;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Input-module__errorMessage___R9MPm{color:#bf494e;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Input-module__helpLink___1n9ck{color:#0369a3;font-size:13px;font-weight:500;line-height:1;text-decoration:none;flex-shrink:0;margin-left:auto}.Input-module__helpLink___1n9ck:hover{text-decoration:underline}.Input-module__required___kHc93{color:#cb282e}.Input-module__label-tooltip-icon___YhCk7{color:#4a4a4a;font-size:16px;cursor:pointer}
|
|
1
|
+
.Input-module__inputContainer___vubIa{display:grid;grid-template-columns:1fr;row-gap:6px}.Input-module__inline___ghC8J{display:grid;grid-template-columns:max-content 1fr;grid-template-rows:auto auto;align-items:center;gap:6px}.Input-module__inline___ghC8J>*:nth-child(1){grid-column:1;grid-row:1}.Input-module__inline___ghC8J>*:nth-child(2){grid-column:2;grid-row:1}.Input-module__inline___ghC8J>*:nth-child(n+3){grid-column:2;grid-row:2}.Input-module__inputWrapper___TYJbS{background:#fff;border:1px solid #cccccc;border-radius:4px;height:32px;box-sizing:border-box;display:flex;align-items:center;padding:0 8px;gap:6px}.Input-module__inputWrapper___TYJbS input{background:none;border:none;outline:none;color:#28292c;font-size:14px;font-weight:400;line-height:1;font-family:Roboto,sans-serif;flex:1}.Input-module__inputWrapper___TYJbS input:disabled{color:#b2b2b2}.Input-module__inputWrapper___TYJbS:focus-within{border-color:#5cb335}.Input-module__inputWrapper___TYJbS.Input-module__errorState___tTZjq{border-color:#bf494e}.Input-module__disabledState___MQEAl .Input-module__label___gmqts{color:#b2b2b2}.Input-module__disabledState___MQEAl .Input-module__icon___qkecR{color:#ccc}.Input-module__disabledState___MQEAl .Input-module__inputWrapper___TYJbS{border-color:#ccc}.Input-module__disabledState___MQEAl .Input-module__helperText___NGV3W{color:#b2b2b2}.Input-module__disabledState___MQEAl .Input-module__helpLink___1n9ck{color:#878787}.Input-module__disabledState___MQEAl .Input-module__required___kHc93{color:#b2b2b2}.Input-module__disabledState___MQEAl .Input-module__label-tooltip-icon___YhCk7{color:#ccc}.Input-module__disabledState___MQEAl *{cursor:not-allowed;pointer-events:none}.Input-module__label___gmqts{color:#4a4a4a;font-size:14px;font-weight:500;line-height:1.2;display:flex;align-items:center;gap:4px;min-width:0}.Input-module__label-text___cOWuX{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Input-module__icon___qkecR{font-size:20px!important;color:#4a4a4a!important}.Input-module__helpers___fqdSd{display:flex;justify-content:space-between;align-items:center;gap:6px;min-width:0}.Input-module__helperText___NGV3W{color:#727272;font-size:12px;font-weight:400;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Input-module__errorMessage___R9MPm{color:#bf494e;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Input-module__helpLink___1n9ck{color:#0369a3;font-size:13px;font-weight:500;line-height:1;text-decoration:none;flex-shrink:0;margin-left:auto}.Input-module__helpLink___1n9ck:hover{text-decoration:underline}.Input-module__required___kHc93{color:#cb282e}.Input-module__label-tooltip-icon___YhCk7{color:#4a4a4a;font-size:16px;cursor:pointer}
|
package/dist/assets/NavBar.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.NavBar-module__navbar-wrapper___e-f8y{background-color:#333;width:100%;height:48px;padding:0 20px;box-sizing:border-box}.NavBar-module__navbar-container___KnbUz{display:flex;align-items:center;justify-content:space-between;margin-left:auto;margin-right:auto}.NavBar-module__navbar-logo-container___VXWAo{display:flex;align-items:center;gap:12px}.NavBar-module__navbar-logo-link___r8CV2{display:flex;align-items:center;cursor:pointer}.NavBar-module__navbar-project-name-separator___SmBBN{width:2px;min-height:24px;align-self:stretch;background-color:#5cb335}.NavBar-module__navbar-project-name___zQY4u{font-size:18px;font-weight:500;letter-spacing:1px;color:#fff}.NavBar-module__navbar-menu___QDrB4{display:flex;align-items:center}.NavBar-module__navbar-menu-button___f1doV{margin-right:20px}.NavBar-module__navbar-menu-list___xZE02{display:flex;align-items:center;gap:20px;padding:0;margin:0}.NavBar-module__navbar-menu-list___xZE02 button{all:unset}.NavBar-module__navbar-menu-list___xZE02 .NavBar-module__navbar-menu-list-item___Y87cK{cursor:pointer;text-decoration:none;color:#fff;line-height:1}.NavBar-module__navbar-menu-list___xZE02 .NavBar-module__navbar-menu-list-item___Y87cK .NavBar-module__navbar-menu-list-item-trigger-container___OsXar,.NavBar-module__navbar-menu-list___xZE02 .NavBar-module__navbar-menu-list-item___Y87cK .NavBar-module__navbar-menu-list-item-action___MPFZz{display:flex;align-items:center;gap:4px;box-sizing:border-box;padding-top:16px;padding-bottom:16px;font-size:15px;font-weight:500}.NavBar-module__navbar-menu-list___xZE02 .NavBar-module__navbar-menu-list-item___Y87cK:hover .NavBar-module__navbar-menu-list-item-trigger-container___OsXar,.NavBar-module__navbar-menu-list___xZE02 .NavBar-module__navbar-menu-list-item___Y87cK:hover .NavBar-module__navbar-menu-list-item-action___MPFZz{box-shadow:inset 0 -3px #878787}.NavBar-module__navbar-menu-list___xZE02 .NavBar-module__navbar-menu-list-item___Y87cK .NavBar-module__navbar-menu-list-item-action-active___J7eRN{box-shadow:inset 0 -3px #5cb335}.NavBar-module__navbar-menu-list___xZE02 .NavBar-module__navbar-menu-list-item___Y87cK[data-state=open] .NavBar-module__navbar-menu-list-item-arrow___QoJsh{transform:rotate(180deg)}.NavBar-module__navbar-menu-list___xZE02 .NavBar-module__navbar-menu-list-item___Y87cK a{text-decoration:none;color:#fff}.NavBar-module__navbar-menu-list-item-arrow___QoJsh{color:#fff;font-size:16px;width:16px;height:16px;transition:transform .2s ease}.NavBar-module__navbar-menu-list-item-submenu___goVcf{margin-top:6px;padding:2px;background-color:#fff;border:1px solid #cccccc;border-radius:4px;z-index:1000;max-height:300px;overflow:hidden;display:flex;flex-direction:column;width:fit-content;box-sizing:border-box;box-shadow:0 0 4px #00000029}.NavBar-module__navbar-menu-list-item-submenu-item___sH6du{width:100%;padding:8px 12px;border:none;background:none;cursor:pointer;display:flex;align-items:center;transition:background-color .2s ease;text-align:left;font-size:13px;color:#4a4a4a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;font-family:Roboto,sans-serif;min-height:24px;box-sizing:border-box}.NavBar-module__navbar-menu-list-item-submenu-item___sH6du:hover{background-color:#dff0db}.NavBar-module__navbar-menu-list-item-submenu-item___sH6du:focus{outline:none}.NavBar-module__navbar-menu-list-item-submenu-item___sH6du a{text-decoration:none;color:inherit;width:100%}.NavBar-module__navbar-menu-additional-separator___F7jfY{width:2px;height:26px;align-self:center;background-color:#727272;margin-left:20px;margin-right:20px}.NavBar-module__navbar-menu-additional___B8kH-{display:flex;align-items:center;gap:20px}.NavBar-module__navbar-menu-additional-trigger___IpMHL{all:unset;cursor:pointer;padding-top:8px;padding-bottom:8px;height:47px;box-sizing:border-box;transition:background-color .2s ease}.NavBar-module__navbar-menu-additional-trigger___IpMHL:hover{box-shadow:inset 0 -3px #878787}.NavBar-module__navbar-menu-additional-icon___jhULk{color:#fff;font-size:24px!important;width:24px;height:24px}.NavBar-module__navbar-menu-additional-user-profile___ujsEv{color:#fff;font-size:14px;width:28px;height:28px;border-radius:50%;background-color:#5cb335;display:flex;align-items:center;justify-content:center}.NavBar-module__navbar-notification-container___K2YeD{position:relative;display:inline-block}.NavBar-module__navbar-notification-badge___vp5bK{position:absolute;top:-6px;right:-6px;background-color:#5cb335;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;line-height:1;padding:0 4px;box-sizing:border-box;border:2px solid #333333}
|
|
1
|
+
.NavBar-module__navbar-wrapper___e-f8y{background-color:#333;width:100%;height:48px;padding:0 20px;box-sizing:border-box}.NavBar-module__navbar-container___KnbUz{display:flex;align-items:center;justify-content:space-between;margin-left:auto;margin-right:auto}.NavBar-module__navbar-logo-container___VXWAo{display:flex;align-items:center;gap:12px}.NavBar-module__navbar-logo-link___r8CV2{display:flex;align-items:center;cursor:pointer}.NavBar-module__navbar-project-name-separator___SmBBN{width:2px;min-height:24px;align-self:stretch;background-color:#5cb335}.NavBar-module__navbar-project-name___zQY4u{font-size:18px;font-weight:500;letter-spacing:1px;color:#fff}.NavBar-module__navbar-menu___QDrB4{display:flex;align-items:center}.NavBar-module__navbar-menu-button___f1doV{margin-right:20px}.NavBar-module__navbar-menu-list___xZE02{display:flex;align-items:center;gap:20px;padding:0;margin:0}.NavBar-module__navbar-menu-list___xZE02 button{all:unset}.NavBar-module__navbar-menu-list___xZE02 .NavBar-module__navbar-menu-list-item___Y87cK{cursor:pointer;text-decoration:none;color:#fff;line-height:1}.NavBar-module__navbar-menu-list___xZE02 .NavBar-module__navbar-menu-list-item___Y87cK .NavBar-module__navbar-menu-list-item-trigger-container___OsXar,.NavBar-module__navbar-menu-list___xZE02 .NavBar-module__navbar-menu-list-item___Y87cK .NavBar-module__navbar-menu-list-item-action___MPFZz{display:flex;align-items:center;gap:4px;box-sizing:border-box;padding-top:16px;padding-bottom:16px;font-size:15px;font-weight:500}.NavBar-module__navbar-menu-list___xZE02 .NavBar-module__navbar-menu-list-item___Y87cK:hover .NavBar-module__navbar-menu-list-item-trigger-container___OsXar,.NavBar-module__navbar-menu-list___xZE02 .NavBar-module__navbar-menu-list-item___Y87cK:hover .NavBar-module__navbar-menu-list-item-action___MPFZz{box-shadow:inset 0 -3px #878787}.NavBar-module__navbar-menu-list___xZE02 .NavBar-module__navbar-menu-list-item___Y87cK .NavBar-module__navbar-menu-list-item-action-active___J7eRN{box-shadow:inset 0 -3px #5cb335!important}.NavBar-module__navbar-menu-list___xZE02 .NavBar-module__navbar-menu-list-item___Y87cK[data-state=open]{box-shadow:inset 0 -3px #878787}.NavBar-module__navbar-menu-list___xZE02 .NavBar-module__navbar-menu-list-item___Y87cK[data-state=open] .NavBar-module__navbar-menu-list-item-arrow___QoJsh{transform:rotate(180deg)}.NavBar-module__navbar-menu-list___xZE02 .NavBar-module__navbar-menu-list-item___Y87cK a{text-decoration:none;color:#fff}.NavBar-module__navbar-menu-list-item-arrow___QoJsh{color:#fff;font-size:16px;width:16px;height:16px;transition:transform .2s ease}.NavBar-module__navbar-menu-list-item-submenu___goVcf{margin-top:6px;padding:2px;background-color:#fff;border:1px solid #cccccc;border-radius:4px;z-index:1000;max-height:300px;overflow:hidden;display:flex;flex-direction:column;width:fit-content;box-sizing:border-box;box-shadow:0 0 4px #00000029}.NavBar-module__navbar-menu-list-item-submenu-item___sH6du{width:100%;padding:8px 12px;border:none;background:none;cursor:pointer;display:flex;align-items:center;transition:background-color .2s ease;text-align:left;font-size:13px;color:#4a4a4a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;font-family:Roboto,sans-serif;min-height:24px;box-sizing:border-box}.NavBar-module__navbar-menu-list-item-submenu-item___sH6du:hover{background-color:#dff0db}.NavBar-module__navbar-menu-list-item-submenu-item___sH6du:focus{outline:none}.NavBar-module__navbar-menu-list-item-submenu-item___sH6du a{text-decoration:none;color:inherit;width:100%}.NavBar-module__navbar-menu-additional-separator___F7jfY{width:2px;height:26px;align-self:center;background-color:#727272;margin-left:20px;margin-right:20px}.NavBar-module__navbar-menu-additional___B8kH-{display:flex;align-items:center;gap:20px}.NavBar-module__navbar-menu-additional-trigger___IpMHL{all:unset;cursor:pointer;padding-top:8px;padding-bottom:8px;height:47px;box-sizing:border-box;transition:background-color .2s ease}.NavBar-module__navbar-menu-additional-trigger___IpMHL:hover{box-shadow:inset 0 -3px #878787}.NavBar-module__navbar-menu-additional-icon___jhULk{color:#fff;font-size:24px!important;width:24px;height:24px}.NavBar-module__navbar-menu-additional-user-profile___ujsEv{color:#fff;font-size:14px;width:28px;height:28px;border-radius:50%;background-color:#5cb335;display:flex;align-items:center;justify-content:center}.NavBar-module__navbar-notification-container___K2YeD{position:relative;display:inline-block}.NavBar-module__navbar-notification-badge___vp5bK{position:absolute;top:-6px;right:-6px;background-color:#5cb335;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;line-height:1;padding:0 4px;box-sizing:border-box;border:2px solid #333333}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.TagsFields-module__dropdownContainer___GIsND{display:flex;flex-direction:column;gap:4px;width:100%;position:relative;gap:6px}.TagsFields-module__dropdownLabel___AUP9W{font-size:14px;font-weight:500;color:#4a4a4a;line-height:1;display:flex;align-items:center;gap:4px}.TagsFields-module__dropdownLabel___AUP9W .TagsFields-module__label-text___aVbdd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.TagsFields-module__dropdownLabel___AUP9W.TagsFields-module__dropdownLabelDisabled___hilvh{pointer-events:none;color:#b2b2b2}.TagsFields-module__dropdownLabel___AUP9W.TagsFields-module__dropdownLabelDisabled___hilvh .TagsFields-module__label-tooltip-icon___LEeee{color:#ccc}.TagsFields-module__required___Ybg21{color:#cb282e;font-weight:600}.TagsFields-module__label-tooltip-icon___LEeee{color:#4a4a4a;font-size:16px;cursor:pointer}.TagsFields-module__dropdownWrapper___KxTZl{position:relative;width:100%}.TagsFields-module__dropdown-menu-trigger___2V696{display:inline-block;width:100%}.TagsFields-module__dropdownTrigger___Uj7oY{width:100%;height:32px;padding:6px 8px;background-color:#fff;border:1px solid #cccccc;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:240px;box-sizing:border-box}.TagsFields-module__dropdownTrigger___Uj7oY:hover:not(.TagsFields-module__dropdownTriggerDisabled___54oEi){border-color:#5cb335}.TagsFields-module__dropdownTrigger___Uj7oY:focus{outline:none;border-color:#5cb335}.TagsFields-module__dropdownTrigger___Uj7oY.TagsFields-module__dropdownTriggerOpen___GxZGh{border-color:#5cb335;border-radius:4px}.TagsFields-module__dropdownTrigger___Uj7oY.TagsFields-module__dropdownTriggerDisabled___54oEi{background-color:#f5f5f5;border-color:#ccc;cursor:not-allowed}.TagsFields-module__dropdownTrigger___Uj7oY.TagsFields-module__dropdownTriggerError___ebLzL{border-color:#bf494e}.TagsFields-module__dropdownContent___Wbwmp{display:flex;align-items:center;gap:8px;width:100%;min-height:20px}.TagsFields-module__dropdownSelectedItems___05vxU{flex:1;min-width:0;display:flex;align-items:center;color:#28292c;font-size:14px}.TagsFields-module__selectedItemsList___HISYA{display:flex;flex-wrap:wrap;gap:4px;width:100%}.TagsFields-module__selectedItemsCreatable___Pnf8l{display:flex;align-items:center;gap:4px;flex:1}.TagsFields-module__selectedItemsCreatable___Pnf8l .TagsFields-module__selectedItem___Tp6lp{border-radius:240px;height:20px;padding:0 5px 0 9px}.TagsFields-module__selectedItemsCreatable___Pnf8l .TagsFields-module__selectedItem___Tp6lp .TagsFields-module__selectedItemLabel___SwoJL{color:#3f7b25}.TagsFields-module__selectedItemsCreatable___Pnf8l .TagsFields-module__selectedItem___Tp6lp .TagsFields-module__removeButton___od0yh{border:none;background:none;cursor:pointer;padding:0;margin:0;display:flex;align-items:center}.TagsFields-module__selectedItemsCreatable___Pnf8l .TagsFields-module__selectedItem___Tp6lp .TagsFields-module__removeIcon___2WRCF{font-size:12px;height:12px;width:12px;color:#727272}.TagsFields-module__selectedItemsCreatable___Pnf8l .TagsFields-module__singleSelectedCreatableItem___QwENt{display:flex;justify-content:space-between;align-items:center;flex:1;border-right:solid 1px #cccccc;padding-right:3px}.TagsFields-module__selectedItemsCreatable___Pnf8l .TagsFields-module__singleSelectedCreatableItem___QwENt .TagsFields-module__selectedItemLabel___SwoJL{color:#28292c;font-size:14px}.TagsFields-module__singleSelectedCreatableItemRemoveButton___1PeN7{transform:rotate(45deg)}.TagsFields-module__selectedItem___Tp6lp{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;background-color:#dff0db;border:1px solid #dff0db;border-radius:12px;font-size:12px;color:#4a4a4a;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.TagsFields-module__selectedOptionLabel___HS3B6{color:#28292c;font-size:14px}.TagsFields-module__placeholder___2W2KQ{color:#878787;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.TagsFields-module__dropdownActions___USb5V{display:flex;align-items:center;gap:4px;flex-shrink:0}.TagsFields-module__dropdownArrow___JT9d3{color:#4a4a4a;font-size:16px!important;transition:transform .2s ease}.TagsFields-module__dropdownArrow___JT9d3.TagsFields-module__dropdownArrowOpen___jPfTk{transform:rotate(180deg)}.TagsFields-module__dropdownMenu___gPhtC{background-color:#fff;border:1px solid #cccccc;border-radius:4px;z-index:1000;max-height:300px;overflow:hidden;display:flex;flex-direction:column;width:fit-content;max-width:640px;min-width:80x;box-sizing:border-box;box-shadow:0 0 4px #00000029}.TagsFields-module__dropdown-container-grouped___-Gp5y .TagsFields-module__dropdownMenu___gPhtC{min-width:212px}.TagsFields-module__dropdown-container-multi-select___cf1jL .TagsFields-module__dropdownMenu___gPhtC{min-width:224px}.TagsFields-module__dropdownMenuToolbar___splhW{display:flex;flex-direction:column;gap:16px;padding:8px 12px;border-bottom:1px solid #cccccc}.TagsFields-module__searchContainer___-vZgT{position:relative;display:flex;align-items:center;gap:16px}.TagsFields-module__searchContainer___-vZgT .TagsFields-module__search___Y0X0Q{flex:1}.TagsFields-module__dropdownCreatableSearchContainer___mltcH{min-width:300px;display:flex;align-items:center;flex-wrap:wrap;gap:4px;background:#fff;border:1px solid #cccccc;border-radius:4px;min-height:32px;padding:0 8px}.TagsFields-module__dropdownCreatableSearchContainer___mltcH:focus-within{border-color:#5cb335}.TagsFields-module__dropdownCreatableSearchContainer___mltcH.TagsFields-module__disabled___1OfNF{cursor:not-allowed;opacity:.6}.TagsFields-module__dropdownCreatableError___R6oyD{border-color:#bf494e}.TagsFields-module__creatableInput___qz9jI{flex:1 1 120px;min-width:80px;border:none;outline:none;background:transparent;height:20px;padding:6px 0;color:#28292c;font-size:14px}.TagsFields-module__creatableInput___qz9jI::placeholder{color:#878787}.TagsFields-module__creatableInput___qz9jI:disabled{color:#b2b2b2}.TagsFields-module__searchInput___bQGwy{width:100%;padding:8px 32px 8px 12px;border:1px solid #cccccc;border-radius:4px;font-size:14px;color:#28292c;background-color:#fff}.TagsFields-module__searchInput___bQGwy:focus{outline:none;border-color:#5cb335}.TagsFields-module__searchInput___bQGwy::placeholder{color:#878787}.TagsFields-module__searchIcon___s4MH7{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#4a4a4a;font-size:16px;pointer-events:none}.TagsFields-module__optionsList___qyawx{padding:8px;flex:1;overflow-y:auto;max-height:200px}.TagsFields-module__categoryGroup___In039{display:flex;flex-direction:column}.TagsFields-module__optionsList___qyawx .TagsFields-module__categoryGroup___In039:first-child .TagsFields-module__categoryDivider___eROv0{border-top:none}.TagsFields-module__categoryDivider___eROv0{padding:8px;border-top:1px solid #cccccc;background-color:#fff;display:flex;align-items:center}.TagsFields-module__categoryLabel___Cv2h5{font-size:12px;font-weight:600;color:#727272;text-transform:uppercase;letter-spacing:.5px}.TagsFields-module__optionItem___UujFS{width:100%;padding:8px;border:none;background:none;cursor:pointer;display:flex;align-items:center;transition:background-color .2s ease;text-align:left;font-size:14px;color:#4a4a4a;min-height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;box-sizing:border-box}.TagsFields-module__optionItem___UujFS:hover:not(.TagsFields-module__optionItemDisabled___9gB8N){background-color:#dff0db}.TagsFields-module__optionItem___UujFS:focus{outline:none}.TagsFields-module__optionItem___UujFS.TagsFields-module__optionItemDisabled___9gB8N{color:#b2b2b2;cursor:not-allowed;opacity:.6}.TagsFields-module__optionItem___UujFS.TagsFields-module__optionItemFocused___4rsDt{background-color:#dff0db}.TagsFields-module__optionContent___QSC9G{display:flex;align-items:center;justify-content:space-between;width:100%}.TagsFields-module__optionLabel___N-fQ7{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Roboto,sans-serif!important}.TagsFields-module__tickIcon___3uRY-{color:inherit;font-size:14px;flex-shrink:0;margin-left:8px}.TagsFields-module__creatableIcon___GcZBx{color:inherit;font-size:14px;flex-shrink:0;margin-right:8px}.TagsFields-module__noOptions___ugYj9{padding:8px;text-align:center;color:#878787;font-size:14px;font-style:italic}.TagsFields-module__maxItemsWarning___DPzQI{padding:8px;border-top:1px solid #cccccc;background-color:#f8f9fa;font-size:12px;color:#727272;text-align:center}.TagsFields-module__helpers___ab6f-{display:flex;justify-content:space-between;align-items:center;gap:6px;min-width:0}.TagsFields-module__helpText___Qzdqh{font-size:12px;color:#727272;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.TagsFields-module__helpTextDisabled___m-oFo{color:#b2b2b2}.TagsFields-module__helpLink___JQDmR{color:#0369a3;font-size:12px;font-weight:500;line-height:1;text-decoration:none;flex-shrink:0}.TagsFields-module__helpLink___JQDmR:hover{text-decoration:underline}.TagsFields-module__helpLinkDisabled___Nk1BX{color:#878787}.TagsFields-module__errorMessage___b-ugf{font-size:12px;color:#bf494e;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.TagsFields-module__optionsList___qyawx::-webkit-scrollbar{width:4px}.TagsFields-module__optionsList___qyawx::-webkit-scrollbar-track{background:transparent}.TagsFields-module__optionsList___qyawx::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:240px}.TagsFields-module__optionsList___qyawx::-webkit-scrollbar-thumb:hover{background-color:#878787}.TagsFields-module__optionsList___qyawx::-webkit-scrollbar-thumb:active{background-color:#4a4a4a}.TagsFields-module__selectAllContainer___cUHeb{display:flex;gap:16px;background-color:#fff;justify-content:space-between;align-items:center;padding-bottom:8px}.TagsFields-module__searchContainer___-vZgT:has(+.TagsFields-module__selectAllContainer___cUHeb){border-bottom:none}.TagsFields-module__actionButtons___zRG28{display:flex;justify-content:space-between;gap:8px;padding:12px;border-top:1px solid #cccccc;background-color:#fff}
|
|
1
|
+
.TagsFields-module__dropdownContainer___GIsND{display:flex;flex-direction:column;gap:4px;width:100%;position:relative;gap:6px}.TagsFields-module__dropdownLabel___AUP9W{font-size:14px;font-weight:500;color:#4a4a4a;line-height:1.2;display:flex;align-items:center;gap:4px}.TagsFields-module__dropdownLabel___AUP9W .TagsFields-module__label-text___aVbdd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.TagsFields-module__dropdownLabel___AUP9W.TagsFields-module__dropdownLabelDisabled___hilvh{pointer-events:none;color:#b2b2b2}.TagsFields-module__dropdownLabel___AUP9W.TagsFields-module__dropdownLabelDisabled___hilvh .TagsFields-module__label-tooltip-icon___LEeee{color:#ccc}.TagsFields-module__required___Ybg21{color:#cb282e;font-weight:600}.TagsFields-module__label-tooltip-icon___LEeee{color:#4a4a4a;font-size:16px;cursor:pointer}.TagsFields-module__dropdownWrapper___KxTZl{position:relative;width:100%}.TagsFields-module__dropdown-menu-trigger___2V696{display:inline-block;width:100%}.TagsFields-module__dropdownTrigger___Uj7oY{width:100%;height:32px;padding:6px 8px;background-color:#fff;border:1px solid #cccccc;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:240px;box-sizing:border-box}.TagsFields-module__dropdownTrigger___Uj7oY:hover:not(.TagsFields-module__dropdownTriggerDisabled___54oEi){border-color:#5cb335}.TagsFields-module__dropdownTrigger___Uj7oY:focus{outline:none;border-color:#5cb335}.TagsFields-module__dropdownTrigger___Uj7oY.TagsFields-module__dropdownTriggerOpen___GxZGh{border-color:#5cb335;border-radius:4px}.TagsFields-module__dropdownTrigger___Uj7oY.TagsFields-module__dropdownTriggerDisabled___54oEi{background-color:#f5f5f5;border-color:#ccc;cursor:not-allowed}.TagsFields-module__dropdownTrigger___Uj7oY.TagsFields-module__dropdownTriggerError___ebLzL{border-color:#bf494e}.TagsFields-module__dropdownContent___Wbwmp{display:flex;align-items:center;gap:8px;width:100%;min-height:20px}.TagsFields-module__dropdownSelectedItems___05vxU{flex:1;min-width:0;display:flex;align-items:center;color:#28292c;font-size:14px}.TagsFields-module__selectedItemsList___HISYA{display:flex;flex-wrap:wrap;gap:4px;width:100%}.TagsFields-module__selectedItemsCreatable___Pnf8l{display:flex;align-items:center;gap:4px;flex:1}.TagsFields-module__selectedItemsCreatable___Pnf8l .TagsFields-module__selectedItem___Tp6lp{border-radius:240px;height:20px;padding:0 5px 0 9px}.TagsFields-module__selectedItemsCreatable___Pnf8l .TagsFields-module__selectedItem___Tp6lp .TagsFields-module__selectedItemLabel___SwoJL{color:#3f7b25}.TagsFields-module__selectedItemsCreatable___Pnf8l .TagsFields-module__selectedItem___Tp6lp .TagsFields-module__removeButton___od0yh{border:none;background:none;cursor:pointer;padding:0;margin:0;display:flex;align-items:center}.TagsFields-module__selectedItemsCreatable___Pnf8l .TagsFields-module__selectedItem___Tp6lp .TagsFields-module__removeIcon___2WRCF{font-size:12px;height:12px;width:12px;color:#727272}.TagsFields-module__selectedItemsCreatable___Pnf8l .TagsFields-module__singleSelectedCreatableItem___QwENt{display:flex;justify-content:space-between;align-items:center;flex:1;border-right:solid 1px #cccccc;padding-right:3px}.TagsFields-module__selectedItemsCreatable___Pnf8l .TagsFields-module__singleSelectedCreatableItem___QwENt .TagsFields-module__selectedItemLabel___SwoJL{color:#28292c;font-size:14px}.TagsFields-module__singleSelectedCreatableItemRemoveButton___1PeN7{transform:rotate(45deg)}.TagsFields-module__selectedItem___Tp6lp{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;background-color:#dff0db;border:1px solid #dff0db;border-radius:12px;font-size:12px;color:#4a4a4a;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.TagsFields-module__selectedOptionLabel___HS3B6{color:#28292c;font-size:14px}.TagsFields-module__placeholder___2W2KQ{color:#878787;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.TagsFields-module__dropdownActions___USb5V{display:flex;align-items:center;gap:4px;flex-shrink:0}.TagsFields-module__dropdownArrow___JT9d3{color:#4a4a4a;font-size:16px!important;transition:transform .2s ease}.TagsFields-module__dropdownArrow___JT9d3.TagsFields-module__dropdownArrowOpen___jPfTk{transform:rotate(180deg)}.TagsFields-module__dropdownMenu___gPhtC{background-color:#fff;border:1px solid #cccccc;border-radius:4px;z-index:1000;max-height:300px;overflow:hidden;display:flex;flex-direction:column;width:fit-content;max-width:640px;min-width:80x;box-sizing:border-box;box-shadow:0 0 4px #00000029}.TagsFields-module__dropdown-container-grouped___-Gp5y .TagsFields-module__dropdownMenu___gPhtC{min-width:212px}.TagsFields-module__dropdown-container-multi-select___cf1jL .TagsFields-module__dropdownMenu___gPhtC{min-width:224px}.TagsFields-module__dropdownMenuToolbar___splhW{display:flex;flex-direction:column;gap:16px;padding:8px 12px;border-bottom:1px solid #cccccc}.TagsFields-module__searchContainer___-vZgT{position:relative;display:flex;align-items:center;gap:16px}.TagsFields-module__searchContainer___-vZgT .TagsFields-module__search___Y0X0Q{flex:1}.TagsFields-module__dropdownCreatableSearchContainer___mltcH{min-width:300px;display:flex;align-items:center;flex-wrap:wrap;gap:4px;background:#fff;border:1px solid #cccccc;border-radius:4px;min-height:32px;padding:0 8px}.TagsFields-module__dropdownCreatableSearchContainer___mltcH:focus-within{border-color:#5cb335}.TagsFields-module__dropdownCreatableSearchContainer___mltcH.TagsFields-module__disabled___1OfNF{cursor:not-allowed;opacity:.6}.TagsFields-module__dropdownCreatableError___R6oyD{border-color:#bf494e}.TagsFields-module__creatableInput___qz9jI{flex:1 1 120px;min-width:80px;border:none;outline:none;background:transparent;height:20px;padding:6px 0;color:#28292c;font-size:14px}.TagsFields-module__creatableInput___qz9jI::placeholder{color:#878787}.TagsFields-module__creatableInput___qz9jI:disabled{color:#b2b2b2}.TagsFields-module__searchInput___bQGwy{width:100%;padding:8px 32px 8px 12px;border:1px solid #cccccc;border-radius:4px;font-size:14px;color:#28292c;background-color:#fff}.TagsFields-module__searchInput___bQGwy:focus{outline:none;border-color:#5cb335}.TagsFields-module__searchInput___bQGwy::placeholder{color:#878787}.TagsFields-module__searchIcon___s4MH7{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#4a4a4a;font-size:16px;pointer-events:none}.TagsFields-module__optionsList___qyawx{padding:8px;flex:1;overflow-y:auto;max-height:200px}.TagsFields-module__categoryGroup___In039{display:flex;flex-direction:column}.TagsFields-module__optionsList___qyawx .TagsFields-module__categoryGroup___In039:first-child .TagsFields-module__categoryDivider___eROv0{border-top:none}.TagsFields-module__categoryDivider___eROv0{padding:8px;border-top:1px solid #cccccc;background-color:#fff;display:flex;align-items:center}.TagsFields-module__categoryLabel___Cv2h5{font-size:12px;font-weight:600;color:#727272;text-transform:uppercase;letter-spacing:.5px}.TagsFields-module__optionItem___UujFS{width:100%;padding:8px;border:none;background:none;cursor:pointer;display:flex;align-items:center;transition:background-color .2s ease;text-align:left;font-size:14px;color:#4a4a4a;min-height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;box-sizing:border-box}.TagsFields-module__optionItem___UujFS:hover:not(.TagsFields-module__optionItemDisabled___9gB8N){background-color:#dff0db}.TagsFields-module__optionItem___UujFS:focus{outline:none}.TagsFields-module__optionItem___UujFS.TagsFields-module__optionItemDisabled___9gB8N{color:#b2b2b2;cursor:not-allowed;opacity:.6}.TagsFields-module__optionItem___UujFS.TagsFields-module__optionItemFocused___4rsDt{background-color:#dff0db}.TagsFields-module__optionContent___QSC9G{display:flex;align-items:center;justify-content:space-between;width:100%}.TagsFields-module__optionLabel___N-fQ7{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Roboto,sans-serif!important}.TagsFields-module__tickIcon___3uRY-{color:inherit;font-size:14px;flex-shrink:0;margin-left:8px}.TagsFields-module__creatableIcon___GcZBx{color:inherit;font-size:14px;flex-shrink:0;margin-right:8px}.TagsFields-module__noOptions___ugYj9{padding:8px;text-align:center;color:#878787;font-size:14px;font-style:italic}.TagsFields-module__maxItemsWarning___DPzQI{padding:8px;border-top:1px solid #cccccc;background-color:#f8f9fa;font-size:12px;color:#727272;text-align:center}.TagsFields-module__helpers___ab6f-{display:flex;justify-content:space-between;align-items:center;gap:6px;min-width:0}.TagsFields-module__helpText___Qzdqh{font-size:12px;color:#727272;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.TagsFields-module__helpTextDisabled___m-oFo{color:#b2b2b2}.TagsFields-module__helpLink___JQDmR{color:#0369a3;font-size:12px;font-weight:500;line-height:1;text-decoration:none;flex-shrink:0}.TagsFields-module__helpLink___JQDmR:hover{text-decoration:underline}.TagsFields-module__helpLinkDisabled___Nk1BX{color:#878787}.TagsFields-module__errorMessage___b-ugf{font-size:12px;color:#bf494e;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.TagsFields-module__optionsList___qyawx::-webkit-scrollbar{width:4px}.TagsFields-module__optionsList___qyawx::-webkit-scrollbar-track{background:transparent}.TagsFields-module__optionsList___qyawx::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:240px}.TagsFields-module__optionsList___qyawx::-webkit-scrollbar-thumb:hover{background-color:#878787}.TagsFields-module__optionsList___qyawx::-webkit-scrollbar-thumb:active{background-color:#4a4a4a}.TagsFields-module__selectAllContainer___cUHeb{display:flex;gap:16px;background-color:#fff;justify-content:space-between;align-items:center;padding-bottom:8px}.TagsFields-module__searchContainer___-vZgT:has(+.TagsFields-module__selectAllContainer___cUHeb){border-bottom:none}.TagsFields-module__actionButtons___zRG28{display:flex;justify-content:space-between;gap:8px;padding:12px;border-top:1px solid #cccccc;background-color:#fff}
|
package/dist/assets/Textarea.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.Textarea-module__textareaContainer___O6LaY{width:fit-content;display:grid;grid-template-columns:1fr;row-gap:6px}.Textarea-module__textareaWrapper___Jq9MF{width:fit-content;position:relative;display:flex;flex-direction:column;border:1px solid #cccccc;border-radius:4px}textarea{box-sizing:border-box;background:#fff;border:none;border-radius:4px;outline:none;color:#28292c;font-size:14px;font-family:Roboto,sans-serif;padding:6px 12px}.Textarea-module__textareaWrapper___Jq9MF:focus-within{border-color:#5cb335}.Textarea-module__textareaWrapper___Jq9MF.Textarea-module__errorState___VI29O{border-color:#bf494e}.Textarea-module__disabledState___fiMjr .Textarea-module__label___EjFTD,.Textarea-module__disabledState___fiMjr .Textarea-module__required___HEPGF{color:#b2b2b2}.Textarea-module__disabledState___fiMjr .Textarea-module__label-tooltip-icon___Zsj09{color:#ccc}.Textarea-module__disabledState___fiMjr .Textarea-module__textareaWrapper___Jq9MF{border-color:#ccc;background:#fff}.Textarea-module__disabledState___fiMjr textarea,.Textarea-module__disabledState___fiMjr .Textarea-module__counter___-Q123{color:#b2b2b2}.Textarea-module__disabledState___fiMjr *{cursor:not-allowed;pointer-events:none}.Textarea-module__label___EjFTD{color:#4a4a4a;font-size:14px;line-height:1;font-weight:500;display:flex;align-items:center;gap:4px}.Textarea-module__errorMessage___-WILV{color:#bf494e;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Textarea-module__counter___-Q123{padding-right:8px;padding-bottom:4px;padding-top:4px;align-self:flex-end;color:#727272;font-size:12px}.Textarea-module__required___HEPGF{color:#cb282e}.Textarea-module__label-tooltip-icon___Zsj09{color:#4a4a4a;font-size:16px;cursor:pointer}
|
|
1
|
+
.Textarea-module__textareaContainer___O6LaY{width:fit-content;display:grid;grid-template-columns:1fr;row-gap:6px}.Textarea-module__textareaWrapper___Jq9MF{width:fit-content;position:relative;display:flex;flex-direction:column;border:1px solid #cccccc;border-radius:4px}textarea{box-sizing:border-box;background:#fff;border:none;border-radius:4px;outline:none;color:#28292c;font-size:14px;font-family:Roboto,sans-serif;padding:6px 12px}.Textarea-module__textareaWrapper___Jq9MF:focus-within{border-color:#5cb335}.Textarea-module__textareaWrapper___Jq9MF.Textarea-module__errorState___VI29O{border-color:#bf494e}.Textarea-module__disabledState___fiMjr .Textarea-module__label___EjFTD,.Textarea-module__disabledState___fiMjr .Textarea-module__required___HEPGF{color:#b2b2b2}.Textarea-module__disabledState___fiMjr .Textarea-module__label-tooltip-icon___Zsj09{color:#ccc}.Textarea-module__disabledState___fiMjr .Textarea-module__textareaWrapper___Jq9MF{border-color:#ccc;background:#fff}.Textarea-module__disabledState___fiMjr textarea,.Textarea-module__disabledState___fiMjr .Textarea-module__counter___-Q123{color:#b2b2b2}.Textarea-module__disabledState___fiMjr *{cursor:not-allowed;pointer-events:none}.Textarea-module__label___EjFTD{color:#4a4a4a;font-size:14px;line-height:1.2;font-weight:500;display:flex;align-items:center;gap:4px}.Textarea-module__errorMessage___-WILV{color:#bf494e;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Textarea-module__counter___-Q123{padding-right:8px;padding-bottom:4px;padding-top:4px;align-self:flex-end;color:#727272;font-size:12px}.Textarea-module__required___HEPGF{color:#cb282e}.Textarea-module__label-tooltip-icon___Zsj09{color:#4a4a4a;font-size:16px;cursor:pointer}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as t, jsxs as T } from "react/jsx-runtime";
|
|
2
|
-
import { d as a, i, r as c, g as e, s as n, v as d, f as l } from "../../vi.ClIskdbk-
|
|
2
|
+
import { d as a, i, r as c, g as e, s as n, v as d, f as l } from "../../vi.ClIskdbk-CFW_9sOK.js";
|
|
3
3
|
import o from "./Banner.js";
|
|
4
4
|
a("Banner", () => {
|
|
5
5
|
a("Rendering", () => {
|
|
@@ -11,6 +11,7 @@ export type ButtonProps = {
|
|
|
11
11
|
children?: React.ReactNode;
|
|
12
12
|
className?: string;
|
|
13
13
|
iconClassName?: string;
|
|
14
|
+
tabIndex?: number;
|
|
14
15
|
} & DataAttributes & InteractiveEventHandlers;
|
|
15
16
|
/**
|
|
16
17
|
* A versatile button component that supports different types, variants, sizes, and states.
|
|
@@ -27,4 +28,4 @@ export type ButtonProps = {
|
|
|
27
28
|
* @param {() => void} [props.onClick] - Callback fired when the button is clicked
|
|
28
29
|
* @returns {JSX.Element} The rendered Button component
|
|
29
30
|
*/
|
|
30
|
-
export default function Button({ type, variant, size, icon, disabled, loading, children, className, iconClassName, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
31
|
+
export default function Button({ type, variant, size, icon, disabled, loading, children, className, iconClassName, tabIndex, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as f, jsx as u } from "react/jsx-runtime";
|
|
2
2
|
import { c as a } from "../../clsx-OuTLNxxd.js";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import '../../assets/Button.css';const
|
|
6
|
-
btn:
|
|
3
|
+
import g from "../Spinner/Spinner.js";
|
|
4
|
+
import w from "../Icon/Icon.js";
|
|
5
|
+
import '../../assets/Button.css';const x = "Button-module__btn___daEdK", K = "Button-module__loading___QfItr", t = {
|
|
6
|
+
btn: x,
|
|
7
7
|
"btn-icon": "Button-module__btn-icon___G7m4S",
|
|
8
8
|
"btn-icon-sm": "Button-module__btn-icon-sm___w7eg9",
|
|
9
9
|
"btn-icon-md": "Button-module__btn-icon-md___8Ywy2",
|
|
@@ -16,33 +16,34 @@ import '../../assets/Button.css';const w = "Button-module__btn___daEdK", x = "Bu
|
|
|
16
16
|
"btn-tertiary": "Button-module__btn-tertiary___G-7lD",
|
|
17
17
|
"btn-disabled": "Button-module__btn-disabled___eg1uH",
|
|
18
18
|
"btn-loading": "Button-module__btn-loading___vAg78",
|
|
19
|
-
loading:
|
|
19
|
+
loading: K,
|
|
20
20
|
"btn-sm": "Button-module__btn-sm___KNlkv",
|
|
21
21
|
"btn-md": "Button-module__btn-md___C8vqh",
|
|
22
22
|
"btn-text": "Button-module__btn-text___3ccH9"
|
|
23
23
|
};
|
|
24
|
-
function
|
|
24
|
+
function k({
|
|
25
25
|
type: c,
|
|
26
26
|
variant: i,
|
|
27
27
|
size: o,
|
|
28
28
|
icon: l,
|
|
29
|
-
disabled:
|
|
30
|
-
loading:
|
|
29
|
+
disabled: e = !1,
|
|
30
|
+
loading: b = !1,
|
|
31
31
|
children: d,
|
|
32
32
|
className: r,
|
|
33
33
|
iconClassName: s,
|
|
34
|
+
tabIndex: B = 0,
|
|
34
35
|
..._
|
|
35
36
|
}) {
|
|
36
|
-
const
|
|
37
|
+
const y = (n) => {
|
|
37
38
|
var m;
|
|
38
39
|
(n.key === "Enter" || n.key === " ") && (n.preventDefault(), n.currentTarget.click()), (m = _.onKeyDown) == null || m.call(_, n);
|
|
39
40
|
};
|
|
40
|
-
return /* @__PURE__ */
|
|
41
|
-
!!l && !
|
|
42
|
-
|
|
43
|
-
d && /* @__PURE__ */
|
|
41
|
+
return /* @__PURE__ */ f("button", { tabIndex: e ? -1 : B, type: "button", className: a(t.btn, t[`btn-${c}`], t[`btn-${i}`], t[`btn-${o}`], e && t["btn-disabled"], r), disabled: e || b, onKeyDown: y, ..._, children: [
|
|
42
|
+
!!l && !b && /* @__PURE__ */ u(w, { icon: l, className: a(t["btn-icon"], t[`btn-icon-${o}`], s) }),
|
|
43
|
+
b && /* @__PURE__ */ u(g, { size: o, color: "white", className: t["loading-spinner"] }),
|
|
44
|
+
d && /* @__PURE__ */ u("span", { className: t["btn-text"], children: d })
|
|
44
45
|
] });
|
|
45
46
|
}
|
|
46
47
|
export {
|
|
47
|
-
|
|
48
|
+
k as default
|
|
48
49
|
};
|