Skip to content

Latest commit

 

History

History
2666 lines (1567 loc) · 142 KB

CHANGELOG.md

File metadata and controls

2666 lines (1567 loc) · 142 KB

@primer/css

21.5.1

Patch Changes

21.5.0

Minor Changes

21.4.0

Minor Changes

Patch Changes

21.3.6

Patch Changes

21.3.5

Patch Changes

21.3.4

Patch Changes

21.3.3

Patch Changes

21.3.2

Patch Changes

21.3.1

Patch Changes

21.3.0

Minor Changes

Patch Changes

21.2.2

Patch Changes

21.2.1

Patch Changes

21.2.0

Minor Changes

Patch Changes

21.1.1

Patch Changes

21.1.0

Minor Changes

21.0.10

Patch Changes

21.0.9

Patch Changes

21.0.8

Patch Changes

21.0.7

Patch Changes

21.0.6

Patch Changes

21.0.5

Patch Changes

21.0.4

Patch Changes

21.0.3

Patch Changes

21.0.2

Patch Changes

21.0.1

Patch Changes

21.0.0

Major Changes

  • #2403 256affcf Thanks @lukasoppermann! - ## Removed DiffStat component

    • the diffStat component is removed from primer/css
    • the component is very specific to this use-case, it is not generic enough to be part of the primer design system and was thus chosen for removal
    • the component will be added to the github codebase directly so that it is still available
    • if you are working within github.com you should be ale to use diffStat just like before. On other projects you will need to copy the diffStat code and add it to your codebase
  • #2402 c6e214b7 Thanks @simurai! - Remove form-validation styles

  • #2405 85f31cc8 Thanks @simurai! - Remove ActionList

Patch Changes

20.8.3

Patch Changes

20.8.2

Patch Changes

20.8.1

Patch Changes

20.8.0

Minor Changes

Patch Changes

20.7.1

Patch Changes

20.7.0

Minor Changes

20.6.1

Patch Changes

20.6.0

Minor Changes

20.5.1

Patch Changes

20.5.0

Minor Changes

20.4.8

Patch Changes

20.4.7

Patch Changes

20.4.6

Patch Changes

  • #2249 81083778 Thanks @koddsson! - Increase specificy for Overlay styles as they relate to the backdrop and positioning options
    • If a Dialog opens a second Dialog, each Dialog properties should be contained to its own scope

20.4.5

Patch Changes

20.4.4

Patch Changes

  • #2229 8a4c0878 Thanks @jonrohan! - ActionList hide the first divider if there's hidden items in front of it.
  • #2225 56ea4ab1 Thanks @langermank! - Overlay updates for Alpha::Dialog
    • Size improvements
    • Support buttom and side sheets
    • Preliminary animations for sheets

20.4.3

Patch Changes

  • #2202 b74e78b2 Thanks @jonrohan! - Rename SegmentedControl--iconOnly-whenNarrow to SegmentedControl-button--iconOnly-whenNarrow and place on button

20.4.2

Patch Changes

20.4.1

Patch Changes

20.4.0

Minor Changes

Patch Changes

20.3.0

Minor Changes

Patch Changes

20.2.4

Patch Changes

  • #2114 facb9682 Thanks @langermank! - - Updates stories to reflect markup for Rails
    • Clean up FormControl classes
    • Add Radio and Checkbox custom styles

20.2.3

Patch Changes

  • #2077 ab078a58 Thanks @mlynam! - Make .form-control elements render as disabled when a parent fieldset is disabled

20.2.2

Patch Changes

20.2.1

Patch Changes

20.2.0

Minor Changes

20.1.1

Patch Changes

20.1.0

Minor Changes

20.0.0

Major Changes

  • #1821 daa2685c Thanks @jonrohan! - UnderlineNav :focus styles Refactor selected state and spacing Add selected bold state override from github/github

Patch Changes

19.8.2

Patch Changes

19.8.1

Patch Changes

19.8.0

Minor Changes

Patch Changes

19.7.1

Patch Changes

19.7.0

Minor Changes

Patch Changes

19.6.0

Minor Changes

Patch Changes

19.5.1

Patch Changes

19.5.0

Minor Changes

Patch Changes

