1
1
mirror of https://github.com/primer/css.git synced 2024-11-25 18:26:14 +03:00
Commit Graph

444 Commits

Author SHA1 Message Date
Vinicius Depizzol
9dd2a49e26
AppFrame component (#2147)
* Add AppFrame component

* Please stylelint

* Update src/layout/app-frame.scss

Co-authored-by: Katie Langerman <langermank@github.com>

* Use tokens

* Add changeset

Co-authored-by: Katie Langerman <langermank@github.com>
2022-07-01 13:00:14 -07:00
GitHub Design Systems Bot
ee85a4b4f2
Version Packages (#2133)
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
2022-06-30 14:45:49 -07:00
Katie Langerman
facb96823a
FormControl refactor/cleanup (#2114)
* checkbox animation adjustment

* radio styles

* disabled state

* pull styles from app header

* cleanup spacing/alignment

* add checkbox focus styles

* stories + radio focus styles

* convert to css check

* refactor to pure *CSS* :)

* configure multi radio story

* lint

* Create neat-sloths-march.md

* snappier animations

* adjust mask size for better scailing

* checkbox mask size

* lint

* Stylelint auto-fixes

* rename classes

* how many times will she refactor?

* slight refactor based on original api

* delete component file test

* Stylelint auto-fixes

* add comments around padding

* Stylelint auto-fixes

* undo changes to old forms

* increase touch target :)

* remove unused grid + cursor pointer

* Stylelint auto-fixes

* adjust disabled checked styles

* bump primitives

* Stylelint auto-fixes

* Update neat-sloths-march.md

* temp add prefix for testing

* test windows high contrast

* cleanup prefix for final build

Co-authored-by: Actions Auto Build <actions@github.com>
2022-06-30 14:37:27 -07:00
Katie Langerman
8984684470
Bug: ActionList-item disabled state (#2136)
* fix disabled state

* Create friendly-peaches-knock.md

* Stylelint auto-fixes

* lint

Co-authored-by: Actions Auto Build <actions@github.com>
2022-06-30 09:48:57 -07:00
Baoshuo Ren
544fb2773d
Add link to source code in Timeline's doc (#2130)
* Add link to source code in Timeline's doc

* Create gold-knives-cover.md

Co-authored-by: Jon Rohan <rohan@github.com>
2022-06-23 09:45:32 -07:00
Rengga Prakoso Nugroho
c898103e0e
docs: update deployment location of docs (#2132)
* docs: update deployment location of docs

* Create stale-penguins-teach.md

Co-authored-by: Jon Rohan <rohan@github.com>
2022-06-23 09:44:11 -07:00
GitHub Design Systems Bot
9b380249ac
Version Packages (#2096)
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
2022-06-20 13:49:32 -07:00
Cameron Dutro
2cc18d0348
Fix preview deploys (#2129) 2022-06-17 15:17:41 -07:00
Katie Langerman
f1b3e55f14
FormControl + Overlay bug fixes (#2124) 2022-06-17 14:44:28 -07:00
Matt Lynam
ab078a58c6
Fieldset disable (#2077)
* feat: style .form-control as disabled when parent fieldset is disabled

* docs: add the changeset

* refactor(fieldset[disable]): use scss parent + nested selector instead of mixin
2022-05-27 00:19:40 +00:00
GitHub Design Systems Bot
f59639fb8d
Version Packages (#2095)
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
2022-05-26 10:56:06 -07:00
Katie Langerman
9f576a3c33
FormControl + Autocomplete component updates (#2075)
* setup new tokens

* layout

* label positioning

* cleanup

* states

* cleanup

* convert label to use grid for caption text (start)

* begin checkbox/radio custom styles

* fix input grid (mostly)

* refactor + cleanup

* consolidate styles, start custom checkbox

* cleanup

* lint

* add disabled state to actionlist-item

* adjust trailing action grid

* Stylelint auto-fixes

* remove docs

* add indeterminate checkbox styles

* Create empty-drinks-report.md

Co-authored-by: Actions Auto Build <actions@github.com>
2022-05-26 10:39:49 -07:00
GitHub Design Systems Bot
46fb49cb92
Version Packages (#2092)
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
2022-05-25 15:50:34 -07:00
Cameron Dutro
33f799f13e
Add missing ToggleSwitch--checked styles (#2094)
* Add missing ToggleSwitch--checked styles

* Add rule to override Catalyst's display: block
2022-05-25 15:37:13 -07:00
Tobias Ahlin
f740d00827
Marketing: Bump font size of large buttons (#2091)
* Update button.scss

* Create plenty-windows-brush.md

* Update src/marketing/buttons/button.scss

Co-authored-by: Ash Guillaume <10384315+ashygee@users.noreply.github.com>

Co-authored-by: Ash Guillaume <10384315+ashygee@users.noreply.github.com>
2022-05-25 13:02:10 +00:00
GitHub Design Systems Bot
71dc4b9e26
Version Packages (#2088)
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
2022-05-24 15:46:51 -07:00
Cameron Dutro
5cfae2c219
Toggle switch styles (#2074)
* Add styles for the ToggleSwitch component

* Add changeset

* Disable stylelint temporarily; commit stylelint fixes

* Refactor CSS; add stories

* Clean up; rename ToggleSwitch-switch to ToggleSwitch-track

* Address a bunch of PR feedback:
* Rename ToggleSwitch-bg -> ToggleSwitch-icons
* Rename ToggleSwitch-label -> ToggleSwitch-status
* Collapse border-* styles into a single border-style property
* Replace CSS with touch target @include
* Remove unnecessary :after pseudo-element

* Remove sr-only span, as it's redundant

* Collapse border-* properties again (stylelint didn't like argument order last time)

Co-authored-by: Mike Perrotti <mperrotti@github.com>
2022-05-23 14:06:42 -07:00
Vinicius Depizzol
8354de5c5e
Fix layout sticky pane modifier name (#2087)
* Fix sticky pane modifier class name

* Set SplitPageLayout pane sticky by default

* Create nine-dragons-wave.md

Co-authored-by: Jon Rohan <yes@jonrohan.codes>
2022-05-20 18:06:05 +00:00
GitHub Design Systems Bot
d74a4a0744
Version Packages (#2079)
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
2022-05-19 11:46:38 -07:00
Katie Langerman
92ac0e39e6
Setup new primer-primitive bundle (#2078)
* bump

* add index

* add storybook support

* gatsby import

* Create itchy-wasps-refuse.md
2022-05-18 18:21:47 -07:00
GitHub Design Systems Bot
faa2ee36c6
Version Packages (#2073)
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
2022-05-16 12:25:28 -07:00
Adrián Bolonio
51e087aa31
Overlay component (#1998)
* Add styles, documentation, and storybook story for the new dialog component

* Stylelint auto-fixes

* Create slow-poets-mate.md

* Update slow-poets-mate.md

* update namespace

* Stylelint auto-fixes

* menu specifics

* starting over

* a new paradigm

* fully responsive

* push for testing

* auto width, visibility hidden

* Overlay stories

* dialog stories

* cleanup

* remove popover

* remove unused import

* docs update

* min() to the rescue!

* thin scrollbar?

* remove comment

* Update src/overlay/overlay.scss

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

* address feedback

* handle form elements

* test permissions

* lint

Co-authored-by: Actions Auto Build <actions@github.com>
Co-authored-by: Katie Langerman <langermank@github.com>
Co-authored-by: simurai <simurai@github.com>
2022-05-09 20:59:39 -07:00
Jason Etcovitch
ab6f0840f0
Add .text-capitalize utility class (#2072)
* Add .text-capitalize

* Add to doc

* Create four-dancers-dress.md

Co-authored-by: Jon Rohan <yes@jonrohan.codes>
2022-05-04 12:17:57 -07:00
GitHub Design Systems Bot
ea9791819f
Version Packages (#2020)
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
2022-04-05 17:23:45 -07:00
Katie Langerman
57be2d5021
[Bug] TreeView animation and padding fix (#2019)
* restore deleted logic

* fix stories

* Create fuzzy-pants-decide.md

* missing closed scenario
2022-04-05 17:16:54 -07:00
GitHub Design Systems Bot
3c6d30f04e
Version Packages (#2018)
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
2022-04-05 13:54:55 -07:00
Katie Langerman
a4293bf921
TreeView: remove bold active items + markup changes (#1996)
* remove overrides + fix bold label

* Create curvy-ways-taste.md

* thank you stylelint

* lint

* lint
2022-04-05 13:47:38 -07:00
GitHub Design Systems Bot
cad694004f
Version Packages (#2013)
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
2022-04-04 10:12:59 +09:00
simurai
a3bc51f6c4
Always break long branch-names (#2002)
* Break long branch names

* Create early-spoons-greet.md

* Stylelint auto-fixes

Co-authored-by: Actions Auto Build <actions@github.com>
2022-04-03 23:39:13 +00:00
simurai
9806b54b38
Add Tritanopia theme (#1997)
* yarn add @primer/primitives@0.0.0-20222256269

* Add tritanopia themes

* Add tritanopia to Storybook

* Create healthy-zoos-play.md

* yarn add @primer/primitives@^7.7.0
2022-04-03 23:29:35 +00:00
GitHub Design Systems Bot
f362f4f0b3
Version Packages (#1999)
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
2022-03-29 14:00:31 -07:00
Kate Higa
264a89a51a
More CSS updates to Autocomplete (#2000)
* * change to inline

* * updates to input-group

* * updates to form-group

* * updates to docs with dotcom bugs we saw for validation

* * fix multiplier

* * update accessibility attributes of examples

* fix: adds space

* Create shaggy-birds-marry.md

Co-authored-by: Lindsey Wild <35239154+lindseywild@users.noreply.github.com>
Co-authored-by: Katie Langerman <langermank@github.com>
2022-03-29 13:43:36 -07:00
Jeremy Danyow
47cec40472
Remove IE11 support in tooltip (#2001)
* Remove IE11 support in tooltip

Hope this ok. I know you're probably deprecating the tooltip component. The 0/0 expression causes problems with parcel-css.

* Create brown-suns-raise.md

Co-authored-by: simurai <simulus@gmail.com>
2022-03-28 09:40:19 +09:00
Vinicius Depizzol
557b100a77
Add narrow/regular/wide viewport range utilities (#1995)
* Add viewport range utilities

* Add comment about wide viewport range size

* Stylelint auto-fixes

* Create proud-donkeys-happen.md

* Add support for `.show-whenRegular.hide-whenWide`

As per discussion in
https://github.com/primer/css/pull/1995/files#r834365336

Co-authored-by: Actions Auto Build <actions@github.com>
Co-authored-by: Katie Langerman <langermank@github.com>
2022-03-25 13:18:41 -07:00
GitHub Design Systems Bot
09f9d84c4d
Version Packages (#1992)
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
2022-03-24 13:50:32 -07:00
Kate Higa
69fe8c6512
Add support for inline, stack label in autocomplete (#1994)
* * Add support for inline, stack label in autocomplete

* * update heading levels and make example longer

* * update width CSS to fit content

* * update results width

* * add example to validate the icon work and css classes

* * add stacked class

* Stylelint auto-fixes

* fix: embedded icon spacing

* fix: exmample, extra class removed

* fix: linting issues

* Update src/autocomplete/autocomplete.scss

Co-authored-by: Katie Langerman <langermank@github.com>

* Update src/autocomplete/autocomplete.scss

Co-authored-by: Katie Langerman <langermank@github.com>

* Update src/autocomplete/autocomplete.scss

Co-authored-by: Katie Langerman <langermank@github.com>

* Stylelint auto-fixes

* Stylelint auto-fixes

* Stylelint auto-fixes

* * Fix CSS media query for label

* feat: updates icon markup/styling

* bug: ensure positioning is correct in firefox

* * fix lint

* * fix more lint issues

* * remove smaller screen size example because you can't emulate screen size

* * move note up

* Create breezy-jeans-boil.md

Co-authored-by: Actions Auto Build <actions@github.com>
Co-authored-by: Lindsey Wild <35239154+lindseywild@users.noreply.github.com>
Co-authored-by: Katie Langerman <langermank@github.com>
2022-03-24 13:36:21 -07:00
simurai
5e87effa67
Fix btn-primary in flash alerts (#1991)
* Fix btn-primary in a flash alert

* Create cuddly-mugs-peel.md
2022-03-22 15:29:18 +09:00
GitHub Design Systems Bot
1938596897
Version Packages (#1986)
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
2022-03-18 14:38:42 +09:00
Vinicius Depizzol
f544ef8574
Make pane an optional region for PageLayout component (#1989)
* Fix PageLayout storybook example imports

* Align PageLayout story spacing props with component

* Fix inherit state of ..DividerWhenNarrow

* Make pane an optional region of PageLayout

* Stylelint auto-fixes

* Create nasty-singers-compare.md

Co-authored-by: Actions Auto Build <actions@github.com>
Co-authored-by: Jon Rohan <yes@jonrohan.codes>
2022-03-14 14:26:46 -07:00
simurai
e3443f1a69
Fix color-fg utilities in links (#1988)
* Fix color-fg utilities in links

* Create gorgeous-birds-hear.md
2022-03-11 09:01:15 -08:00
Sarah Vessels
c2bd6bc9bf
Add .color-bg-transparent (#1985)
* Add .color-bg-transparent

* Create ninety-phones-run.md

Co-authored-by: Jon Rohan <rohan@github.com>
2022-03-09 08:52:27 -08:00
GitHub Design Systems Bot
d3792211df
Version Packages (#1984)
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
2022-03-09 15:19:09 +09:00
simurai
07bc069ec0
Bump primer/primitives to ^7.5.1 (#1983)
* yarn add @primer/primitives@^7.5.1

* Create neat-pears-battle.md
2022-03-09 15:12:09 +09:00
GitHub Design Systems Bot
324293bed4
Version Packages (#1944)
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
2022-03-04 14:25:52 +09:00
Katie Langerman
a00e6bce01
[Bug fix] Handle pointer-events on ActionList visuals (#1978)
* pointer-events none on visuals

* Create unlucky-oranges-worry.md

* Stylelint auto-fixes

Co-authored-by: Actions Auto Build <actions@github.com>
2022-03-04 05:19:58 +00:00
simurai
6a83a92b43
Add open and closed color roles (#1948)
* Add `open` and `closed` color role

* Use new open/closed color variables

* yarn add @primer/primitives@0.0.0-202212241414

This is just temporarily to test the docs

* Add `Label--open` and `Label--closed`

* Create clever-bugs-love.md

* yarn add @primer/primitives@0.0.0-202212894219

* yarn add @primer/primitives@7.5.0
2022-03-04 13:54:06 +09:00
Jon Rohan
80bf9d9dea
[Bug Fix] Adding white-space nowrap to Labels (#1977) 2022-03-03 15:55:26 -08:00
Jon Rohan
37334bfae3
Update shaggy-coats-relate.md 2022-02-28 17:21:21 -08:00
Reece Atkinson
0450ccbb86
Added line break (#1942)
* Added line break

To add more space and to make it more spaced out.

* Create neat-rice-study.md

Co-authored-by: Jon Rohan <yes@jonrohan.codes>
Co-authored-by: Jon Rohan <rohan@github.com>
2022-02-28 17:19:52 -08:00
Jon Rohan
a35a8bdcc1
Default .PageLayout to display block (#1961)
* Default .PageLayout to display block

* Create new-masks-matter.md
2022-02-28 22:39:24 +00:00
Jon Rohan
3906346182
Upgrading @primer/stylelint-config@12.3.3 (#1956)
* Upgrading @primer/stylelint-config@12.3.2

* @primer/stylelint-config@12.3.3

* Create few-humans-relax.md
2022-02-28 22:35:52 +00:00
Hector Garcia
7c85c50056
Fix sequence of content in Subhead (#1950)
* Fix sequence of content in Subhead

When a heading, description, and action are rendered in the Subhead
component, the content now follows logical order on screen readers.

* Add changeset

Co-authored-by: Jon Rohan <yes@jonrohan.codes>
2022-02-28 20:55:17 +00:00
Kevin Heis
dab83198c3
In markdown, update summary > heading style (#1949)
* In markdown, update summary > heading style

* Update headings.scss

* Create tall-experts-hammer.md

* Update headings.scss

* Update headings.scss

* Update headings.scss

* Run stylelint

Co-authored-by: simurai <simulus@gmail.com>
2022-02-28 07:27:55 +00:00
simurai
30f29d3832
Fix input-block in form-group (#1954)
* Fix input-block in form-group

* Create famous-masks-end.md
2022-02-28 01:23:19 +00:00
Hector Garcia
3a91a29a82
Use <h2> instead of <div> on Subhead-heading docs (#1953) 2022-02-24 17:13:22 +01:00
Vinicius Depizzol
e5c5312ec8
PageLayout API updated props + examples (#1931)
* Rename inner and outerSpacing props to padding

to match with new conventions discussed in
https://github.com/primer/react/pull/1820

* Fix Layout example stories

* Add header and footer slots to SplitPageLayout

Also add initial skeleton for Pull request detail story

* add TreeView to Pull request detail story

* Add padding: none prop

* Ongoing Pull request detail story

* Create fifty-chefs-help.md

* Resolve storybook conflicts

* Resolve storybook conflicts, second try

Co-authored-by: Jon Rohan <yes@jonrohan.codes>
Co-authored-by: Katie Langerman <langermank@github.com>
2022-02-17 12:31:42 -08:00
GitHub Design Systems Bot
db5e19337e
Version Packages (#1930)
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
2022-02-15 10:54:48 -08:00
Katie Langerman
67f08009ef
TreeView single item nesting (#1937)
* add class for singleton nesting

* Create cold-ducks-deny.md
2022-02-11 11:39:44 -08:00
Kate Higa
c53ecdff54
Deprecate CSS tooltip (#1936)
* deprecate tooltip css

* update examples

* Create wise-cameras-leave.md

Co-authored-by: Jon Rohan <yes@jonrohan.codes>
2022-02-11 10:27:13 -08:00
Katie Langerman
50221a5486
NavigationList (#1905)
* here we go!

* nav list

* divider

* collapsible

* here lies breaking changes

* item simplification

* update examples

* move to patterns

* tree view looks broken but its not

* remove notes

* stash

* action list component stories

* fix sub item

* revert treeview to original markup

* tree view readme

* story chaining

* cleanup + readme

* lint

* tree story fix

* Create quiet-walls-walk.md

* address feedback
2022-02-11 09:47:56 -08:00
simurai
0fb6789555
Fix <sup><a> from getting wrapped with [ ] (#1928)
* Scope `[ ]` to data-footnote-ref

* Stylelint auto-fixes

* Create ninety-moles-clap.md

Co-authored-by: Actions Auto Build <actions@github.com>
2022-02-03 10:38:50 +09:00
GitHub Design Systems Bot
670149dc8d
Version Packages (#1891)
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
2022-02-02 14:10:42 +09:00
Jon Rohan
f02d9a3e4e
Upgrading @primer/stylelint-config@12.3.0 (#1906)
* Upgrading @primer/stylelint-config@12.3.0

* Fixing issues and removing needless disables

* Create gentle-lizards-switch.md

Co-authored-by: simurai <simurai@github.com>
2022-02-02 03:00:32 +00:00
simurai
84581e96ae
Reduce size of Label--inline (#1908)
* Reduce size of `Label--inline`

* Create moody-apricots-bake.md
2022-02-01 19:44:22 +00:00
Hector Garcia
21085f5c6c
Add blankslate classes to replace utilities (#1919)
This is part of the effort to remove all usages of utility classes to
improve consistency and prevent specificity bugs.
2022-02-01 17:13:37 +00:00
Vinicius Depizzol
bcf447ab22
Add mono font stack to <samp> tag (#1876)
* Add mono font stack to <samp> tag

* Create nice-beers-peel.md

* Add `<samp>` example to docs

* Test

* Another try without the HTML entities

Co-authored-by: simurai <simurai@github.com>
2022-01-26 06:07:32 +00:00
Katie Langerman
55bd498b73
Patch: ActionList divider conflict with inline description (#1892)
* stash change

* fix divider for inline description

* fix hover state

* Create clever-jars-suffer.md

* Stylelint auto-fixes

* Update clever-jars-suffer.md

* Update src/actionlist/action-list.scss

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

Co-authored-by: Actions Auto Build <actions@github.com>
Co-authored-by: Vinicius Depizzol <vdepizzol@github.com>
2022-01-20 08:49:27 -08:00
Andri Alexandrou
74d0438bd4
Add 2 color definitions for Windows High Contrast mode (#1890)
* Add 2 color definitions for Windows High Contrast mode

* Adds changeset

* stylelint rule

* adds back comment
2022-01-20 02:07:30 +00:00
simurai
d1adf59530
Make pagination responsive by default (#1894)
* Make pagination responsive by default

* Lint

* Create swift-actors-drum.md

* Remove duplicate selector

* Remove initial display

This was overridden before with the `.page-responsive .pagination` selector
2022-01-20 02:03:09 +00:00
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