@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 +6 -0
- package/lib/TabNav/TabNav-83c6145e.css +2 -0
- package/lib/TabNav/TabNav-83c6145e.css.map +1 -0
- package/lib/TabNav/TabNav.module.css.js +1 -1
- package/lib-esm/TabNav/TabNav-83c6145e.css +2 -0
- package/lib-esm/TabNav/TabNav-83c6145e.css.map +1 -0
- package/lib-esm/TabNav/TabNav.module.css.js +1 -1
- package/package.json +1 -1
- package/lib/ActionBar/disabled.ActionBar.Figma.d.ts +0 -2
- package/lib/ActionBar/disabled.ActionBar.Figma.d.ts.map +0 -1
- package/lib/TabNav/TabNav-9753d6ed.css +0 -2
- package/lib/TabNav/TabNav-9753d6ed.css.map +0 -1
- package/lib-esm/ActionBar/disabled.ActionBar.Figma.d.ts +0 -2
- package/lib-esm/TabNav/TabNav-9753d6ed.css +0 -2
- package/lib-esm/TabNav/TabNav-9753d6ed.css.map +0 -1
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-
|
|
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"]}
|
package/package.json
CHANGED
|
@@ -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
|
-
.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"]}
|