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

v16.9.0 #2213

Merged
merged 12 commits into from
Nov 21, 2023
Merged

v16.9.0 #2213

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
e1c455b
chore: updated dev deps
ArtBlue Oct 24, 2023
b754a24
feat(flags): added flags (#2190)
saiponnada Oct 26, 2023
9a488fa
docs: fix color contrast to improve DX (#2188)
saiponnada Oct 27, 2023
71c9809
feat(listbox): added subtitle to each option (#2193)
agliga Nov 8, 2023
8fc533e
fix(progress-stepper): updated font-size to be default (#2194)
agliga Nov 9, 2023
5262309
chore(combobox): add blue focus indicator (#2207)
agliga Nov 17, 2023
57f4c36
feat(listbox-button): changed default border color (#2199)
agliga Nov 20, 2023
15e308e
feat(toggle-button): add disabled state (#2202)
LuLaValva Nov 20, 2023
01ec102
chore: updated gemfile lock
saiponnada Nov 20, 2023
86b90ad
16.9.0-0
ArtBlue Nov 21, 2023
0c31b7e
chore: updated dev dependencies
saiponnada Nov 21, 2023
5fa5525
fix(storybook): icons not loading
saiponnada Nov 21, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
The table of contents is too big for display.
Diff view
Diff view
  •  
  •  
  •  
1 change: 1 addition & 0 deletions Gemfile.lock
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -267,6 +267,7 @@ GEM

PLATFORMS
arm64-darwin-21
arm64-darwin-22
x86_64-darwin-19
x86_64-darwin-20
x86_64-darwin-22
Expand Down
4 changes: 2 additions & 2 deletions dist/combobox/combobox.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -56,8 +56,9 @@ span.combobox {
border-style: solid;
border-width: 1px;
box-sizing: border-box;
display: inline-flex;
display: inline-grid;
font-family: inherit;
grid-template-columns: auto auto;
justify-content: space-between;
padding: 8px 15px;
width: 100%;
Expand Down Expand Up @@ -197,7 +198,6 @@ span.combobox {
.combobox__control > input:focus {
background-color: var(--combobox-textbox-focus-background-color, var(--color-background-primary));
border-color: var(--combobox-textbox-focus-border-color, var(--color-foreground-primary));
outline: 0;
}
.combobox__control--borderless > input:focus {
border-color: transparent;
Expand Down
8 changes: 8 additions & 0 deletions dist/flag/flag.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
svg.flag {
display: inline-block;
max-height: 48px;
max-width: 64px;
pointer-events: none;
stroke-width: 0;
vertical-align: middle;
}
24 changes: 23 additions & 1 deletion dist/listbox-button/listbox-button.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -44,6 +44,14 @@ button.expand-btn[aria-expanded="true"] ~ div.listbox-button__listbox,
.listbox-button button[aria-invalid="true"] {
border-color: var(--listbox-button-invalid-border-color, var(--color-stroke-attention));
}
.listbox-button button.btn--form {
border-color: var(--listbox-button-border-color, var(--color-stroke-default));
}
.listbox-button button.btn--form:hover,
.listbox-button button.btn--form:focus,
.listbox-button button.btn--form:active {
border-color: inherit;
}
.listbox-button button.expand-btn--borderless,
.listbox-button button.btn--borderless {
background-color: transparent;
Expand Down Expand Up @@ -102,13 +110,21 @@ button.expand-btn[aria-expanded="true"] ~ div.listbox-button__listbox,
div.listbox-button__option[role="option"][aria-selected="true"] svg.icon {
opacity: 1;
}
.listbox-button__description {
color: var(--listbox-button-subtitle-color, var(--color-foreground-secondary));
font-size: var(--font-size-small);
font-weight: normal;
grid-column: 1 2;
grid-row: 2;
}
div.listbox-button__option[role="option"] {
background-color: transparent;
border-style: solid;
border-width: 1px;
box-sizing: border-box;
display: inline-flex;
display: inline-grid;
font-family: inherit;
grid-template-columns: auto auto;
justify-content: space-between;
padding: 8px 15px;
width: 100%;
Expand Down Expand Up @@ -146,6 +162,12 @@ div.listbox-button__option[role="option"]:last-child {
border-bottom-left-radius: var(--listbox-button-listbox-border-radius, var(--border-radius-50));
border-bottom-right-radius: var(--listbox-button-listbox-border-radius, var(--border-radius-50));
}
div.listbox-button__option[role="option"]:disabled .listbox-button__description,
div.listbox-button__option[role="option"][aria-disabled="true"] .listbox-button__description {
color: var(--listbox-option-disabled-foreground-color, var(--color-foreground-disabled));
background-color: unset;
font-weight: unset;
}
div.listbox-button__option--active[role="option"] {
font-weight: bold;
}
Expand Down
16 changes: 15 additions & 1 deletion dist/listbox/listbox.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,13 +18,21 @@ div.listbox__options--fix-width[role="listbox"] {
div.listbox__options--reverse[role="listbox"] {
right: 0;
}
.listbox__description {
color: var(--listbox-button-subtitle-color, var(--color-foreground-secondary));
font-size: var(--font-size-small);
font-weight: normal;
grid-column: 1 2;
grid-row: 2;
}
div.listbox__option[role="option"] {
background-color: transparent;
border-style: solid;
border-width: 1px;
box-sizing: border-box;
display: inline-flex;
display: inline-grid;
font-family: inherit;
grid-template-columns: auto auto;
justify-content: space-between;
padding: 8px 15px;
width: 100%;
Expand Down Expand Up @@ -53,6 +61,12 @@ div.listbox__option[role="option"][aria-disabled="true"] {
background-color: unset;
font-weight: unset;
}
div.listbox__option[role="option"]:disabled .listbox__description,
div.listbox__option[role="option"][aria-disabled="true"] .listbox__description {
color: var(--listbox-option-disabled-foreground-color, var(--color-foreground-disabled));
background-color: unset;
font-weight: unset;
}
span.listbox__value {
overflow: hidden;
text-overflow: ellipsis;
Expand Down
6 changes: 4 additions & 2 deletions dist/menu-button/menu-button.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -45,8 +45,9 @@ div.menu-button__item[role^="menuitem"] {
border-style: solid;
border-width: 1px;
box-sizing: border-box;
display: inline-flex;
display: inline-grid;
font-family: inherit;
grid-template-columns: auto auto;
justify-content: space-between;
padding: 8px 15px;
width: 100%;
Expand Down Expand Up @@ -119,8 +120,9 @@ div.menu-button__item[role^="menuitem"][aria-checked="true"] svg.icon--tick-16 {
border-style: solid;
border-width: 1px;
box-sizing: border-box;
display: inline-flex;
display: inline-grid;
font-family: inherit;
grid-template-columns: auto auto;
justify-content: space-between;
padding: 8px 15px;
width: 100%;
Expand Down
3 changes: 2 additions & 1 deletion dist/menu/menu.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -46,8 +46,9 @@ div.menu__item[role^="menuitem"] {
border-style: solid;
border-width: 1px;
box-sizing: border-box;
display: inline-flex;
display: inline-grid;
font-family: inherit;
grid-template-columns: auto auto;
justify-content: space-between;
padding: 8px 15px;
width: 100%;
Expand Down
12 changes: 2 additions & 10 deletions dist/progress-stepper/progress-stepper.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ hr.progress-stepper__separator {
top: 10px;
}
.progress-stepper__text {
font-size: var(--font-size-small);
font-size: var(--font-size-default);
justify-self: center;
margin-top: 8px;
text-align: center;
Expand All @@ -32,7 +32,7 @@ hr.progress-stepper__separator {
.progress-stepper__text h5,
.progress-stepper__text h6 {
color: var(--progress-stepper-text-color, var(--color-foreground-primary));
font-size: var(--font-size-small);
font-size: var(--font-size-default);
font-weight: normal;
}
.progress-stepper__items--upcoming .progress-stepper__text h2,
Expand Down Expand Up @@ -170,14 +170,6 @@ hr.progress-stepper__separator {
min-width: 120px;
}
.progress-stepper__text {
font-size: var(--font-size-default);
width: 120px;
}
.progress-stepper__text h2,
.progress-stepper__text h3,
.progress-stepper__text h4,
.progress-stepper__text h5,
.progress-stepper__text h6 {
font-size: var(--font-size-default);
}
}
Loading
Loading