Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Select] Renamed from Dropdown, Style Changes, Stories Updated #194

Closed
wants to merge 14 commits into from
Closed

[Select] Renamed from Dropdown, Style Changes, Stories Updated #194

Show file tree
Hide file tree
Changes from 12 commits
Commits
Show all changes
14 commits
Select commit Hold shift + click to select a range
a0b75fa
style: Indicator Separator of Dropdown is now the proper color
shindigira Oct 5, 2023
76cfa0a
chore: Dropdown passing id to Checkbox, indiciator container same hei…
shindigira Oct 5, 2023
e8db78f
style: Select text is the proper color
shindigira Oct 5, 2023
b6bd998
style: Select -- 2.1875em height
shindigira Oct 5, 2023
2943f6f
style: Select's caret container has the normal border during errors
shindigira Oct 5, 2023
40b19e7
style: Dropdown Option color should be correct
shindigira Oct 5, 2023
b0e2587
style: square caret box
shindigira Oct 5, 2023
a6e9e94
feat: Renamed all references of Dropdown --> Select
shindigira Oct 6, 2023
35c52b5
chore: storybook changes
shindigira Oct 6, 2023
e107d5c
style: fixed error styling
shindigira Oct 6, 2023
f10b75a
chore: fixed Select story state
shindigira Oct 6, 2023
5668b34
chore: story state update
shindigira Oct 6, 2023
b69f65b
chore: removed AsAControlled test
shindigira Oct 13, 2023
b6a9462
fix: Updated Select.tests.tsx
shindigira Oct 13, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
50 changes: 0 additions & 50 deletions src/components/Dropdown/Dropdown.less
View file
Open in desktop

This file was deleted.

220 changes: 0 additions & 220 deletions src/components/Dropdown/Dropdown.stories.tsx
View file
Open in desktop

This file was deleted.

63 changes: 63 additions & 0 deletions src/components/Select/Select.less
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,63 @@
.select-control {
border-radius: 0 !important;
border-width: 1px !important;
width: 100% !important;
border-color: #919395 !important;
min-height: 2.1875em !important; // 35px to match CFPB design
height: 2.1875em !important;
}

.select-control:focus-within {
outline: 1px dotted #0072ce !important;
outline-offset: 2px !important;
}

.select-indicator-separator {
margin-top: 0 !important;
margin-bottom: 0 !important;
background: #919395 !important;
width: 1px !important;
}

.select-indicator-separator__none {
width: 0px !important;
border-left: #919395 1px solid;
}

.select-dropdown-indicator {
background: #e7e8e9 !important;
color: inherit !important;
border-color: inherit !important;
width: 2.1875em !important;
}

.select-single-value {
color: #101820 !important;
}

.select-value-container {
height: 100% !important;
}

.select-value-container,
.select-control--error {
border: none !important;
box-shadow: none !important;
}

.select-value-container--error {
border-style: solid !important;
border-color: #d14124 !important;
border-width: 2px !important;
}

.select-indicators-container {
background-color: #e7e8e9 !important;
height: 100% !important;
overflow: hidden !important;
}

.select-indicators-container--error {
border: 1px solid #919395 !important;
border-left: none !important;
}
Loading