1
1
mirror of https://github.com/primer/css.git synced 2024-12-26 15:43:59 +03:00
Commit Graph

325 Commits

Author SHA1 Message Date
Ari Seyhun
4a06aba1d3
Fix layout gutter none styles (#1882)
* Fix layout gutter none styles

Fixes https://github.com/primer/css/issues/1880.

* Create seven-steaks-wait.md

Co-authored-by: Jon Rohan <rohan@github.com>
2022-01-18 09:42:42 -08:00
GitHub Design Systems Bot
61f7d9b45d
Version Packages (#1849)
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
2022-01-14 09:56:33 -08:00
Katie Langerman
cbe3fb56e4
ActionList item outlines for high contrast theme (#1856)
* fresh branch

* Stylelint auto-fixes

* Create few-mice-scream.md

* Update src/actionlist/action-list-item.scss

Co-authored-by: Vinicius Depizzol <vdepizzol@github.com>

* change to box-shadow

* lint

* compromise

* add reference

* lint

* fix merge, lint

* adjust active state

* lint

* Stylelint auto-fixes

* Update few-mice-scream.md

Co-authored-by: Actions Auto Build <actions@github.com>
Co-authored-by: Vinicius Depizzol <vdepizzol@github.com>
2022-01-13 16:30:26 -08:00
Vinicius Depizzol
815daff9f0
[ActionList] Add hover to aria-current elements and other micro interactions (#1870)
* Add hover to aria-current element

Also included a quick transition for subGroup elements

* Add touch-action, remove tap highlight, and more

Also:
- Avoided sticky hover on touch devices with hover:hover media query
- removed pointer: fine specificity to hover media queries
- simplified reduce-motion media query

* Keep parent above subGroup during transition

* Keep out-of-bound indicator line visible

* Please stylelint

* Create six-avocados-promise.md

Co-authored-by: Jon Rohan <yes@jonrohan.codes>
2022-01-12 15:12:10 -08:00
Jeremy Danyow
868f61a199
Remove .avatar's box-shadow when in .AvatarStack-body (#1869)
* Remove .avatar's box-shadow when in .AvatarStack-body

fixes #1850

* Add changeset

* Update dry-clocks-speak.md

Co-authored-by: Jon Rohan <rohan@github.com>
2022-01-04 17:32:56 +00:00
simurai
8f2e7534ec
Bump primer/primitives to 7.4.0 (#1855)
* yarn add @primer/primitives@^7.4.0

* Create beige-hairs-jam.md
2021-12-22 14:15:41 +09:00
Vinicius Depizzol
6b4089d8b3
PageLayout component / Layout beta + storybook (#1737)
* storybook for layout alpha

* the beginning of layout beta

* simplify spacing structure and other things

this is a reminder that all the abstraction can happen in the viewComponent;
there's no need to flood the css with constricted behaviors

* add rowGap & dividers, clean spacing props

* content-width support, sticky pane

* cleanup props

* add preset property

* !default

* component name & settings example

* typo, cleaner header & footer template

* fix preset options

* mobile-friendly responsive behavior

* ongoing flowVertical breakpoint behavior

* finish panePosition + responsive pos & dividers

* panePosition fix

* add splitAsPage, finish responsive divider

* Layout beta ongoing updates (#1779)

- simplify component with better names
- rename it to `PageLayout`
- stylelint cleanup
- finalize responsive variants
- finalize variant-specific region dividers

* add minimum 320px viewport

* fix layout alpha, add layout patterns

* cleanup bg colors, stylint pass

* enable debug bg colors

* colorful regions by default for dubugging

* "Needless disable for primer/no-undefined-vars"

* Stylelint auto-fixes

* line breaks a EOF

* introduce page layout behavior as a sb helper

* children props in specialized components

* cleanup

* typo

* discussions responsive temporary example

* layout alpha descriptions

* pageLayout prop descriptions

* cleanup

* fix conflict

* copy

* responsiveVariant storybook description

* 0 padding on fullscreen storybook layout

* has__divider for boolean props

* cleanup, copy

* cleanup

* cleanup

* cleanup chained selections/descendants

* Stylelint auto-fixes

* inherit values for responsive divider props

* consolidate modifier names for responsive props

Changelog:

### CSS classes
- `PageLayout--variant-stackRegions` → `PageLayout--responsive-stackRegions`
- `PageLayout--variant-separateRegions` → `PageLayout--responsive-separateRegions`
- `PageLayout--variant-stackRegions-panePos-*` →`PageLayout--responsive-panePos-*`
- `PageLayout--variant-separateRegions-primary-*` →`PageLayout--responsive-primary-*`
- `PageLayout-region--hasDivider-*` → `PageLayout-region--dividerNarrow-*`

### Prop names
- `responsivePrimaryRegion` → `primaryRegion`
- `paneResponsivePosition` → `panePositionNarrow`
- `paneResponsiveDivider` → `paneDividerNarrow`
- `headerResponsiveDivider`→ `headerDividerNarrow`
- `footerResponsiveDivider`→ `footerDividerNarrow`

### Args
- `*DividerNarrow` props have new `inherit` value by default

* Create lemon-games-swim.md

* Update lemon-games-swim.md

* cleanup, header+footer dividers as local modifiers

* hasFooterDivider instead of footerDivider

* fix primaryRegion selector

Co-authored-by: Actions Auto Build <actions@github.com>
Co-authored-by: Katie Langerman <langermank@github.com>
2021-12-21 12:51:59 -08:00
GitHub Design Systems Bot
a6da444ed6
Version Packages (#1829)
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
2021-12-16 11:54:49 -08:00
Katie Langerman
c46fe9186e
Actionlist tree-view CSS (#1803)
* collapse state updates

* inset variant

* pseudo, you fine as you are

* tree view pattern draft

* tree view structure

* Stylelint auto-fixes

* trying tree roles

* vertical connector progress

* inline css var for spacing logic

* refactor tree story

* cleanup, lint

* add aria roles

* Create healthy-monkeys-complain.md

* lint

* lil change to trigger cli

* spacing adjustments

* move var

* linty fresh

* stuck in a stylelint loop

* fix var syntax

* one last try for today

* fix var

* test moving stylelint disable

Co-authored-by: Actions Auto Build <actions@github.com>
Co-authored-by: Jon Rohan <yes@jonrohan.codes>
2021-12-16 11:40:54 -08:00
simurai
69e1fc539e
Support fractional viewport sizes for max-width media queries (#1827)
* Support fractional viewport sizes

* Create serious-emus-worry.md

* Support fractional viewport sizes for Popover

* Support fractional viewport sizes for Layout

* Create afraid-jars-occur.md
2021-12-15 12:10:43 +00:00
GitHub Design Systems Bot
6a4cf188eb
Version Packages (#1763)
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
2021-12-09 11:33:20 +09:00
Vinicius Depizzol
22c29e7a8b
[Layout component] Avoid resizing main while loading (#1818)
* avoid resizing `main` while loading

* Update layout.scss

* Create stale-pugs-eat.md

Co-authored-by: Jon Rohan <yes@jonrohan.codes>
2021-12-08 16:04:45 -08:00
Jon Rohan
929ba56f9a
Revert "UnderlineNav :focus styles (#1764)" (#1820)
* Revert "UnderlineNav `:focus` styles (#1764)"

This reverts commit cdd9728c7e.

* Stylelint auto-fixes

Co-authored-by: Actions Auto Build <actions@github.com>
2021-12-08 12:08:49 -08:00
Katie Langerman
cdd9728c7e
UnderlineNav :focus styles (#1764)
* add pseudo selectors

* adjustments

* add stories, cleanup

* update mixin

* fix mixin

* lint

* add back overflow styles

* adjust focus for better overflow state, scrollsnap

* post test adjustments, move hacks to primer css

* Stylelint auto-fixes

* hover state desktop only

* document data-content hack

* Create nice-days-jog.md

Co-authored-by: Actions Auto Build <actions@github.com>
Co-authored-by: simurai <simurai@github.com>
2021-12-07 12:13:49 -08:00
simurai
b1c43f1f8d
Use counter-border for LHC (#1792)
* Use counter-border for LHC

* Create orange-ties-sin.md

* Remove fallback
2021-12-07 14:56:48 +09:00
Emil Nikov
13a4654fa0
Marketing: add link components (#1807)
* Initial setup for marketing links

* Create short-pugs-press.md

* Rename .mktg-link to .link-mktg

* Update the link underline style

* Update the usage examples

* Clean up the SCSS

* Add animated octicon-chevrow

* Add underline-pale variant

* Improve docs

* Lint ignore the use of currentColor

* Reduce the examples, refactor the chevrow animation

* Refactor the octicon chevrow positioning and sizing

* Less absolute positioning

* Update the docs

* Document link colors

* Define underline offset with ems

* Update marketing-links.md

* Update chevrow position animation

* Rename underline-pale to link-emphasis-mktg

* Fix stylelint errors

* Reduce the :active state chevrow position

* Fix stylelint-disable comments

* Obey the stylelint!

* Rename octicon-chevrow to link-arrow-mktg

* Extract the animated arrow as utility

* Stylelint auto-fixes

* Remove markdown leftover

* Fix positioning in marketing buttons and links

* Stylelint ignore marketing button line-height

* Stylelint auto-fixes

* Expand the arrow-target-mktg selector to cover btn-mktg and link-mktg

Co-authored-by: Tobias Ahlin <hello@tobiasahlin.com>

* Update the btn-mktg line height

* Revert the btn-mktg padding changes

* Remove stylelint ignore rule

* Expand the changelog

* Improve the link-emphasis-mktg docs

* Add prefers-reduced-motion media queries

* Stylelint disable max-nesting-depth

Co-authored-by: Tobias Ahlin <hello@tobiasahlin.com>
Co-authored-by: Actions Auto Build <actions@github.com>
2021-12-06 08:50:14 +00:00
Tobias Ahlin
4abb1af95b
Marketing: Add disabled states for buttons (and tweak hover) (#1768)
* Add disabled styles

* Make sure links aren't decorated

* Create orange-camels-heal.md

* Stylelint auto-fixes

Co-authored-by: Actions Auto Build <actions@github.com>
2021-12-06 08:37:43 +00:00
Katie Langerman
8e9ba62d30
ActionList followup (#1780)
* collapse state updates

* inset variant

* pseudo, you fine as you are

* tree view pattern draft

* tree view structure

* move treeview to new pr

* Stylelint auto-fixes

* Create fresh-schools-pull.md

Co-authored-by: Actions Auto Build <actions@github.com>
2021-12-03 08:50:31 -08:00
Manuel Puyol
ee27583f59
Add hover and active states to btn-invisible (#1808)
Related to https://github.com/github/primer/issues/253 and https://github.com/github/primer/issues/263

Adds hover and active states to `btn-invisible`, as proposed by `@vdepizzol`.


https://user-images.githubusercontent.com/11280312/144511801-2a320990-36ca-4d67-b583-877ce540ed8a.mov
2021-12-03 09:27:03 -06:00
simurai
4d8dcf24bc
Reformat rgba() colors (#1781)
* Reformat rgba() colors

* Create nasty-bananas-drive.md
2021-12-03 00:03:15 +00:00
Tobias Ahlin
99537d317f
Fix local dev (revert webpack 5.5.0 → 6.0.0) (#1805)
* Revert webpack to 5.5.0

* Create long-panthers-provide.md
2021-12-02 11:16:16 -08:00
Katie Langerman
74724ce7c7
Remove popover responsive hack (#1759)
* add story, spec hack

* remove responsive wrap + stories

* update docs

* fix docs

* Create neat-cheetahs-rescue.md

Co-authored-by: Jon Rohan <yes@jonrohan.codes>
2021-11-22 11:23:30 -08:00
GitHub Design Systems Bot
4f8cb4f867
Version Packages (#1745)
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
2021-11-19 09:27:26 -08:00
Kevin Heis
ece7a3e68c
Update mark tag to use background-color: var(--color-attention-subtle); (#1756)
* Update mark tag to use background-color: var(--color-attention-subtle);

* Create lazy-snails-try.md

Co-authored-by: Katie Langerman <langermank@github.com>
2021-11-19 10:34:17 +09:00
Jon Rohan
1714778af7
Updating primer/primitives@7.1.0 and adding Light High Contrast theme (#1755)
* Updating primer/primitives

* Adding light high contrast theme

* Adding light high contrast theme

* Create quiet-spiders-help.md
2021-11-17 17:11:54 -08:00
simurai
3838e1743a
Add Box--overlay styles + remove styleguide.css from docs (#1754)
* Remove styleguide.css

* Move Box--overlay from dotcom

* Lint

* Create orange-crabs-provide.md
2021-11-16 21:43:45 +00:00
simurai
9e6b5f5671
Remove Label bg hack (#1746)
* Remove Label bg hack

* Create heavy-rivers-retire.md
2021-11-15 12:50:15 +09:00
Tobias Ahlin
9b97dc8fec
Update marketing buttons (including color mode support) (#1716)
* Add new gloss buttons

* Disable default outline

* Add focus and hover states for subtle buttons

* Remove redundant properties

* Rename outline → muted to align with functional color naming

* Update documentation to match new button setup

* Clarify what's temporary

* Create nervous-keys-bow.md

* Remove unused mixins

* Call background colors what they are (background colors)

* yarn add @primer/primitives@^7.0.1

* Use primer/primitives variables

* Deprecate mktg buttons

* Replace btn-transparent with btn-subtle-mktg

* Recommend replacing btn-enterprise-mktg with default btn-mktg

Co-authored-by: simurai <simurai@github.com>
2021-11-10 13:55:33 +09:00
GitHub Design Systems Bot
e34e69274d
Version Packages (#1733)
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
2021-11-08 11:53:59 -08:00
Vinicius Depizzol
dfe73db195
Update Layout's sidebar width values (#1738)
* update layout's component sidebar width values

* Update sidebar sizing docs

* Create clean-books-act.md

Co-authored-by: Jon Rohan <yes@jonrohan.codes>
2021-11-08 19:24:07 +00:00
Katie Langerman
e754300989
ActionList Component: Primer CSS Implementation (#1657)
* add storybook, start actionlist

* story composition, some katie edits

* auto grid test

* one grid option

* you win flexbox, you win

* back on that grid grind

* story for each item context

* import stories

* add CSS friendly args for controls

* more conditionals

* push

* fix import

* clean up deps

* fix borders + hover state

* add navigational to story

* primitive-ize

* break out files

* a11y fix

* list stories

* add all theme viewer, more css edge cases

* story cleanup

* actionList becomes ActionList

* story syntax improvements

* bind stories, organize

* nested nav exploration

* pseudo hover to support nested lists

* cleanup

* organize pattern stories

* finding a better way to deal with state/nesting

* move state up one level

* handle single level nesting

* collapsible

* collapse story in sub item nav

* new collapse icon position, grid refactor

* toggle expanded state

* cleanup

* rename classes, better nesting, single select

* multi select support

* start docs!

* new animations

* docs

* more docs

* action item features docs

* a11y docs (storybook)

* fix docs codeblocks

* format code snippet (a little)

* pull in pre-release primitives

* fix danger primitive

* cleanup

* linting playing tricks on me

* linty fresh

* renaming classes fun times

* add disabled variant

* formatting struggles

* danger visual danger color

* add viewport maps to layout vars

* test stylelint

* finish docs

* revert primitive upgrade

* primitives patch take 2, sidebar story

* change calc function

* remove fix script

* lint, docs fixes

* Stylelint auto-fixes

* guessing the storybook link for docs

* testing scss imports

* lint

* default background

* handle padding for sizes

* remove comments

* Stylelint auto-fixes

* Create poor-walls-occur.md

* Update poor-walls-occur.md

Co-authored-by: Jon Rohan <yes@jonrohan.codes>
Co-authored-by: Actions Auto Build <actions@github.com>
2021-11-02 08:37:10 -07:00
Jon Rohan
832e99886d
Updating @primer/primitives@6.1.0 (#1731)
* Updating @primer/primitives@6.1.0

* Create gentle-gifts-own.md
2021-11-01 23:27:16 +00:00
GitHub Design Systems Bot
085801af19
Version Packages (#1692)
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
2021-10-28 11:58:43 -07:00
simurai
bc3b94d26f
Add new color Labels (#1711)
* Add new role colors to .Label

* Create kind-cycles-hope.md
2021-10-28 17:34:29 +00:00
Katie Langerman
f7c44c35f8
Storybook: add Label stories (#1708)
* add label stories

* playgrounds

* add features

* Create dirty-pillows-drop.md

Co-authored-by: Jon Rohan <yes@jonrohan.codes>
2021-10-28 17:32:50 +00:00
Jon Rohan
bc50203324
Updating @primer/stylelint-config to 12.1.0 (#1712)
* Updating @primer/stylelint-config to 12.1.0

* Stylelint auto-fixes

* Create cyan-birds-help.md

Co-authored-by: Actions Auto Build <actions@github.com>
2021-10-28 10:14:08 -07:00
Jon Rohan
6a058ecbaf
Updating @primer/primitives to 6.0 (#1710)
* Updating @primer/primitives to 6.0

* Create beige-spiders-shout.md
2021-10-27 15:00:53 -07:00
Maxime De Greve
a997790b69
Fix for disabled Safari inputs (#1707)
* Fix for disabled Safari inputs

* Create lovely-rabbits-fly.md

* Fix linter warning

* Update src/forms/form-control.scss

Co-authored-by: simurai <simurai@github.com>

Co-authored-by: Jon Rohan <yes@jonrohan.codes>
Co-authored-by: simurai <simurai@github.com>
2021-10-27 07:53:14 +01:00
simurai
af5a3ae826
Update Subhead actions (#1690)
* Right align .Subhead-actions

* Create dull-chefs-cover.md

* Increase spacing when description follows actions
2021-10-26 06:05:58 +00:00
simurai
b0e1687a56
Add more Octicon support (#1694)
* Add colored octicon support to .suggester

* Add octicon support for .radio-group

+ disabled state

* Add support for octicon in .btn in .flash

* Create dry-tips-scream.md
2021-10-25 00:49:49 +00:00
Jason Macgowan
c1ca19d4f0
Fix light-theme attr reference in theme docs (#1693)
* Fix light-theme attr reference

* Create olive-snakes-begin.md

Co-authored-by: Jon Rohan <rohan@github.com>
2021-10-21 17:13:59 +00:00
Aditya Patel
257f68f653
updated the color of toast warning icon (#1689)
* updated the color of toast warning icon (#1662)

* removed the `color` defination from `.Toast-icon`

* Create proud-mice-decide.md

Co-authored-by: Katie Langerman <langermank@github.com>
2021-10-20 16:47:12 -07:00
GitHub Design Systems Bot
88dfbb54f1
Version Packages (#1688)
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
2021-10-20 19:43:07 +09:00
simurai
cdb0faa606
Decrease contrast for disabled text (#1677)
* yarn add primer/primitives@^5.1.0

* Use --color-primer-fg-disabled

* Create tall-tips-thank.md

* Use --color-primer-fg-disabled for form inputs
2021-10-20 10:34:51 +00:00
hiroki osame
f013be66db
docs: close span tag (#1680)
* docs: close span tag

* Create curly-pans-march.md

Co-authored-by: Jon Rohan <rohan@github.com>
2021-10-18 22:26:43 +00:00
GitHub Design Systems Bot
b84400e7c9
Version Packages (#1664)
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
2021-10-08 09:24:47 -07:00
Jon Rohan
87b0b1d4c9
Removing the duplicate deprecation backgrounds (#1663)
* Removing the duplicate deprecation backgrounds

* Create thick-monkeys-film.md
2021-10-08 09:20:20 -07:00
GitHub Design Systems Bot
0cc2512392
Version Packages (#1600)
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
2021-10-08 16:39:37 +09:00
simurai
ebb573ff09
Update bg deprecations (#1661)
* Update bg deprecations

* Update v18-migration.mdx

* Create smooth-deers-accept.md
2021-10-08 16:28:45 +09:00
simurai
5f7bb45c21
Update utilities (#1630)
* Update utilities

* Create proud-scissors-compete.md

* Update spacing

* Remove `-subtle` and `-muted`

Co-authored-by: Jon Rohan <yes@jonrohan.codes>
2021-10-08 06:46:23 +00:00
Jon Rohan
d32e42f9ca
Rename protanopia themes to colorblind (#1659)
* Rename protanopia themes to colorblind

* Create red-lions-help.md
2021-10-06 02:10:52 +00:00
Kristján Oddsson
0ed0307b7b
Set details overlay z-index to 111 (#1658)
* Set details overlay z-index to 111

* Add a CHANGESET
2021-10-05 09:00:03 -07:00
Javier Diaz
ce197c9ff1
Update alerts.md (#1628)
* Update alerts.md

Switched icons back to default icons for each type of message
* Info -> info
* Warning -> alert
* Error -> stop
* Success -> check

* Create gentle-rabbits-tickle.md

Co-authored-by: Cole Bemis <colebemis@github.com>
Co-authored-by: simurai <simurai@github.com>
2021-10-01 14:48:17 +09:00
Jeremy Danyow
54d3068bd6
remove remaining color-border-primary refs (#1629)
* --color-border-primary -> --color-border-default

* Create itchy-gifts-clap.md

Co-authored-by: Jon Rohan <rohan@github.com>
Co-authored-by: Jon Rohan <yes@jonrohan.codes>
2021-10-01 05:25:16 +00:00
Jon Rohan
5f3689b907
Updating @primer/stylelint-config and @primer/primitives (#1631)
* Updating @primer/stylelint-config and @primer/primitives

* Create late-crabs-flash.md
2021-10-01 14:19:57 +09:00
Jon Rohan
4d00d51d00
Changing to @primer/stylelint-config and upgrading @primer/primitives to 5.0 rc (#1626)
* Changing to @primer/styleint-config

* Put back these configs

* Create early-insects-share.md
2021-09-30 10:05:25 +09:00
Tracy Lum
afac04bcdf
Add footnote styles (#1616)
* Add footnote styles

Port the styles from dotcom to Primer.

* Create gold-games-tickle.md

* disable lints

* Nest footnotes within markdown-body

Co-authored-by: Jon Rohan <rohan@github.com>

* Style footnotes

* Add footnotes to docs

* Lint

* Bump right border

Bumps the right border out a bit for symmetry in the :target border
style.

* Darken text when targeted

Co-authored-by: Jon Rohan <rohan@github.com>
Co-authored-by: simurai <simurai@github.com>
2021-09-29 03:02:35 +00:00
Jon Rohan
e47324faa4
Convert build tools to use dart-sass (#1617)
* Installing dart-sass

* Moving css compiling to separate file

* Removing node version

* Create polite-mayflies-refuse.md

* Don't compile support files

* Fix test to not check support

* Create olive-ants-kick.md
2021-09-24 00:49:00 +00:00
simurai
612841f1bd
V2 last minute tweaks (#1615)
* Last minute tweaks

* Create healthy-rings-suffer.md

* Update .color-border-tertiary mapping

* Format
2021-09-23 06:53:16 +00:00
simurai
21c5ebc01b
Colors V2 docs (#1603)
* Add v18 migration guide

* Update colors.mdx

* Move theming to support

* Delete color-system.mdx

* Update nav.yml

* Fix color imports in the docs

* Create small-papayas-prove.md

* Update theming.md

* Update colors.mdx

* Replace V1 with V2 classes

* More docs updates
2021-09-17 16:19:50 +00:00
simurai
852da9d5e3
Remove V1 color utilities (#1602)
* Remove V1 color utilities

* Create nice-terms-juggle.md
2021-09-17 01:43:15 +00:00
Jon Rohan
410c1d638b
Re-Added light & dark colorblind themes (#1601)
* Added light & dark colorblind themes

* Changeset

* Create afraid-pugs-whisper.md

* Updating primitives version

* Removing extra space

* Remove extra changeset

* Add themes

Co-authored-by: Julius Yanik <juliusschaeper@github.com>
Co-authored-by: simurai <simurai@github.com>
2021-09-16 18:39:23 -07:00
Jon Rohan
13de16c7d6
Prepare main to hold code for next major version (#1599)
* Adding pre mode

* Updating the workflows

* Update README.md

* Create proud-rules-wonder.md

* Rename and move color mode variables out of base package (#1462)

* Rename and move color mode variables out of base package

* Create mighty-goats-teach.md

* Add test to make sure support is never more than 0

* Update mighty-goats-teach.md

* Update mighty-goats-teach.md

* Remove test

* Delete patch

* Moving color modes to their own bundle (#1465)

* Moving color modes to their own bundle

* Create new-beers-peel.md

* Removing the rem() mixin and usages. Placing the computed values in place. (#1541)

* Removing the rem() mixin and usages. Placing the computed values in place.

* Create flat-shirts-lay.md

* Fixing stylelint issues

* Fix more stylelint issue

* Remove break-word from utilities (#1566)

* Remove break-word from utilities

* Create twelve-fireants-shave.md

* Adding dark high contrast

* Fixing mising color modes selectors

* Remove pre.json if it exists

* Fixing lint error

* Removing pre mode

Co-authored-by: simurai <simurai@github.com>
2021-09-16 18:20:07 -07:00
GitHub Design Systems Bot
289252583f
Version Packages (#1593)
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
2021-09-16 17:00:04 -07:00
Jon Rohan
f36d0e5fbc
Revert "Added light & dark colorblind themes (#1596)" (#1598)
This reverts commit dc99ed86cd.
2021-09-16 16:19:32 -07:00
Julius Yanik
dc99ed86cd
Added light & dark colorblind themes (#1596)
* Added light & dark colorblind themes

* Changeset

* Create afraid-pugs-whisper.md

* Updating primitives version

* Removing extra space

* Remove extra changeset

Co-authored-by: simurai <simurai@github.com>
Co-authored-by: Jon Rohan <yes@jonrohan.codes>
2021-09-16 09:34:45 -07:00
Jon Rohan
2cf661c4d9
Loosening the primer/primitives dependency to any minor.patch version (#1594)
* Loosening the primer/primitives dependency to any minor.patch version

* Create friendly-squids-grin.md
2021-09-16 01:33:14 +00:00
Jon Rohan
5fb831cf50
Adding directional margin classes to the utilities (#1595)
* Adding directional margin classes to the utilities

Co-Authored-By: Katie Langerman <langermank@gmail.com>

* Create sixty-masks-matter.md

* Pushes the box to the top

Co-authored-by: Katie Langerman <langermank@gmail.com>
2021-09-15 16:33:47 -07:00
simurai
4a1f09a75e
Add V2 utilities (#1580)
* Add V2 utilities

* Create dull-birds-protect.md

* Comment out duplicate classes

* Update src/utilities/colors.scss

Co-authored-by: Jon Rohan <yes@jonrohan.codes>

* Lint

* Deprecate V1 utilities

Co-authored-by: Jon Rohan <yes@jonrohan.codes>
2021-09-15 10:07:48 -07:00
GitHub Design Systems Bot
acb284eb88
Version Packages (#1591)
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
2021-09-14 10:04:06 +09:00
simurai
39c9c92874
Revert font stack changes (#1592)
* Revert `$body-font` changes

* Create thirty-pants-relate.md
2021-09-14 09:58:30 +09:00
Joel Hawksley
e3c8f90e7f
Update Breadcrumbs markup to match w3 aria example (#1590) 2021-09-13 14:06:45 -06:00
GitHub Design Systems Bot
5eb81130b9
Version Packages (#1577)
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
2021-09-10 11:05:58 -07:00
Jon Rohan
be518b8023
Updating deprecations.js file to be more straightforward (#1581)
* Updating deprecations.js file to be more straightforward

* Create poor-coins-fix.md

* Remove tests

* Adding more info about the deprecation to the doc

* Title section

* Moving data to deprecations.json

* Moving data to deprecations.json

* Lint only scss files
2021-09-10 10:54:26 -07:00
Jon Rohan
c3b4a0c363
Removing v2 color mode css variable fallbacks (#1579)
* Removing v2 color mode fallbacks

* Create shaggy-shirts-camp.md
2021-09-09 10:11:45 +09:00
Jon Rohan
c7ea6448c1
Replacing deprecated variables with color v2 variables (#1575)
* Correcting stylelint deprecated color vars

* Fixing deprecations with no replacement
2021-09-08 09:27:40 -07:00
simurai
386dfa0145
Improve font stack on Windows (#1573)
* Use `Segoe UI Variable Text`

* Add `Yu Gothic`

* Create dirty-bikes-play.md

* Lint

* Use `Meiryo` instead of `Yu Gothic`

* Add note about Meiryo

* Update .changeset/dirty-bikes-play.md

Co-authored-by: Jon Rohan <yes@jonrohan.codes>

* Update .changeset/dirty-bikes-play.md

Co-authored-by: Jon Rohan <yes@jonrohan.codes>

Co-authored-by: Jon Rohan <yes@jonrohan.codes>
2021-09-08 08:42:41 +09:00
GitHub Design Systems Bot
34d5531065
Version Packages (#1568)
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
2021-09-03 15:24:11 -07:00
Cole Bemis
ab72486f62
Bump @primer/primitives (#1567)
* Bump @primer/primitives to 4.7.0

* Output dark high contrast theme variables

* Remove modes-v2.scss

* Create little-vans-grin.md

* Create many-bananas-design.md

* Create late-hounds-scream.md

* Reduce severity of `no-deprecated-colors`lint rule
2021-09-03 15:16:27 -07:00
GitHub Design Systems Bot
01bfc49004
Version Packages (#1561)
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
2021-09-02 12:03:53 +09:00
simurai
679d70b579
Revert TimelineItem-badge fix (#1563)
* Revert `TimelineItem-badge` fix

* Create thirty-tips-help.md
2021-09-02 11:54:13 +09:00
Jon Rohan
4ae2174e33
Add .wb-break-word class to existing .break-word (#1555) 2021-08-31 00:42:26 +00:00
GitHub Design Systems Bot
8f1c40b074
Version Packages (#1554)
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
2021-08-30 12:43:11 +09:00
simurai
3ad13abac3
Fix TimelineItem--condensed background (#1556)
* Fix TimelineItem--condensed background

* Create silver-items-talk.md
2021-08-30 12:32:28 +09:00
simurai
966de4ee0f
Fix code in MD headers (#1552)
* Fix code in headers

* Create silver-shrimps-agree.md
2021-08-26 10:50:11 -07:00
GitHub Design Systems Bot
d1b1797dc7
Version Packages (#1551)
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
2021-08-26 11:42:24 +09:00
simurai
8a684ee4d1
Add gradient hack to TimelineItem-badge (#1550)
* Add gradient hack to TimelineItem-badge

* Create fuzzy-carpets-promise.md
2021-08-26 01:45:17 +00:00
GitHub Design Systems Bot
d1671d5881
Version Packages (#1530)
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
2021-08-18 19:56:47 -07:00
Joel Hawksley
6b6e89a8bf
use standard lifecyle milestones for statuses (#1540)
* use standard lifecyle milestones for statuses

* Create neat-laws-matter.md
2021-08-18 10:07:50 -07:00
Vinicius Depizzol
dca8e0aecc
Improve font rendering on Linux (#1529)
* Improve $body-font stack

This is an attempt at fixing #1209. Further reading: 

- https://infinnie.github.io/blog/2017/systemui.html
- https://blog.jim-nielsen.com/2020/system-fonts-on-the-web/

* pause stylelint complaints in documented stack

* Create silent-geckos-do.md

Co-authored-by: simurai <simurai@github.com>
2021-08-12 14:39:56 +09:00
Kristján Oddsson
303cacae77
Convert package to a ES module (#1528)
* Set package as being a ES module package

* Set `engines` key to node versions that support ES modules

* Rename postcss config to a CommonJS extension

* Use import and export statements

* Import the default globby export

* Set stylelint config files as CommonJS files

* Convert prettier config to a CommonJS module

* Set a root ESLint config folder

* silence non-error output for dist

* export esm for stats modules

* Convert bundle size report

* Create strong-lemons-ring.md

Co-authored-by: Jon Rohan <yes@jonrohan.codes>
2021-08-11 14:10:47 -07:00
GitHub Design Systems Bot
612ed6b315
Version Packages (#1523)
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
2021-08-05 16:31:56 +00:00
Joel Hawksley
06f8362209
render code at 100% font size irregardless of direct descension (#1525)
* render `code` at 100% font size irregardless of direct descension

* Create famous-planes-dress.md
2021-08-05 10:18:28 -06:00
Jon Rohan
8bfe2b7e41
Fix bug where outline was showing up on hover (#1519)
* Fix bug where outline was showing up on hover

* Create breezy-ads-eat.md

* Put back this class
2021-08-02 08:24:38 -07:00
GitHub Design Systems Bot
4909f4c7c8
Version Packages (#1518)
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
2021-07-29 10:43:32 +09:00
simurai
7011d0469e
Remove background from .note (#1517)
* Remove background from .note

* Create khaki-lobsters-marry.md
2021-07-29 10:35:41 +09:00
GitHub Design Systems Bot
476b666171
Version Packages (#1509)
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
2021-07-28 09:06:48 +09:00
Jon Rohan
d1ea5c2c73
Adding outline to invisible buttons and close button (#1510)
* Adding outline to invisible buttons and close button

* Create slow-bobcats-sleep.md
2021-07-21 08:16:37 +09:00
simurai
30523d6436
Fix form tooltip transparency (#1507)
* Fix form tooltip transparency

* Create lovely-rockets-heal.md
2021-07-20 15:34:58 +00:00
Jon Rohan
13cda22638
Creating Header-input class for dark header inputs (#1506)
* Creating Header-input class for dark header inputs

* Create unlucky-cooks-punch.md

* Adding placeholder color
2021-07-20 15:29:25 +00:00
GitHub Design Systems Bot
68e6619d2a
Version Packages (#1463)
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
2021-07-16 11:06:11 +09:00
Marcelo Jacobus
2e580a7ed4
Fix label contrast (#1498) (#1499)
* Fix label contrast (#1498)

* Update src/dropdown/dropdown.scss

Co-authored-by: simurai <simulus@gmail.com>

* Create two-cows-work.md

Co-authored-by: simurai <simulus@gmail.com>
2021-07-15 13:46:16 +09:00
Tobias Ahlin
84bbd501a4
Add font-weight-medium to marketing styles, and use it in the type scale (#1497)
* Add and use medium

* Use $font-weight-extrabold instead of hard-coded 800 weight

* Formatting

* Create forty-buses-serve.md

* Add text-medium utility

* Add $font-weight-extrabold

* Bump extra bold to 800
2021-07-14 16:18:57 +02:00
Tobias Ahlin
e072734aa1
Documentation: Remove deprecated faded borders documentation (#1501)
* Remove deprecated faded borders

* Create proud-lions-bake.md
2021-07-14 13:33:12 +02:00
Jon Rohan
009de47667
Update heavy-rings-sip.md 2021-07-02 13:55:37 -07:00
Sarah Vessels
c345bd3819
Fix unreadable secondary text in dropdown-item on hover/focus (#1488)
* Fix unreadable secondary text in dropdown hover

* More widely applicable readability fix

Co-authored-by: Jon Rohan <rohan@github.com>

* Fix whitespace

* Create moody-apes-study.md

Co-authored-by: Jon Rohan <rohan@github.com>
2021-07-02 13:52:40 -07:00
Manuel Puyol
f52d40cce5
Prevent content to increase main's size (#1486)
Based on https://css-tricks.com/preventing-a-grid-blowout/

If main's content was large enough, it would cause `main` to grow more than it should and push `sidebar` to the side, causing an horizontal scroll on pages.

| Before | After |
|--------|--------|
| ![image](https://user-images.githubusercontent.com/11280312/124145356-56996900-da52-11eb-954d-8b6a44d85cea.png) | ![image](https://user-images.githubusercontent.com/11280312/124145395-5e590d80-da52-11eb-9024-175c2de360ad.png) |
2021-07-02 14:35:28 +00:00
Aramis Razzaghipour
0298b69bda
Move Menlo before Consolas in monospace font stack (#1487) 2021-07-02 15:02:44 +09:00
Jon Rohan
84488397f4
Make sure truncate is a direct child (#1483)
* Make sure truncate is a direct child

* Create clean-wolves-type.md
2021-07-01 12:42:18 +09:00
simurai
105296c6b4
Make TimelineItem-badge--success ready for V2 (#1475)
* Use btn-primary-text for TimelineItem-badge--success

* Use emphasis color

* Create silent-cycles-camp.md
2021-06-28 20:43:51 +09:00
simurai
8541ed1db1
Use variable for the active border of the UnderlineNav (#1472)
* Replace hex with variable

* Create rude-rockets-flow.md
2021-06-23 19:21:14 +09:00
mkt
8838a3ac48
fix: deprecation warning about using / for division (#1452)
* fix: replaced divisions using / with multiplications

using / for division is deprecated and the math module (math.div(x,y)) not guaranteed to be available

* added changeset

* fixed "lack of concentration" issue
2021-06-15 21:33:59 +09:00
GitHub Design Systems Bot
0b3584c6b3
Version Packages (#1438)
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
2021-06-09 11:37:27 +09:00
simurai
9181b479a8
Support SF Mono font in Firefox and Safari (take 2) (#1451)
* Update monospace font stack

* Create early-ducks-decide.md
2021-06-09 10:27:59 +09:00
Jeremy Danyow
c65b5f9cf0
set .btn-danger:disabled octicon color (#1443)
* fix disabled btn-danger octicon color

* fix lint error

* Create stupid-dolls-hammer.md

Co-authored-by: simurai <simulus@gmail.com>
2021-06-08 17:46:52 +09:00
Jon Rohan
1d366c4b2c
Adding fill mode forwards to anim-fade-out (#1450)
* Adding fill mode forwards to anim-fade-out

* Create neat-poems-flow.md
2021-06-08 12:15:50 +09:00
simurai
8175f88447
Replace auto and fade variables (#1448)
* Replace auto variables

* Replace fade variables

* Create smart-apples-hug.md

* yarn upgrade @primer/primitives

* yarn add primer/primitives@^4.3.10

* Use existing variables

Since the v2 variables are not available yet

* Revert bumping @primer/primitives

This should not be needed anymore.

* Update stylelint.config.js

* Revert "Use existing variables"

This reverts commit cc620b971a.

Co-authored-by: Jon Rohan <yes@jonrohan.codes>
2021-06-08 11:58:23 +09:00
Jeremy Danyow
6c22133ae1
set .btn-primary:disabled octicon color (#1442)
* set .btn-primary:disabled octicon color

* Create wicked-dolphins-study.md

Co-authored-by: simurai <simulus@gmail.com>
2021-06-07 11:14:42 +09:00
Jon Rohan
3b552c77af
Adding anim-hover-grow to replace hover-grow (#1441)
* Adding anim-hover-grow to replace hover-grow

* Create grumpy-shrimps-breathe.md
2021-06-07 11:01:44 +09:00
Manuel Puyol
eb9a100e0c update changeset 2021-05-27 11:05:09 -05:00
Manuel Puyol
55ca5f2f73 add changeset 2021-05-27 11:02:28 -05:00
github-actions[bot]
aa3806decc Version Packages 2021-05-27 13:50:09 +00:00
Jon Rohan
5bc54f9e3b
Create long-clouds-retire.md 2021-05-27 06:48:36 -07:00
github-actions[bot]
aa9c99f066 Version Packages 2021-05-27 00:19:11 +00:00
simurai
f780741a2c
Merge pull request #1422 from primer/layout-flow-as-row
Improve dividers and allow sidebar positioning when `Layout` is flowing as row.
2021-05-27 09:18:28 +09:00
Jon Rohan
6dad17845f
Create hip-bees-look.md 2021-05-26 14:57:18 -07:00
Jon Rohan
b992f6f167
Update quiet-rings-confess.md 2021-05-26 08:16:28 -07:00
simurai
57c1797b78
Merge pull request #1420 from hpalacio/hpalacio/lists
lists.scss: reset <ol> without 'type' attr to "decimal"
2021-05-26 17:30:43 +09:00
simurai
a113b7bd9a
Merge pull request #992 from primer/mono-font
Support SF Mono font in Firefox and Safari
2021-05-26 16:08:29 +09:00
Jon Rohan
55302dc232 Create quiet-rings-confess.md 2021-05-26 08:56:12 +02:00
Jon Rohan
90f95693f5
Create small-spies-give.md 2021-05-25 20:23:39 -07:00
Jon Rohan
efbd3a6ba0
Merge pull request #1423 from primer/variables_updates
Properly calculating the variables computed value for dist folder
2021-05-25 20:12:31 -07:00
Kate Higa
30597af94d Update CSS for breadcrumb slash separator 2021-05-25 15:31:16 -07:00
Jon Rohan
6f79bfaa7a
Create fuzzy-cars-promise.md 2021-05-25 14:44:12 -07:00
Manuel Puyol
1ec75e6c40 update changeset 2021-05-25 16:01:20 -05:00
Manuel Puyol
882c570f9a add changeset 2021-05-25 15:44:29 -05:00
github-actions[bot]
2d2fd04d84 Version Packages 2021-05-25 01:11:02 +00:00
simurai
a9a61ee690
Create sixty-drinks-dress.md 2021-05-25 10:08:32 +09:00
github-actions[bot]
c6c833185d Version Packages 2021-05-25 00:24:19 +00:00
simurai
fb6a7e3dc1
Create hip-chairs-guess.md 2021-05-25 09:16:53 +09:00
Jon Rohan
e4ee5f2780
Merge branch 'main' into text_truncate_2 2021-05-20 14:02:24 -07:00
Jon Rohan
9bff0b83a7
Merge branch 'main' into layout-component-v2 2021-05-20 09:16:47 -07:00
github-actions[bot]
10de5710fd Version Packages 2021-05-19 23:48:18 +00:00
simurai
d5e425e409
Create soft-gifts-pretend.md 2021-05-20 08:43:19 +09:00
github-actions[bot]
946c729781 Version Packages 2021-05-18 21:20:56 +00:00
Cole Bemis
1eea557506
Create olive-forks-breathe.md 2021-05-18 11:40:13 -07:00
Manuel Puyol
5ecc210d71
Merge branch 'main' into layout-component-v2 2021-05-18 10:10:51 -05:00
Tobias Ahlin
5ef399cff0
Create twenty-apples-attack.md 2021-05-14 10:26:29 +02:00
github-actions[bot]
eca30969fb Version Packages 2021-05-13 21:45:09 +00:00
Cole Bemis
5ef7bd6ef0
Create cyan-vans-shake.md 2021-05-13 10:10:19 -07:00