diff --git a/src/tabs/tests/__snapshots__/Tabs.spec.ts.snap b/src/tabs/tests/__snapshots__/Tabs.spec.ts.snap index b65d52db8..c06b683be 100644 --- a/src/tabs/tests/__snapshots__/Tabs.spec.ts.snap +++ b/src/tabs/tests/__snapshots__/Tabs.spec.ts.snap @@ -1,7 +1,7 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`n-tabs should work with \`size\` prop 1`] = `"--bezier: cubic-bezier(.4, 0, .2, 1); --bar-color: #18a058; --tab-font-size: 14px; --tab-text-color: rgb(31, 34, 37); --tab-text-color-active: #18a058; --tab-text-color-disabled: rgba(194, 194, 194, 1); --tab-text-color-hover: #18a058; --pane-text-color: rgb(51, 54, 57); --tab-border-color: rgb(239, 239, 245); --tab-border-radius: 3px; --close-color: rgba(122, 122, 122, 1); --close-color-hover: rgba(89, 89, 89, 1); --close-color-pressed: rgba(149, 149, 149, 1); --tab-color: rgb(250, 250, 252); --tab-font-weight: 400; --tab-font-weight-active: 400; --tab-padding: 4px 0; --tab-gap: 36px; --pane-padding: 8px 0 0 0;"`; +exports[`n-tabs should work with \`size\` prop 1`] = `"--bezier: cubic-bezier(.4, 0, .2, 1); --color-segment: rgb(247, 247, 250); --bar-color: #18a058; --tab-font-size: 14px; --tab-text-color: rgb(31, 34, 37); --tab-text-color-active: #18a058; --tab-text-color-disabled: rgba(194, 194, 194, 1); --tab-text-color-hover: #18a058; --pane-text-color: rgb(51, 54, 57); --tab-border-color: rgb(239, 239, 245); --tab-border-radius: 3px; --close-color: rgba(122, 122, 122, 1); --close-color-hover: rgba(89, 89, 89, 1); --close-color-pressed: rgba(149, 149, 149, 1); --tab-color: rgb(247, 247, 250); --tab-font-weight: 400; --tab-font-weight-active: 400; --tab-padding: 4px 0; --tab-gap: 36px; --pane-padding: 8px 0 0 0; --font-weight-strong: 500; --tab-color-segment: #FFF;"`; -exports[`n-tabs should work with \`size\` prop 2`] = `"--bezier: cubic-bezier(.4, 0, .2, 1); --bar-color: #18a058; --tab-font-size: 14px; --tab-text-color: rgb(31, 34, 37); --tab-text-color-active: #18a058; --tab-text-color-disabled: rgba(194, 194, 194, 1); --tab-text-color-hover: #18a058; --pane-text-color: rgb(51, 54, 57); --tab-border-color: rgb(239, 239, 245); --tab-border-radius: 3px; --close-color: rgba(122, 122, 122, 1); --close-color-hover: rgba(89, 89, 89, 1); --close-color-pressed: rgba(149, 149, 149, 1); --tab-color: rgb(250, 250, 252); --tab-font-weight: 400; --tab-font-weight-active: 400; --tab-padding: 6px 0; --tab-gap: 36px; --pane-padding: 12px 0 0 0;"`; +exports[`n-tabs should work with \`size\` prop 2`] = `"--bezier: cubic-bezier(.4, 0, .2, 1); --color-segment: rgb(247, 247, 250); --bar-color: #18a058; --tab-font-size: 14px; --tab-text-color: rgb(31, 34, 37); --tab-text-color-active: #18a058; --tab-text-color-disabled: rgba(194, 194, 194, 1); --tab-text-color-hover: #18a058; --pane-text-color: rgb(51, 54, 57); --tab-border-color: rgb(239, 239, 245); --tab-border-radius: 3px; --close-color: rgba(122, 122, 122, 1); --close-color-hover: rgba(89, 89, 89, 1); --close-color-pressed: rgba(149, 149, 149, 1); --tab-color: rgb(247, 247, 250); --tab-font-weight: 400; --tab-font-weight-active: 400; --tab-padding: 6px 0; --tab-gap: 36px; --pane-padding: 12px 0 0 0; --font-weight-strong: 500; --tab-color-segment: #FFF;"`; -exports[`n-tabs should work with \`size\` prop 3`] = `"--bezier: cubic-bezier(.4, 0, .2, 1); --bar-color: #18a058; --tab-font-size: 16px; --tab-text-color: rgb(31, 34, 37); --tab-text-color-active: #18a058; --tab-text-color-disabled: rgba(194, 194, 194, 1); --tab-text-color-hover: #18a058; --pane-text-color: rgb(51, 54, 57); --tab-border-color: rgb(239, 239, 245); --tab-border-radius: 3px; --close-color: rgba(122, 122, 122, 1); --close-color-hover: rgba(89, 89, 89, 1); --close-color-pressed: rgba(149, 149, 149, 1); --tab-color: rgb(250, 250, 252); --tab-font-weight: 400; --tab-font-weight-active: 400; --tab-padding: 10px 0; --tab-gap: 36px; --pane-padding: 16px 0 0 0;"`; +exports[`n-tabs should work with \`size\` prop 3`] = `"--bezier: cubic-bezier(.4, 0, .2, 1); --color-segment: rgb(247, 247, 250); --bar-color: #18a058; --tab-font-size: 16px; --tab-text-color: rgb(31, 34, 37); --tab-text-color-active: #18a058; --tab-text-color-disabled: rgba(194, 194, 194, 1); --tab-text-color-hover: #18a058; --pane-text-color: rgb(51, 54, 57); --tab-border-color: rgb(239, 239, 245); --tab-border-radius: 3px; --close-color: rgba(122, 122, 122, 1); --close-color-hover: rgba(89, 89, 89, 1); --close-color-pressed: rgba(149, 149, 149, 1); --tab-color: rgb(247, 247, 250); --tab-font-weight: 400; --tab-font-weight-active: 400; --tab-padding: 10px 0; --tab-gap: 36px; --pane-padding: 16px 0 0 0; --font-weight-strong: 500; --tab-color-segment: #FFF;"`;