primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-12-25 23:23:47 +03:00
Code Issues Projects Releases Wiki Activity
6,410 Commits 41 Branches 271 Tags 65 MiB
13be7ef18d
Commit Graph

295 Commits

Author SHA1 Message Date
simurai
13be7ef18d
SegmentedControl (#2083) 
* Add SegmentedControl

* Fix dividers

* Follow Figma spec

* Create famous-moles-bow.md

* Rename item to button

* Rename visual to icon

* Rename text to label

* Use new size and typography tokens

* Support IconOnly

* Add icon only when narrow variant

* Increase touch target

* Add disabled state

* Avoid size increase when item becomes bold

* Add loading state

* Lint

* Add more templates

* Use Primitives

* Lint

* Use variable

* yarn add @primer/primitives@0.0.0-20220604151305

* Update Primitives

* Address accessibility feedback

* Remove loading state

* Rename to leadingVisual

* Rename label to text

* Remove shadow

* Change to inset

* Update transitions

* Use SegmentedControl-button--selected class instead of aria

* Remove disabled prop

* Keep $width-md for now

* Add min-width

* Fix divider for selected item

* Add inset hover style

* Keep dividers

* Disable hover/active state when selected

* Fix a few more things

* Lint

* yarn add @primer/primitives@0.0.0-20220720082700

* yarn add @primer/primitives@^7.9.0
 2022-07-22 12:06:11 +09:00
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