19.4.0

Minor Changes

  • #1905 50221a54 Thanks @langermank! - Refactors NavigationList to better handle accessibility. Backwards compatible for TreeView CSS.

Patch Changes

19.3.0

Minor Changes

Patch Changes

19.2.0

Minor Changes

Patch Changes

  • #1869 868f61a1 Thanks @jdanyow! - Minor bugfix for AvatarStack. Removing the box-shadow from the AvatarStack-body on hover.

19.1.1

Patch Changes

19.1.0

Minor Changes

  • #1807 13a4654f Thanks @enstyled! - Marketing: Add link components Marketing: Add animated arrow utility Marketing: Document button components with arrows

Patch Changes

19.0.0

Major Changes

Minor Changes

  • #1756 ece7a3e6 Thanks @heiskr! - Update mark tag to use background-color: var(--color-attention-subtle);

Patch Changes

18.2.0

Minor Changes

Patch Changes

18.1.0

Minor Changes

Patch Changes

  • #1689 257f68f6 Thanks @adityatheoctocatdev! - Update all Toast variant icons to use var(--color-fg-on-emphasis)

    The only visible change is in the warning variant, previously using var(--color-fg-default)

18.0.2

Patch Changes

18.0.1

Patch Changes

18.0.0

Major Changes

  • #1599 13de16c7 Thanks @jonrohan! - Removing the rem() mixin and usages. Placing the computed values in place.
  • #1599 13de16c7 Thanks @jonrohan! - Rename modes.scss file to color-modes.scss and move from the base/ folder to the support/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.

Minor Changes

  • #1626 4d00d51d Thanks @jonrohan! - Changing to @primer/stylelint-config and upgrading @primer/primitives to 5.0 rc

Patch Changes

17.11.0

Minor Changes

  • #1595 5fb831cf Thanks @jonrohan! - Adding directional margin classes to the margin utilities.

    Adding: ml-auto, mb-auto, mr-auto

Patch Changes

17.10.0

Minor Changes

Patch Changes

17.9.0

Minor Changes

  • #1573 386dfa01 Thanks @simurai! - Improve the font stack on Windows

    • Segoe 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 before system-ui.
      • This should have the effect that the browser will use Meiryo instead of Yu 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 #1573 (comment) it seems Meiryo is the better default.
  • #1579 c3b4a0c3 Thanks @jonrohan! - Removing v2 color mode css var fallbacks. var(--color-v2, var(--color-v1)) becomes var(--color-v2)

17.8.0

Minor Changes

17.7.0

Minor Changes

Patch Changes

17.6.2

Patch Changes

17.6.1

Patch Changes

17.6.0

Minor Changes

Patch Changes

17.5.2

Patch Changes

17.5.1

Patch Changes

17.5.0

Minor Changes

  • #1506 13cda226 Thanks @jonrohan! - Creating .Header-input class for dark header inputs. This Header-input will be used with a form-control class.

Patch Changes

  • #1510 d1ea5c2c Thanks @jonrohan! - Adding focus outline to the invisible buttons .btn-invisible and .close-button.

17.4.0

Minor Changes

Patch Changes

17.3.0

Minor Changes

Patch Changes

17.2.1

Patch Changes

17.2.0

Minor Changes

Patch Changes

  • #1424 30597af9 Thanks @khiga8! - Ensures that the visual slash separator for breadcrumbs is not announced by screenreaders.

17.1.1

Patch Changes

17.1.0

Minor Changes

Patch Changes

17.0.3

Patch Changes

17.0.2

Patch Changes

17.0.1

Patch Changes

  • #1394 42223f0b Thanks @tobiasahlin! - Marketing: Fix letter spacing for headers not being correctly overridden at break points

17.0.0

Major Changes

Minor Changes

Patch Changes

16.3.0

Minor Changes

Patch Changes

16.2.0

Minor Changes

Patch Changes

16.1.2

Patch Changes

16.1.1

Patch Changes

16.1.0

Minor Changes

Patch Changes

  • #1261 b1346678 Thanks @jonrohan! - Fixing the color-mode-theme mixin. Currently the mixin doesn't take into account when mode="light" and light-theme="dark". This fix allows dark themes to be set as light themes and to toggle into single light mode.

