primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-11-29 14:14:26 +03:00
Code Issues Projects Releases Wiki Activity
6,186 Commits 41 Branches 271 Tags 64 MiB
868f61a199
Commit Graph

221 Commits

Author SHA1 Message Date
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