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
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
