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.

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

feat(ListBox): add slug prop to Dropdown, MultiSelect, ComboBox, and Select #15206

Merged
Merged
Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
41 commits
Select commit Hold shift + click to select a range
1f503f4
feat(TextInput): support slug prop
tw15egan Nov 2, 2023
cfe410d
fix(TextInput): add types for slug prop
tw15egan Nov 3, 2023
1544cf9
Merge branch 'main' into slug-implementation-exploration
tw15egan Nov 7, 2023
b3959d3
refactor(Slug): remove old file, move demo to form story
tw15egan Nov 7, 2023
d2f3de5
docs(Storybook): update form story
tw15egan Nov 8, 2023
4a726e3
Merge branch 'main' into slug-implementation-exploration
tw15egan Nov 8, 2023
616915f
feat(NumberInput): add slug to NumberInput
tw15egan Nov 8, 2023
6b7efa4
refactor(NumberInput): remove pseudo elements and use box-shadow
tw15egan Nov 8, 2023
2120c22
style(NumberInput): fix issue with z-index, add invalid styles
tw15egan Nov 8, 2023
bb8fec4
feat(DatePicker): add slug prop to DatePickerInput
tw15egan Nov 9, 2023
995f6cc
feat(TextArea): add slug prop to TextArea
tw15egan Nov 9, 2023
ae1aec4
test(snapshot): update snapshots
tw15egan Nov 9, 2023
4c826be
fix(TextArea): remove console warning
tw15egan Nov 9, 2023
1ff3829
style(Fluid): adjust styles for fluid inputs
tw15egan Nov 9, 2023
577f9c9
Merge branch 'main' into slug-implementation-exploration
tw15egan Nov 9, 2023
8376fb5
docs(Storybook): fix ids
tw15egan Nov 9, 2023
367c646
fix(Slug): adjust positioning, add storybook controls
tw15egan Nov 10, 2023
d519c97
fix(Storybook): add story styles to form example
tw15egan Nov 13, 2023
d8c9808
fix(Slug): adjust positioning when invalid, warning state
tw15egan Nov 13, 2023
6635619
style(Slug): adjust padding when slug is present
tw15egan Nov 13, 2023
4602d24
docs(Storybook): add examples with revert functionality
tw15egan Nov 13, 2023
b2a91a7
Merge branch 'main' into slug-implementation-exploration
tw15egan Nov 14, 2023
1290b80
fix(NumberInput): fix type error
tw15egan Nov 14, 2023
19c7a61
refactor(storybook): adjust stories
tw15egan Nov 14, 2023
116ba5c
feat(Slug): add revertLabel prop
tw15egan Nov 14, 2023
4ac3bf2
Merge branch 'main' into slug-implementation-exploration
tw15egan Nov 14, 2023
27e0387
fix(Undo): replace undo, redo with coreect asset
tw15egan Nov 14, 2023
35925f5
feat(ListBox): add Slug prop to ListBox components
tw15egan Nov 14, 2023
0032999
Merge branch 'main' into slug-implementation-exploration
tw15egan Nov 14, 2023
e5d04c9
fix(Slug): adjust revert positioning, remove margin
tw15egan Nov 14, 2023
15ccaa8
docs(Storybook): rearrange storybook order
tw15egan Nov 15, 2023
7c09728
Merge branch 'slug-implementation-exploration' into dropdown-slug-imp…
tw15egan Nov 15, 2023
b8bb396
Merge branch 'main' into slug-implementation-exploration
tw15egan Nov 15, 2023
aeab814
fix(NumberInput): don't set defaultValue if not provided, remove console
tw15egan Nov 15, 2023
d1af278
Merge branch 'slug-implementation-exploration' into dropdown-slug-imp…
tw15egan Nov 15, 2023
e1878e7
feat(Select): add Slug prop to Select
tw15egan Nov 15, 2023
b82a701
chore(files): add ai-gradient to react package
tw15egan Nov 15, 2023
75ee611
test(snapshot): update snapshots
tw15egan Nov 15, 2023
cf41b6b
Merge branch 'slug-implementation-exploration' into dropdown-slug-imp…
tw15egan Nov 15, 2023
62d4d53
Merge branch 'main' into dropdown-slug-implementation
tw15egan Nov 15, 2023
71d0e33
refactor(Slug): remove aria-hidden
tw15egan Nov 15, 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
Prev Previous commit
Next Next commit
fix(Slug): adjust positioning when invalid, warning state
  • Loading branch information
tw15egan committed Nov 13, 2023
commit d8c9808f7af5cebc130f02a856d60433aa9456b4
10 changes: 10 additions & 0 deletions packages/styles/scss/components/text-area/_text-area.scss
Original file line number Diff line number Diff line change
Expand Up @@ -133,6 +133,16 @@
@include ai-gradient;
}

.#{$prefix}--text-area--invalid:has(~ .#{$prefix}--slug),
.#{$prefix}--text-area--warn:has(~ .#{$prefix}--slug) {
padding-inline-end: $spacing-10;
}

.#{$prefix}--text-area--invalid ~ .#{$prefix}--slug,
.#{$prefix}--text-area--warn ~ .#{$prefix}--slug {
inset-inline-end: $spacing-08;
}

// Skeleton State
.#{$prefix}--text-area.#{$prefix}--skeleton {
@include skeleton;
Expand Down
10 changes: 10 additions & 0 deletions packages/styles/scss/components/text-input/_text-input.scss
Original file line number Diff line number Diff line change
Expand Up @@ -427,6 +427,16 @@
@include ai-gradient;
}

.#{$prefix}--text-input--invalid:has(~ .#{$prefix}--slug),
.#{$prefix}--text-input--warning:has(~ .#{$prefix}--slug) {
padding-inline-end: $spacing-10;
}

.#{$prefix}--text-input--invalid ~ .#{$prefix}--slug,
.#{$prefix}--text-input--warning ~ .#{$prefix}--slug {
inset-inline-end: $spacing-08;
}

// Windows HCM fix
.#{$prefix}--btn.#{$prefix}--btn--icon-only.#{$prefix}--text-input--password__visibility__toggle.#{$prefix}--tooltip__trigger
svg,
Expand Down