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(QTM-714): Migrated Tooltip component to css modules #594

Merged
merged 9 commits into from
Oct 21, 2024
Binary file modified .loki/reference/chrome_iphone7_Accordion_All_Items_Closed.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified .loki/reference/chrome_iphone7_Accordion_Default.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified .loki/reference/chrome_iphone7_Accordion_Last_Item_Opened.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified .loki/reference/chrome_iphone7_Alert_Default.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified .loki/reference/chrome_iphone7_Alert_Default_Without_Close.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified .loki/reference/chrome_iphone7_Alert_Default_Without_Icon.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified .loki/reference/chrome_iphone7_Alert_Skin_Error.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified .loki/reference/chrome_iphone7_Alert_Skin_Primary.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified .loki/reference/chrome_iphone7_Alert_Skin_Success.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified .loki/reference/chrome_iphone7_Alert_Skin_Warning.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified .loki/reference/chrome_iphone7_AutoComplete_Default.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified .loki/reference/chrome_iphone7_AutoComplete_With_Dark.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified .loki/reference/chrome_iphone7_AutoComplete_With_Error.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified .loki/reference/chrome_iphone7_AutoComplete_With_Helper_Text.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified .loki/reference/chrome_iphone7_Avatar_All_Props.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified .loki/reference/chrome_iphone7_Avatar_Text_And_Toggle.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified .loki/reference/chrome_iphone7_Badge_Default.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified .loki/reference/chrome_iphone7_Badge_High_Number.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified .loki/reference/chrome_iphone7_Badge_Inverted.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified .loki/reference/chrome_iphone7_Badge_Skin_Error.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified .loki/reference/chrome_iphone7_Badge_Skin_Primary.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified .loki/reference/chrome_iphone7_Badge_Skin_Secondary.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified .loki/reference/chrome_iphone7_Badge_Skin_Success.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified .loki/reference/chrome_iphone7_Breadcrumbs_Default.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified .loki/reference/chrome_iphone7_Button_Error_Default.png
Binary file modified .loki/reference/chrome_iphone7_Button_Error_Disabled.png
Binary file modified .loki/reference/chrome_iphone7_Button_Error_Stroked.png
Binary file modified .loki/reference/chrome_iphone7_Button_Neutral_Default.png
Binary file modified .loki/reference/chrome_iphone7_Button_Neutral_Disabled.png
Binary file modified .loki/reference/chrome_iphone7_Button_Neutral_Stroked.png
Binary file modified .loki/reference/chrome_iphone7_Button_Primary_Default.png
Binary file modified .loki/reference/chrome_iphone7_Button_Primary_Disabled.png
Binary file modified .loki/reference/chrome_iphone7_Button_Primary_Full.png
Binary file modified .loki/reference/chrome_iphone7_Button_Primary_Icon_Info.png
Binary file modified .loki/reference/chrome_iphone7_Button_Primary_Size_Large.png
Binary file modified .loki/reference/chrome_iphone7_Button_Primary_Size_Small.png
Binary file modified .loki/reference/chrome_iphone7_Button_Primary_Size_X_Large.png
Binary file modified .loki/reference/chrome_iphone7_Button_Primary_Size_X_Small.png
Binary file modified .loki/reference/chrome_iphone7_Button_Primary_Stroked.png
Binary file modified .loki/reference/chrome_iphone7_Button_Secondary_Default.png
Binary file modified .loki/reference/chrome_iphone7_Button_Secondary_Disabled.png
Binary file modified .loki/reference/chrome_iphone7_Button_Secondary_Stroked.png
Binary file modified .loki/reference/chrome_iphone7_Button_Success_Default.png
Binary file modified .loki/reference/chrome_iphone7_Button_Success_Disabled.png
Binary file modified .loki/reference/chrome_iphone7_Button_Success_Stroked.png
Binary file modified .loki/reference/chrome_iphone7_Button_Warning_Default.png
Binary file modified .loki/reference/chrome_iphone7_Button_Warning_Disabled.png
Binary file modified .loki/reference/chrome_iphone7_Button_Warning_Stroked.png
Binary file modified .loki/reference/chrome_iphone7_Button_With_Icon.png
Binary file modified .loki/reference/chrome_iphone7_Card_Advanced.png
Binary file modified .loki/reference/chrome_iphone7_Card_Job_Ad.png
Binary file modified .loki/reference/chrome_iphone7_Card_Simple.png
Binary file modified .loki/reference/chrome_iphone7_Card_Simple_With_Opacity.png
Binary file modified .loki/reference/chrome_iphone7_Carousel_Large_Cards.png
Binary file modified .loki/reference/chrome_iphone7_Carousel_Medium_Cards.png
Binary file modified .loki/reference/chrome_iphone7_ChargeBar_Neutral.png
Binary file modified .loki/reference/chrome_iphone7_ChargeBar_Primary.png
Binary file modified .loki/reference/chrome_iphone7_ChargeBar_Secondary.png
Binary file modified .loki/reference/chrome_iphone7_ChargeBar_Success.png
Binary file modified .loki/reference/chrome_iphone7_Checkbox_Error.png
Binary file modified .loki/reference/chrome_iphone7_Checkbox_Label.png
Binary file modified .loki/reference/chrome_iphone7_Checkbox_Value.png
Binary file modified .loki/reference/chrome_iphone7_Dialog_With_Content.png
Binary file modified .loki/reference/chrome_iphone7_DropdownLight_Default.png
Binary file modified .loki/reference/chrome_iphone7_DropdownLight_Disabled.png
Binary file modified .loki/reference/chrome_iphone7_DropdownLight_Required.png
Binary file modified .loki/reference/chrome_iphone7_DropdownLight_With_Error.png
Binary file modified .loki/reference/chrome_iphone7_DropdownLight_With_Helper_Text.png
Binary file modified .loki/reference/chrome_iphone7_DropdownLight_With_Images.png
Binary file modified .loki/reference/chrome_iphone7_DropdownLight_With_Label.png
Binary file modified .loki/reference/chrome_iphone7_DropdownLight_With_Placeholder.png
Binary file modified .loki/reference/chrome_iphone7_DropdownLight_With_Skin.png
Binary file modified .loki/reference/chrome_iphone7_Dropdown_Autocomplete.png
Binary file modified .loki/reference/chrome_iphone7_Dropdown_Dark.png
Binary file modified .loki/reference/chrome_iphone7_Dropdown_Default.png
Binary file modified .loki/reference/chrome_iphone7_Dropdown_Disabled.png
Binary file modified .loki/reference/chrome_iphone7_Dropdown_Error.png
Binary file modified .loki/reference/chrome_iphone7_Dropdown_Required.png
Binary file modified .loki/reference/chrome_iphone7_Dropdown_With_Images.png
Binary file modified .loki/reference/chrome_iphone7_Grid_Container.png
Binary file modified .loki/reference/chrome_iphone7_Grid_Hide.png
Binary file modified .loki/reference/chrome_iphone7_Grid_Horizontal.png
Binary file modified .loki/reference/chrome_iphone7_Grid_Mobile_Desktop.png
Binary file modified .loki/reference/chrome_iphone7_Grid_No_Gutters.png
Binary file modified .loki/reference/chrome_iphone7_Grid_Offset.png
Binary file modified .loki/reference/chrome_iphone7_Input_Dark_With_Default_Value.png
Binary file modified .loki/reference/chrome_iphone7_Input_Dark_With_Label.png
Binary file modified .loki/reference/chrome_iphone7_Input_Disabled_With_Text.png
Binary file modified .loki/reference/chrome_iphone7_Input_Error.png
Binary file modified .loki/reference/chrome_iphone7_Input_Error_With_Dark_Skin.png
Binary file modified .loki/reference/chrome_iphone7_Input_Helper.png
Binary file modified .loki/reference/chrome_iphone7_Input_Helper_With_Dark_Skin.png
Binary file modified .loki/reference/chrome_iphone7_Input_With_Default_Value.png
Binary file modified .loki/reference/chrome_iphone7_Input_With_Description_Label.png
Binary file modified .loki/reference/chrome_iphone7_Input_With_Label.png
Binary file modified .loki/reference/chrome_iphone7_Input_With_Placeholder.png
Binary file modified .loki/reference/chrome_iphone7_Link_Dark.png
Binary file modified .loki/reference/chrome_iphone7_Link_Dark_Without_Underline.png
Binary file modified .loki/reference/chrome_iphone7_Link_Default.png
Binary file modified .loki/reference/chrome_iphone7_Link_Default_Without_Underline.png
Binary file modified .loki/reference/chrome_iphone7_List_Ordered.png
Binary file modified .loki/reference/chrome_iphone7_List_Ordered_Inline.png
Binary file modified .loki/reference/chrome_iphone7_List_Ordered_With_Icons.png
Binary file modified .loki/reference/chrome_iphone7_List_Unordered.png
Binary file modified .loki/reference/chrome_iphone7_List_Unordered_Inline.png
Binary file modified .loki/reference/chrome_iphone7_List_Unordered_With_Bullets.png
Binary file modified .loki/reference/chrome_iphone7_Menu_Default.png
Binary file modified .loki/reference/chrome_iphone7_Modal_Simple.png
Binary file modified .loki/reference/chrome_iphone7_Modal_Simple_With_Input.png
Binary file modified .loki/reference/chrome_iphone7_Modal_With_Button_Actions.png
Binary file modified .loki/reference/chrome_iphone7_Pagination_Basic.png
Binary file modified .loki/reference/chrome_iphone7_Pagination_Helper_Text.png
Binary file modified .loki/reference/chrome_iphone7_Pagination_Without_Total_Pages.png
Binary file modified .loki/reference/chrome_iphone7_Popover_Error_Bottom.png
Binary file modified .loki/reference/chrome_iphone7_Popover_Error_Left.png
Binary file modified .loki/reference/chrome_iphone7_Popover_Error_Right.png
Binary file modified .loki/reference/chrome_iphone7_Popover_Error_Top.png
Binary file modified .loki/reference/chrome_iphone7_Popover_Neutral_Bottom.png
Binary file modified .loki/reference/chrome_iphone7_Popover_Neutral_Left.png
Binary file modified .loki/reference/chrome_iphone7_Popover_Neutral_Right.png
Binary file modified .loki/reference/chrome_iphone7_Popover_Neutral_Top.png
Binary file modified .loki/reference/chrome_iphone7_Popover_Primary_Bottom.png
Binary file modified .loki/reference/chrome_iphone7_Popover_Primary_Left.png
Binary file modified .loki/reference/chrome_iphone7_Popover_Primary_Right.png
Binary file modified .loki/reference/chrome_iphone7_Popover_Primary_Top.png
Binary file modified .loki/reference/chrome_iphone7_Popover_Success_Bottom.png
Binary file modified .loki/reference/chrome_iphone7_Popover_Success_Left.png
Binary file modified .loki/reference/chrome_iphone7_Popover_Success_Right.png
Binary file modified .loki/reference/chrome_iphone7_Popover_Success_Top.png
Binary file modified .loki/reference/chrome_iphone7_Popover_Warning_Bottom.png
Binary file modified .loki/reference/chrome_iphone7_Popover_Warning_Left.png
Binary file modified .loki/reference/chrome_iphone7_Popover_Warning_Right.png
Binary file modified .loki/reference/chrome_iphone7_Popover_Warning_Top.png
Binary file modified .loki/reference/chrome_iphone7_ProgressBar_Neutral.png
Binary file modified .loki/reference/chrome_iphone7_ProgressBar_Neutral_With_Label.png
Binary file modified .loki/reference/chrome_iphone7_ProgressBar_Primary_With_Label.png
Binary file modified .loki/reference/chrome_iphone7_RadioGroup_Default.png
Binary file modified .loki/reference/chrome_iphone7_RadioGroup_Disabled.png
Binary file modified .loki/reference/chrome_iphone7_RadioGroup_Error.png
Binary file modified .loki/reference/chrome_iphone7_RangeSlider_Default.png
Binary file modified .loki/reference/chrome_iphone7_RangeSlider_Min_Max.png
Binary file modified .loki/reference/chrome_iphone7_RangeSlider_Range.png
Binary file modified .loki/reference/chrome_iphone7_RangeSlider_Tip_Formatter.png
Binary file modified .loki/reference/chrome_iphone7_RangeSlider_With_Marks.png
Binary file modified .loki/reference/chrome_iphone7_Score_Default.png
Binary file modified .loki/reference/chrome_iphone7_Score_With_Skin.png
Binary file modified .loki/reference/chrome_iphone7_Score_Without_Rouded.png
Binary file modified .loki/reference/chrome_iphone7_SnackBar_Default.png
Binary file modified .loki/reference/chrome_iphone7_SnackBar_Error.png
Binary file modified .loki/reference/chrome_iphone7_SnackBar_Error_With_Callback.png
Binary file modified .loki/reference/chrome_iphone7_SnackBar_Primary.png
Binary file modified .loki/reference/chrome_iphone7_SnackBar_Primary_Without_Icon.png
Binary file modified .loki/reference/chrome_iphone7_SnackBar_Success.png
Binary file modified .loki/reference/chrome_iphone7_SnackBar_Success_With_Callback.png
Binary file modified .loki/reference/chrome_iphone7_SnackBar_Warning.png
Binary file modified .loki/reference/chrome_iphone7_SnackBar_Warning_With_Callback.png
Binary file modified .loki/reference/chrome_iphone7_Stepper_Stepper_With_Total_3.png
Binary file modified .loki/reference/chrome_iphone7_Stepper_Stepper_With_Total_4.png
Binary file modified .loki/reference/chrome_iphone7_Stepper_Stepper_With_Total_5.png
Binary file modified .loki/reference/chrome_iphone7_Stepper_Stepper_With_Total_6.png
Binary file modified .loki/reference/chrome_iphone7_TabbedView_Default.png
Binary file modified .loki/reference/chrome_iphone7_TabbedView_Fluid.png
Binary file modified .loki/reference/chrome_iphone7_TabbedView_Primary.png
Binary file modified .loki/reference/chrome_iphone7_Tag_Closable.png
Binary file modified .loki/reference/chrome_iphone7_Tag_Inverted.png
Binary file modified .loki/reference/chrome_iphone7_Tag_Sizes.png
Binary file modified .loki/reference/chrome_iphone7_Tag_Skin.png
Binary file modified .loki/reference/chrome_iphone7_Tag_Stroked.png
Binary file modified .loki/reference/chrome_iphone7_TextArea_Helper_Text.png
Binary file modified .loki/reference/chrome_iphone7_TextArea_Label.png
Binary file modified .loki/reference/chrome_iphone7_TextArea_Label_With_Dark_Skin.png
Binary file modified .loki/reference/chrome_iphone7_TextArea_Placeholder.png
Binary file modified .loki/reference/chrome_iphone7_TextArea_Pre_Valued.png
Binary file modified .loki/reference/chrome_iphone7_TextArea_Required.png
Binary file modified .loki/reference/chrome_iphone7_Tooltip_Bottom.png
Binary file modified .loki/reference/chrome_iphone7_Tooltip_Left.png
Binary file modified .loki/reference/chrome_iphone7_Tooltip_Multiline.png
Binary file modified .loki/reference/chrome_iphone7_Tooltip_Right.png
Binary file modified .loki/reference/chrome_iphone7_Tooltip_Top.png
Binary file modified .loki/reference/chrome_laptop_Alert_Default_Without_Close.png
Binary file modified .loki/reference/chrome_laptop_Alert_Skin_Error.png
Binary file modified .loki/reference/chrome_laptop_Alert_Skin_Warning.png
Binary file modified .loki/reference/chrome_laptop_AutoComplete_With_Error.png
Binary file modified .loki/reference/chrome_laptop_Button_Error_Stroked.png
Binary file modified .loki/reference/chrome_laptop_Button_Secondary_Stroked.png
Binary file modified .loki/reference/chrome_laptop_Button_Success_Stroked.png
Binary file modified .loki/reference/chrome_laptop_Button_Warning_Stroked.png
Binary file modified .loki/reference/chrome_laptop_DropdownLight_Required.png
Binary file modified .loki/reference/chrome_laptop_DropdownLight_With_Error.png
Binary file modified .loki/reference/chrome_laptop_DropdownLight_With_Helper_Text.png
Binary file modified .loki/reference/chrome_laptop_Dropdown_Default.png
Binary file modified .loki/reference/chrome_laptop_Dropdown_Required.png
Binary file modified .loki/reference/chrome_laptop_Input_Disabled_With_Text.png
Binary file modified .loki/reference/chrome_laptop_Pagination_Helper_Text.png
Binary file modified .loki/reference/chrome_laptop_Tag_Stroked.png
Binary file modified .loki/reference/chrome_laptop_TextArea_Helper_Text.png
Binary file modified .loki/reference/chrome_laptop_TextArea_Required.png
1 change: 0 additions & 1 deletion components/Dropdown/Dropdown.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -230,7 +230,6 @@ const Dropdown = ({
text={_buttonLabel}
hasLabel={hasLabel}
id={_id}
autocomplete={autocomplete}
skin={skin}
className={dropdownInputClass}
{...rest}
Expand Down
2 changes: 2 additions & 0 deletions components/Dropdown/__snapshots__/Dropdown.unit.test.jsx.snap
Original file line number Diff line number Diff line change
Expand Up @@ -777,6 +777,7 @@ exports[`Dropdown component should match the snapshot 8`] = `
<input
aria-autocomplete="list"
aria-labelledby="downshift-7-label"
autocomplete="off"
class="TextInput-module__text-input___VCylJ Dropdown-module__dropdown-input___2Gm7H Dropdown-module__dropdown-input-autocomplete___6Jjs5"
id="dropdown-7"
placeholder="Select an option"
Expand Down Expand Up @@ -1949,6 +1950,7 @@ exports[`Dropdown component should match the snapshot with dark skin 8`] = `
<input
aria-autocomplete="list"
aria-labelledby="downshift-19-label"
autocomplete="off"
class="TextInput-module__text-input___VCylJ Dropdown-module__dropdown-input___2Gm7H Dropdown-module__dropdown-input-autocomplete___6Jjs5"
dark="skin"
id="dropdown-19"
Expand Down
18 changes: 7 additions & 11 deletions components/Pagination/Pagination.jsx
Original file line number Diff line number Diff line change
@@ -1,16 +1,11 @@
import { Component } from 'react';
import PropTypes from 'prop-types';
import styled from 'styled-components';

import classNames from 'classnames';
import { Hide } from '../Grid';
import Desktop from './sub-components/Desktop';
import Mobile from './sub-components/Mobile';

const Wrapper = styled.nav`
align-items: center;
display: flex;
justify-content: center;
`;
import styles from './Pagination.module.css';

class Pagination extends Component {
constructor(props) {
Expand All @@ -36,6 +31,7 @@ class Pagination extends Component {
hideLastPagination,
...props
} = this.props;
const wrapperClass = classNames(styles.wrapper);

const handlePageClick = (page) => (e) => {
if (!onPageClick) {
Expand Down Expand Up @@ -76,15 +72,15 @@ class Pagination extends Component {
return (
<>
<Hide xsmall small>
<Wrapper aria-label={ariaLabel} {...props}>
<nav className={wrapperClass} aria-label={ariaLabel} {...props}>
<Desktop {...attributes} />
</Wrapper>
</nav>
</Hide>

<Hide medium large>
<Wrapper aria-label={ariaLabel} {...props}>
<nav className={wrapperClass} aria-label={ariaLabel} {...props}>
<Mobile {...attributes} />
</Wrapper>
</nav>
</Hide>
</>
);
Expand Down
5 changes: 5 additions & 0 deletions components/Pagination/Pagination.module.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
.wrapper {
align-items: center;
display: flex;
justify-content: center;
}
Loading