@primer/react 37.28.0 → 37.28.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @primer/react
2
2
 
3
+ ## 37.28.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`1d3aba0`](https://github.com/primer/react/commit/1d3aba0b1f93a880cc274e53d025ea2287b9fcd9) Thanks [@jonrohan](https://github.com/jonrohan)! - Fixing an issue where hovering the TabNav will give the tabs outlines.
8
+
3
9
  ## 37.28.0
4
10
 
5
11
  ### Minor Changes
@@ -0,0 +1,2 @@
1
+ .prc-TabNav-TabNavTabList-0QtIV{display:flex;margin-bottom:-1px;overflow:auto}.prc-TabNav-TabNavNav-rTAFO{border-bottom:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default));margin-top:0}.prc-TabNav-TabNavLink-jXRq9{background-color:transparent;border:var(--borderWidth-thin,.0625rem) solid transparent;border-bottom:0;font-size:var(--text-body-size-medium,.875rem);line-height:20px;padding:var(--base-size-8,.5rem) var(--base-size-12,.75rem)}.prc-TabNav-TabNavLink-jXRq9,.prc-TabNav-TabNavLink-jXRq9:hover{color:var(--fgColor-default,var(--color-fg-default))}.prc-TabNav-TabNavLink-jXRq9,.prc-TabNav-TabNavLink-jXRq9:focus,.prc-TabNav-TabNavLink-jXRq9:hover{-webkit-text-decoration:none;text-decoration:none}.prc-TabNav-TabNavLink-jXRq9:focus{box-shadow:none;outline:2px solid var(--focus-outlineColor,var(--color-accent-fg));outline-offset:-6px}.prc-TabNav-TabNavLink-jXRq9.prc-TabNav-Selected-94A5r{background-color:var(--bgColor-default,var(--color-canvas-default));border-color:var(--borderColor-default,var(--color-border-default));border-top-left-radius:var(--borderRadius-medium,.375rem);border-top-right-radius:var(--borderRadius-medium,.375rem);color:var(--fgColor-default,var(--color-fg-default))}
2
+ /*# sourceMappingURL=TabNav-83c6145e.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/TabNav/TabNav.module.css","../../postcss-preset-primer/src/mixins/focusOutline.css"],"names":[],"mappings":"AAAA,gCACE,YAAa,CAEb,kBAAmB,CACnB,aACF,CAEA,4BAEE,2GAAuE,CADvE,YAEF,CAEA,6BAOE,4BAA6B,CAE7B,yDAAgB,CAAhB,eAAgB,CAPhB,8CAAuC,CAEvC,gBAAiB,CAHjB,2DA4BF,CAlBE,gEANA,oDASA,CAEA,mGAVA,4BAAqB,CAArB,oBAcA,CAJA,mCCzBA,eAAgB,CAFhB,kEAAgC,CAChC,mBD8BA,CAEA,uDAEE,mEAAwC,CACxC,mEAAwC,CACxC,yDAAkD,CAClD,0DAAmD,CAJnD,oDAKF","file":"TabNav-83c6145e.css","sourcesContent":[".TabNavTabList {\n display: flex;\n /* stylelint-disable-next-line primer/spacing */\n margin-bottom: -1px;\n overflow: auto;\n}\n\n.TabNavNav {\n margin-top: 0;\n border-bottom: var(--borderWidth-thin) solid var(--borderColor-default);\n}\n\n.TabNavLink {\n padding: var(--base-size-8) var(--base-size-12);\n font-size: var(--text-body-size-medium);\n /* stylelint-disable-next-line primer/typography */\n line-height: 20px;\n color: var(--fgColor-default);\n text-decoration: none;\n background-color: transparent;\n border: var(--borderWidth-thin) solid transparent;\n border-bottom: 0;\n\n &:hover {\n color: var(--fgColor-default);\n text-decoration: none;\n }\n\n &:focus {\n text-decoration: none;\n\n @mixin focusOutline -6px;\n }\n\n &.Selected {\n color: var(--fgColor-default);\n background-color: var(--bgColor-default);\n border-color: var(--borderColor-default);\n border-top-left-radius: var(--borderRadius-medium);\n border-top-right-radius: var(--borderRadius-medium);\n }\n}\n","@define-mixin focusOutline $outlineOffset: -2px, $outlineColor: var(--focus-outlineColor) {\n outline: 2px solid $outlineColor;\n outline-offset: $outlineOffset;\n box-shadow: none;\n}\n"]}
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- require('./TabNav-9753d6ed.css');
3
+ require('./TabNav-83c6145e.css');
4
4
 
