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

303 Commits

Author SHA1 Message Date
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
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
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
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
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
Hector Garcia
3a91a29a82
Use <h2> instead of <div> on Subhead-heading docs (#1953) 2022-02-24 17:13:22 +01: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
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
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
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
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
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
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
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
Joel Hawksley
e3c8f90e7f
Update Breadcrumbs markup to match w3 aria example (#1590) 2021-09-13 14:06:45 -06:00
SaintMalik
95bc6951fe
Fix typos in docs/content (#1543) 2021-08-23 12:15:11 +09: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
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
simurai
6ce18838e6
Update colors in docs (#1496)
* Update padding colors

* Replace more bg colors

* Migrate more colors to v1
2021-07-13 16:43:11 +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
369c5cc16a
Remove input-dark from the docs (#1474) 2021-06-25 22:08:03 +09:00
simurai
3340332984
Update small issue label colors 2021-06-02 20:59:11 +09:00
simurai
18183f8969
Update issue label colors 2021-06-02 20:56:18 +09:00
Manuel Puyol
3955254262 specify the divider flowrow variants 2021-05-26 10:35:01 -05:00
Manuel Puyol
af1e573a48 add sidebar positioning classes when flowing as row 2021-05-25 16:00:00 -05:00
Manuel Puyol
d40018a715 Improve dividers on mobile 2021-05-25 15:27:17 -05:00
Manuel Puyol
f0fa3df553 Add Layout--divided-shallow class 2021-05-25 15:18:50 -05:00
Jon Rohan
e4ee5f2780
Merge branch 'main' into text_truncate_2 2021-05-20 14:02:24 -07:00
Manuel Puyol
5ecc210d71
Merge branch 'main' into layout-component-v2 2021-05-18 10:10:51 -05:00
Manuel Puyol
187df4b723 Update Layout component with new implementation 2021-05-17 16:42:53 -05:00
Jon Rohan
66912706e8
Merge branch 'main' into text_truncate_2 2021-04-29 08:33:00 -07:00
Jon Rohan
97b779f551
Updating info about max-width 2021-04-27 20:43:24 -07:00
simurai
3a2cb71634
Merge pull request #1359 from primer/link
Update Link docs
2021-04-27 11:13:13 +09:00
Jon Rohan
d5ea88342c
Update example for primary 2021-04-26 10:59:04 -07:00