-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch '0.16.x' into Fix/ButtonAccessibilityError
- Loading branch information
Showing
32 changed files
with
408 additions
and
40 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,5 @@ | ||
| --- | ||
| '@smile/haring-react': minor | ||
| --- | ||
|
|
||
| Accessibility Correction unsupported ARIA attributes |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,5 @@ | ||
| --- | ||
| '@smile/haring-react': minor | ||
| --- | ||
|
|
||
| make corrections to color contrasts |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,5 @@ | ||
| --- | ||
| '@smile/haring-react-table': minor | ||
| --- | ||
|
|
||
| Accessibility corrections to table header text |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,5 @@ | ||
| --- | ||
| '@smile/haring-react': minor | ||
| --- | ||
|
|
||
| correction to dropdownMenu role |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,5 @@ | ||
| --- | ||
| '@smile/haring-react': minor | ||
| --- | ||
|
|
||
| Creating a floating menu |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,5 @@ | ||
| --- | ||
| '@smile/haring-react': minor | ||
| --- | ||
|
|
||
| (accessibility) make corrections in Image/Avatar component |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
6 changes: 5 additions & 1 deletion
6
packages/haring-react/src/Components/DataBadge/DataBadge.stories.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
34 changes: 34 additions & 0 deletions
34
packages/haring-react/src/Components/FloatingMenu/FloatingMenu.mock.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,34 @@ | ||
| export const floatingMenuLabelMock = { | ||
| children: [ | ||
| { | ||
| hasModal: true, | ||
| href: '', | ||
| id: 0, | ||
| text: 'Document', | ||
| }, | ||
| { | ||
| hasModal: false, | ||
| href: 'https://mantine.dev#1', | ||
| id: 1, | ||
| text: 'Favoris ', | ||
| }, | ||
| { | ||
| hasModal: true, | ||
| href: '', | ||
| id: 2, | ||
| text: 'Archives', | ||
| }, | ||
| { | ||
| hasModal: false, | ||
| href: 'https://mantine.dev#2', | ||
| id: 3, | ||
| text: 'Contrats', | ||
| }, | ||
| { | ||
| hasModal: true, | ||
| href: '', | ||
| id: 4, | ||
| text: 'Aide', | ||
| }, | ||
| ], | ||
| }; |
175 changes: 175 additions & 0 deletions
175
packages/haring-react/src/Components/FloatingMenu/FloatingMenu.module.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,175 @@ | ||
| .isOpened { | ||
| position: relative; | ||
| justify-content: center; | ||
| align-items: center; | ||
| color: white; | ||
| background-color: var(--mantine-color-cyan-9); | ||
|
|
||
| .floatingMenuLabel { | ||
| display: block; | ||
| color: #fff; | ||
| } | ||
|
|
||
| .floatingMenuButton { | ||
| color: #fff; | ||
| } | ||
| /* noinspection CssInvalidAtRule */ | ||
| @mixin larger-than $mantine-breakpoint-xs { | ||
| align-items: flex-start; | ||
| border-radius: 28px 0px 0px 28px; | ||
|
|
||
| svg { | ||
| flex: 1 0 25px; | ||
| } | ||
| } | ||
| } | ||
| .floatingMenuContainer { | ||
| position: fixed; | ||
| bottom: 0; | ||
| justify-content: space-around; | ||
| align-items: self-start; | ||
| flex-direction: row; | ||
| background-color: white; | ||
| width: 100%; | ||
| z-index: 190; | ||
|
|
||
| /*noinspection CssInvalidAtRule*/ | ||
| @mixin larger-than $mantine-breakpoint-xs { | ||
| justify-content: space-evenly; | ||
| flex-direction: column; | ||
| top: 50%; | ||
| width: 56px; | ||
| height: max-content; | ||
| box-shadow: -6px 6px 7px 3px #00000008; | ||
| transform: translateY(-50%); | ||
| gap: 5px; | ||
| } | ||
| } | ||
| @mixin larger-than $mantine-breakpoint-xs { | ||
| .left { | ||
| left: 0; | ||
| border-radius: 0px 8px 8px 0px; | ||
| .floatingMenuItem { | ||
| left: calc(-138px + 56px); | ||
| transition: left 0.3s ease; | ||
| } | ||
|
|
||
| .floatingMenuItem { | ||
| justify-content: flex-end; | ||
| align-items: center; | ||
|
|
||
| &:hover, | ||
| &.isOpened { | ||
| justify-content: flex-start; | ||
| border-radius: 0px 28px 28px 0px; | ||
| left: 0; | ||
|
|
||
| .floatingMenuLabel { | ||
| display: block; | ||
| color: #fff; | ||
| } | ||
|
|
||
| .floatingMenuButton { | ||
| color: #fff; | ||
| } | ||
| } | ||
| } | ||
|
|
||
| .floatingMenuButton { | ||
| span { | ||
| justify-content: flex-start; | ||
| flex-direction: row-reverse; | ||
| } | ||
| } | ||
| } | ||
|
|
||
| .right { | ||
| right: 0; | ||
| border-radius: 8px 0px 0px 8px; | ||
|
|
||
| .floatingMenuItem { | ||
| right: 0; | ||
| transition: right 0.3s ease; | ||
|
|
||
| &:hover, | ||
| &.isOpened { | ||
| flex-direction: column; | ||
| border-radius: 28px 0px 0px 28px; | ||
| right: calc(138px - 56px); | ||
|
|
||
| .floatingMenuLabel { | ||
| display: block; | ||
| color: #fff; | ||
| } | ||
|
|
||
| .floatingMenuButton { | ||
| color: #fff; | ||
| } | ||
| } | ||
| } | ||
| } | ||
| } | ||
| .floatingMenuItem { | ||
| position: relative; | ||
| padding: 10px 5px; | ||
| justify-content: space-between; | ||
| height: 100%; | ||
|
|
||
| span { | ||
| flex-direction: column; | ||
| max-width: 84px; | ||
| justify-content: flex-start; | ||
| align-items: center; | ||
| text-align: center; | ||
| gap: 5px; | ||
| } | ||
|
|
||
| &:hover { | ||
| position: relative; | ||
| justify-content: center; | ||
| align-items: center; | ||
| color: white; | ||
| background-color: var(--mantine-color-cyan-9); | ||
|
|
||
| /*noinspection CssInvalidAtRule*/ | ||
| @mixin larger-than $mantine-breakpoint-xs { | ||
| align-items: flex-start; | ||
| border-radius: 28px 0px 0px 28px; | ||
|
|
||
| svg { | ||
| flex: 1 0 25px; | ||
| } | ||
| } | ||
| } | ||
| /*noinspection CssInvalidAtRule*/ | ||
| @mixin larger-than $mantine-breakpoint-xs { | ||
| width: 138px; | ||
| padding: 0 15px; | ||
| height: 56px; | ||
|
|
||
| span { | ||
| flex-direction: row; | ||
| max-width: 100%; | ||
| gap: 0; | ||
| } | ||
| } | ||
| } | ||
|
|
||
| .floatingMenuButton { | ||
| width: 100%; | ||
| height: 100%; | ||
| border-radius: 0; | ||
| color: var(--mantine-color-dark-6); | ||
|
|
||
| @mixin larger-than $mantine-breakpoint-xs { | ||
| height: 59px; | ||
| align-items: flex-start; | ||
| border-radius: 28px 0px 0px 28px; | ||
| } | ||
| } | ||
|
|
||
| .floatingMenuLabel { | ||
| @mixin larger-than $mantine-breakpoint-xs { | ||
| display: none; | ||
| } | ||
| } |
Oops, something went wrong.