5
5
  var styles = {"TabNavTabList":"prc-TabNav-TabNavTabList-0QtIV","TabNavNav":"prc-TabNav-TabNavNav-rTAFO","TabNavLink":"prc-TabNav-TabNavLink-jXRq9","Selected":"prc-TabNav-Selected-94A5r"};
6
6
 
@@ -0,0 +1,2 @@
1
+ .prc-TabNav-TabNavTabList-0QtIV{display:flex;margin-bottom:-1px;overflow:auto}.prc-TabNav-TabNavNav-rTAFO{border-bottom:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default));margin-top:0}.prc-TabNav-TabNavLink-jXRq9{background-color:transparent;border:var(--borderWidth-thin,.0625rem) solid transparent;border-bottom:0;font-size:var(--text-body-size-medium,.875rem);line-height:20px;padding:var(--base-size-8,.5rem) var(--base-size-12,.75rem)}.prc-TabNav-TabNavLink-jXRq9,.prc-TabNav-TabNavLink-jXRq9:hover{color:var(--fgColor-default,var(--color-fg-default))}.prc-TabNav-TabNavLink-jXRq9,.prc-TabNav-TabNavLink-jXRq9:focus,.prc-TabNav-TabNavLink-jXRq9:hover{-webkit-text-decoration:none;text-decoration:none}.prc-TabNav-TabNavLink-jXRq9:focus{box-shadow:none;outline:2px solid var(--focus-outlineColor,var(--color-accent-fg));outline-offset:-6px}.prc-TabNav-TabNavLink-jXRq9.prc-TabNav-Selected-94A5r{background-color:var(--bgColor-default,var(--color-canvas-default));border-color:var(--borderColor-default,var(--color-border-default));border-top-left-radius:var(--borderRadius-medium,.375rem);border-top-right-radius:var(--borderRadius-medium,.375rem);color:var(--fgColor-default,var(--color-fg-default))}
2
+ /*# sourceMappingURL=TabNav-83c6145e.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/TabNav/TabNav.module.css","../../postcss-preset-primer/src/mixins/focusOutline.css"],"names":[],"mappings":"AAAA,gCACE,YAAa,CAEb,kBAAmB,CACnB,aACF,CAEA,4BAEE,2GAAuE,CADvE,YAEF,CAEA,6BAOE,4BAA6B,CAE7B,yDAAgB,CAAhB,eAAgB,CAPhB,8CAAuC,CAEvC,gBAAiB,CAHjB,2DA4BF,CAlBE,gEANA,oDASA,CAEA,mGAVA,4BAAqB,CAArB,oBAcA,CAJA,mCCzBA,eAAgB,CAFhB,kEAAgC,CAChC,mBD8BA,CAEA,uDAEE,mEAAwC,CACxC,mEAAwC,CACxC,yDAAkD,CAClD,0DAAmD,CAJnD,oDAKF","file":"TabNav-83c6145e.css","sourcesContent":[".TabNavTabList {\n display: flex;\n /* stylelint-disable-next-line primer/spacing */\n margin-bottom: -1px;\n overflow: auto;\n}\n\n.TabNavNav {\n margin-top: 0;\n border-bottom: var(--borderWidth-thin) solid var(--borderColor-default);\n}\n\n.TabNavLink {\n padding: var(--base-size-8) var(--base-size-12);\n font-size: var(--text-body-size-medium);\n /* stylelint-disable-next-line primer/typography */\n line-height: 20px;\n color: var(--fgColor-default);\n text-decoration: none;\n background-color: transparent;\n border: var(--borderWidth-thin) solid transparent;\n border-bottom: 0;\n\n &:hover {\n color: var(--fgColor-default);\n text-decoration: none;\n }\n\n &:focus {\n text-decoration: none;\n\n @mixin focusOutline -6px;\n }\n\n &.Selected {\n color: var(--fgColor-default);\n background-color: var(--bgColor-default);\n border-color: var(--borderColor-default);\n border-top-left-radius: var(--borderRadius-medium);\n border-top-right-radius: var(--borderRadius-medium);\n }\n}\n","@define-mixin focusOutline $outlineOffset: -2px, $outlineColor: var(--focus-outlineColor) {\n outline: 2px solid $outlineColor;\n outline-offset: $outlineOffset;\n box-shadow: none;\n}\n"]}
@@ -1,4 +1,4 @@
1
- import './TabNav-9753d6ed.css';
1
+ import './TabNav-83c6145e.css';
2
2
 
