1
1
mirror of https://github.com/primer/css.git synced 2024-12-23 22:24:11 +03:00
Commit Graph

530 Commits

Author SHA1 Message Date
Chelsea Adelman
03ccbf9e7f
Remove note and example about role (#2098)
* Remove note and example about role

Removing the text about role and example. If you're using `<button>` from HTML semantics, no role is needed. If you're using an `<a>` element, it should not be overridden with `role=button`, it needs to stay as a link if it is truly a link.

* Add back in the note to add button type
2022-05-31 11:46:31 -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
Renan Martins
8f66d7b1c3
Update CDN link with version 19 (#2022) 2022-04-08 12:48:53 +00:00
Dylan Smith
15fed50c15
Add undocumented border radius value (#2023) 2022-04-08 12:40:33 +00: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
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
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
Josh Soref
357d3f2b4c
Spelling (#1981)
Signed-off-by: Josh Soref <jsoref@users.noreply.github.com>

Co-authored-by: Josh Soref <jsoref@users.noreply.github.com>
2022-03-08 04:29:10 +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
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
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
simurai
5353210fde
Remove "Linting dotcom" section (#1947) 2022-02-25 16:54:32 +00:00
Hector Garcia
3a91a29a82
Use <h2> instead of <div> on Subhead-heading docs (#1953) 2022-02-24 17:13:22 +01:00
Ash Guillaume
116df219ad
add note about how to learn about color (#1929)
* add note about how to learn about color

* Apply suggestions from code review

Co-authored-by: Inayaili León <yaili@github.com>

Co-authored-by: Inayaili León <yaili@github.com>
2022-02-14 13:23:35 -05: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
Shubham Bhardwaj
a044321a4f
added steps for Troubleshooting Jekyll errors (#1907)
* added steps for Troubleshooting Jekyll errors

* typos and clarifications

(dident actually test github pages)
2022-02-02 02:52:44 +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
simurai
d6160ea630
Docs updates (#1895)
* Remove "Atom packages"

* Remove Docset

* Remove "Local development"

* Remove "Table object"

* Move Grid to utilities

* Remove "Objects"

* Rename nav (marketing)

* Move marketing styles to their own section

* Discourage floats

* Update padding description
2022-01-24 02:53:57 +00:00
Maxime De Greve
41b409126d
Update the copy on the Select menu component to make it more clear that one isn't deprecated (#1822)
* Update copy

* Update select-menu.md

* Update select-menu.md

* Update select-menu.md

* Update select-menu.md

Co-authored-by: Inayaili León <yaili@github.com>
Co-authored-by: Katie Langerman <langermank@github.com>
2021-12-16 18:03:22 +00:00
simurai
ef2f3f00e6
Add note about loading the "latest" Primer CSS version (#1784) 2021-12-08 20:47:06 +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
simurai
ecb671f616
Fix details-overlay-dark docs (#1782) 2021-12-02 06:03:36 +00:00
Katie Langerman
c65be7f0c8
Doc updates: develop + action list (#1743)
* sentence case + contrib doc

* update develop guide

* fix path

* update actionlist a11y semantics

* update docs, revert develop change

* reformat actionlist stories to use inline-radio
2021-11-23 11:00:58 -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
simurai
3476f5e691
Update docs bg utilities (#1758) 2021-11-19 10:58:37 +01:00
Allie Thu
104228f30f
Fix misspellings (#1753)
As I was reading through the docs, I had to go in and fix these.
2021-11-16 09:34:42 -07: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
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
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
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
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
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
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
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
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
Jon Rohan
122eb0ecd9
Removing the stylelint-todo custom plugin (#1618)
* Removing the stylelint-todo custom plugin

* Revert change
2021-09-23 10:59:55 -07: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
Ash Guillaume
42f7a88ed1
Use updated git-branch octicon svg code in example (#1614) 2021-09-20 19:59:39 -07: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
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
Joel Hawksley
e3c8f90e7f
Update Breadcrumbs markup to match w3 aria example (#1590) 2021-09-13 14:06:45 -06: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