16.0.2

Patch Changes

16.0.1

Patch Changes

16.0.0

💥 Breaking Change

🚀 Enhancement

  • Add flex-shrink: 0 to .avatar #1183
  • Adding timeline-badge success border #1246
  • Add .anim-rotate utility class #1251

💅 Polish

  • Move marketing @font-face declarations from vars to type #1238

📝 Documentation

  • Update documentation with color modes #1186

15.2.0

🚀 Enhancements

  • #1145 Make final position responsive
  • #1148 flex wrap reverse added
  • #1157 Overflow responsive variants
  • #1156 Add missing rounded-3 utility

📝 Documentation

  • #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

💅 Polish

  • #1147 Increase input font-size on iOS
  • #1152 Remove .autocomplete-results inset border that is occluded by items

Committers

15.1.0

🚀 Enhancements

  • #1062 Make tabnav responsive
  • #1128 Add support for table border
  • #1132 Add .bg-orange to the list of colors

📝 Documentation

💅 Polish

  • #1121 Update layout when the Counter is empty
  • #1126 Increase border contrast for Label--yellow

Committers

15.0.0

🚀 Enhancements

  • #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

💅 Polish

Committers

14.4.0

🚀 Enhancements

  • #1089 Accessible Progress

🐛 Bug fixes

  • #1060 Add support for aria-current=false

📝 Documentation

  • #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

Committers

14.3.0

🚀 Enhancements

  • #1044 Accessible form validation
  • #1028 Improve .form-group accessibility

🐛 Bug fixes

  • #670 Fix Box row top border
  • #1042 Fix UnderlineNav in Safari
  • #1035 Update UnderlineNav-item to not wrap counter & icon

📝 Documentation

  • #1018 Update MIGRATING.md

Committers

14.2.0

🚀 Enhancements

  • #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]

🐛 Bug fixes

  • #1002 Fix marketing utilities
  • #1005 Add .selected back to the .UnderlineNav

📝 Documentation

  • #1012 Improve margin/padding docs
  • #1013 Fix docs links
  • #1004 rm deprecated flash-banner component from docs

Committers

14.1.0

🚀 Enhancements

  • #994 Responsive line-height utilities
  • #995 Add bold weight to marketing font variables

🐛 Bug fixes

  • #998 Use a gray background when hovering SelectMenu items

📝 Documentation

  • #989 Add link to the Stylelint guide
  • #1000 Update contributing guide for a general audience
  • #972 Variables page

🏠 Internal

  • #997 Fix CHANGELOG links

Committers

14.0.0

💥 Breaking changes

  • #922 More SelectMenu improvements
  • #966 Rename .flex-item-equal to .flex-1
  • #973 Deprecate variables in 14.0.0

🚀 Enhancements

  • #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

📝 Documentation

  • #988 Add docs for flexbug no. 9
  • #977 Update spacing.md

🏠 Internal

  • #952 Async/awaitify script/dist.js
  • #963 Generate changelog with semantic-release
  • #968 Stylelint update

Committers

13.2.0

🚀 Enhancements

  • #959 More buttons
  • #950 Add Diffstat component
  • #913 Importing TimelineItem from .com and creating matching docs
  • #953 Add IssueLabel component

🐛 Bug fixes

  • #945 Add [role=tab][aria-selected=true] to .UnderlineNav-item.selected

📝 Documentation

  • #939 Fix Box--overlay example
  • #943 Fix broken links to typography utilities

🏠 Internal

  • #946 Add TODO@version stylelint rule (local)

Committers

13.1.0

🚀 Enhancement

  • #904 Add Keyboard Shortcuts kbd from github/github
  • #926 Add Flash Banner .flash-banner from github/github
  • #927 Add .flex-column-reverse utilities

📝 Documentation

  • #932 Fix CDN links in documentation
  • #933 Convert most ERB examples to HTML

Committers

13.0.2

📝 Documentation

  • Use inline octicon in branch name example #886
  • Move select menu list into the modal div #903
  • Improve SelectMenu docs #923

🏠 Internal

  • Update "Ship checklist" #902
  • Bump stylelint, et al; add CI tests and script for removing needless disables #912

Committers