3
3
  var styles = {"TabNavTabList":"prc-TabNav-TabNavTabList-0QtIV","TabNavNav":"prc-TabNav-TabNavNav-rTAFO","TabNavLink":"prc-TabNav-TabNavLink-jXRq9","Selected":"prc-TabNav-Selected-94A5r"};
4
4
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/react",
3
- "version": "37.28.0",
3
+ "version": "37.28.1",
4
4
  "description": "An implementation of GitHub's Primer Design System using React",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib-esm/index.js",
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=disabled.ActionBar.Figma.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"disabled.ActionBar.Figma.d.ts","sourceRoot":"","sources":["../../src/ActionBar/disabled.ActionBar.Figma.tsx"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- .prc-TabNav-TabNavTabList-0QtIV{display:flex;margin-bottom:-1px;overflow:auto}.prc-TabNav-TabNavNav-rTAFO{border-bottom:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default));margin-top:0}.prc-TabNav-TabNavLink-jXRq9{background-color:transparent;border:var(--borderWidth-thin,.0625rem) solid transparent;border-bottom:0;font-size:var(--text-body-size-medium,.875rem);line-height:20px;padding:var(--base-size-8,.5rem) var(--base-size-12,.75rem)}.prc-TabNav-TabNavLink-jXRq9,.prc-TabNav-TabNavLink-jXRq9:focus,.prc-TabNav-TabNavLink-jXRq9:hover{color:var(--fgColor-default,var(--color-fg-default));-webkit-text-decoration:none;text-decoration:none}.prc-TabNav-TabNavLink-jXRq9:focus,.prc-TabNav-TabNavLink-jXRq9:hover{box-shadow:none;outline:2px solid var(--focus-outlineColor,var(--color-accent-fg));outline-offset:-6px}.prc-TabNav-TabNavLink-jXRq9.prc-TabNav-Selected-94A5r{background-color:var(--bgColor-default,var(--color-canvas-default));border-color:var(--borderColor-default,var(--color-border-default));border-top-left-radius:var(--borderRadius-medium,.375rem);border-top-right-radius:var(--borderRadius-medium,.375rem);color:var(--fgColor-default,var(--color-fg-default))}
2
- /*# sourceMappingURL=TabNav-9753d6ed.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/TabNav/TabNav.module.css","../../postcss-preset-primer/src/mixins/focusOutline.css"],"names":[],"mappings":"AAAA,gCACE,YAAa,CAEb,kBAAmB,CACnB,aACF,CAEA,4BAEE,2GAAuE,CADvE,YAEF,CAEA,6BAOE,4BAA6B,CAE7B,yDAAgB,CAAhB,eAAgB,CAPhB,8CAAuC,CAEvC,gBAAiB,CAHjB,2DAyBF,CAfE,mGANA,oDAA6B,CAC7B,4BAAqB,CAArB,oBAWA,CANA,sECpBA,eAAgB,CAFhB,kEAAgC,CAChC,mBD2BA,CAEA,uDAEE,mEAAwC,CACxC,mEAAwC,CACxC,yDAAkD,CAClD,0DAAmD,CAJnD,oDAKF","file":"TabNav-9753d6ed.css","sourcesContent":[".TabNavTabList {\n display: flex;\n /* stylelint-disable-next-line primer/spacing */\n margin-bottom: -1px;\n overflow: auto;\n}\n\n.TabNavNav {\n margin-top: 0;\n border-bottom: var(--borderWidth-thin) solid var(--borderColor-default);\n}\n\n.TabNavLink {\n padding: var(--base-size-8) var(--base-size-12);\n font-size: var(--text-body-size-medium);\n /* stylelint-disable-next-line primer/typography */\n line-height: 20px;\n color: var(--fgColor-default);\n text-decoration: none;\n background-color: transparent;\n border: var(--borderWidth-thin) solid transparent;\n border-bottom: 0;\n\n &:hover,\n &:focus {\n color: var(--fgColor-default);\n text-decoration: none;\n\n @mixin focusOutline -6px;\n }\n\n &.Selected {\n color: var(--fgColor-default);\n background-color: var(--bgColor-default);\n border-color: var(--borderColor-default);\n border-top-left-radius: var(--borderRadius-medium);\n border-top-right-radius: var(--borderRadius-medium);\n }\n}\n","@define-mixin focusOutline $outlineOffset: -2px, $outlineColor: var(--focus-outlineColor) {\n outline: 2px solid $outlineColor;\n outline-offset: $outlineOffset;\n box-shadow: none;\n}\n"]}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=disabled.ActionBar.Figma.d.ts.map
@@ -1,2 +0,0 @@
1
- .prc-TabNav-TabNavTabList-0QtIV{display:flex;margin-bottom:-1px;overflow:auto}.prc-TabNav-TabNavNav-rTAFO{border-bottom:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default));margin-top:0}.prc-TabNav-TabNavLink-jXRq9{background-color:transparent;border:var(--borderWidth-thin,.0625rem) solid transparent;border-bottom:0;font-size:var(--text-body-size-medium,.875rem);line-height:20px;padding:var(--base-size-8,.5rem) var(--base-size-12,.75rem)}.prc-TabNav-TabNavLink-jXRq9,.prc-TabNav-TabNavLink-jXRq9:focus,.prc-TabNav-TabNavLink-jXRq9:hover{color:var(--fgColor-default,var(--color-fg-default));-webkit-text-decoration:none;text-decoration:none}.prc-TabNav-TabNavLink-jXRq9:focus,.prc-TabNav-TabNavLink-jXRq9:hover{box-shadow:none;outline:2px solid var(--focus-outlineColor,var(--color-accent-fg));outline-offset:-6px}.prc-TabNav-TabNavLink-jXRq9.prc-TabNav-Selected-94A5r{background-color:var(--bgColor-default,var(--color-canvas-default));border-color:var(--borderColor-default,var(--color-border-default));border-top-left-radius:var(--borderRadius-medium,.375rem);border-top-right-radius:var(--borderRadius-medium,.375rem);color:var(--fgColor-default,var(--color-fg-default))}
2
- /*# sourceMappingURL=TabNav-9753d6ed.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/TabNav/TabNav.module.css","../../postcss-preset-primer/src/mixins/focusOutline.css"],"names":[],"mappings":"AAAA,gCACE,YAAa,CAEb,kBAAmB,CACnB,aACF,CAEA,4BAEE,2GAAuE,CADvE,YAEF,CAEA,6BAOE,4BAA6B,CAE7B,yDAAgB,CAAhB,eAAgB,CAPhB,8CAAuC,CAEvC,gBAAiB,CAHjB,2DAyBF,CAfE,mGANA,oDAA6B,CAC7B,4BAAqB,CAArB,oBAWA,CANA,sECpBA,eAAgB,CAFhB,kEAAgC,CAChC,mBD2BA,CAEA,uDAEE,mEAAwC,CACxC,mEAAwC,CACxC,yDAAkD,CAClD,0DAAmD,CAJnD,oDAKF","file":"TabNav-9753d6ed.css","sourcesContent":[".TabNavTabList {\n display: flex;\n /* stylelint-disable-next-line primer/spacing */\n margin-bottom: -1px;\n overflow: auto;\n}\n\n.TabNavNav {\n margin-top: 0;\n border-bottom: var(--borderWidth-thin) solid var(--borderColor-default);\n}\n\n.TabNavLink {\n padding: var(--base-size-8) var(--base-size-12);\n font-size: var(--text-body-size-medium);\n /* stylelint-disable-next-line primer/typography */\n line-height: 20px;\n color: var(--fgColor-default);\n text-decoration: none;\n background-color: transparent;\n border: var(--borderWidth-thin) solid transparent;\n border-bottom: 0;\n\n &:hover,\n &:focus {\n color: var(--fgColor-default);\n text-decoration: none;\n\n @mixin focusOutline -6px;\n }\n\n &.Selected {\n color: var(--fgColor-default);\n background-color: var(--bgColor-default);\n border-color: var(--borderColor-default);\n border-top-left-radius: var(--borderRadius-medium);\n border-top-right-radius: var(--borderRadius-medium);\n }\n}\n","@define-mixin focusOutline $outlineOffset: -2px, $outlineColor: var(--focus-outlineColor) {\n outline: 2px solid $outlineColor;\n outline-offset: $outlineOffset;\n box-shadow: none;\n}\n"]}