-
#970
395d45f
Thanks @lukasoppermann! - Add a display font family variant as Figma does not automatically switch -
#969
52d8bf7
Thanks @langermank! - AddborderColor-translucent
- #965
43ddc91
Thanks @lukasoppermann! - Adding scope to type tokens
-
#963
8b726b8
Thanks @lukasoppermann! - Fix to output size fine and coarse as css -
#961
0828682
Thanks @langermank! - Addprimitives.css
index file -
#964
587ba02
Thanks @lukasoppermann! - Updates the figma build process to add and use new typographic scopes
- #954
8c4f775
Thanks @lukasoppermann! - Deprecated space tokens
-
#948
56226cd
Thanks @smockle! - Increase secondary text contrast in hovered ActionMenu items (dark mode) by making fgColor-muted brighter. -
#942
0eb2320
Thanks @lukasoppermann! - Add missing plum color to display colors -
#881
adc84b5
Thanks @langermank! - Add new set ofmuted
data-vis colors for charts -
#953
09d1380
Thanks @lukasoppermann! - Added 2px and 6px size to base scale -
#944
02777f6
Thanks @lukasoppermann! - Added body-weight token to figma output -
#950
f0149e1
Thanks @lukasoppermann! - Added missing prop which lead to wrong output for subtitle line-height in Figma
-
#926
8357f04
Thanks @lukasoppermann! - Add css/mediaQuery formatter and replace use of cssWrapMediaQuery -
#931
518fbfc
Thanks @lukasoppermann! - Replacing css/themed and css/variables with css/advanced
-
#941
7378534
Thanks @lukasoppermann! - change lineheight from pixel string to unitless pixel value, e.g. "24px" -> 24 -
#937
6c7d120
Thanks @lukasoppermann! - Adding missing coral color to display colors
-
#917
273d8aa
Thanks @langermank! - UpdateREADME
for v8 major release -
#874
c4e1275
Thanks @lukasoppermann! - removed v1 tokens and build process
-
#891
68d7424
Thanks @lukasoppermann! - adding typo tokens for figma -
#853
bdddfec
Thanks @lukasoppermann! - Remove v2 token output (dist/tokens-v2-private) -
#886
372d6d2
Thanks @lukasoppermann! - Adding src to output so it can be reused by other packages -
#916
eeb7a9f
Thanks @lukasoppermann! - Rename base.color.gray to base.color.neutral, minor because base colors should not be exported
-
#852
58cce33
Thanks @lukasoppermann! - rm private output fodlers which should not have been used -
#905
e7d3c6c
Thanks @lukasoppermann! - Convert lineHeight from float to pixel value for figma -
#902
50890c6
Thanks @lukasoppermann! - add figma font family output -
#889
ef6a6c3
Thanks @lukasoppermann! - Fixes failing contrast for fgColor-done on bg-muted in dark mode -
#911
998fc24
Thanks @lukasoppermann! - Round pixel value in floatToPixel -
#904
ae118b7
Thanks @langermank! - Add missingpink
display tokens
-
#851
b46607e5
Thanks @lukasoppermann! - remove color-scale colors from output -
#873
30cb6371
Thanks @lukasoppermann! - Removes scss output for v8 tokens
-
#857
8f372b04
Thanks @langermank! - Addcard
pattern tokens -
#863
48d50a30
Thanks @langermank! - Addlabel
pattern tokens -
#856
f2d49f22
Thanks @langermank! - Addupsell
Banner tokens
- #849
ba6a5a88
Thanks @langermank! - Add colors for reaction button pattern
- #843
d43b576f
Thanks @langermank! - v8 bug fixes + enhancements for rollout
- #838
5e51127e
Thanks @langermank! - Add display color tokens
-
#835
08b506e8
Thanks @langermank! - Add legacy shadow variable for deprecated Primer components -
#834
0c94285f
Thanks @langermank! - Fixinactive
button color token names -
#833
3213393c
Thanks @langermank! - Changeprimary
button text color to pure white instead of scale white (impact dark_dimmed)
-
#828
c029100a
Thanks @langermank! -::selection
color improvements -
#831
e13056ee
Thanks @lukasoppermann! - allow alpha: null value in color tokens -
#830
fd433300
Thanks @langermank! - AddfgColor-white
for all color modes
-
#827
59be7107
Thanks @langermank! - Fixdanger
fgColor
high contrast dark for button -
#820
f959cc7f
Thanks @langermank! - Add alpha data-vis colors -
#821
009bcd74
Thanks @langermank! - - Update disabled control colors- Add box-shadow to Overlay in light themes
-
#809
296bc3e
Thanks @lukasoppermann! - Adding shadow tokens for figma -
#817
11f00db
Thanks @lukasoppermann! - Update alpha on shadow outline -
#810
a607bde
Thanks @langermank! - Shadow color adjustments
- #805
6e59707
Thanks @lukasoppermann! - Adding exports for all colormodes for Figma
-
#802
4fb40ff
Thanks @lukasoppermann! - Update dark mode link color to lighter blue for better contrast -
#803
fce6921
Thanks @langermank! - Addoverlay-offset
size token -
#799
f03e153
Thanks @langermank! - RemoveonInverse
tokens -
#806
7016323
Thanks @langermank! - Add::selection
background color token -
#804
3d8a006
Thanks @langermank! - Darkenmuted
border-color to 70% opacity
-
#793
aa61b6e
Thanks @lukasoppermann! - Fix colors in dark HC -
#790
a7b7ac3
Thanks @lukasoppermann! - Add ::backdrop to css -
#796
d842f87
Thanks @lukasoppermann! - reduce opacity for inset shadow
-
#789
0f97174
Thanks @langermank! - - fix fgColor for ToggleSwitch in dark high contrast- darken borderColor-muted slightly in dark & light mode
-
#785
1c830ae
Thanks @langermank! - Build v8 tokens to/dist
-
#781
8ba7d6b
Thanks @langermank! - Adjustprettylights
comment fg color -
#747
2b76e2d
Thanks @lukasoppermann! - Add stack size tokens to figma export -
#782
ba763cc
Thanks @langermank! - Update the muted foreground color to increase contrast against default controls in dark mode -
#783
d0f95c7
Thanks @lukasoppermann! - Update xxlarge breakpoint value -
#779
105afb5
Thanks @lukasoppermann! - adding CodeSyntax to tokens for figma
- #778
f546c45
Thanks @mperrotti! - Updates inactive button text colors to meet contrast against the inactive button background color.
- #776
cc36ab9
Thanks @mperrotti! - Corrects light theme inactive button bg color
- #774
3a6d736
Thanks @mperrotti! - Adds color tokens for the "inactive" button state. Tokens are added to the old and new builds so we can still support styling withstyled-components
- #744
5f9eb77
Thanks @mperrotti! - Introduces design tokens for motion properties, and adds tokens to support loading indicators.
- #745
bcef815
Thanks @lukasoppermann! - export control color tokens in Figma
-
#743
5125c62
Thanks @langermank! - - Disabled state for transparent type controls is now transparent- Reverted the selected color for transparent type controls back to the original (pulled from old source file)
- Fixed the disabled fgColor for ToggleSwitch
-
#742
efa8b1c
Thanks @lukasoppermann! - buttonCounter color hotfix -
#739
04a316c
Thanks @lukasoppermann! - Fix contrast for bgColor-neutral-muted
6b46ff4
Thanks @camertron! - rm diffStat/addition/bgColor
- #736
2565a2d
Thanks @langermank! - Fixinvisible
Button states for high contrast themes
-
#733
f431e7e
Thanks @langermank! - - Remove the default button inset shadow (its basically invisible)- Switch danger button to use the same border strategy as primary for hover/active
-
#735
0d982b1
Thanks @langermank! - Add missing fallbacks for disabled buttons -
#731
5ebfafe
Thanks @lukasoppermann! - change scss output from css variables to scss variables -
#734
df91f47
Thanks @langermank! - - Add iconColor tokens for the invisible button variant- Remove highlight shadow token as its no longer used for Button
- #682
a082224
Thanks @langermank! - - Addinverse
color options for semantic color tokens to support Toast- Update the default
emphasis
background color towhite
in dark mode - Add
overlay
size tokens
- Update the default
-
#722
5394816
Thanks @lukasoppermann! - Fioxed RGBAfloatconversion -
#723
a3b0d21
Thanks @lukasoppermann! - Adding group prop to figma output -
#729
d6bbf2a
Thanks @lukasoppermann! - fix shadow -
#727
364c09f
Thanks @lukasoppermann! - Allow some bgColors to be used as borders -
#730
0c237e3
Thanks @lukasoppermann! - update borderColor Success -
#721
01aae86
Thanks @lukasoppermann! - Fixing shadows
-
#665
360a8b8
Thanks @lukasoppermann! - Adding support for figma tokens -
#714
5b1cb91
Thanks @lukasoppermann! - Add space tokens
-
#704
aeb3b30
Thanks @lukasoppermann! - fix for figma references -
#707
ca974dc
Thanks @lukasoppermann! - add paddingBlock to figma -
#711
0f7f801
Thanks @lukasoppermann! - Move figma control tokens to component collection -
#709
c0cc1db
Thanks @langermank! - Update a fewbgColor
andborderColor
Primitive fallbacks -
#717
8c278bd
Thanks @langermank! - Add backinset
color tokens to v8 -
#686
40fdf5c
Thanks @lukasoppermann! - rename treeViewItem-leadingVisual-bgColor-rest to treeViewItem-leadingVisual-iconColor-rest -
#698
870cc60
Thanks @lukasoppermann! - Update figma token names & renamefgColor-link-rest
tofgColor-link
-
#674
41ff627
Thanks @langermank! - Fix disabled fg color for controls -
#666
5c18c74
Thanks @ctmayn! - Adjust the value of entity highlighting so it meets the required color contrast on a diff deletion background. -
#667
f8c7429
Thanks @langermank! - - Update Overlay backdrop color for dark mode- Add Overlay backdrop tokens to the old build
-
#671
2d3861e
Thanks @langermank! - Add transparent fallbacks -
#669
799a702
Thanks @langermank! - Fix muted fallbacks for v8 test -
#672
1fc2662
Thanks @langermank! - Fix muted border fallback -
#673
6ebe450
Thanks @langermank! - Update disabled control fallback
- #662
e3a6b0f
Thanks @langermank! - Add shadows to color fallback dist
- #659
77e0e07
Thanks @langermank! - Add functional transparent tokens
- #654
67bf5c0
Thanks @lukasoppermann! - Add fallback json
- #651
26ed1fc
Thanks @langermank! - Format fallback CSS vars withvar()
-
#648
f559ad6
Thanks @langermank! - Bug fix:danger
counter fg -
#649
4e231ba
Thanks @langermank! - Fix fallback dist JSON
-
#644
f388f1d
Thanks @lukasoppermann! - add missing color overrides for light tritanopia in v8 tokens -
#643
6f1f6b6
Thanks @langermank! - Adds new color fallback docs and JSON to be used with PostCSS -
#600
76f3122
Thanks @lukasoppermann! - - fix syntax tokens dark mode by moving prettylights tokens into the color parent- invalid-illegal-text and carriage-return-bg were droped due to a json bug
-
#599
f67de6a
Thanks @lukasoppermann! - Replace light-colorblind scale with overrides -
#608
b8bc786
Thanks @lukasoppermann! - Replace dark-colorblind scale with overrides -
#645
40880ce
Thanks @lukasoppermann! - add missing color overrides for dark tritanopia in v8 tokens -
#618
f80a5fd
Thanks @lukasoppermann! - add option to remove descriptions from css output -
#593
2fc6e68
Thanks @langermank! - Fix v8 dark syntax -
#639
cbee891
Thanks @lukasoppermann! - Remove unused color scales -
#606
356bb54
Thanks @lukasoppermann! - Replaced hex code overrides in colorblind mode scales with references to base scales -
#562
d88095e
Thanks @lukasoppermann! - Replaces light Tritanopia scale with overrides -
#634
3e331b6
Thanks @langermank! - Minor docs fixes -
#601
633aae8
Thanks @langermank! - Fix missing prettylights tokens -
#597
f004737
Thanks @lukasoppermann! - Replacing dark tritanopia scale with overrides -
#641
8c77bbb
Thanks @langermank! - Improve contrast for Buttons with counters
-
ad20369
Thanks @lukasoppermann! - ## Updated workflow for v8 tokens- size-fine and size-coarse tokens are now wrapped in media queries
- #576
98255a7
Thanks @langermank! - - Add v8 migration docs- Finalize v8 output for testing
- #557
c9101b7
Thanks @lukasoppermann! - Updated fg.default and fg.muted for most themes to reset to previous versions
- #555
98ca36a
Thanks @lukasoppermann! - Fix for primary color in cvd modes
- #542
9df92a7
Thanks @lukasoppermann! - - accent.subtle in dark is less opaque to have a 4.5 contrast with new accent color- danger and close fg slightly changed in light mode to contrast with fg.default (as we have some red links)
- attention.emphasis darker to have 4.5:1 contrast with fg.onEmphasis
-
#529
05edec6
Thanks @langermank! - Add Primitives v8 colors (private dist for testing) -
#538
535f4b0
Thanks @lukasoppermann! - A11y changes to primary green, fg.default and fg.muted and some more -
#536
1771a74
Thanks @langermank! - Fix Avatar shadow in new tokens -
#499
f731161
Thanks @josepmartins! - Fix bug on AvatarPair box shadow
- #477
39940de
Thanks @mperrotti! - Updates to support new ToggleSwitch visual design
-
#485
4e408ca
Thanks @lukasoppermann! - Adds control.borderColor.emphasis color token -
#449
7130392
Thanks @rezrah! - Deprecated marketing design tokens for Button componentsMarketing tokens will be served from
@primer/brand-primitives
in future.npm install --save @primer/brand-primitives
- ---color-mktg-btn-bg + --brand-Button-background-base
- --color-mktg-btn-shadow-outline + --brand-Button-shadow-default
- --color-mktg-btn-shadow-focus + --brand-Button-shadow-focus
- --color-mktg-btn-shadow-hover + --brand-Button-shadow-primary-hover
- --color-mktg-btn-shadow-muted + --color-mktg-btn-shadow-hover-muted
-
#385
e03c7fd
Thanks @simurai! - AddNoto Sans
to the font stack -
#384
8b76794
Thanks @langermank! - - Remove deprecated focus color tokens in favor of "global" styles from Primer CSS
- #358
a188c78
Thanks @mperrotti! - Adds a color token for the treeview icon fill.
- #354
3b28659
Thanks @mperrotti! - Introduces TreeView.Item component color primitives
- #351
d8d2480
Thanks @langermank! - Add SCSS vars for PCSS utilities & dotcom
- #334
ff5fea6
Thanks @langermank! - Typography bug fixes + border thickness naming
- #317
45359ea
Thanks @langermank! - - Initial design tokens release for interal Primer team use only- Private docs that can be accessed at /typography and /size
- Separate dist for testing purposes only
- #309
4588342
Thanks @mperrotti! - adds primitives for toggle switch component
- #306
8e9779c
Thanks @Juliusschaeper! - Color scale improvements for Blue and Orange
- #301
2f18306
Thanks @konradpabjan! - [Actions] Update light theme color for gateWaitingText
- #283
1bcb44f
Thanks @Juliusschaeper! - Background adjustments for High Contrast theme.
- #279
3729355
Thanks @Juliusschaeper! - Add border to topic-tag and counters
- #277
3fda2d3
Thanks @Juliusschaeper! - Increased contrast in Light HC shades
- #273
5c8d9a9
Thanks @Juliusschaeper! - Border improvements
- #276
f2d41ec
Thanks @Juliusschaeper! - Improved button states for light HC
- #274
f071312
Thanks @Juliusschaeper! - Improved contrast for change highlights in diff
- #271
f6e25d7
Thanks @Juliusschaeper! - Add light high contrast theme
- #245
65ad2df
Thanks @colebemis! - All deprecated color variables have been removed. See removed variables for the complete list of removed variables.
-
#245
65ad2df
Thanks @colebemis! - Thedeprecations
directory in thedist
directory has been renamed todeprecated
:dist/ - deprecations/ + deprecated/
You'll need to update your imports accordingly:
- import deprecatedColors from '@primer/primitives/dist/deprecations/colors.json' + import deprecatedColors from '@primer/primitives/dist/deprecated/colors.json'
-
#245
65ad2df
Thanks @colebemis! - Thedist
directory now contains aremoved
directory with data about removed variables organized by category:dist/ js/ ts/ json/ scss/ deprecated/ + removed/ + colors.json
Each JSON file in the
removed
directory contains a mapping of removed variables to replacement variables. Example:// dist/removed/colors.json { "text.primary": "fg.default", // this means: `text.primary` is deprecated. Use `fg.default` instead "auto.blue.4": ["accent.fg, accent.emphasis"], // this means: `auto.blue.4` is deprecated. Use `accent.fg` or `accent.emphasis` instead "text.white": null // this means: `text.white` is deprecated. We don't have a replacement for it }
This data will allow you to write linters to prevent usage of removed variables.
- #250
9948e13
Thanks @Juliusschaeper! - Fix duplicate hex value (red 9)
- #243
c8adddc
Thanks @Juliusschaeper! - Fix diff highlights + Btn primary state fixes
- #236
ec5eb62
Thanks @Juliusschaeper! - Add new color blind themes:light_protanopia
dark_protanopia
- #233
647cf69
Thanks @colebemis! - Delete experimentaldata/colors_v2
directory
- #224
eaf6bb5
Thanks @colebemis! - Add new functional color variables. See primer.style/primitives/colors for details about the new color system.
-
#224
eaf6bb5
Thanks @colebemis! - Introduce a Dark High Contrast theme.Note: The Dark High Contrast theme will only work with the new functional color variables
- #224
eaf6bb5
Thanks @colebemis! - Deprecate variables from the old color system. See primer.style/primitives/colors#deprecated-variables for the complete list of deprecated variables.
- #220
a811195
Thanks @colebemis! - FixsearchKeyword.hl
incolors_v2
- #223
a474221
Thanks @colebemis! - FixheaderSearch.*
variables in colors_v2
- #206
a18f427
Thanks @colebemis! - Add color deprecations file
-
#202
25a91d9
Thanks @colebemis! - Thedist
directory now contains adeprecations
directory with variable deprecation data organized by category:dist/ js/ ts/ json/ scss/ + deprecations/ + colors.json
Each JSON file in the
deprecations
directory contains a mapping of deprecated variables to replacement variables. Example:// dist/deprecations/colors.json { "text.primary": "fg.default", // this means: `text.primary` is deprecated. Use `fg.default` instead "auto.blue.4": ["accent.fg, accent.emphasis"], // this means: `auto.blue.4` is deprecated. Use `accent.fg` or `accent.emphasis` instead "text.white": null // this means: `text.white` is deprecated. We don't have a replacement for it }
This data will allow consumers of
@primer/primitives
(e.g. Primer React and Primer ViewComponents) to write linters to prevent usage of deprecated variables.
- #195
d7a8ae1
Thanks @Juliusschaeper! - Slightly lighter Red-0 for improved diff highlight.
- #188
a8fe22e
Thanks @Juliusschaeper! - Update green scale to be slightly less yellow
- #182
3bfc800
Thanks @Juliusschaeper! - Update tooltip background
- #186
5198cfa
Thanks @Juliusschaeper! - Underline nav contrast improvements
- #176
40d0661
Thanks @Juliusschaeper! - Added btn.selected hc exception
- #174
0071ef5
Thanks @Juliusschaeper! - Fixed syntax for hover text + icon
- #171
9e7b1bb
Thanks @Juliusschaeper! - Added new variable for diff foreground
- #170
e055b14
Thanks @Juliusschaeper! - Remapped neutral.emphasis to gray.4 instead of gray.6
- #166
2f55806
Thanks @Juliusschaeper! - Changed attention.emphasis from 5 → 4
- #169
dc4e70a
Thanks @Juliusschaeper! - Fixed danger button hover state
- #161
6ed4ac6
Thanks @Juliusschaeper! - Fixed wrong order of light coral scale
- #153
7fcce19
Thanks @Juliusschaeper! - removed opacity from roles.muted + replaced foregrounds in diff blob
- #159
9e3875c
Thanks @Juliusschaeper! - Updated green for primary button and success.emphasis
- #154
6298c1e
Thanks @Juliusschaeper! - Update hc avatar and diffstat borders
- #158
cd0c90e
Thanks @Juliusschaeper! - neutral.emphasis fix in HC
- #156
0aba5fa
Thanks @Juliusschaeper! - header-input border fix
- #151
73a53a0
Thanks @Juliusschaeper! - Fixed states for btn.danger in HC
- #149
9539f54
Thanks @Juliusschaeper! - Global Nav → input fixes
- #145
c6fd869
Thanks @Juliusschaeper! - Primary button fixes
- #152
281a7fb
Thanks @Juliusschaeper! - Update neutral emphasis
- #141
8b52b57
Thanks @Juliusschaeper! - Change HC border subtle → gray.5
- #142
a581980
Thanks @colebemis! - Change "transparent" colors to "rgba(0,0,0,0)"
- #137
4779983
Thanks @Juliusschaeper! - HC palette update + exceptions for emphasis
-
#134
8b8cba7
Thanks @auareyou! - Remapping updates- Updated alerts to use roles instead of
fg-default
- Rename
fg.inactive
tofg.subtle
- Deprecate
avatar-border
- Updated alerts to use roles instead of
- #140
9308676
Thanks @Juliusschaeper! - btn.primary state tweaks for high contrast
- #125
287b56a
Thanks @colebemis! - Update experimental variables
- #123
b3a32b6
Thanks @colebemis! - Add dark high contrast mapping exceptions
- #113
e399d4d
Thanks @colebemis! - Fix--color-upload-enabled-border-focused
- #107
c935be7
Thanks @colebemis! - Rename role variables
- #103
ec66b32
Thanks @colebemis! - Internal reorganization of variables. No consumer-facing changes.
- #108
907b74c
Thanks @colebemis! - Remap v2 variables
- #94
eed97d8
Thanks @colebemis! - Update experimental color variables
- #98
4d5bd48
Thanks @colebemis! - Add experimental dark high contrast theme
- #96
5d5d265
Thanks @colebemis! - Update experimental dark mode mapping
- #91
6af01cb
Thanks @colebemis! - Update experimental color variables
- #85
d5b4305
Thanks @simurai! - Add experimental color variables tocolors_v2
directory. Warning: Do not use these color variables
- #76
8d5addc
Thanks @tobiasahlin! - Update marketing buttons
-
#58
4f12b06
Thanks @jonrohan! - Updating the ci.yml and release.yml scripts to more closely match @primer/components -
#18 Add support for multiple color modes (
light
,dark
,dark_dimmed
) (@auareyou, @BinaryMuse, @colinkeany, @edokoa, @jonrohan, @simurai) -
#18 Add color modes documentation (@colebemis)
- #14 Rename npm package to
@primer/primitives
and deprecate oldprimer-*
packages (@BinaryMuse)
- #6 Fix spacing to be an array instead of an object. (@broccolini)
- #6 Add usage example to README. (@broccolini)
- #3 Add dependencies to primer-primitives package. (@broccolini)
- #3 Point main at correct files. (@broccolini)
- #3 Fix broken links in Readme's. (@broccolini)
- #1 Add color, typography, and spacing packages. (@broccolini)
- #1 Add primer-primitives package that imports all primitives. (@broccolini)