13.0.1

🐛 Bug Fix

  • Remove "Segoe UI Symbol" from font stack #906

Committers

13.0.0

💥 Breaking Change

  • Remove .container, .columns, .column, and related classes #662
  • Remove .btn-purple #736 👋 💜
  • Remove .text-pending and .bg-pending #888
  • Remove .dropdown-menu-content #884

💅 Polish

  • Select menu improvements #893

📝 Documentation

  • The layout docs, formerly available at /css/objects/layout, are gone and will redirect to /css/objects/grid.

🏠 Internal

  • 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

Committers

12.7.0

🚀 Enhancement

  • 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

📝 Documentation

  • Fix mistake in flex-justify-start explanation #877

🏠 Internal

  • Fix CSS bundle size report when adding bundles #879
  • Migrate to GitHub Actions v2 #881

Committers

12.6.2

💅 Polish

  • Add default background-color to SideNav #873

🏠 Internal

  • Change order in RELEASING.md #875

Committers

12.6.1

🐛 Bug Fix

  • Remove non-ascii characters (en dashes?) from SCSS comments #870
  • Fix SideNav "jumping" in Safari #868

💅 Polish

  • Improve Select Menu spacing #844

📝 Documentation

  • Update colorable URL #867

🏠 Internal

  • Update changelog for 12.6.0 #866

Committers

12.6.0

🚀 Enhancements

  • 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

📝 Documentation

  • 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

🏠 Internal

  • Add GitHub styleguide.css to Storybook #849

Committers

12.5.0

🚀 Enhancement

  • 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] and width-auto utilities #763
  • Change default for $marketing-font-path to /fonts/ #837

🐛 Bug Fix

  • Improve monospaced font on Chrome Android #812

📝 Documentation

  • 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

Committers

12.4.1

🐛 Bug fixes

  • Fix #822 (.border-dashed issues) via #824

📝 Documentation

  • 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

🏠 Internal

  • Decommission primer/deploy #809

Committers

12.4.0

🚀 Enhancement

  • More responsive border utilities #775
  • Add overflow: visible utilities #798
  • Add yellow color utilities that will replace pending #737

🐛 Bug Fix

  • Fix Ruby Sass compiler warnings by quoting keys in $hue-maps declaration #794

