Merge pull request #593 from catho/QTM-715

feat(Qtm 715): Migrated to css modules
catho · Oct 21, 2024 · b69051b · b69051b
2 parents 0c79e9f + ebb232f
commit b69051b
Show file tree

Hide file tree

Showing 251 changed files with 1,186 additions and 2,520 deletions.
diff --git a/.loki/reference/chrome_iphone7_Accordion_All_Items_Closed.png b/.loki/reference/chrome_iphone7_Accordion_All_Items_Closed.png
diff --git a/.loki/reference/chrome_iphone7_Accordion_Default.png b/.loki/reference/chrome_iphone7_Accordion_Default.png
diff --git a/.loki/reference/chrome_iphone7_Accordion_First_Item_Opened.png b/.loki/reference/chrome_iphone7_Accordion_First_Item_Opened.png
diff --git a/.loki/reference/chrome_iphone7_Accordion_Last_Item_Opened.png b/.loki/reference/chrome_iphone7_Accordion_Last_Item_Opened.png
diff --git a/.loki/reference/chrome_iphone7_Alert_Default.png b/.loki/reference/chrome_iphone7_Alert_Default.png
diff --git a/.loki/reference/chrome_iphone7_Alert_Default_Without_Close.png b/.loki/reference/chrome_iphone7_Alert_Default_Without_Close.png
diff --git a/.loki/reference/chrome_iphone7_Alert_Default_Without_Icon.png b/.loki/reference/chrome_iphone7_Alert_Default_Without_Icon.png
diff --git a/.loki/reference/chrome_iphone7_Alert_Skin_Error.png b/.loki/reference/chrome_iphone7_Alert_Skin_Error.png
diff --git a/.loki/reference/chrome_iphone7_Alert_Skin_Primary.png b/.loki/reference/chrome_iphone7_Alert_Skin_Primary.png
diff --git a/.loki/reference/chrome_iphone7_Alert_Skin_Success.png b/.loki/reference/chrome_iphone7_Alert_Skin_Success.png
diff --git a/.loki/reference/chrome_iphone7_Alert_Skin_Warning.png b/.loki/reference/chrome_iphone7_Alert_Skin_Warning.png
diff --git a/.loki/reference/chrome_iphone7_AutoComplete_Default.png b/.loki/reference/chrome_iphone7_AutoComplete_Default.png
diff --git a/.loki/reference/chrome_iphone7_AutoComplete_With_Dark.png b/.loki/reference/chrome_iphone7_AutoComplete_With_Dark.png
diff --git a/.loki/reference/chrome_iphone7_AutoComplete_With_Error.png b/.loki/reference/chrome_iphone7_AutoComplete_With_Error.png
diff --git a/.loki/reference/chrome_iphone7_AutoComplete_With_Helper_Text.png b/.loki/reference/chrome_iphone7_AutoComplete_With_Helper_Text.png
diff --git a/.loki/reference/chrome_iphone7_Avatar_All_Props.png b/.loki/reference/chrome_iphone7_Avatar_All_Props.png
diff --git a/.loki/reference/chrome_iphone7_Avatar_Text_And_Toggle.png b/.loki/reference/chrome_iphone7_Avatar_Text_And_Toggle.png
diff --git a/.loki/reference/chrome_iphone7_Badge_Default.png b/.loki/reference/chrome_iphone7_Badge_Default.png
diff --git a/.loki/reference/chrome_iphone7_Badge_High_Number.png b/.loki/reference/chrome_iphone7_Badge_High_Number.png
diff --git a/.loki/reference/chrome_iphone7_Badge_Inverted.png b/.loki/reference/chrome_iphone7_Badge_Inverted.png
diff --git a/.loki/reference/chrome_iphone7_Badge_Skin_Error.png b/.loki/reference/chrome_iphone7_Badge_Skin_Error.png
diff --git a/.loki/reference/chrome_iphone7_Badge_Skin_Primary.png b/.loki/reference/chrome_iphone7_Badge_Skin_Primary.png
diff --git a/.loki/reference/chrome_iphone7_Badge_Skin_Secondary.png b/.loki/reference/chrome_iphone7_Badge_Skin_Secondary.png
diff --git a/.loki/reference/chrome_iphone7_Badge_Skin_Success.png b/.loki/reference/chrome_iphone7_Badge_Skin_Success.png
diff --git a/.loki/reference/chrome_iphone7_Breadcrumbs_Default.png b/.loki/reference/chrome_iphone7_Breadcrumbs_Default.png
diff --git a/.loki/reference/chrome_iphone7_Button_Error_Default.png b/.loki/reference/chrome_iphone7_Button_Error_Default.png
diff --git a/.loki/reference/chrome_iphone7_Button_Error_Disabled.png b/.loki/reference/chrome_iphone7_Button_Error_Disabled.png
diff --git a/.loki/reference/chrome_iphone7_Button_Error_Stroked.png b/.loki/reference/chrome_iphone7_Button_Error_Stroked.png
diff --git a/.loki/reference/chrome_iphone7_Button_Neutral_Default.png b/.loki/reference/chrome_iphone7_Button_Neutral_Default.png
diff --git a/.loki/reference/chrome_iphone7_Button_Neutral_Disabled.png b/.loki/reference/chrome_iphone7_Button_Neutral_Disabled.png
diff --git a/.loki/reference/chrome_iphone7_Button_Neutral_Stroked.png b/.loki/reference/chrome_iphone7_Button_Neutral_Stroked.png
diff --git a/.loki/reference/chrome_iphone7_Button_Primary_Default.png b/.loki/reference/chrome_iphone7_Button_Primary_Default.png
diff --git a/.loki/reference/chrome_iphone7_Button_Primary_Disabled.png b/.loki/reference/chrome_iphone7_Button_Primary_Disabled.png
diff --git a/.loki/reference/chrome_iphone7_Button_Primary_Full.png b/.loki/reference/chrome_iphone7_Button_Primary_Full.png
diff --git a/.loki/reference/chrome_iphone7_Button_Primary_Icon_Info.png b/.loki/reference/chrome_iphone7_Button_Primary_Icon_Info.png
diff --git a/.loki/reference/chrome_iphone7_Button_Primary_Size_Large.png b/.loki/reference/chrome_iphone7_Button_Primary_Size_Large.png
diff --git a/.loki/reference/chrome_iphone7_Button_Primary_Size_Small.png b/.loki/reference/chrome_iphone7_Button_Primary_Size_Small.png
diff --git a/.loki/reference/chrome_iphone7_Button_Primary_Size_X_Large.png b/.loki/reference/chrome_iphone7_Button_Primary_Size_X_Large.png
diff --git a/.loki/reference/chrome_iphone7_Button_Primary_Size_X_Small.png b/.loki/reference/chrome_iphone7_Button_Primary_Size_X_Small.png
diff --git a/.loki/reference/chrome_iphone7_Button_Primary_Stroked.png b/.loki/reference/chrome_iphone7_Button_Primary_Stroked.png
diff --git a/.loki/reference/chrome_iphone7_Button_Secondary_Default.png b/.loki/reference/chrome_iphone7_Button_Secondary_Default.png
diff --git a/.loki/reference/chrome_iphone7_Button_Secondary_Disabled.png b/.loki/reference/chrome_iphone7_Button_Secondary_Disabled.png
diff --git a/.loki/reference/chrome_iphone7_Button_Secondary_Stroked.png b/.loki/reference/chrome_iphone7_Button_Secondary_Stroked.png
diff --git a/.loki/reference/chrome_iphone7_Button_Success_Default.png b/.loki/reference/chrome_iphone7_Button_Success_Default.png
diff --git a/.loki/reference/chrome_iphone7_Button_Success_Disabled.png b/.loki/reference/chrome_iphone7_Button_Success_Disabled.png
diff --git a/.loki/reference/chrome_iphone7_Button_Success_Stroked.png b/.loki/reference/chrome_iphone7_Button_Success_Stroked.png
diff --git a/.loki/reference/chrome_iphone7_Button_Warning_Default.png b/.loki/reference/chrome_iphone7_Button_Warning_Default.png
diff --git a/.loki/reference/chrome_iphone7_Button_Warning_Disabled.png b/.loki/reference/chrome_iphone7_Button_Warning_Disabled.png
diff --git a/.loki/reference/chrome_iphone7_Button_Warning_Stroked.png b/.loki/reference/chrome_iphone7_Button_Warning_Stroked.png
diff --git a/.loki/reference/chrome_iphone7_Button_With_Icon.png b/.loki/reference/chrome_iphone7_Button_With_Icon.png
diff --git a/.loki/reference/chrome_iphone7_Card_Advanced.png b/.loki/reference/chrome_iphone7_Card_Advanced.png
diff --git a/.loki/reference/chrome_iphone7_Card_Job_Ad.png b/.loki/reference/chrome_iphone7_Card_Job_Ad.png
diff --git a/.loki/reference/chrome_iphone7_Card_Simple.png b/.loki/reference/chrome_iphone7_Card_Simple.png
diff --git a/.loki/reference/chrome_iphone7_Card_Simple_With_Opacity.png b/.loki/reference/chrome_iphone7_Card_Simple_With_Opacity.png
diff --git a/.loki/reference/chrome_iphone7_Carousel_Large_Cards.png b/.loki/reference/chrome_iphone7_Carousel_Large_Cards.png
diff --git a/.loki/reference/chrome_iphone7_Carousel_Large_Cards_With_Ellipsis.png b/.loki/reference/chrome_iphone7_Carousel_Large_Cards_With_Ellipsis.png
diff --git a/.loki/reference/chrome_iphone7_Carousel_Medium_Cards.png b/.loki/reference/chrome_iphone7_Carousel_Medium_Cards.png
diff --git a/.loki/reference/chrome_iphone7_Carousel_Medium_Cards_With_Ellipsis.png b/.loki/reference/chrome_iphone7_Carousel_Medium_Cards_With_Ellipsis.png
diff --git a/.loki/reference/chrome_iphone7_Carousel_Medium_Cards_Without_Dots.png b/.loki/reference/chrome_iphone7_Carousel_Medium_Cards_Without_Dots.png
diff --git a/.loki/reference/chrome_iphone7_ChargeBar_Neutral.png b/.loki/reference/chrome_iphone7_ChargeBar_Neutral.png
diff --git a/.loki/reference/chrome_iphone7_ChargeBar_Primary.png b/.loki/reference/chrome_iphone7_ChargeBar_Primary.png
diff --git a/.loki/reference/chrome_iphone7_ChargeBar_Secondary.png b/.loki/reference/chrome_iphone7_ChargeBar_Secondary.png
diff --git a/.loki/reference/chrome_iphone7_ChargeBar_Success.png b/.loki/reference/chrome_iphone7_ChargeBar_Success.png
diff --git a/.loki/reference/chrome_iphone7_Checkbox_Error.png b/.loki/reference/chrome_iphone7_Checkbox_Error.png
diff --git a/.loki/reference/chrome_iphone7_Checkbox_Label.png b/.loki/reference/chrome_iphone7_Checkbox_Label.png
diff --git a/.loki/reference/chrome_iphone7_Checkbox_Value.png b/.loki/reference/chrome_iphone7_Checkbox_Value.png
diff --git a/.loki/reference/chrome_iphone7_Dialog_With_Content.png b/.loki/reference/chrome_iphone7_Dialog_With_Content.png
diff --git a/.loki/reference/chrome_iphone7_DropdownLight_Default.png b/.loki/reference/chrome_iphone7_DropdownLight_Default.png
diff --git a/.loki/reference/chrome_iphone7_DropdownLight_Disabled.png b/.loki/reference/chrome_iphone7_DropdownLight_Disabled.png
diff --git a/.loki/reference/chrome_iphone7_DropdownLight_Required.png b/.loki/reference/chrome_iphone7_DropdownLight_Required.png
diff --git a/.loki/reference/chrome_iphone7_DropdownLight_With_Error.png b/.loki/reference/chrome_iphone7_DropdownLight_With_Error.png
diff --git a/.loki/reference/chrome_iphone7_DropdownLight_With_Helper_Text.png b/.loki/reference/chrome_iphone7_DropdownLight_With_Helper_Text.png
diff --git a/.loki/reference/chrome_iphone7_DropdownLight_With_Helper_Text_And_Error.png b/.loki/reference/chrome_iphone7_DropdownLight_With_Helper_Text_And_Error.png
diff --git a/.loki/reference/chrome_iphone7_DropdownLight_With_Images.png b/.loki/reference/chrome_iphone7_DropdownLight_With_Images.png
diff --git a/.loki/reference/chrome_iphone7_DropdownLight_With_Label.png b/.loki/reference/chrome_iphone7_DropdownLight_With_Label.png
diff --git a/.loki/reference/chrome_iphone7_DropdownLight_With_Placeholder.png b/.loki/reference/chrome_iphone7_DropdownLight_With_Placeholder.png
diff --git a/.loki/reference/chrome_iphone7_DropdownLight_With_Skin.png b/.loki/reference/chrome_iphone7_DropdownLight_With_Skin.png
diff --git a/.loki/reference/chrome_iphone7_Dropdown_Autocomplete.png b/.loki/reference/chrome_iphone7_Dropdown_Autocomplete.png
diff --git a/.loki/reference/chrome_iphone7_Dropdown_Autocomplete_With_Dark_Skin.png b/.loki/reference/chrome_iphone7_Dropdown_Autocomplete_With_Dark_Skin.png
diff --git a/.loki/reference/chrome_iphone7_Dropdown_Dark.png b/.loki/reference/chrome_iphone7_Dropdown_Dark.png
diff --git a/.loki/reference/chrome_iphone7_Dropdown_Default.png b/.loki/reference/chrome_iphone7_Dropdown_Default.png
diff --git a/.loki/reference/chrome_iphone7_Dropdown_Disabled.png b/.loki/reference/chrome_iphone7_Dropdown_Disabled.png
diff --git a/.loki/reference/chrome_iphone7_Dropdown_Disabled_With_Dark_Skin.png b/.loki/reference/chrome_iphone7_Dropdown_Disabled_With_Dark_Skin.png
diff --git a/.loki/reference/chrome_iphone7_Dropdown_Error.png b/.loki/reference/chrome_iphone7_Dropdown_Error.png
diff --git a/.loki/reference/chrome_iphone7_Dropdown_Error_With_Dark_Skin.png b/.loki/reference/chrome_iphone7_Dropdown_Error_With_Dark_Skin.png
diff --git a/.loki/reference/chrome_iphone7_Dropdown_Required.png b/.loki/reference/chrome_iphone7_Dropdown_Required.png
diff --git a/.loki/reference/chrome_iphone7_Dropdown_Required_With_Dark_Skin.png b/.loki/reference/chrome_iphone7_Dropdown_Required_With_Dark_Skin.png
diff --git a/.loki/reference/chrome_iphone7_Dropdown_With_Images.png b/.loki/reference/chrome_iphone7_Dropdown_With_Images.png
diff --git a/.loki/reference/chrome_iphone7_Dropdown_With_Images_And_Dark_Skin.png b/.loki/reference/chrome_iphone7_Dropdown_With_Images_And_Dark_Skin.png
diff --git a/.loki/reference/chrome_iphone7_Grid_Container.png b/.loki/reference/chrome_iphone7_Grid_Container.png
diff --git a/.loki/reference/chrome_iphone7_Grid_Hide.png b/.loki/reference/chrome_iphone7_Grid_Hide.png
diff --git a/.loki/reference/chrome_iphone7_Grid_Horizontal.png b/.loki/reference/chrome_iphone7_Grid_Horizontal.png
diff --git a/.loki/reference/chrome_iphone7_Grid_Mobile_Desktop.png b/.loki/reference/chrome_iphone7_Grid_Mobile_Desktop.png
diff --git a/.loki/reference/chrome_iphone7_Grid_No_Gutters.png b/.loki/reference/chrome_iphone7_Grid_No_Gutters.png
diff --git a/.loki/reference/chrome_iphone7_Grid_Offset.png b/.loki/reference/chrome_iphone7_Grid_Offset.png
diff --git a/.loki/reference/chrome_iphone7_Input_Dark_With_Default_Value.png b/.loki/reference/chrome_iphone7_Input_Dark_With_Default_Value.png
diff --git a/.loki/reference/chrome_iphone7_Input_Dark_With_Label.png b/.loki/reference/chrome_iphone7_Input_Dark_With_Label.png
diff --git a/.loki/reference/chrome_iphone7_Input_Disabled_With_Text.png b/.loki/reference/chrome_iphone7_Input_Disabled_With_Text.png
diff --git a/.loki/reference/chrome_iphone7_Input_Disabled_With_Text_And_With_Dark_Skin.png b/.loki/reference/chrome_iphone7_Input_Disabled_With_Text_And_With_Dark_Skin.png
diff --git a/.loki/reference/chrome_iphone7_Input_Error.png b/.loki/reference/chrome_iphone7_Input_Error.png
diff --git a/.loki/reference/chrome_iphone7_Input_Error_With_Dark_Skin.png b/.loki/reference/chrome_iphone7_Input_Error_With_Dark_Skin.png
diff --git a/.loki/reference/chrome_iphone7_Input_Helper.png b/.loki/reference/chrome_iphone7_Input_Helper.png
diff --git a/.loki/reference/chrome_iphone7_Input_Helper_With_Dark_Skin.png b/.loki/reference/chrome_iphone7_Input_Helper_With_Dark_Skin.png
diff --git a/.loki/reference/chrome_iphone7_Input_With_Default_Value.png b/.loki/reference/chrome_iphone7_Input_With_Default_Value.png
diff --git a/.loki/reference/chrome_iphone7_Input_With_Description_Label.png b/.loki/reference/chrome_iphone7_Input_With_Description_Label.png
diff --git a/.loki/reference/chrome_iphone7_Input_With_Label.png b/.loki/reference/chrome_iphone7_Input_With_Label.png
diff --git a/.loki/reference/chrome_iphone7_Input_With_Placeholder.png b/.loki/reference/chrome_iphone7_Input_With_Placeholder.png
diff --git a/.loki/reference/chrome_iphone7_Input_With_Placeholder_And_With_Dark_Skin.png b/.loki/reference/chrome_iphone7_Input_With_Placeholder_And_With_Dark_Skin.png
diff --git a/.loki/reference/chrome_iphone7_Link_Dark.png b/.loki/reference/chrome_iphone7_Link_Dark.png
diff --git a/.loki/reference/chrome_iphone7_Link_Dark_Without_Underline.png b/.loki/reference/chrome_iphone7_Link_Dark_Without_Underline.png
diff --git a/.loki/reference/chrome_iphone7_Link_Default.png b/.loki/reference/chrome_iphone7_Link_Default.png
diff --git a/.loki/reference/chrome_iphone7_Link_Default_Without_Underline.png b/.loki/reference/chrome_iphone7_Link_Default_Without_Underline.png
diff --git a/.loki/reference/chrome_iphone7_List_Ordered.png b/.loki/reference/chrome_iphone7_List_Ordered.png
diff --git a/.loki/reference/chrome_iphone7_List_Ordered_Inline.png b/.loki/reference/chrome_iphone7_List_Ordered_Inline.png
diff --git a/.loki/reference/chrome_iphone7_List_Ordered_With_Header_And_Subheader.png b/.loki/reference/chrome_iphone7_List_Ordered_With_Header_And_Subheader.png
diff --git a/.loki/reference/chrome_iphone7_List_Ordered_With_Icons.png b/.loki/reference/chrome_iphone7_List_Ordered_With_Icons.png
diff --git a/.loki/reference/chrome_iphone7_List_Unordered.png b/.loki/reference/chrome_iphone7_List_Unordered.png
diff --git a/.loki/reference/chrome_iphone7_List_Unordered_Inline.png b/.loki/reference/chrome_iphone7_List_Unordered_Inline.png
diff --git a/.loki/reference/chrome_iphone7_List_Unordered_With_Bullets.png b/.loki/reference/chrome_iphone7_List_Unordered_With_Bullets.png
diff --git a/.loki/reference/chrome_iphone7_List_Unordered_With_Bullets_And_Icons.png b/.loki/reference/chrome_iphone7_List_Unordered_With_Bullets_And_Icons.png
diff --git a/.loki/reference/chrome_iphone7_List_Unordered_With_Bullets_Divided.png b/.loki/reference/chrome_iphone7_List_Unordered_With_Bullets_Divided.png
diff --git a/.loki/reference/chrome_iphone7_List_Unordered_With_Bullets_Inline.png b/.loki/reference/chrome_iphone7_List_Unordered_With_Bullets_Inline.png
diff --git a/.loki/reference/chrome_iphone7_List_Unordered_With_Header_And_Subheader.png b/.loki/reference/chrome_iphone7_List_Unordered_With_Header_And_Subheader.png
diff --git a/.loki/reference/chrome_iphone7_Menu_Default.png b/.loki/reference/chrome_iphone7_Menu_Default.png
diff --git a/.loki/reference/chrome_iphone7_Modal_Simple.png b/.loki/reference/chrome_iphone7_Modal_Simple.png
diff --git a/.loki/reference/chrome_iphone7_Modal_Simple_With_Input.png b/.loki/reference/chrome_iphone7_Modal_Simple_With_Input.png
diff --git a/.loki/reference/chrome_iphone7_Modal_Simple_With_Small_Title.png b/.loki/reference/chrome_iphone7_Modal_Simple_With_Small_Title.png
diff --git a/.loki/reference/chrome_iphone7_Modal_With_Button_Actions.png b/.loki/reference/chrome_iphone7_Modal_With_Button_Actions.png
diff --git a/.loki/reference/chrome_iphone7_Pagination_Basic.png b/.loki/reference/chrome_iphone7_Pagination_Basic.png
diff --git a/.loki/reference/chrome_iphone7_Pagination_Custom_Previous_And_Next_Buttons.png b/.loki/reference/chrome_iphone7_Pagination_Custom_Previous_And_Next_Buttons.png
diff --git a/.loki/reference/chrome_iphone7_Pagination_Helper_Text.png b/.loki/reference/chrome_iphone7_Pagination_Helper_Text.png
diff --git a/.loki/reference/chrome_iphone7_Pagination_Several_Pages_And_Active.png b/.loki/reference/chrome_iphone7_Pagination_Several_Pages_And_Active.png
diff --git a/.loki/reference/chrome_iphone7_Pagination_Without_Total_Pages.png b/.loki/reference/chrome_iphone7_Pagination_Without_Total_Pages.png
diff --git a/.loki/reference/chrome_iphone7_Popover_Error_Bottom.png b/.loki/reference/chrome_iphone7_Popover_Error_Bottom.png
diff --git a/.loki/reference/chrome_iphone7_Popover_Error_Left.png b/.loki/reference/chrome_iphone7_Popover_Error_Left.png
diff --git a/.loki/reference/chrome_iphone7_Popover_Error_Right.png b/.loki/reference/chrome_iphone7_Popover_Error_Right.png
diff --git a/.loki/reference/chrome_iphone7_Popover_Error_Top.png b/.loki/reference/chrome_iphone7_Popover_Error_Top.png
diff --git a/.loki/reference/chrome_iphone7_Popover_Neutral_Bottom.png b/.loki/reference/chrome_iphone7_Popover_Neutral_Bottom.png
diff --git a/.loki/reference/chrome_iphone7_Popover_Neutral_Left.png b/.loki/reference/chrome_iphone7_Popover_Neutral_Left.png
diff --git a/.loki/reference/chrome_iphone7_Popover_Neutral_Right.png b/.loki/reference/chrome_iphone7_Popover_Neutral_Right.png
diff --git a/.loki/reference/chrome_iphone7_Popover_Neutral_Top.png b/.loki/reference/chrome_iphone7_Popover_Neutral_Top.png
diff --git a/.loki/reference/chrome_iphone7_Popover_Primary_Bottom.png b/.loki/reference/chrome_iphone7_Popover_Primary_Bottom.png
diff --git a/.loki/reference/chrome_iphone7_Popover_Primary_Left.png b/.loki/reference/chrome_iphone7_Popover_Primary_Left.png
diff --git a/.loki/reference/chrome_iphone7_Popover_Primary_Right.png b/.loki/reference/chrome_iphone7_Popover_Primary_Right.png
diff --git a/.loki/reference/chrome_iphone7_Popover_Primary_Top.png b/.loki/reference/chrome_iphone7_Popover_Primary_Top.png
diff --git a/.loki/reference/chrome_iphone7_Popover_Success_Bottom.png b/.loki/reference/chrome_iphone7_Popover_Success_Bottom.png
diff --git a/.loki/reference/chrome_iphone7_Popover_Success_Left.png b/.loki/reference/chrome_iphone7_Popover_Success_Left.png
diff --git a/.loki/reference/chrome_iphone7_Popover_Success_Right.png b/.loki/reference/chrome_iphone7_Popover_Success_Right.png
diff --git a/.loki/reference/chrome_iphone7_Popover_Success_Top.png b/.loki/reference/chrome_iphone7_Popover_Success_Top.png
diff --git a/.loki/reference/chrome_iphone7_Popover_Warning_Bottom.png b/.loki/reference/chrome_iphone7_Popover_Warning_Bottom.png
diff --git a/.loki/reference/chrome_iphone7_Popover_Warning_Left.png b/.loki/reference/chrome_iphone7_Popover_Warning_Left.png
diff --git a/.loki/reference/chrome_iphone7_Popover_Warning_Right.png b/.loki/reference/chrome_iphone7_Popover_Warning_Right.png
diff --git a/.loki/reference/chrome_iphone7_Popover_Warning_Top.png b/.loki/reference/chrome_iphone7_Popover_Warning_Top.png
diff --git a/.loki/reference/chrome_iphone7_ProgressBar_Neutral.png b/.loki/reference/chrome_iphone7_ProgressBar_Neutral.png
diff --git a/.loki/reference/chrome_iphone7_ProgressBar_Neutral_With_Label.png b/.loki/reference/chrome_iphone7_ProgressBar_Neutral_With_Label.png
diff --git a/...erence/chrome_iphone7_ProgressBar_Primary_With_Different_Values_And_Percent.png b/...erence/chrome_iphone7_ProgressBar_Primary_With_Different_Values_And_Percent.png
diff --git a/.loki/reference/chrome_iphone7_ProgressBar_Primary_With_Label.png b/.loki/reference/chrome_iphone7_ProgressBar_Primary_With_Label.png
diff --git a/.loki/reference/chrome_iphone7_ProgressBar_Secondary_With_Label.png b/.loki/reference/chrome_iphone7_ProgressBar_Secondary_With_Label.png
diff --git a/.loki/reference/chrome_iphone7_RadioGroup_Default.png b/.loki/reference/chrome_iphone7_RadioGroup_Default.png
diff --git a/.loki/reference/chrome_iphone7_RadioGroup_Disabled.png b/.loki/reference/chrome_iphone7_RadioGroup_Disabled.png
diff --git a/.loki/reference/chrome_iphone7_RadioGroup_Error.png b/.loki/reference/chrome_iphone7_RadioGroup_Error.png
diff --git a/.loki/reference/chrome_iphone7_RangeSlider_Default.png b/.loki/reference/chrome_iphone7_RangeSlider_Default.png
diff --git a/.loki/reference/chrome_iphone7_RangeSlider_Min_Max.png b/.loki/reference/chrome_iphone7_RangeSlider_Min_Max.png
diff --git a/.loki/reference/chrome_iphone7_RangeSlider_Range.png b/.loki/reference/chrome_iphone7_RangeSlider_Range.png
diff --git a/.loki/reference/chrome_iphone7_RangeSlider_Tip_Formatter.png b/.loki/reference/chrome_iphone7_RangeSlider_Tip_Formatter.png
diff --git a/.loki/reference/chrome_iphone7_RangeSlider_Tip_Formatter_With_Marks.png b/.loki/reference/chrome_iphone7_RangeSlider_Tip_Formatter_With_Marks.png
diff --git a/.loki/reference/chrome_iphone7_RangeSlider_With_Marks.png b/.loki/reference/chrome_iphone7_RangeSlider_With_Marks.png
diff --git a/.loki/reference/chrome_iphone7_Score_Default.png b/.loki/reference/chrome_iphone7_Score_Default.png
diff --git a/.loki/reference/chrome_iphone7_Score_With_Skin.png b/.loki/reference/chrome_iphone7_Score_With_Skin.png
diff --git a/.loki/reference/chrome_iphone7_Score_Without_Rouded.png b/.loki/reference/chrome_iphone7_Score_Without_Rouded.png
diff --git a/.loki/reference/chrome_iphone7_Segmented_control_Dark_Theme_With_3_Items.png b/.loki/reference/chrome_iphone7_Segmented_control_Dark_Theme_With_3_Items.png
diff --git a/...hrome_iphone7_Segmented_control_Dark_Theme_With_3_Items_And_No_Item_Checked.png b/...hrome_iphone7_Segmented_control_Dark_Theme_With_3_Items_And_No_Item_Checked.png
diff --git a/.loki/reference/chrome_iphone7_Segmented_control_Text_With_2_Items.png b/.loki/reference/chrome_iphone7_Segmented_control_Text_With_2_Items.png
diff --git a/.loki/reference/chrome_iphone7_Segmented_control_Text_With_3_Items.png b/.loki/reference/chrome_iphone7_Segmented_control_Text_With_3_Items.png
diff --git a/...ence/chrome_iphone7_Segmented_control_Text_With_3_Items_And_No_Item_Checked.png b/...ence/chrome_iphone7_Segmented_control_Text_With_3_Items_And_No_Item_Checked.png
diff --git a/.loki/reference/chrome_iphone7_SnackBar_Default.png b/.loki/reference/chrome_iphone7_SnackBar_Default.png
diff --git a/.loki/reference/chrome_iphone7_SnackBar_Default_With_Callback.png b/.loki/reference/chrome_iphone7_SnackBar_Default_With_Callback.png
diff --git a/.loki/reference/chrome_iphone7_SnackBar_Error.png b/.loki/reference/chrome_iphone7_SnackBar_Error.png
diff --git a/.loki/reference/chrome_iphone7_SnackBar_Error_With_Callback.png b/.loki/reference/chrome_iphone7_SnackBar_Error_With_Callback.png
diff --git a/.loki/reference/chrome_iphone7_SnackBar_Primary.png b/.loki/reference/chrome_iphone7_SnackBar_Primary.png
diff --git a/.loki/reference/chrome_iphone7_SnackBar_Primary_With_Callback.png b/.loki/reference/chrome_iphone7_SnackBar_Primary_With_Callback.png
diff --git a/.loki/reference/chrome_iphone7_SnackBar_Primary_Without_Icon.png b/.loki/reference/chrome_iphone7_SnackBar_Primary_Without_Icon.png
diff --git a/.loki/reference/chrome_iphone7_SnackBar_Success.png b/.loki/reference/chrome_iphone7_SnackBar_Success.png
diff --git a/.loki/reference/chrome_iphone7_SnackBar_Success_With_Callback.png b/.loki/reference/chrome_iphone7_SnackBar_Success_With_Callback.png
diff --git a/.loki/reference/chrome_iphone7_SnackBar_Warning.png b/.loki/reference/chrome_iphone7_SnackBar_Warning.png
diff --git a/.loki/reference/chrome_iphone7_SnackBar_Warning_With_Callback.png b/.loki/reference/chrome_iphone7_SnackBar_Warning_With_Callback.png
diff --git a/.loki/reference/chrome_iphone7_Stepper_Stepper_With_Total_2.png b/.loki/reference/chrome_iphone7_Stepper_Stepper_With_Total_2.png
diff --git a/.loki/reference/chrome_iphone7_Stepper_Stepper_With_Total_3.png b/.loki/reference/chrome_iphone7_Stepper_Stepper_With_Total_3.png
diff --git a/.loki/reference/chrome_iphone7_Stepper_Stepper_With_Total_4.png b/.loki/reference/chrome_iphone7_Stepper_Stepper_With_Total_4.png
diff --git a/.loki/reference/chrome_iphone7_Stepper_Stepper_With_Total_5.png b/.loki/reference/chrome_iphone7_Stepper_Stepper_With_Total_5.png
diff --git a/.loki/reference/chrome_iphone7_Stepper_Stepper_With_Total_6.png b/.loki/reference/chrome_iphone7_Stepper_Stepper_With_Total_6.png
diff --git a/.loki/reference/chrome_iphone7_TabbedView_Default.png b/.loki/reference/chrome_iphone7_TabbedView_Default.png
diff --git a/.loki/reference/chrome_iphone7_TabbedView_Fluid.png b/.loki/reference/chrome_iphone7_TabbedView_Fluid.png
diff --git a/.loki/reference/chrome_iphone7_TabbedView_Primary.png b/.loki/reference/chrome_iphone7_TabbedView_Primary.png
diff --git a/.loki/reference/chrome_iphone7_Tag_Closable.png b/.loki/reference/chrome_iphone7_Tag_Closable.png
diff --git a/.loki/reference/chrome_iphone7_Tag_Inverted.png b/.loki/reference/chrome_iphone7_Tag_Inverted.png
diff --git a/.loki/reference/chrome_iphone7_Tag_Sizes.png b/.loki/reference/chrome_iphone7_Tag_Sizes.png
diff --git a/.loki/reference/chrome_iphone7_Tag_Skin.png b/.loki/reference/chrome_iphone7_Tag_Skin.png
diff --git a/.loki/reference/chrome_iphone7_Tag_Stroked.png b/.loki/reference/chrome_iphone7_Tag_Stroked.png
diff --git a/.loki/reference/chrome_iphone7_TextArea_Helper_Text.png b/.loki/reference/chrome_iphone7_TextArea_Helper_Text.png
diff --git a/.loki/reference/chrome_iphone7_TextArea_Helper_Text_With_Dark_Skin.png b/.loki/reference/chrome_iphone7_TextArea_Helper_Text_With_Dark_Skin.png
diff --git a/.loki/reference/chrome_iphone7_TextArea_Label.png b/.loki/reference/chrome_iphone7_TextArea_Label.png
diff --git a/.loki/reference/chrome_iphone7_TextArea_Label_With_Dark_Skin.png b/.loki/reference/chrome_iphone7_TextArea_Label_With_Dark_Skin.png
diff --git a/.loki/reference/chrome_iphone7_TextArea_Placeholder.png b/.loki/reference/chrome_iphone7_TextArea_Placeholder.png
diff --git a/.loki/reference/chrome_iphone7_TextArea_Placeholder_With_Dark_Skin.png b/.loki/reference/chrome_iphone7_TextArea_Placeholder_With_Dark_Skin.png
diff --git a/.loki/reference/chrome_iphone7_TextArea_Pre_Valued.png b/.loki/reference/chrome_iphone7_TextArea_Pre_Valued.png
diff --git a/.loki/reference/chrome_iphone7_TextArea_Pre_Valued_With_Dark_Skin.png b/.loki/reference/chrome_iphone7_TextArea_Pre_Valued_With_Dark_Skin.png
diff --git a/.loki/reference/chrome_iphone7_TextArea_Required.png b/.loki/reference/chrome_iphone7_TextArea_Required.png
diff --git a/.loki/reference/chrome_iphone7_TextArea_Required_With_Dark_Skin.png b/.loki/reference/chrome_iphone7_TextArea_Required_With_Dark_Skin.png
diff --git a/.loki/reference/chrome_iphone7_Tooltip_Bottom.png b/.loki/reference/chrome_iphone7_Tooltip_Bottom.png
diff --git a/.loki/reference/chrome_iphone7_Tooltip_Left.png b/.loki/reference/chrome_iphone7_Tooltip_Left.png
diff --git a/.loki/reference/chrome_iphone7_Tooltip_Multiline.png b/.loki/reference/chrome_iphone7_Tooltip_Multiline.png
diff --git a/.loki/reference/chrome_iphone7_Tooltip_Right.png b/.loki/reference/chrome_iphone7_Tooltip_Right.png
diff --git a/.loki/reference/chrome_iphone7_Tooltip_Top.png b/.loki/reference/chrome_iphone7_Tooltip_Top.png
diff --git a/.loki/reference/chrome_laptop_Alert_Default_Without_Close.png b/.loki/reference/chrome_laptop_Alert_Default_Without_Close.png
diff --git a/.loki/reference/chrome_laptop_Alert_Skin_Error.png b/.loki/reference/chrome_laptop_Alert_Skin_Error.png
diff --git a/.loki/reference/chrome_laptop_Alert_Skin_Warning.png b/.loki/reference/chrome_laptop_Alert_Skin_Warning.png
diff --git a/.loki/reference/chrome_laptop_AutoComplete_With_Error.png b/.loki/reference/chrome_laptop_AutoComplete_With_Error.png
diff --git a/.loki/reference/chrome_laptop_Button_Error_Stroked.png b/.loki/reference/chrome_laptop_Button_Error_Stroked.png
diff --git a/.loki/reference/chrome_laptop_Button_Secondary_Stroked.png b/.loki/reference/chrome_laptop_Button_Secondary_Stroked.png
diff --git a/.loki/reference/chrome_laptop_Button_Success_Stroked.png b/.loki/reference/chrome_laptop_Button_Success_Stroked.png
diff --git a/.loki/reference/chrome_laptop_Button_Warning_Stroked.png b/.loki/reference/chrome_laptop_Button_Warning_Stroked.png
diff --git a/.loki/reference/chrome_laptop_DropdownLight_Required.png b/.loki/reference/chrome_laptop_DropdownLight_Required.png
diff --git a/.loki/reference/chrome_laptop_DropdownLight_With_Error.png b/.loki/reference/chrome_laptop_DropdownLight_With_Error.png
diff --git a/.loki/reference/chrome_laptop_DropdownLight_With_Helper_Text.png b/.loki/reference/chrome_laptop_DropdownLight_With_Helper_Text.png
diff --git a/.loki/reference/chrome_laptop_Dropdown_Default.png b/.loki/reference/chrome_laptop_Dropdown_Default.png
diff --git a/.loki/reference/chrome_laptop_Dropdown_Required.png b/.loki/reference/chrome_laptop_Dropdown_Required.png
diff --git a/.loki/reference/chrome_laptop_Input_Disabled_With_Text.png b/.loki/reference/chrome_laptop_Input_Disabled_With_Text.png
diff --git a/.loki/reference/chrome_laptop_Pagination_Custom_Previous_And_Next_Buttons.png b/.loki/reference/chrome_laptop_Pagination_Custom_Previous_And_Next_Buttons.png
diff --git a/.loki/reference/chrome_laptop_Pagination_Helper_Text.png b/.loki/reference/chrome_laptop_Pagination_Helper_Text.png
diff --git a/.loki/reference/chrome_laptop_Tag_Stroked.png b/.loki/reference/chrome_laptop_Tag_Stroked.png
diff --git a/.loki/reference/chrome_laptop_TextArea_Helper_Text.png b/.loki/reference/chrome_laptop_TextArea_Helper_Text.png
diff --git a/.loki/reference/chrome_laptop_TextArea_Required.png b/.loki/reference/chrome_laptop_TextArea_Required.png
diff --git a/components/Pagination/Pagination.jsx b/components/Pagination/Pagination.jsx
@@ -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) {
@@ -36,6 +31,7 @@ class Pagination extends Component {
       hideLastPagination,
       ...props
     } = this.props;
+    const wrapperClass = classNames(styles.wrapper);
 
     const handlePageClick = (page) => (e) => {
       if (!onPageClick) {
@@ -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>
       </>
     );

diff --git a/components/Pagination/Pagination.module.css b/components/Pagination/Pagination.module.css
@@ -0,0 +1,5 @@
+.wrapper {
+    align-items: center;
+    display: flex;
+    justify-content: center;
+}