diff --git a/change/@fluentui-react-0ca9e2a9-30e4-486e-95c5-58844a317d0a.json b/change/@fluentui-react-0ca9e2a9-30e4-486e-95c5-58844a317d0a.json new file mode 100644 index 0000000000000..4c8e784739887 --- /dev/null +++ b/change/@fluentui-react-0ca9e2a9-30e4-486e-95c5-58844a317d0a.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "fix: Removing 2px margin that Safari adds to all buttons.", + "packageName": "@fluentui/react", + "email": "esteban.230@hotmail.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-experiments/src/components/MicroFeedback/__snapshots__/MicroFeedback.test.tsx.snap b/packages/react-experiments/src/components/MicroFeedback/__snapshots__/MicroFeedback.test.tsx.snap index cd5b0a7965fb2..63094adb9adfe 100644 --- a/packages/react-experiments/src/components/MicroFeedback/__snapshots__/MicroFeedback.test.tsx.snap +++ b/packages/react-experiments/src/components/MicroFeedback/__snapshots__/MicroFeedback.test.tsx.snap @@ -67,6 +67,10 @@ exports[`MicroFeedback renders correctly with inline prop set 1`] = ` font-size: 14px; font-weight: 400; height: 32px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 4px; @@ -195,6 +199,10 @@ exports[`MicroFeedback renders correctly with inline prop set 1`] = ` font-size: 14px; font-weight: 400; height: 32px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 4px; @@ -375,6 +383,10 @@ exports[`MicroFeedback renders correctly with no props 1`] = ` font-size: 14px; font-weight: 400; height: 32px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 4px; @@ -503,6 +515,10 @@ exports[`MicroFeedback renders correctly with no props 1`] = ` font-size: 14px; font-weight: 400; height: 32px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 4px; diff --git a/packages/react-experiments/src/components/Pagination/__snapshots__/Pagination.test.tsx.snap b/packages/react-experiments/src/components/Pagination/__snapshots__/Pagination.test.tsx.snap index ad6c87d4e61d8..5af7b1fef59d2 100644 --- a/packages/react-experiments/src/components/Pagination/__snapshots__/Pagination.test.tsx.snap +++ b/packages/react-experiments/src/components/Pagination/__snapshots__/Pagination.test.tsx.snap @@ -34,6 +34,10 @@ exports[`Pagination render buttons Pagination correctly 1`] = ` font-size: 14px; font-weight: 400; height: 32px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 4px; @@ -163,6 +167,10 @@ exports[`Pagination render buttons Pagination correctly 1`] = ` font-size: 14px; font-weight: 400; height: 32px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 4px; @@ -291,6 +299,10 @@ exports[`Pagination render buttons Pagination correctly 1`] = ` font-size: 14px; font-weight: 400; height: 32px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-height: 32px; min-width: 32px; outline: transparent; @@ -397,6 +409,10 @@ exports[`Pagination render buttons Pagination correctly 1`] = ` font-size: 14px; font-weight: 400; height: 32px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-height: 32px; min-width: 32px; outline: transparent; @@ -503,6 +519,10 @@ exports[`Pagination render buttons Pagination correctly 1`] = ` font-size: 14px; font-weight: 400; height: 32px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-height: 32px; min-width: 32px; outline: transparent; @@ -609,6 +629,10 @@ exports[`Pagination render buttons Pagination correctly 1`] = ` font-size: 14px; font-weight: 400; height: 32px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-height: 32px; min-width: 32px; outline: transparent; @@ -715,6 +739,10 @@ exports[`Pagination render buttons Pagination correctly 1`] = ` font-size: 14px; font-weight: 400; height: 32px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-height: 32px; min-width: 32px; outline: transparent; @@ -819,6 +847,10 @@ exports[`Pagination render buttons Pagination correctly 1`] = ` font-size: 14px; font-weight: 400; height: 32px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 4px; @@ -960,6 +992,10 @@ exports[`Pagination render buttons Pagination correctly 1`] = ` font-size: 14px; font-weight: 400; height: 32px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 4px; @@ -1128,6 +1164,10 @@ exports[`Pagination render comboBox Pagination correctly 1`] = ` font-size: 14px; font-weight: 400; height: 32px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 4px; @@ -1257,6 +1297,10 @@ exports[`Pagination render comboBox Pagination correctly 1`] = ` font-size: 14px; font-weight: 400; height: 32px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 4px; @@ -1605,6 +1649,10 @@ exports[`Pagination render comboBox Pagination correctly 1`] = ` font-weight: 400; height: 100%; line-height: 30px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 4px; @@ -1756,6 +1804,10 @@ exports[`Pagination render comboBox Pagination correctly 1`] = ` font-size: 14px; font-weight: 400; height: 32px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 4px; @@ -1883,6 +1935,10 @@ exports[`Pagination render comboBox Pagination correctly 1`] = ` font-size: 14px; font-weight: 400; height: 32px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 4px; diff --git a/packages/react-experiments/src/components/SelectedItemsList/SelectedPeopleList/__snapshots__/SelectedPeopleList.test.tsx.snap b/packages/react-experiments/src/components/SelectedItemsList/SelectedPeopleList/__snapshots__/SelectedPeopleList.test.tsx.snap index 933beed0b96c6..2db0031b981dc 100644 --- a/packages/react-experiments/src/components/SelectedItemsList/SelectedPeopleList/__snapshots__/SelectedPeopleList.test.tsx.snap +++ b/packages/react-experiments/src/components/SelectedItemsList/SelectedPeopleList/__snapshots__/SelectedPeopleList.test.tsx.snap @@ -72,7 +72,10 @@ Array [ font-size: 14px; font-weight: 400; height: 32px; + margin-bottom: 0px; + margin-left: 0px; margin-right: -17px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 4px; @@ -392,6 +395,10 @@ Array [ font-size: 14px; font-weight: 400; height: 32px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 4px; @@ -580,7 +587,10 @@ Array [ font-size: 14px; font-weight: 400; height: 32px; + margin-bottom: 0px; + margin-left: 0px; margin-right: -17px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 4px; @@ -900,6 +910,10 @@ Array [ font-size: 14px; font-weight: 400; height: 32px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 4px; @@ -1093,7 +1107,10 @@ Array [ font-size: 14px; font-weight: 400; height: 32px; + margin-bottom: 0px; + margin-left: 0px; margin-right: -17px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 4px; @@ -1413,6 +1430,10 @@ Array [ font-size: 14px; font-weight: 400; height: 32px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 4px; @@ -1601,7 +1622,10 @@ Array [ font-size: 14px; font-weight: 400; height: 32px; + margin-bottom: 0px; + margin-left: 0px; margin-right: -17px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 4px; @@ -1921,6 +1945,10 @@ Array [ font-size: 14px; font-weight: 400; height: 32px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 4px; diff --git a/packages/react-experiments/src/components/UnifiedPicker/UnifiedPeoplePicker/__snapshots__/UnifiedPeoplePicker.test.tsx.snap b/packages/react-experiments/src/components/UnifiedPicker/UnifiedPeoplePicker/__snapshots__/UnifiedPeoplePicker.test.tsx.snap index c6b565fe8bab2..9eaedc3c7959d 100644 --- a/packages/react-experiments/src/components/UnifiedPicker/UnifiedPeoplePicker/__snapshots__/UnifiedPeoplePicker.test.tsx.snap +++ b/packages/react-experiments/src/components/UnifiedPicker/UnifiedPeoplePicker/__snapshots__/UnifiedPeoplePicker.test.tsx.snap @@ -298,7 +298,10 @@ exports[`UnifiedPeoplePicker renders correctly with selected and suggested items font-size: 14px; font-weight: 400; height: 32px; + margin-bottom: 0px; + margin-left: 0px; margin-right: -17px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 4px; @@ -808,6 +811,10 @@ exports[`UnifiedPeoplePicker renders correctly with selected and suggested items font-size: 14px; font-weight: 400; height: 32px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 4px; diff --git a/packages/react/src/components/Breadcrumb/__snapshots__/Breadcrumb.test.tsx.snap b/packages/react/src/components/Breadcrumb/__snapshots__/Breadcrumb.test.tsx.snap index 4ad916ae75678..2f0986de63acd 100644 --- a/packages/react/src/components/Breadcrumb/__snapshots__/Breadcrumb.test.tsx.snap +++ b/packages/react/src/components/Breadcrumb/__snapshots__/Breadcrumb.test.tsx.snap @@ -82,6 +82,10 @@ exports[`Breadcrumb rendering renders correctly with custom overflow icon 1`] = font-size: 16px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; overflow: hidden; padding-bottom: 0; @@ -1315,6 +1319,10 @@ exports[`Breadcrumb rendering renders correctly with maxDisplayedItems and overf font-size: 16px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; overflow: hidden; padding-bottom: 0; @@ -1528,6 +1536,10 @@ exports[`Breadcrumb rendering renders correctly with maxDisplayedItems and overf font-size: 16px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; overflow: hidden; padding-bottom: 0; @@ -1741,6 +1753,10 @@ exports[`Breadcrumb rendering renders correctly with overflow 1`] = ` font-size: 16px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; overflow: hidden; padding-bottom: 0; @@ -2242,6 +2258,10 @@ exports[`Breadcrumb rendering renders correctly with overflow and overflowIndex font-size: 16px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; overflow: hidden; padding-bottom: 0; diff --git a/packages/react/src/components/Button/BaseButton.styles.ts b/packages/react/src/components/Button/BaseButton.styles.ts index c97c708f0069a..984a7153b75cf 100644 --- a/packages/react/src/components/Button/BaseButton.styles.ts +++ b/packages/react/src/components/Button/BaseButton.styles.ts @@ -43,15 +43,17 @@ export const getStyles = memoizeFunction( getFocusStyle(theme, { inset: 1, highContrastStyle: buttonHighContrastFocus, borderColor: 'transparent' }), theme.fonts.medium, { - boxSizing: 'border-box', border: '1px solid ' + border, - userSelect: 'none', + borderRadius: effects.roundedCorner2, + boxSizing: 'border-box', + cursor: 'pointer', display: 'inline-block', + // This removes the 2px margin Safari adds to all buttons + margin: 0, + padding: '0 16px', textDecoration: 'none', textAlign: 'center', - cursor: 'pointer', - padding: '0 16px', - borderRadius: effects.roundedCorner2, + userSelect: 'none', selectors: { // IE11 workaround for preventing shift of child elements of a button when active. diff --git a/packages/react/src/components/Button/__snapshots__/Button.deprecated.test.tsx.snap b/packages/react/src/components/Button/__snapshots__/Button.deprecated.test.tsx.snap index f5db96e6937e9..b2302a75cf0e4 100644 --- a/packages/react/src/components/Button/__snapshots__/Button.deprecated.test.tsx.snap +++ b/packages/react/src/components/Button/__snapshots__/Button.deprecated.test.tsx.snap @@ -21,6 +21,10 @@ exports[`Button renders CompoundButton correctly 1`] = ` font-size: 14px; font-weight: 400; height: auto; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; max-width: 280px; min-height: 72px; outline: transparent; diff --git a/packages/react/src/components/Button/__snapshots__/Button.test.tsx.snap b/packages/react/src/components/Button/__snapshots__/Button.test.tsx.snap index 94cf72d0851aa..f73b6b96adddb 100644 --- a/packages/react/src/components/Button/__snapshots__/Button.test.tsx.snap +++ b/packages/react/src/components/Button/__snapshots__/Button.test.tsx.snap @@ -21,6 +21,10 @@ exports[`Button renders ActionButton correctly 1`] = ` font-size: 14px; font-weight: 400; height: 40px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 4px; @@ -141,6 +145,10 @@ exports[`Button renders CommandBarButton correctly 1`] = ` font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 400; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 40px; outline: transparent; padding-bottom: 0; @@ -341,6 +349,10 @@ exports[`Button renders CompoundButton correctly 1`] = ` font-size: 14px; font-weight: 400; height: auto; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; max-width: 280px; min-height: 72px; outline: transparent; @@ -486,6 +498,10 @@ exports[`Button renders DefaultButton correctly 1`] = ` font-size: 14px; font-weight: 400; height: 32px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 80px; outline: transparent; padding-bottom: 0; @@ -601,6 +617,10 @@ exports[`Button renders IconButton correctly 1`] = ` font-size: 14px; font-weight: 400; height: 32px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 4px; @@ -724,6 +744,10 @@ exports[`Button renders a DefaultButton with a keytip correctly 1`] = ` font-size: 14px; font-weight: 400; height: 32px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 80px; outline: transparent; padding-bottom: 0; diff --git a/packages/react/src/components/ComboBox/__snapshots__/ComboBox.test.tsx.snap b/packages/react/src/components/ComboBox/__snapshots__/ComboBox.test.tsx.snap index 9c7e6a7da0e94..271c975d59385 100644 --- a/packages/react/src/components/ComboBox/__snapshots__/ComboBox.test.tsx.snap +++ b/packages/react/src/components/ComboBox/__snapshots__/ComboBox.test.tsx.snap @@ -222,6 +222,10 @@ exports[`ComboBox Renders correctly 1`] = ` font-weight: 400; height: 100%; line-height: 30px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 4px; @@ -554,6 +558,10 @@ exports[`ComboBox Renders correctly when open 1`] = ` font-weight: 400; height: 100%; line-height: 30px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 4px; @@ -823,6 +831,10 @@ exports[`ComboBox Renders correctly when open 1`] = ` font-weight: 400; height: auto; line-height: 20px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-height: 36px; outline: transparent; overflow-wrap: break-word; @@ -978,6 +990,10 @@ exports[`ComboBox Renders correctly when open 1`] = ` font-weight: 400; height: auto; line-height: 20px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-height: 36px; outline: transparent; overflow-wrap: break-word; @@ -1323,6 +1339,10 @@ exports[`ComboBox Renders correctly when opened in multi-select mode 1`] = ` font-weight: 400; height: 100%; line-height: 30px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 4px; @@ -2213,6 +2233,10 @@ exports[`ComboBox renders with a Keytip correctly 1`] = ` font-weight: 400; height: 100%; line-height: 30px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 4px; diff --git a/packages/react/src/components/CommandBar/__snapshots__/CommandBar.deprecated.test.tsx.snap b/packages/react/src/components/CommandBar/__snapshots__/CommandBar.deprecated.test.tsx.snap index d9045fd487c68..b994f1ef2f6d6 100644 --- a/packages/react/src/components/CommandBar/__snapshots__/CommandBar.deprecated.test.tsx.snap +++ b/packages/react/src/components/CommandBar/__snapshots__/CommandBar.deprecated.test.tsx.snap @@ -88,6 +88,10 @@ exports[`CommandBar renders commands correctly 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 40px; outline: transparent; padding-bottom: 0; @@ -232,6 +236,10 @@ exports[`CommandBar renders commands correctly 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 40px; outline: transparent; padding-bottom: 0; diff --git a/packages/react/src/components/CommandBar/__snapshots__/CommandBar.test.tsx.snap b/packages/react/src/components/CommandBar/__snapshots__/CommandBar.test.tsx.snap index e92b52e79a337..fc0def4eeb6e2 100644 --- a/packages/react/src/components/CommandBar/__snapshots__/CommandBar.test.tsx.snap +++ b/packages/react/src/components/CommandBar/__snapshots__/CommandBar.test.tsx.snap @@ -77,6 +77,10 @@ exports[`CommandBar renders commands correctly 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 40px; outline: transparent; padding-bottom: 0; @@ -215,6 +219,10 @@ exports[`CommandBar renders commands correctly 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 40px; outline: transparent; padding-bottom: 0; @@ -408,6 +416,10 @@ exports[`CommandBar renders empty farItems correctly 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 40px; outline: transparent; padding-bottom: 0; @@ -546,6 +558,10 @@ exports[`CommandBar renders empty farItems correctly 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 40px; outline: transparent; padding-bottom: 0; diff --git a/packages/react/src/components/ContextualMenu/__snapshots__/ContextualMenu.test.tsx.snap b/packages/react/src/components/ContextualMenu/__snapshots__/ContextualMenu.test.tsx.snap index a3d6f3eb50e08..c6d976125e6e0 100644 --- a/packages/react/src/components/ContextualMenu/__snapshots__/ContextualMenu.test.tsx.snap +++ b/packages/react/src/components/ContextualMenu/__snapshots__/ContextualMenu.test.tsx.snap @@ -23,6 +23,10 @@ exports[`ContextualMenu ContextualMenu snapshot ContextualMenu should be present font-size: 14px; font-weight: 400; height: 32px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 80px; outline: transparent; padding-bottom: 0; diff --git a/packages/react/src/components/Dialog/__snapshots__/Dialog.deprecated.test.tsx.snap b/packages/react/src/components/Dialog/__snapshots__/Dialog.deprecated.test.tsx.snap index 5fb85a29c4628..8c08ac95ee42a 100644 --- a/packages/react/src/components/Dialog/__snapshots__/Dialog.deprecated.test.tsx.snap +++ b/packages/react/src/components/Dialog/__snapshots__/Dialog.deprecated.test.tsx.snap @@ -891,6 +891,10 @@ exports[`Dialog deprecated props renders Dialog with isBlocking set to true 1`] font-size: 14px; font-weight: 400; height: 32px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 4px; diff --git a/packages/react/src/components/Dropdown/__snapshots__/Dropdown.test.tsx.snap b/packages/react/src/components/Dropdown/__snapshots__/Dropdown.test.tsx.snap index 57363f3077632..dc08e7f266432 100644 --- a/packages/react/src/components/Dropdown/__snapshots__/Dropdown.test.tsx.snap +++ b/packages/react/src/components/Dropdown/__snapshots__/Dropdown.test.tsx.snap @@ -1578,6 +1578,10 @@ exports[`Dropdown single-select Renders correctly when open 1`] = ` font-weight: 400; height: 0px; line-height: 20px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-height: 36px; outline: transparent; overflow-wrap: break-word; @@ -1744,6 +1748,10 @@ exports[`Dropdown single-select Renders correctly when open 1`] = ` font-weight: 400; height: 0px; line-height: 20px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-height: 36px; outline: transparent; overflow-wrap: break-word; diff --git a/packages/react/src/components/Facepile/__snapshots__/Facepile.test.tsx.snap b/packages/react/src/components/Facepile/__snapshots__/Facepile.test.tsx.snap index 2a09573eb3ccc..bd820d2b36741 100644 --- a/packages/react/src/components/Facepile/__snapshots__/Facepile.test.tsx.snap +++ b/packages/react/src/components/Facepile/__snapshots__/Facepile.test.tsx.snap @@ -284,6 +284,10 @@ exports[`Facepile renders Facepile correctly 1`] = ` font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 400; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; padding-bottom: 0px; padding-left: 0px; diff --git a/packages/react/src/components/Nav/__snapshots__/Nav.test.tsx.snap b/packages/react/src/components/Nav/__snapshots__/Nav.test.tsx.snap index 2e4134974cf78..54601a9437e5d 100644 --- a/packages/react/src/components/Nav/__snapshots__/Nav.test.tsx.snap +++ b/packages/react/src/components/Nav/__snapshots__/Nav.test.tsx.snap @@ -187,6 +187,10 @@ exports[`Nav render Nav with overrides correctly 1`] = ` font-weight: 400; height: 44px; line-height: 44px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; overflow: hidden; padding-bottom: 0; @@ -344,6 +348,10 @@ exports[`Nav render Nav with overrides correctly 1`] = ` font-weight: 400; height: 44px; line-height: 44px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; overflow: hidden; padding-bottom: 0; @@ -563,6 +571,10 @@ exports[`Nav renders Nav correctly 1`] = ` font-weight: 400; height: 44px; line-height: 44px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; overflow: hidden; padding-bottom: 0; diff --git a/packages/react/src/components/Panel/__snapshots__/Panel.test.tsx.snap b/packages/react/src/components/Panel/__snapshots__/Panel.test.tsx.snap index fbcbbf4d5a983..7595ec258a706 100644 --- a/packages/react/src/components/Panel/__snapshots__/Panel.test.tsx.snap +++ b/packages/react/src/components/Panel/__snapshots__/Panel.test.tsx.snap @@ -186,7 +186,10 @@ exports[`Panel renders Panel correctly 1`] = ` font-size: 20px; font-weight: 400; height: 32px; + margin-bottom: 0px; + margin-left: 0px; margin-right: 14px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 4px; diff --git a/packages/react/src/components/Pivot/__snapshots__/Pivot.deprecated.test.tsx.snap b/packages/react/src/components/Pivot/__snapshots__/Pivot.deprecated.test.tsx.snap index eb73062fba385..e2510ab9631f0 100644 --- a/packages/react/src/components/Pivot/__snapshots__/Pivot.deprecated.test.tsx.snap +++ b/packages/react/src/components/Pivot/__snapshots__/Pivot.deprecated.test.tsx.snap @@ -58,7 +58,10 @@ exports[`Pivot renders link Pivot correctly 1`] = ` font-weight: 600; height: 44px; line-height: 44px; + margin-bottom: 0px; + margin-left: 0px; margin-right: 8px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 8px; @@ -227,7 +230,10 @@ exports[`Pivot renders link Pivot correctly 1`] = ` font-weight: 400; height: 44px; line-height: 44px; + margin-bottom: 0px; + margin-left: 0px; margin-right: 8px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 8px; diff --git a/packages/react/src/components/Pivot/__snapshots__/Pivot.test.tsx.snap b/packages/react/src/components/Pivot/__snapshots__/Pivot.test.tsx.snap index 26822cd2d0ad3..c33816a28e430 100644 --- a/packages/react/src/components/Pivot/__snapshots__/Pivot.test.tsx.snap +++ b/packages/react/src/components/Pivot/__snapshots__/Pivot.test.tsx.snap @@ -58,7 +58,10 @@ exports[`Pivot renders Pivot correctly when itemCount is a string 1`] = ` font-weight: 600; height: 44px; line-height: 44px; + margin-bottom: 0px; + margin-left: 0px; margin-right: 8px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 8px; @@ -227,7 +230,10 @@ exports[`Pivot renders Pivot correctly when itemCount is a string 1`] = ` font-weight: 400; height: 44px; line-height: 44px; + margin-bottom: 0px; + margin-left: 0px; margin-right: 8px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 8px; @@ -455,7 +461,10 @@ exports[`Pivot renders Pivot correctly with custom className 1`] = ` font-weight: 600; height: 44px; line-height: 44px; + margin-bottom: 0px; + margin-left: 0px; margin-right: 8px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 8px; @@ -624,7 +633,10 @@ exports[`Pivot renders Pivot correctly with custom className 1`] = ` font-weight: 400; height: 44px; line-height: 44px; + margin-bottom: 0px; + margin-left: 0px; margin-right: 8px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 8px; @@ -840,7 +852,10 @@ exports[`Pivot renders Pivot correctly with icon, text and count 1`] = ` font-weight: 600; height: 44px; line-height: 44px; + margin-bottom: 0px; + margin-left: 0px; margin-right: 8px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 8px; @@ -1009,7 +1024,10 @@ exports[`Pivot renders Pivot correctly with icon, text and count 1`] = ` font-weight: 400; height: 44px; line-height: 44px; + margin-bottom: 0px; + margin-left: 0px; margin-right: 8px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 8px; @@ -1182,7 +1200,10 @@ exports[`Pivot renders Pivot correctly with icon, text and count 1`] = ` font-weight: 400; height: 44px; line-height: 44px; + margin-bottom: 0px; + margin-left: 0px; margin-right: 8px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 8px; @@ -1417,7 +1438,10 @@ exports[`Pivot renders Pivot with overflow 1`] = ` font-weight: 600; height: 44px; line-height: 44px; + margin-bottom: 0px; + margin-left: 0px; margin-right: 8px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 8px; @@ -1586,7 +1610,10 @@ exports[`Pivot renders Pivot with overflow 1`] = ` font-weight: 400; height: 44px; line-height: 44px; + margin-bottom: 0px; + margin-left: 0px; margin-right: 8px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 8px; @@ -1751,7 +1778,10 @@ exports[`Pivot renders Pivot with overflow 1`] = ` font-weight: 400; height: 44px; line-height: 44px; + margin-bottom: 0px; + margin-left: 0px; margin-right: 8px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 8px; @@ -1981,7 +2011,10 @@ exports[`Pivot renders large link Pivot correctly 1`] = ` font-weight: 600; height: 44px; line-height: 44px; + margin-bottom: 0px; + margin-left: 0px; margin-right: 8px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 8px; @@ -2150,7 +2183,10 @@ exports[`Pivot renders large link Pivot correctly 1`] = ` font-weight: 400; height: 44px; line-height: 44px; + margin-bottom: 0px; + margin-left: 0px; margin-right: 8px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 8px; @@ -2366,7 +2402,10 @@ exports[`Pivot renders large tabbed Pivot correctly 1`] = ` font-weight: 600; height: 44px; line-height: 44px; + margin-bottom: 0px; + margin-left: 0px; margin-right: 0px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 10px; @@ -2570,7 +2609,10 @@ exports[`Pivot renders large tabbed Pivot correctly 1`] = ` font-weight: 400; height: 44px; line-height: 44px; + margin-bottom: 0px; + margin-left: 0px; margin-right: 0px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 10px; @@ -2819,7 +2861,10 @@ exports[`Pivot renders link Pivot correctly 1`] = ` font-weight: 600; height: 44px; line-height: 44px; + margin-bottom: 0px; + margin-left: 0px; margin-right: 8px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 8px; @@ -2988,7 +3033,10 @@ exports[`Pivot renders link Pivot correctly 1`] = ` font-weight: 400; height: 44px; line-height: 44px; + margin-bottom: 0px; + margin-left: 0px; margin-right: 8px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 8px; @@ -3203,7 +3251,10 @@ exports[`Pivot renders tabbed Pivot correctly 1`] = ` font-weight: 600; height: 44px; line-height: 44px; + margin-bottom: 0px; + margin-left: 0px; margin-right: 0px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 10px; @@ -3407,7 +3458,10 @@ exports[`Pivot renders tabbed Pivot correctly 1`] = ` font-weight: 400; height: 44px; line-height: 44px; + margin-bottom: 0px; + margin-left: 0px; margin-right: 0px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 10px; @@ -3655,7 +3709,10 @@ exports[`Pivot supports JSX expressions 1`] = ` font-weight: 400; height: 44px; line-height: 44px; + margin-bottom: 0px; + margin-left: 0px; margin-right: 8px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 8px; @@ -3817,7 +3874,10 @@ exports[`Pivot supports JSX expressions 1`] = ` font-weight: 600; height: 44px; line-height: 44px; + margin-bottom: 0px; + margin-left: 0px; margin-right: 8px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 8px; diff --git a/packages/react/src/components/SpinButton/__snapshots__/SpinButton.test.tsx.snap b/packages/react/src/components/SpinButton/__snapshots__/SpinButton.test.tsx.snap index 43f9c57708aff..68f8b68500f52 100644 --- a/packages/react/src/components/SpinButton/__snapshots__/SpinButton.test.tsx.snap +++ b/packages/react/src/components/SpinButton/__snapshots__/SpinButton.test.tsx.snap @@ -177,6 +177,10 @@ exports[`SpinButton snapshots renders correctly 1`] = ` font-size: 14px; font-weight: 400; height: 50%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: none; padding-bottom: 0px; padding-left: 0px; @@ -316,6 +320,10 @@ exports[`SpinButton snapshots renders correctly 1`] = ` font-size: 14px; font-weight: 400; height: 50%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: none; padding-bottom: 0px; padding-left: 0px; @@ -620,6 +628,10 @@ exports[`SpinButton snapshots renders correctly with user-provided values 1`] = font-size: 14px; font-weight: 400; height: 50%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: none; padding-bottom: 0px; padding-left: 0px; @@ -759,6 +771,10 @@ exports[`SpinButton snapshots renders correctly with user-provided values 1`] = font-size: 14px; font-weight: 400; height: 50%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: none; padding-bottom: 0px; padding-left: 0px; diff --git a/packages/react/src/components/SwatchColorPicker/__snapshots__/SwatchColorPicker.test.tsx.snap b/packages/react/src/components/SwatchColorPicker/__snapshots__/SwatchColorPicker.test.tsx.snap index 15a54dd7bcc93..e4b49cb101dc5 100644 --- a/packages/react/src/components/SwatchColorPicker/__snapshots__/SwatchColorPicker.test.tsx.snap +++ b/packages/react/src/components/SwatchColorPicker/__snapshots__/SwatchColorPicker.test.tsx.snap @@ -75,6 +75,10 @@ exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = ` font-size: 14px; font-weight: 400; height: 20px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; padding-bottom: 0px; padding-left: 0px; @@ -250,6 +254,10 @@ exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = ` font-size: 14px; font-weight: 400; height: 20px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; padding-bottom: 0px; padding-left: 0px; @@ -425,6 +433,10 @@ exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = ` font-size: 14px; font-weight: 400; height: 20px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; padding-bottom: 0px; padding-left: 0px; @@ -600,6 +612,10 @@ exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = ` font-size: 14px; font-weight: 400; height: 20px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; padding-bottom: 0px; padding-left: 0px; @@ -779,6 +795,10 @@ exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = ` font-size: 14px; font-weight: 400; height: 20px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; padding-bottom: 0px; padding-left: 0px; @@ -954,6 +974,10 @@ exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = ` font-size: 14px; font-weight: 400; height: 20px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; padding-bottom: 0px; padding-left: 0px; @@ -1129,6 +1153,10 @@ exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = ` font-size: 14px; font-weight: 400; height: 20px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; padding-bottom: 0px; padding-left: 0px; @@ -1304,6 +1332,10 @@ exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = ` font-size: 14px; font-weight: 400; height: 20px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; padding-bottom: 0px; padding-left: 0px; @@ -1483,6 +1515,10 @@ exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = ` font-size: 14px; font-weight: 400; height: 20px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; padding-bottom: 0px; padding-left: 0px; @@ -1658,6 +1694,10 @@ exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = ` font-size: 14px; font-weight: 400; height: 20px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; padding-bottom: 0px; padding-left: 0px; @@ -1833,6 +1873,10 @@ exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = ` font-size: 14px; font-weight: 400; height: 20px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; padding-bottom: 1px; padding-left: 1px; @@ -2008,6 +2052,10 @@ exports[`SwatchColorPicker renders SwatchColorPicker correctly 1`] = ` font-size: 14px; font-weight: 400; height: 20px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; padding-bottom: 0px; padding-left: 0px; diff --git a/packages/react/src/components/TeachingBubble/__snapshots__/TeachingBubble.deprecated.test.tsx.snap b/packages/react/src/components/TeachingBubble/__snapshots__/TeachingBubble.deprecated.test.tsx.snap index 101cac2e55008..f407542c5c9e9 100644 --- a/packages/react/src/components/TeachingBubble/__snapshots__/TeachingBubble.deprecated.test.tsx.snap +++ b/packages/react/src/components/TeachingBubble/__snapshots__/TeachingBubble.deprecated.test.tsx.snap @@ -185,6 +185,10 @@ exports[`TeachingBubble renders renders with hasCloseIcon which is deprecated 1` font-size: 14px; font-weight: 400; height: 32px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 80px; outline: transparent; padding-bottom: 0; @@ -338,6 +342,10 @@ exports[`TeachingBubble renders renders with hasCloseIcon which is deprecated 1` font-size: 14px; font-weight: 400; height: 32px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 80px; outline: transparent; padding-bottom: 0; diff --git a/packages/react/src/components/TeachingBubble/__snapshots__/TeachingBubble.test.tsx.snap b/packages/react/src/components/TeachingBubble/__snapshots__/TeachingBubble.test.tsx.snap index d9a82706f1674..695f906eb8e83 100644 --- a/packages/react/src/components/TeachingBubble/__snapshots__/TeachingBubble.test.tsx.snap +++ b/packages/react/src/components/TeachingBubble/__snapshots__/TeachingBubble.test.tsx.snap @@ -467,6 +467,10 @@ exports[`TeachingBubble renders TeachingBubbleContent with buttons correctly 1`] font-size: 14px; font-weight: 400; height: 32px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 80px; outline: transparent; padding-bottom: 0; @@ -620,6 +624,10 @@ exports[`TeachingBubble renders TeachingBubbleContent with buttons correctly 1`] font-size: 14px; font-weight: 400; height: 32px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 80px; outline: transparent; padding-bottom: 0; diff --git a/packages/react/src/components/pickers/PeoplePicker/__snapshots__/PeoplePicker.test.tsx.snap b/packages/react/src/components/pickers/PeoplePicker/__snapshots__/PeoplePicker.test.tsx.snap index 80633ef37b414..e7680f7344eee 100644 --- a/packages/react/src/components/pickers/PeoplePicker/__snapshots__/PeoplePicker.test.tsx.snap +++ b/packages/react/src/components/pickers/PeoplePicker/__snapshots__/PeoplePicker.test.tsx.snap @@ -659,6 +659,10 @@ exports[`PeoplePicker renders correctly with preselected items 1`] = ` font-size: 14px; font-weight: 400; height: 24px; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 4px; diff --git a/packages/react/src/components/pickers/Suggestions/__snapshots__/Suggestions.test.tsx.snap b/packages/react/src/components/pickers/Suggestions/__snapshots__/Suggestions.test.tsx.snap index eb3480c55a45a..ed7fa97a3eed7 100644 --- a/packages/react/src/components/pickers/Suggestions/__snapshots__/Suggestions.test.tsx.snap +++ b/packages/react/src/components/pickers/Suggestions/__snapshots__/Suggestions.test.tsx.snap @@ -72,6 +72,10 @@ exports[`Suggestions renders a list properly 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 0px; outline: transparent; overflow: hidden; @@ -211,6 +215,10 @@ exports[`Suggestions renders a list properly 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 0px; outline: transparent; overflow: hidden; @@ -346,6 +354,10 @@ exports[`Suggestions renders a list properly 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 0px; outline: transparent; overflow: hidden; @@ -481,6 +493,10 @@ exports[`Suggestions renders a list properly 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 0px; outline: transparent; overflow: hidden; @@ -616,6 +632,10 @@ exports[`Suggestions renders a list properly 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 0px; outline: transparent; overflow: hidden; @@ -751,6 +771,10 @@ exports[`Suggestions renders a list properly 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 0px; outline: transparent; overflow: hidden; @@ -886,6 +910,10 @@ exports[`Suggestions renders a list properly 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 0px; outline: transparent; overflow: hidden; @@ -1021,6 +1049,10 @@ exports[`Suggestions renders a list properly 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 0px; outline: transparent; overflow: hidden; @@ -1156,6 +1188,10 @@ exports[`Suggestions renders a list properly 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 0px; outline: transparent; overflow: hidden; @@ -1291,6 +1327,10 @@ exports[`Suggestions renders a list properly 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 0px; outline: transparent; overflow: hidden; @@ -1426,6 +1466,10 @@ exports[`Suggestions renders a list properly 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 0px; outline: transparent; overflow: hidden; @@ -1561,6 +1605,10 @@ exports[`Suggestions renders a list properly 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 0px; outline: transparent; overflow: hidden; @@ -1696,6 +1744,10 @@ exports[`Suggestions renders a list properly 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 0px; outline: transparent; overflow: hidden; @@ -1831,6 +1883,10 @@ exports[`Suggestions renders a list properly 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 0px; outline: transparent; overflow: hidden; @@ -1966,6 +2022,10 @@ exports[`Suggestions renders a list properly 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 0px; outline: transparent; overflow: hidden; @@ -2146,6 +2206,10 @@ exports[`Suggestions renders a list properly with CSS-in-JS styles 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 0px; outline: transparent; overflow: hidden; @@ -2285,6 +2349,10 @@ exports[`Suggestions renders a list properly with CSS-in-JS styles 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 0px; outline: transparent; overflow: hidden; @@ -2420,6 +2488,10 @@ exports[`Suggestions renders a list properly with CSS-in-JS styles 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 0px; outline: transparent; overflow: hidden; @@ -2555,6 +2627,10 @@ exports[`Suggestions renders a list properly with CSS-in-JS styles 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 0px; outline: transparent; overflow: hidden; @@ -2690,6 +2766,10 @@ exports[`Suggestions renders a list properly with CSS-in-JS styles 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 0px; outline: transparent; overflow: hidden; @@ -2825,6 +2905,10 @@ exports[`Suggestions renders a list properly with CSS-in-JS styles 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 0px; outline: transparent; overflow: hidden; @@ -2960,6 +3044,10 @@ exports[`Suggestions renders a list properly with CSS-in-JS styles 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 0px; outline: transparent; overflow: hidden; @@ -3095,6 +3183,10 @@ exports[`Suggestions renders a list properly with CSS-in-JS styles 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 0px; outline: transparent; overflow: hidden; @@ -3230,6 +3322,10 @@ exports[`Suggestions renders a list properly with CSS-in-JS styles 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 0px; outline: transparent; overflow: hidden; @@ -3365,6 +3461,10 @@ exports[`Suggestions renders a list properly with CSS-in-JS styles 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 0px; outline: transparent; overflow: hidden; @@ -3500,6 +3600,10 @@ exports[`Suggestions renders a list properly with CSS-in-JS styles 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 0px; outline: transparent; overflow: hidden; @@ -3635,6 +3739,10 @@ exports[`Suggestions renders a list properly with CSS-in-JS styles 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 0px; outline: transparent; overflow: hidden; @@ -3770,6 +3878,10 @@ exports[`Suggestions renders a list properly with CSS-in-JS styles 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 0px; outline: transparent; overflow: hidden; @@ -3905,6 +4017,10 @@ exports[`Suggestions renders a list properly with CSS-in-JS styles 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 0px; outline: transparent; overflow: hidden; @@ -4040,6 +4156,10 @@ exports[`Suggestions renders a list properly with CSS-in-JS styles 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 0px; outline: transparent; overflow: hidden; @@ -4193,6 +4313,10 @@ exports[`Suggestions scrolls to selected index properly 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 0px; outline: transparent; overflow: hidden; @@ -4328,6 +4452,10 @@ exports[`Suggestions scrolls to selected index properly 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 0px; outline: transparent; overflow: hidden; @@ -4463,6 +4591,10 @@ exports[`Suggestions scrolls to selected index properly 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 0px; outline: transparent; overflow: hidden; @@ -4598,6 +4730,10 @@ exports[`Suggestions scrolls to selected index properly 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 0px; outline: transparent; overflow: hidden; @@ -4733,6 +4869,10 @@ exports[`Suggestions scrolls to selected index properly 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 0px; outline: transparent; overflow: hidden; @@ -4868,6 +5008,10 @@ exports[`Suggestions scrolls to selected index properly 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 0px; outline: transparent; overflow: hidden; @@ -5003,6 +5147,10 @@ exports[`Suggestions scrolls to selected index properly 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 0px; outline: transparent; overflow: hidden; @@ -5138,6 +5286,10 @@ exports[`Suggestions scrolls to selected index properly 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 0px; outline: transparent; overflow: hidden; @@ -5289,6 +5441,10 @@ exports[`Suggestions scrolls to selected index properly 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 0px; outline: transparent; overflow: hidden; @@ -5428,6 +5584,10 @@ exports[`Suggestions scrolls to selected index properly 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 0px; outline: transparent; overflow: hidden; @@ -5563,6 +5723,10 @@ exports[`Suggestions scrolls to selected index properly 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 0px; outline: transparent; overflow: hidden; @@ -5698,6 +5862,10 @@ exports[`Suggestions scrolls to selected index properly 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 0px; outline: transparent; overflow: hidden; @@ -5833,6 +6001,10 @@ exports[`Suggestions scrolls to selected index properly 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 0px; outline: transparent; overflow: hidden; @@ -5968,6 +6140,10 @@ exports[`Suggestions scrolls to selected index properly 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 0px; outline: transparent; overflow: hidden; @@ -6103,6 +6279,10 @@ exports[`Suggestions scrolls to selected index properly 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; min-width: 0px; outline: transparent; overflow: hidden; diff --git a/packages/react/src/components/pickers/TagPicker/__snapshots__/TagItem.test.tsx.snap b/packages/react/src/components/pickers/TagPicker/__snapshots__/TagItem.test.tsx.snap index fb93edb5fb9f0..0f70a5ad0f98d 100644 --- a/packages/react/src/components/pickers/TagPicker/__snapshots__/TagItem.test.tsx.snap +++ b/packages/react/src/components/pickers/TagPicker/__snapshots__/TagItem.test.tsx.snap @@ -97,6 +97,10 @@ exports[`TagItem accepts title override 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 4px; @@ -347,6 +351,10 @@ exports[`TagItem defaults title to item name for non string children 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 4px; @@ -573,6 +581,10 @@ exports[`TagItem renders correctly 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 4px; diff --git a/packages/react/src/components/pickers/TagPicker/__snapshots__/TagPicker.test.tsx.snap b/packages/react/src/components/pickers/TagPicker/__snapshots__/TagPicker.test.tsx.snap index 29877002dc194..37f4d80fda8c4 100644 --- a/packages/react/src/components/pickers/TagPicker/__snapshots__/TagPicker.test.tsx.snap +++ b/packages/react/src/components/pickers/TagPicker/__snapshots__/TagPicker.test.tsx.snap @@ -174,6 +174,10 @@ exports[`TagPicker renders correctly 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 4px; @@ -571,6 +575,10 @@ exports[`TagPicker renders picker with selected item correctly 1`] = ` font-size: 14px; font-weight: 400; height: 100%; + margin-bottom: 0px; + margin-left: 0px; + margin-right: 0px; + margin-top: 0px; outline: transparent; padding-bottom: 0; padding-left: 4px;