🏠 Internal

  • Remove test-all-modules scripts and old monorepo test scripts #795
  • Resolve all but one (#796) vulnerability in npm dev dependencies #797

Committers

12.3.1

🐛 Bug Fix

  • Add aria-selected="true" support to tabbed navigation styles to play nicely with <tab-container>

🏠 Internal

Committers

12.3.0

🚀 Enhancement

🏠 Internal

📝 Documentation

🏠 Internal

Committers

12.2.3

🐛 Bug Fix

  • Remove references to a non-existent Progress-value class #751

🏠 Internal

  • Upgrade stylelint config #753

Committers: 1

12.2.2

🐛 Bug Fix

  • Fix hide utilities when toggling between breakpoints #746

🏠 Internal

  • Prevent Storybook publish failures from breaking builds on main #728
  • Upgrade to cssstats v3.3.0, which fixes our selector stats JSON files

Committers: 2

12.2.1

🐛 Bug Fix

  • Fix source order of directional border utilities #727
  • Fix UnderlineNav selected border width #733

📝 Documentation

  • Fix changelog committers listings for versions 12.0.1 and 12.0.2 #729
  • Fix code examples from being cut off #725

Committers: 2

12.2.0

🚀 Enhancement

  • Add more .border-white-fade utilities #713

💅 Polish

  • Fix <details> spacing #675

🐛 Bug Fixes

  • Accessibility fixes for marketing buttons #716

📝 Documentation

  • Fix scrolling of code examples #717

🏠 Internal

  • Fix npm link (#715) by removing prepare npm script #718

Committers: 4

12.1.1

🐛 Bug Fix

  • Remove UI from font file path #709

📝 Documentation

  • Removes sync functionality from docs #710

🏠 Internal

Committers: 3

12.1.0

🚀 Enhancement

  • 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

📝 Documentation

  • Fix changelog committers list for 12.0.2 (accidentally listed under 12.0.1)

🏠 Internal

  • Remove a bunch of unused dev dependencies #703
  • Update script/selector-diff-report to compare against @primer/css (not primer!)

Committers: 3

12.0.2

🐛 Bug fix

  • Restore missing marketing padding utilities #695

📝 Documentation

  • 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

🏠 Internal

Committers: 4

12.0.1

🐛 Bug Fix

  • Add missing h000-mktg class #667
  • Fix UnderlineNav overflow issues #684
  • Fix double borders on Box-header #686

🏠 Internal

  • Add postversion npm script that commits package.json and package-lock.json with consistent commit messages (chore: v<version>)

Committers: 2

12.0.0

🚨 Starting with version 12.0.0, the primer package is now known as @primer/css. See MIGRATING.md for more info.

💥 Breaking Change

Committers: 2

11.0.0

💥 Breaking Change

🚀 Enhancement

🐛 Bug Fix

🏠 Internal

Committers: 4

10.10.5

🐛 Bug Fix

📝 Documentation

🏠 Internal

  • Only check links on Travis if [check-links] is included in the commit message
  • a5658d3 Run now alias without the branch name on merge to main

Committers: 1

10.10.4

📝 Documentation

🏠 Internal

Committers: 1

10.10.3

📝 Documentation

🏠 Internal

Committers: 2

10.10.2

📝 Documentation

🏠 Internal

Committers: 2

10.10.1

📝 Documentation

🏠 Internal

Committers: 2

10.10.0

🚀 Enhancement

  • #573 Add Progress component. (@emilybrick)
  • #561 Add HTML hidden attribute docs, increase [hidden] selector specificity. (@shawnbot h/t @jonrohan)

🐛 Bug Fix

📝 Documentation

🏠 Internal

Committers: 3

10.9.0

🚀 Enhancement

  • #586 Hiding .Counter component when it's empty.. (@jonrohan)
  • #545 Simplify responsive utilities with $responsive-variants. (@shawnbot)
  • #557 Add !important to [hidden]. (@muan)

📝 Documentation

🏠 Internal

Committers: 5

10.8.1

🐛 Bug Fix

📝 Documentation

🚀 Enhancement

10.8.0

🚀 Enhancement

📝 Documentation

Committers: 3

10.7.0

💅 Polish

📝 Documentation

🏠 Internal

Committers: 5

10.6.1

🐛 Bug Fix

  • #506 Fix white border on last avatar in AvatarStack (take two). (@shawnbot)
  • #501 Set different z-index for .details-overlay. (@muan)

Committers: 2

10.6.0

🐛 Bug Fix

📝 Documentation

🏠 Internal

Committers: 4

10.5.0

🚀 Enhancement

🐛 Bug Fix

📝 Documentation

Committers: 7

10.4.0 (2018-03-14)

🚀 Enhancement

📝 Documentation

Committers: 3

10.3.0 (2018-01-17)

🚀 Enhancement

🐛 Bug Fix

💅 Polish

📝 Documentation

  • #427 Adding stories from markdown for the other modules that didn't have any stories. (@jonrohan)

🏠 Internal

Committers: 4

10.2.0 (2017-12-11)

🚀 Enhancement

📝 Documentation

  • #411 Updates to stylelint package links/docs for new structure. (@jonrohan)

Committers: 4

10.1.0 (2017-11-15)

🚀 Enhancement

📝 Documentation

Committers: 5

10.0.1 (2017-11-14)

🐛 Bug Fix

  • Fixing peerDependencies to be greater than equal to versions. Fixing version mismatch with buttons and box.

10.0.0 (2017-11-13)

💥 Breaking Change

  • #395 Renaming primer-css to primer. (@jonrohan)
  • #379 Deprecating primer-cards and form-cards. (@jonrohan)
  • #336 Move primer-breadcrumbs from marketing to core (@jonrohan

🚀 Enhancement

🐛 Bug Fix

  • #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)

🏠 Internal

  • #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)

Committers: 13

Special thanks to @shaharke for transferring ownership of the Primer npm package to us so that we could make the rename happen! ❤️

9.6.0

Added

Changes

  • Deployment and publishing scripts refinements.

9.5.0

Added

  • 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

Changes

  • Updates our release candidate versioning logic so that prerelease increments are done on a per-module basis, fixing #350.

9.4.0

Added

  • Add v-align-baseline class to primer-utilities #324
  • Add deprecation warnings for primer-cards and primer-forms/lib/form-validation.scss #347 (these will be removed in v10.0.0)

Changes

  • Update npm metadata for primer, primer-core, primer-product, and primer-marketing #328
  • Remove HEAD heading from the changelog #327

9.3.0

Added

  • Docs for primer-layout (grid), primer-support, primer-utilities, and primer-marketing-utilities
  • Primer keys for category and module_type to package.json (for use in documentation and gathering stats)

Changes

  • Removes docs from gitignore
  • 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

9.2.0

Added

  • 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

Changes

  • Remove per-module configurations (.gitignore, .postcss.json, .stylelintrc.json) and CHANGELOG.md files in #284
  • Replace most static font-size, font-weight, and line-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

9.1.1

This release updates primer modules to use variables for spacing units instead of pixel values.

Changes

  • 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

9.1.0

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.

9.0.0 - Core dependency & repo urls

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

Changes

Primer Core v6.0.0

  • 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

Primer Product v5.0.2

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

Primer Marketing v5.0.2

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

8.0.0 - Imports

Fixes issues with the ordering of imports in each of our meta-packages. See PR #239

Changes

Primer Core v5.0.1

  • Re-ordered imports in index.scss to ensure utilities come last in the cascade

Primer Product v5.0.1

  • Re-ordered imports in index.scss to move markdown import to end of list to match former setup in GitHub.com

Primer Marketing v5.0.1

  • Re-ordered imports in index.scss to ensure marketing utilities come last in the cascade

7.0.0 - Monorepo

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: #230

Other changes:

Primer Core v4.0.3

primer-support v4.0.5

  • 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

primer-layout v1.0.3

  • Update grid gutter styles naming convention and add responsive modifiers
  • Deprecate single-column and table-column from layout module
  • Remove @include clearfix from responsive container classes

primer-utilities v4.3.3

  • Add show-on-focus utility class for accessibility
  • Update typography utilities to use new color variables
  • Add .p-responsive class

primer-base v1.1.3

  • Update b tag font weight to use variable in base styles

Primer Marketing v4.0.3

primer-tables

  • Update marketing table colors to use new variables

6.0.0

  • 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 remove word-break: break-word property
  • Add .border-purple utility class
  • Add responsive border utilities to primer-marketing
  • Add ws-normal utility for whitespace: normal
  • Updated syntax and classnames for Counters and Labels, moved into combined module with states.

5.1.0

  • Add negative margin utilities
  • Move .d-flex & .d-flex-inline to be with other display utility classes in visibility-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

5.0.0

  • 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 use em 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

4.7.0

  • Update primer modules to use bold variable applying font-weight: 600

4.6.0

  • 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

4.4.0

  • Adding primer-marketing module to primer
  • Added red and blue border color variables and utilities
  • Updated: $spacer-5 has been changed to 32px from 36px
  • Updated: $spacer-6 has been changed to 40px from 48px
  • Deprecated link-blue, updated link-gray and link-gray-dark, added link-hover-blue - Updated: blankslate module to use support variables for sizing

4.3.0

  • Renamed .flex-table to .TableObject
  • Updated: $spacer-1 has been changed to 4px from 3px
  • Updated: $spacer-2 has been changed to 6px from 8px
  • Added: .text-shadow-dark & .text-shadow-light utilities
  • Updated: Moved non-framework CSS out of Primer modules. Added box.scss to primer-core. Added discussion-timeline.scss to primer-product, and moved blob-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

4.2.0

  • 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

4.1.0

  • 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 with v-align-middle.
  • Added: Layout utilities for vertical alignment, overflow, width and height, visibility, and display table
  • Added: Changing from font icons to SVG

4.0.2

  • Added npm build scripts to add build/build.css to the npm package

4.0.1

  • Fixed: missing primer-layout from build

4.0.0

  • Whole new npm build system, pulling in the code from separate component repos

3.0.0

  • Added: Animation utilities
  • Added: Whitespace scale, and margin and padding utilities
  • Added: Border utilities