- #2075
9f576a3c
Thanks @langermank! - FormControl + Autocomplete component updates
- #2094
33f799f1
Thanks @camertron! - Add missing ToggleSwitch--checked styles
- #2091
f740d008
Thanks @tobiasahlin! - Marketing: Bump font size of large buttons
- #2087
8354de5c
Thanks @vdepizzol! - ChangingPageLayout--isPaneSticky
toPageLayout--sticky
.
- #2074
5cfae2c2
Thanks @camertron! - Add styles for the ToggleSwitch component
- #2078
92ac0e39
Thanks @langermank! - Setup newprimer-primitive
bundle
- #2072
ab6f0840
Thanks @JasonEtco! - Add.text-capitalize
utility class
- #2049
f4dba96e
Thanks @langermank! - Comment box upload focus border-radius
- #1744
942f65a4
Thanks @langermank! - Global CSS focus styles
- #1767
7e01db97
Thanks @tobiasahlin! - Marketing: Remove unused pullquote selector
- #1821
daa2685c
Thanks @jonrohan! - UnderlineNav:focus
styles Refactor selected state and spacing Add selected bold state override from github/github
- #2047
553d72cc
Thanks @langermank! - UnderlineNav bug fix
- #2046
55e2b069
Thanks @langermank! - Global focus style CSS from feature flag (next major)
- #2019
57be2d50
Thanks @langermank! - [Bug] TreeView animation and padding fix
- #1996
a4293bf9
Thanks @langermank! - TreeView: remove bold active items + markup changes
- #1995
557b100a
Thanks @vdepizzol! - Add narrow/regular/wide viewport range utilities
- #1989
f544ef85
Thanks @vdepizzol! - Makepane
an optional region for PageLayout component
- #1985
c2bd6bc9
Thanks @cheshire137! - Adding .color-bg-transparent utility class
- #1956
39063461
Thanks @jonrohan! - Upgrading @primer/[email protected]
- #1931
e5c5312e
Thanks @vdepizzol! - Page layout api updates renaming spacing options in storybook
- #1950
7c85c500
Thanks @hectahertz! - Fix sequence of content in Subhead
- #1942
0450ccbb
Thanks @reeceatkinson! - Added line break to docs
- #1953
3a91a29a
Thanks @hectahertz! - Use<h2>
instead of<div>
on Subhead-heading docs
- #1978
a00e6bce
Thanks @langermank! - Handle pointer-events on ActionList visuals
- #1937
67f08009
Thanks @langermank! - TreeView single item nesting
- #1905
50221a54
Thanks @langermank! - Refactors NavigationList to better handle accessibility. Backwards compatible for TreeView CSS.
- #1876
bcf447ab
Thanks @vdepizzol! - Add mono font stack to tag
- #1919
21085f5c
Thanks @hectahertz! - Add blankslate classes to replace utilities
- #1892
55bd498b
Thanks @langermank! - Patch: Fix ActionList--divided for label with inline description scenarios
- #1906
f02d9a3e
Thanks @jonrohan! - Upgrading @primer/[email protected] and fixing violations
- #1890
74d0438b
Thanks @andrialexandrou! - Adds --color-accent-emphasis and --color-fg-on-emphasis rules for Windows High Contrast Mode
- #1737
6b4089d8
Thanks @vdepizzol! - Adds new PageLayout component CSS with Storybook documentation
- #1869
868f61a1
Thanks @jdanyow! - Minor bugfix for AvatarStack. Removing the box-shadow from the AvatarStack-body on hover.
- #1856
cbe3fb56
Thanks @langermank! - ActionList item outlines for high contrast theme
- #1870
815daff9
Thanks @vdepizzol! - [ActionList] Add hover toaria-current
elements and other micro interactions
- #1803
c46fe918
Thanks @langermank! - - Adds ActionList tree-view specific CSS- Minor bug fixes for ActionList default
- #1759
74724ce7
Thanks @langermank! - Removepopover
responsive hack
- #1807
13a4654f
Thanks @enstyled! - Marketing: Add link components Marketing: Add animated arrow utility Marketing: Document button components with arrows
- #1780
8e9ba62d
Thanks @langermank! - ActionList followup
- #1805
99537d31
Thanks @tobiasahlin! - Fix local dev (revert webpack 5.5.0 → 6.0.0)
- #1768
4abb1af9
Thanks @tobiasahlin! - Marketing: Add disabled states for buttons (and tweak hover)
- #1808
ee27583f
Thanks @manuelpuyol! - Add hover and active states to btn-invisible
- #1818
22c29e7a
Thanks @vdepizzol! - [Layout component] Avoid resizingmain
while loading
- #1716
9b97dc8f
Thanks @tobiasahlin! - Update marketing buttons (including color mode support)
- #1756
ece7a3e6
Thanks @heiskr! - Update mark tag to use background-color: var(--color-attention-subtle);
- #1755
1714778a
Thanks @jonrohan! - Updating primer/[email protected] and adding Light High Contrast theme
- #1738
dfe73db1
Thanks @vdepizzol! - UpdateLayout
's sidebar width values.
- #1657
e7543009
Thanks @langermank! - ActionList Component: Primer CSS Implementation. Adding a new componentActionList
to learn more checkout the docs https://primer.style/css/components/action-list.
- #1731
832e9988
Thanks @jonrohan! - Updating @primer/[email protected]
- #1710
6a058ecb
Thanks @jonrohan! - Updating @primer/[email protected]
- #1708
f7c44c35
Thanks @langermank! - Storybook: add Label stories
- #1707
a997790b
Thanks @maximedegreve! - Fix for disabled Safari inputs
- #1693
c1ca19d4
Thanks @jasonmacgowan! - Fix light-theme attr reference in theme docs
-
#1689
257f68f6
Thanks @adityatheoctocatdev! - Update all Toast variant icons to usevar(--color-fg-on-emphasis)
The only visible change is in the
warning
variant, previously usingvar(--color-fg-default)
- #1680
f013be66
Thanks @privatenumber! - Fixing broken close span tag in the docs.
- #1599
13de16c7
Thanks @jonrohan! - Removing the rem() mixin and usages. Placing the computed values in place.
- #1599
13de16c7
Thanks @jonrohan! - Renamemodes.scss
file tocolor-modes.scss
and move from thebase/
folder to thesupport/variables
folder.
- #1599
13de16c7
Thanks @jonrohan! - Moving color modes to their own bundle,./color-modes/
and separates color mode themes into their own scss file.
- #1617
e47324fa
Thanks @jonrohan! - Removing<kbd>
import from markdown package. Going forward you'll need to include@primer/css/base/kbd.scss
directly.
- #1626
4d00d51d
Thanks @jonrohan! - Changing to @primer/stylelint-config and upgrading @primer/primitives to 5.0 rc
-
#1595
5fb831cf
Thanks @jonrohan! - Adding directional margin classes to the margin utilities.Adding:
ml-auto, mb-auto, mr-auto
- #1594
2cf661c4
Thanks @jonrohan! - Loosening the primer/primitives dependency to any minor.patch version
- #1590
e3c8f90e
Thanks @joelhawksley! - Update Breadcrumbs markup to match w3 aria example.
-
#1573
386dfa01
Thanks @simurai! - Improve the font stack on WindowsSegoe UI Variable
->Segoe UI Variable Text
.- "Segoe UI Variable Text" seems to be the better option for a lot of text (markdown). In the future we might can consider having a UI and a "text" font stack.
- Add
Meiryo
beforesystem-ui
.- This should have the effect that the browser will use
Meiryo
instead ofYu Gothic UI
and should improve font rendering, especially for Japanese. - Note: In an earlier version,
Yu Gothic
was used. But with great feedback from @448jp and @hiloki primer#1573 (comment) it seemsMeiryo
is the better default.
- This should have the effect that the browser will use
- #1579
c3b4a0c3
Thanks @jonrohan! - Removing v2 color mode css var fallbacks.var(--color-v2, var(--color-v1))
becomesvar(--color-v2)
- #1567
ab72486f
Thanks @colebemis! - Removebase/modes-v2.scss
file
- #1567
ab72486f
Thanks @colebemis! - Bumps@primer/primitives
to v4.7.0 which includes new [functional color system variables]
- #1567
ab72486f
Thanks @colebemis! - Outputdark_high_contrast
theme variables frombase/modes.scss
- #1529
dca8e0ae
Thanks @vdepizzol! - Improve font rendering on Linux
- #1540
6b6e89a8
Thanks @joelhawksley! - Use standard lifecycle milestones for statuses.
- #1525
06f83622
Thanks @joelhawksley! - Rendercode
at 100% font size irregardless of direct descension frompre
.
- #1506
13cda226
Thanks @jonrohan! - Creating.Header-input
class for dark header inputs. ThisHeader-input
will be used with aform-control
class.
- #1510
d1ea5c2c
Thanks @jonrohan! - Adding focus outline to the invisible buttons.btn-invisible
and.close-button
.
- #1497
84bbd501
Thanks @tobiasahlin! - Add font-weight-medium to marketing styles, and use it in the type scale.
- #1486
f52d40cc
Thanks @manuelpuyol! - Prevents main content to blowout and cause an horizontal scroll
- #1488
c345bd38
Thanks @cheshire137! - Fix unreadable text when utility is used in dropdown item.
- #1501
e072734a
Thanks @tobiasahlin! - Documentation: Remove deprecated faded borders documentation
- #1432
55ca5f2f
Thanks @manuelpuyol! - Fix Layout ordering when using dividers with custom sidebar placement
- #1423
6f79bfaa
Thanks @jonrohan! - Properly calculating the variables computed value for dist folder
- #1422
882c570f
Thanks @manuelpuyol! - Improve dividers and allow sidebar positioning whenLayout
is flowing as row.
- #1424
30597af9
Thanks @khiga8! - Ensures that the visual slash separator for breadcrumbs is not announced by screenreaders.
- #1409
49981dfc
Thanks @manuelpuyol! - Adding new Layout component
- #1415
fb6a7e3d
Thanks @simurai! - Bump primer/[email protected]
- #1410
d5e425e4
Thanks @simurai! - Bump @primer/[email protected]
- #1408
1eea5575
Thanks @colebemis! - Bump @primer/primitives version
- #1403
5ef399cf
Thanks @tobiasahlin! - Remove !important for base styles for body utilities
- #1398
5ef7bd6e
Thanks @colebemis! - Add experimental color variables. Warning: Do not use these color variables
- #1394
42223f0b
Thanks @tobiasahlin! - Marketing: Fix letter spacing for headers not being correctly overridden at break points
- #1371
0c6bfc22
Thanks @tobiasahlin! - Marketing: Deprecate bg-shade-gradient
- #1379
22a98b5c
Thanks @tobiasahlin! - Add new marketing type scale
- #1369
2ae2ae57
Thanks @tobiasahlin! - Marketing: Removing Inter font files and folder
- #1373
aeae963d
Thanks @tobiasahlin! - Remove redundant marketing layout selectors
- #1380
4ac39740
Thanks @tobiasahlin! - Marketing: use size modifiers that don't look like breakpoints modifiers
- #1352
b4950e39
Thanks @tobiasahlin! - Update marketing button styles
- #1372
e24b7cb0
Thanks @tobiasahlin! - Merge overlapping marketing spacing utilities into primer core
- #1385
1cfff7a4
Thanks @tobiasahlin! - Marketing typography: 64px → 68px for third size step
- #1382
18bb377b
Thanks @tobiasahlin! - Marketing: optimize body typography inheritance
- #1392
0fea11a7
Thanks @tobiasahlin! - Marketing: Enable body content utilities to have their font-weight overwritten
- #1294
7609a074
Thanks @jonrohan! - Adding a color text link on hover that will change a color utility class
- #1254
5d2f0beb
Thanks @tobiasahlin! - Add common marketing utilities to primer/marketing
- #1201
29a83bdc
Thanks @vdepizzol! - Change TableObject status to deprecated
- #1197
a355160a
Thanks @neildaniels! - Fix .btn-with-count documentation
- #1274
322379fe
Thanks @tobiasahlin! - Marketing buttons: don't animate everything
- #1261
b1346678
Thanks @jonrohan! - Fixing thecolor-mode-theme
mixin. Currently the mixin doesn't take into account whenmode="light"
andlight-theme="dark"
. This fix allows dark themes to be set as light themes and to toggle into single light mode.
- Update to Primer Primitives
4.0.0
primer/primitives#43 - Add color modes #1131
- Add
flex-shrink: 0
to.avatar
#1183 - Adding timeline-badge success border #1246
- Add
.anim-rotate
utility class #1251
- Move marketing
@font-face
declarations from vars to type #1238
- Update documentation with color modes #1186
- #1145 Make final position responsive
- #1148 flex wrap reverse added
- #1157 Overflow responsive variants
- #1156 Add missing rounded-3 utility
- #1160 Remove custom emoji from SelectMenu docs
- #1165 Replaced old octicons in examples
- #1146 Corrected a few typos
- #1142 Fix typo in Box documentation
- #1125 Remove reference to Crema
- #1155 Place search subnav example on new line
- #1147 Increase input font-size on iOS
- #1152 Remove .autocomplete-results inset border that is occluded by items
- #1062 Make tabnav responsive
- #1128 Add support for table border
- #1132 Add .bg-orange to the list of colors
- #1122 fix comment typo
- #1116 Improve accessibility
- #1083 Make sure autocomplete resets button styles
- #1074 Update pagination
- #1071 Update flash alert
- #1064 Update SelectMenu
- #1040 Update box-shadow and borders
- #1038 Update navigation
- #1034 Update labels
- #1029 Update inputs
- #1027 Update buttons
- #1022 Update border radius
- #1109 Polish 9
- #1090 Polish 8
- #1077 Polish 7
- #1055 Polish 3
- #1047 Polish 2
- #1045 Polish 1
- #1041 Polish
- #1089 Accessible Progress
- #1060 Add support for aria-current=false
- #1059 Typo in scss.md
- #1065 Convert markdown page to one big example
- #1075 chore: add missing link to color utilities
- #1067 Add .text-gray-light to docs
- #670 Fix Box row top border
- #1042 Fix UnderlineNav in Safari
- #1035 Update UnderlineNav-item to not wrap counter & icon
- #1018 Update MIGRATING.md
- #1006 Use ARIA attributes for states
- #1014 Add aria-disabled state
- #1001 Add Inter bold font file
- #982 Applies .selected styles to [aria-selected=true]
- #1012 Improve margin/padding docs
- #1013 Fix docs links
- #1004 rm deprecated flash-banner component from docs
- #998 Use a gray background when hovering SelectMenu items
- #989 Add link to the Stylelint guide
- #1000 Update contributing guide for a general audience
- #972 Variables page
- #997 Fix CHANGELOG links
- #922 More SelectMenu improvements
- #966 Rename
.flex-item-equal
to.flex-1
- #973 Deprecate variables in 14.0.0
- #987 Add .position-sticky utility
- #979 Add
.radio-group
component - #981 Autocomplete + Suggester components
- #978 Add
.css-truncate-overflow
- #974 Add Animated Ellipsis
- #971 Add variable deprecation data and tests
- #952 Async/awaitify script/dist.js
- #963 Generate changelog with semantic-release
- #968 Stylelint update
- #959 More buttons
- #950 Add Diffstat component
- #913 Importing TimelineItem from .com and creating matching docs
- #953 Add IssueLabel component
- #945 Add
[role=tab][aria-selected=true]
to.UnderlineNav-item.selected
- #946 Add
TODO@version
stylelint rule (local)
- #904 Add Keyboard Shortcuts
kbd
from github/github - #926 Add Flash Banner
.flash-banner
from github/github - #927 Add
.flex-column-reverse
utilities
- Use inline octicon in branch name example #886
- Move select menu list into the modal div #903
- Improve SelectMenu docs #923
- Update "Ship checklist" #902
- Bump stylelint, et al; add CI tests and script for removing needless disables #912
- Remove "Segoe UI Symbol" from font stack #906
- Remove
.container
,.columns
,.column
, and related classes #662 - Remove
.btn-purple
#736 👋 💜 - Remove
.text-pending
and.bg-pending
#888 - Remove
.dropdown-menu-content
#884
- Select menu improvements #893
- The layout docs, formerly available at
/css/objects/layout
, are gone and will redirect to/css/objects/grid
.
- Add deprecations test script #889
- Clean up scripts and dev dependencies #890
- Upgrade stylelint-config-primer to v8.0.0 #892
- Upgrade doctocat, live code wrappers #895
- Import Dropdown component; add dark variants for dropdown and text fields #862
- Add
.break-word
utility and improve word-break docs #880 - Publish deprecation data #883
- Fix mistake in flex-justify-start explanation #877
- Add default background-color to SideNav primer#873
- Change order in RELEASING.md primer#875
- Remove non-ascii characters (en dashes?) from SCSS comments #870
- Fix SideNav "jumping" in Safari #868
- Improve Select Menu spacing #844
- Update colorable URL #867
- Update changelog for 12.6.0 #866
- Loading toast styles #852
- Header component #845
- Import
.octicon
CSS in the core bundle #857 - Design update for blankslates #861
- Don't let State labels wrap #863
- Fix some links in linting docs #856
- Updates to the development docs #855
- Generate bundle source READMEs from a template #859
- Render Octicon Ruby helper in docs #847
- Add GitHub
styleguide.css
to Storybook #849
- Add
.Toast
component #831 - Add
.SideNav
component #827 - Add
.SelectMenu
component #808 - Add
font-display: swap
to@font-face
declarations #780 - Add
flex-grow-0
,flex-order-[1,2,none]
andwidth-auto
utilities #763 - Change default for
$marketing-font-path
to/fonts/
#837
- Improve monospaced font on Chrome Android #812
- Add multi-word naming conventions to BEM docs #836
- Color system docs updates #811
- Color utility table tweaks #842
- Fix markdown typos in Contributing docs page #846
- Typos fixed in #802 (thank you, @The-Compiler!)
- Nav updates #803
- Fix tables of contents #762
- Add deprecation warning for
.btn-purple
, due to disappear in 13.0.0 via #736 - Lots more documentation updates in #814
- Decommission
primer/deploy
#809
- More responsive border utilities #775
- Add
overflow: visible
utilities #798 - Add
yellow
color utilities that will replacepending
#737
- Fix Ruby Sass compiler warnings by quoting keys in
$hue-maps
declaration #794
- Remove
test-all-modules
scripts and old monorepo test scripts #795 - Resolve all but one (#796) vulnerability in npm dev dependencies #797
- Add
aria-selected="true"
support to tabbed navigation styles to play nicely with<tab-container>
- Resolve the vulnerability alert with
tar@<4.4.2
in CVE-2018-20834
- Update Primer references to Primer CSS #771 (@emplums)
- Add Edit on GitHub links to docs #770 (@emplums)
- Anchor Link in Docs #768 (@emplums)
- Remove references to a non-existent
Progress-value
class primer#751
- Upgrade stylelint config primer#753
- Shawn Allen (shawnbot)
- Fix hide utilities when toggling between breakpoints #746
- Prevent Storybook publish failures from breaking builds on
main
#728 - Upgrade to cssstats v3.3.0, which fixes our selector stats JSON files
- Fix changelog committers listings for versions 12.0.1 and 12.0.2 #729
- Fix code examples from being cut off #725
- Add more
.border-white-fade
utilities #713
- Fix
<details>
spacing #675
- Accessibility fixes for marketing buttons #716
- Fix scrolling of code examples #717
- Diana Mounter (broccolini)
- Max Stoiber (mxstbr)
- Shawn Allen (shawnbot)
- Simurai (simurai)
- Remove UI from font file path #709
- Removes sync functionality from docs #710
- Catherine Bui (gladwearefriends)
- Shawn Allen (shawnbot)
- Emily Plummer (emplums)
- Per-axis overflow utilities #701
- Add
0
to responsive marketing positioning utilities (top-lg-0
, et al) #697 - Add negative offset utilities to marketing/utilities/layout #639
- Fix changelog committers list for 12.0.2 (accidentally listed under 12.0.1)
- Remove a bunch of unused dev dependencies #703
- Update
script/selector-diff-report
to compare against@primer/css
(notprimer
!)
- Catherine Bui (gladwearefriends)
- Shawn Allen (shawnbot)
- Tyson Rosage (trosage)
- Restore missing marketing padding utilities #695
- Explain why
.tooltipped
should be used sparingly #676 - Fix trailing slash errors in Next.js #681
- Add static assets to Now deployments #687
- Shiny new social and README header by @ashygee #689
- Remove
postversion
script frompackage.json
and update the PR template - Rename InterUI font to "Inter", per inter v3.3 #696
- Add missing
h000-mktg
class #667 - Fix UnderlineNav overflow issues #684
- Fix double borders on Box-header #686
- Add
postversion
npm script that commitspackage.json
andpackage-lock.json
with consistent commit messages (chore: v<version>
)
- Catherine Bui (gladwearefriends)
- Shawn Allen (shawnbot)
🚨 Starting with version 12.0.0, the primer
package is now known as @primer/css
. See MIGRATING.md for more info.
- Shawn Allen (shawnbot)
- Catherine Bui (gladwearefriends)
- #438 Remove
primer-page-sections
package. (@sophshep) - #439 Remove
primer-page-headers
package. (@sophshep) - #440 Remove
primer-tables
package. (@sophshep) - #459 Move responsive position utilities from marketing to core. (@sophshep)
- #656 Remove colorizeTooltip mixin. (@shawnbot)
- #657 Remove
BtnGroup-form
class. (@shawnbot) - #658 Remove
.avatar-stack
in favor of.AvatarStack
. (@shawnbot)
- #583 Updates to Marketing Typography. (@sophshep)
- #660 Add
$marketing-font-path
. (@shawnbot) - #661 Spacer variable refactor. (@shawnbot)
- #663 Add deprecation warning for column grid classes and add
container-sm
utility class. (@jonrohan)
- #654 Fix typo ("Chroma") in
primer-base
comment. (@Jiang-Xuan) - #655 Fix typo ("conditonally") in
docs/src/SideNav.js
comment. (@0xflotus)
- 0xflotus (0xflotus)
- Jiang-Xuan (Jiang-Xuan)
- Jon Rohan (jonrohan)
- Shawn Allen (shawnbot)
- Sophie Shepherd (sophshep)
- Only check links on Travis if
[check-links]
is included in the commit message - a5658d3 Run
now alias
without the branch name on merge tomain
- Shawn Allen (shawnbot)
- #641 test(docs): improve style guide URL path test. (@shawnbot)
- #635 docs: Releases link, Status key page move. (@shawnbot)
- Shawn Allen (shawnbot)
- #632 Happy new year! (@shawnbot)
- #626 Branch deployment, docs for the docs. (@shawnbot)
- #616 Start up the docs directory. (@shawnbot)
- Emily Brick (emilybrick)
- Shawn Allen (shawnbot)
- #614 fix broken border-radius helper example. (@joelhawksley)
- #615 pin [email protected]. (@shawnbot)
- Joel Hawksley (joelhawksley)
- Shawn Allen (shawnbot)
- #606 Fix for Progress Broken Package Link. (@emilybrick)
- Emily Brick (emilybrick)
- Shawn Allen (shawnbot)
- #573 Add Progress component. (@emilybrick)
- #561 Add HTML
hidden
attribute docs, increase[hidden]
selector specificity. (@shawnbot h/t @jonrohan)
- #604 Fix Button group focus ring z-index issues. (@shawnbot)
- #570 Make
.blankslate-narrow
responsive. (@crhallberg) - #591 Add fs-extra to
primer-module-build.dependencies
. (@shawnbot)
- Chris Hallberg (crhallberg)
- Emily Brick (emilybrick)
- Shawn Allen (shawnbot)
- #586 Hiding .Counter component when it's empty.. (@jonrohan)
- #545 Simplify responsive utilities with $responsive-variants. (@shawnbot)
- #557 Add !important to [hidden]. (@muan)
- #581 Use code-blocks. (@shawnbot)
- #530 Adding user details to storybook publish script. (@jonrohan)
- #579 Upgrade to [email protected], rebuild package-lock. (@shawnbot)
- Jon Rohan (jonrohan)
- Mickaël Derriey (mderriey)
- Mu-An Chiou (muan)
- Shawn Allen (shawnbot)
- Sophie Shepherd (sophshep)
- #525 Add $spacer-0 alias. (@AustinPaquette)
- #522 Add .BtnGroup-parent, deprecate .BtnGroup-form. (@muan)
- #544 Add lh-0 utility class. (@shawnbot)
- #548 Add text underline utility. (@AustinPaquette)
- #549 Add .user-select-none utility class. (@AustinPaquette)
- Austin Paquette (AustinPaquette)
- Shawn Allen (shawnbot)
- Mu-An Chiou (@muan)
- Emily Plummer (@emplums)
- #511 change double quotes to single quotes in Avatar stack stories. (@AustinPaquette)
- #520 Update issue templates. (@broccolini)
- #516 Fix modules/primer-product/README.md. (@9585999)
- #513 Deleting the dev branch workflow instructions. (@jonrohan)
- #507 Moving the color docs to the style guide. (@jonrohan)
- #517 Modifying notify script to publish from each package. (@jonrohan)
- #515 Auto publish storybook. (@jonrohan)
- #510 [WIP] Patch release 10.6.2. (@shawnbot)
- Austin Paquette (AustinPaquette)
- Diana Mounter (broccolini)
- DieGOs (9585999)
- Jon Rohan (jonrohan)
- Shawn Allen (shawnbot)
- #506 Fix white border on last avatar in AvatarStack (take two). (@shawnbot)
- #501 Set different z-index for .details-overlay. (@muan)
- #491 Add
backface-visibility
to.hover-grow
. (@brandonrosage)
- #475 Import primer-module-build to the monorepo. (@shawnbot)
- #479 Add "scoreboard" test suite. (@shawnbot)
- Brandon Rosage (brandonrosage)
- Emily (emplums)
- Shawn Allen (shawnbot)
- muan
- #487 Import Pagination Component. (@emplums)
- #474 Add text-mono utility class. (@emplums)
- #456 Adding height-fit utility class. (@jonrohan)
- #465 Fix Popover--right-bottom caret positioning. (@shawnbot)
- #458 Fix broken pointer from packages to modules. (@tysongach)
- #486 Documenting the text-inheritance color utility. (@jonrohan)
- #481 Styleguide Polish. (@emplums)
- #464 Fix markdown stories. (@shawnbot)
- #455 Add colorizeTooltip deprecation warning. (@jonrohan)
- #452 Update dead links in CONTRIBUTING.md. (@agisilaos)
- Agisilaos Tsaraboulidis (agisilaos)
- Catherine Bui (gladwearefriends)
- Emily (emplums)
- Jon Rohan (jonrohan)
- Shawn Allen (shawnbot)
- Tyson Gach (tysongach)
- muan
- #455 Add colorizeTooltip deprecation warning. (@jonrohan)
- #452 Update dead links in CONTRIBUTING.md. (@agisilaos)
- #426 Add em spacer variables. (@broccolini)
- #430 Increase input font-size to 16px on mobile. (@broccolini)
- #416 Point style field to build file in subhead component. (@muan)
- #424 Add missing $spacer-12 in $marketingSpacers variable. (@gladwearefriends)
- #418 Button color contrast improvements. (@broccolini)
- Catherine Bui (gladwearefriends)
- Diana Mounter (broccolini)
- Jon Rohan (jonrohan)
- muan
- #376 Extend spacing scale for marketing. (@gladwearefriends)
- #409 Add Sass key to package.json. (@broccolini)
- #358 automatically style first and last breadcrumb. (@gronke)
- #394 Point style field to built css. (@koddsson)
- Catherine Bui (gladwearefriends)
- Diana Mounter (broccolini)
- Jon Rohan (jonrohan)
- Kristján Oddsson (koddsson)
- Stefan Grönke (gronke)
- #385 New Avatar stack. (@califa & @sophshep)
- #404 Tooltip component updates (@broccolini)
- #405 Add deprecation warning for
.avatar-stack
. (@jonrohan) - #391 Update shields.io url to https. (@NuttasitBoonwat)
- Diana Mounter (broccolini)
- Joel Califa (califa)
- Jon Rohan (jonrohan)
- Sophie Shepherd (sophshep)
- NuttasitBoonwat
- Fixing
peerDependencies
to be greater than equal to versions. Fixing version mismatch with buttons and box.
- #395 Renaming primer-css to primer. (@jonrohan)
- #379 Deprecating primer-cards and form-cards. (@jonrohan)
- #336 Move
primer-breadcrumbs
from marketing to core (@jonrohan
- #371 Add .details-reset. (@muan)
- #375 New utilities & docs - fade out, hover grow, border white fade, responsive positioning, and circle. (@sophshep)
- #383 Add 'Popover' component. (@brandonrosage)
- #377 Refactor and add underline nav component. (@ampinsk)
- #337 Add marketing buttons to primer-marketing. (@gladwearefriends)
- #342 Add Subhead component. (@shawnbot)
- #341 Add branch-name component from github/github. (@shawnbot)
- #360 Remove ::before ::after padding hack on markdown. (@jonrohan)
- #320 Remove -webkit-text-decoration-skip override. (@antons)
- #359 Change markdown li break to handle Safari 10.x user stylesheet bug. (@feministy)
- #388 Button border-radius fix to override Chroma 62. (@broccolini)
- #307 Do not suppress opacity transition for tooltipped-no-delay. (@astorije)
- #396 Use lerna-changelog to generate a changelog. (@jonrohan)
- #382 Update Button docs. (@JasonEtco)
- #390 Updating
storiesFromMarkdown
to read in rails Octicons helper and replace with react component. (@jonrohan) - #389 Publish alpha release any time we're not on a release branch or main. (@jonrohan)
- #384 Add test to check for the current year in the license and source. (@jonrohan)
- #374 Improve Pull Request template. (@agisilaos)
- Agisilaos Tsaraboulidis (agisilaos)
- Amanda Pinsker (ampinsk)
- Anton Sotkov (antons)
- Brandon Rosage (brandonrosage)
- Catherine Bui (gladwearefriends)
- Diana Mounter (broccolini)
- Jason Etcovitch (JasonEtco)
- Jon Rohan (jonrohan)
- Jérémie Astori (astorije)
- Mu-An ✌️ Chiou (muan)
- Shawn Allen (shawnbot)
- Sophie Shepherd (sophshep)
- liz abinante! (feministy)
Special thanks to @shaharke for transferring ownership of the Primer npm package to us so that we could make the rename happen! ❤️
- Storybook. We've added a storybook prototyping environment for testing components in seclusion. To start the server run
npm start
- Adding yeoman generator for creating a primer module.
generator-primer-module
- Importing
stylelint-config-primer
from https://github.com/primer/stylelint-config/ into monorepo. - Importing
stylelint-selector-no-utility
from https://github.com/primer/stylelint-selector-no-utility into monorepo.
- Deployment and publishing scripts refinements.
- It's now possible to style
<summary>
elements as buttons and have them appear in the active/selected state when the enclosing<details>
element is open. #346
- Updates our release candidate versioning logic so that prerelease increments are done on a per-module basis, fixing #350.
- Add
v-align-baseline
class toprimer-utilities
#324 - Add deprecation warnings for
primer-cards
andprimer-forms/lib/form-validation.scss
#347 (these will be removed in v10.0.0)
- Update npm metadata for
primer
,primer-core
,primer-product
, andprimer-marketing
#328 - Remove
HEAD
heading from the changelog #327
- Docs for
primer-layout
(grid),primer-support
,primer-utilities
, andprimer-marketing-utilities
- Primer keys for
category
andmodule_type
topackage.json
(for use in documentation and gathering stats)
- Removes
docs
fromgitignore
- Removes the
^
from all dependencies so that we can publish exact versions - Consolidates release notes from various sources into one changelog located in
/modules/primer/CHANGELOG.md
- Add
test-docs
npm script in each module to check that every CSS class is documented (or at least mentioned) in the module's own markdown docs
- Remove per-module configurations (
.gitignore
,.postcss.json
,.stylelintrc.json
) andCHANGELOG.md
files in #284 - Replace most static
font-size
,font-weight
, andline-height
CSS property values with their SCSS variable equivalents in #252 - Refactor CI scripts to use Travis conditional deployment for release candidate and final release publish steps in #290
This release updates primer modules to use variables for spacing units instead of pixel values.
- primer-alerts: 1.2.0 => 1.2.1
- primer-avatars: 1.1.0 => 1.1.1
- primer-base: 1.2.0 => 1.2.1
- primer-blankslate: 1.1.0 => 1.1.1
- primer-box: 2.2.0 => 2.2.1
- primer-breadcrumb: 1.1.0 => 1.1.1
- primer-buttons: 2.1.0 => 2.1.1
- primer-cards: 0.2.0 => 0.2.1
- primer-core: 6.1.0 => 6.1.1
- primer-css: 9.1.0 => 9.1.1
- primer-forms: 1.1.0 => 1.1.1
- primer-labels: 1.2.0 => 1.2.1
- primer-layout: 1.1.0 => 1.1.1
- primer-markdown: 3.4.0 => 3.4.1
- primer-marketing-type: 1.1.0 => 1.1.1
- primer-marketing-utilities: 1.1.0 => 1.1.1
- primer-marketing: 5.1.0 => 5.1.1
- primer-navigation: 1.1.0 => 1.1.1
- primer-page-headers: 1.1.0 => 1.1.1
- primer-page-sections: 1.1.0 => 1.1.1
- primer-product: 5.1.0 => 5.1.1
- primer-support: 4.1.0 => 4.1.1
- primer-table-object: 1.1.0 => 1.1.1
- primer-tables: 1.1.0 => 1.1.1
- primer-tooltips: 1.1.0 => 1.1.1
- primer-truncate: 1.1.0 => 1.1.1
- primer-utilities: 4.4.0 => 4.4.1
This release updates our stylelint config to v2.0.0, and to stylelint v7.13.0. Each module also now has a lint
npm script, and there are top-level test
and lint
scripts that you can use to lint and test all modules in one go.
This release also includes major improvements to our Travis build scripts to automatically publish PR builds, release candidates, and the "final" versions to npm.
We discovered that primer-core
specified and outdated version of primer-base
in it's dependencies. The outdated version did not have normalize.scss
included which could cause some issues. This has issue occurred during v7.0.0 when creating the new monorepo. Also fixes repo urls in package.json
for individual packages.
See PR #243
- Fixed
primer-base
dependency to point to latest version
Repo urls corrected from packages
to modules
in:
- primer-base v1.1.5
- primer-box v2.1.8
- primer-buttons v2.0.6
- primer-forms v1.0.13
- primer-layout v1.0.5
- primer-navigation v1.0.6
- primer-support v4.0.7
- primer-table-object v1.0.9
- primer-tooltips v1.0.2
- primer-truncate v1.0.2
- primer-utilities v4.3.5
Repo urls corrected from packages
to modules
in:
- primer-alerts v1.1.8
- primer-avatars v1.0.2
- primer-blankslate v1.0.2
- primer-labels v1.1.6
- primer-markdown v3.3.13
- primer-support v4.0.7
Repo urls corrected from packages
to modules
in:
- primer-breadcrumb v1.0.2
- primer-cards v0.1.8
- primer-marketing-support v1.0.2
- primer-marketing-type v1.0.2
- primer-marketing-utilities v1.0.2
- primer-page-headers v1.0.2
- primer-page-sections v1.0.2
- primer-support v4.0.7
- primer-tables v1.0.2
Fixes issues with the ordering of imports in each of our meta-packages. See PR #239
- Re-ordered imports in
index.scss
to ensure utilities come last in the cascade
- Re-ordered imports in
index.scss
to move markdown import to end of list to match former setup in GitHub.com
- Re-ordered imports in
index.scss
to ensure marketing utilities come last in the cascade
In an effort to improve our publishing workflow we turned Primer into a monorepo, made this repo the source of truth for Primer by removing Primer modules from GitHub, and setup Lerna for managing multiple packages and maintaining independent versioning for all our modules.
This is exciting because:
- we can spend less time hunting down the cause of a broken build and more time focussing on making Primer more useful and robust for everyone to use
- we can be more confident that changes we publish won't cause unexpected problems on GitHub.com and many other GitHub websites that use Primer
- we no longer have files like package.json, scripts, and readme's in the GitHub app that don't really belong there
- we can accept pull requests from external contributors again!
See PR for more details on this change: primer#230
- Update fade color variables to use rgba instead of transparentize color function for better Sass readability
- Update support variables and mixins to use new color variables
- Update grid gutter styles naming convention and add responsive modifiers
- Deprecate
single-column
andtable-column
from layout module - Remove
@include clearfix
from responsive container classes
- Add
show-on-focus
utility class for accessibility - Update typography utilities to use new color variables
- Add
.p-responsive
class
- Update
b
tag font weight to use variable in base styles
- Update marketing table colors to use new variables
- Add
State--small
to labels module - Fix responsive border utilities
- Added and updated typography variables and mixins; updated variables used in typography utilities; updated margin, padding, and typography readmes
- Darken
.box-shadow-extra-large
shadow - Update
.tooltip-multiline
to removeword-break: break-word
property - Add
.border-purple
utility class - Add responsive border utilities to primer-marketing
- Add
ws-normal
utility forwhitespace: normal
- Updated syntax and classnames for
Counters
andLabels
, moved into combined module with states.
- Add negative margin utilities
- Move
.d-flex
&.d-flex-inline
to be with other display utility classes invisibility-display.scss
- Delete
.shade-gradient
in favor of.bg-shade-gradient
- Removed alt-body-font variable from primer-marketing
- Removed un-used
alt
typography styles from primer-marketing - Add green border utility
- Added new border variable and utility, replaced deprecated flash border variables
- Updated variable name in form validation
- Updated
.sr-only
to not use negative margin - Added and removed border variables and utilities
- Add filter utility to Primer Marketing
- Removed all custom color variables within Primer-marketing in favor of the new color system
- Updated style for form group error display so it is positioned properly
- Updated state closed color and text and background pending utilities
- Removed local font css file from primer-marketing/support
- Updated all color variables and replaced 579 hex refs across modules with new variables, added additional shades to start introducing a new color system which required updating nearly all primer modules
- Added layout utility
.sr-only
for creating screen reader only elements - Added
.flex{-infix}-item-equal
utilities for creating equal width and equal height flex items. - Added
.flex{-infix}-row-reverse
utility for reversing rows of content - Updated
.select-menu-button-large
to useem
units for sizing of the CSS triangle. - Added
.box-shadow-extra-large
utility for large, diffused shadow - Updated: removed background color from markdown body
- Updated: remove background on the only item in an avatar stack
- Added form utility
.form-checkbox-details
to allow content to be shown/hidden based on a radio button being checked - Added form utility to override Webkit's incorrect assumption of where to try to autofill contact information
- Update primer modules to use bold variable applying
font-weight: 600
- Added
CircleBadge
component for badge-like displays within product/components/avatars - Added Box shadow utilities
box-shadow
,box-shadow-medium
,box-shadow-large
,box-shadow-none
- Moved visibility and display utilities to separate partial at the end of the imports list, moved flexbox to it's own partial
- Added
flex-shrink-0
to address Flexbox Safari bug - Updated: Using spacing variables in the
.flash
component - Updated Box component styles and documentation
- Added
.wb-break-all
utility
- Adding primer-marketing module to primer
- Added red and blue border color variables and utilities
- Updated:
$spacer-5
has been changed to32px
from36px
- Updated:
$spacer-6
has been changed to40px
from48px
- Deprecated
link-blue
, updatedlink-gray
andlink-gray-dark
, addedlink-hover-blue
- Updated: blankslate module to use support variables for sizing
- Renamed
.flex-table
to.TableObject
- Updated:
$spacer-1
has been changed to4px
from3px
- Updated:
$spacer-2
has been changed to6px
from8px
- Added:
.text-shadow-dark
&.text-shadow-light
utilities - Updated: Moved non-framework CSS out of Primer modules. Added
box.scss
toprimer-core
. Addeddiscussion-timeline.scss
toprimer-product
, and movedblob-csv.scss
into/primer-product/markdown
directory - Added: Flex utilities
- Refactor: Site typography to use Primer Marketing styles
- Added:
.list-style-none
utility - Refactor: Button groups into some cleaner CSS
- Updated: Reorganizing how we separate primer-core, primer-product, primer-marketing css
- Added: Responsive styles for margin and padding utilities, display, float, and new responsive hide utility, and updates to make typography responsive
- Added: new container styles and grid styles with responsive options
- Added: updated underline nav styles
- Deprecate: Deprecating a lot of color and layout utilities
- Added: More type utilities for different weights and larger sizes.
- Added: Well defined browser support
- Added: primer-markdown to the build
- Fixes: Pointing "style" package.json to
build/build.css
file. - Added: Update font stack to system fonts
- Added: Updated type scale as part of system font update
- Added:
.Box
component for replacing boxed groups, simple box, and table-list styles - Added: New type utilities for headings and line-height
- Deprecated:
vertical-middle
was replaced withv-align-middle
. - Added: Layout utilities for vertical alignment, overflow, width and height, visibility, and display table
- Added: Changing from font icons to SVG
- Added npm build scripts to add
build/build.css
to the npm package
- Fixed: missing primer-layout from build
- Whole new npm build system, pulling in the code from separate component repos
- Added: Animation utilities
- Added: Whitespace scale, and margin and padding utilities
- Added: Border utilities