@primer/primitives 0.0.0-20260709212708 → 0.0.0-20260709220612
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/functional/themes/light-colorblind-high-contrast.css +10 -10
- package/dist/css/functional/themes/light-colorblind.css +16 -16
- package/dist/css/functional/themes/light-high-contrast.css +10 -10
- package/dist/css/functional/themes/light-tritanopia-high-contrast.css +10 -10
- package/dist/css/functional/themes/light-tritanopia.css +16 -16
- package/dist/css/functional/themes/light.css +40 -40
- package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +52 -18
- package/dist/docs/functional/themes/dark-colorblind.json +52 -18
- package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +52 -18
- package/dist/docs/functional/themes/dark-dimmed.json +52 -18
- package/dist/docs/functional/themes/dark-high-contrast.json +52 -18
- package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +52 -18
- package/dist/docs/functional/themes/dark-tritanopia.json +52 -18
- package/dist/docs/functional/themes/dark.json +52 -18
- package/dist/docs/functional/themes/light-colorblind-high-contrast.json +76 -42
- package/dist/docs/functional/themes/light-colorblind.json +97 -63
- package/dist/docs/functional/themes/light-high-contrast.json +77 -43
- package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +76 -42
- package/dist/docs/functional/themes/light-tritanopia.json +97 -63
- package/dist/docs/functional/themes/light.json +136 -102
- package/dist/figma/scales/light-high-constrast.json +75 -0
- package/dist/figma/scales/light.json +105 -30
- package/dist/figma/themes/light-colorblind.json +29 -29
- package/dist/figma/themes/light-high-contrast.json +44 -44
- package/dist/figma/themes/light-tritanopia.json +29 -29
- package/dist/figma/themes/light.json +102 -102
- package/dist/internalCss/light-colorblind-high-contrast.css +20 -10
- package/dist/internalCss/light-colorblind.css +38 -28
- package/dist/internalCss/light-high-contrast.css +20 -10
- package/dist/internalCss/light-tritanopia-high-contrast.css +20 -10
- package/dist/internalCss/light-tritanopia.css +38 -28
- package/dist/internalCss/light.css +44 -34
- package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +52 -18
- package/dist/styleLint/functional/themes/dark-colorblind.json +52 -18
- package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +52 -18
- package/dist/styleLint/functional/themes/dark-dimmed.json +52 -18
- package/dist/styleLint/functional/themes/dark-high-contrast.json +52 -18
- package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +52 -18
- package/dist/styleLint/functional/themes/dark-tritanopia.json +52 -18
- package/dist/styleLint/functional/themes/dark.json +52 -18
- package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +76 -42
- package/dist/styleLint/functional/themes/light-colorblind.json +97 -63
- package/dist/styleLint/functional/themes/light-high-contrast.json +77 -43
- package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +76 -42
- package/dist/styleLint/functional/themes/light-tritanopia.json +97 -63
- package/dist/styleLint/functional/themes/light.json +136 -102
- package/package.json +1 -1
- package/src/tokens/base/color/light/light.json5 +85 -20
- package/src/tokens/component/avatarStack.json5 +16 -0
- package/src/tokens/functional/color/control.json5 +9 -9
- package/src/tokens/functional/color/fgColor.json5 +1 -0
package/package.json
CHANGED
|
@@ -387,8 +387,8 @@
|
|
|
387
387
|
'0': {
|
|
388
388
|
$value: {
|
|
389
389
|
colorSpace: 'hsl',
|
|
390
|
-
components: [
|
|
391
|
-
hex: '#
|
|
390
|
+
components: [158.6, 53.8, 94.9],
|
|
391
|
+
hex: '#ebf9f4',
|
|
392
392
|
},
|
|
393
393
|
$type: 'color',
|
|
394
394
|
$extensions: {
|
|
@@ -400,8 +400,8 @@
|
|
|
400
400
|
'1': {
|
|
401
401
|
$value: {
|
|
402
402
|
colorSpace: 'hsl',
|
|
403
|
-
components: [
|
|
404
|
-
hex: '#
|
|
403
|
+
components: [136.9, 100, 87.5],
|
|
404
|
+
hex: '#bfffd1',
|
|
405
405
|
},
|
|
406
406
|
$type: 'color',
|
|
407
407
|
$extensions: {
|
|
@@ -413,8 +413,8 @@
|
|
|
413
413
|
'2': {
|
|
414
414
|
$value: {
|
|
415
415
|
colorSpace: 'hsl',
|
|
416
|
-
components: [
|
|
417
|
-
hex: '#
|
|
416
|
+
components: [133.9, 95.3, 83.1],
|
|
417
|
+
hex: '#abfdbe',
|
|
418
418
|
},
|
|
419
419
|
$type: 'color',
|
|
420
420
|
$extensions: {
|
|
@@ -426,8 +426,8 @@
|
|
|
426
426
|
'3': {
|
|
427
427
|
$value: {
|
|
428
428
|
colorSpace: 'hsl',
|
|
429
|
-
components: [
|
|
430
|
-
hex: '#
|
|
429
|
+
components: [135.3, 79.7, 74.9],
|
|
430
|
+
hex: '#8cf2a6',
|
|
431
431
|
},
|
|
432
432
|
$type: 'color',
|
|
433
433
|
$extensions: {
|
|
@@ -439,8 +439,8 @@
|
|
|
439
439
|
'4': {
|
|
440
440
|
$value: {
|
|
441
441
|
colorSpace: 'hsl',
|
|
442
|
-
components: [
|
|
443
|
-
hex: '#
|
|
442
|
+
components: [135.2, 79.8, 65.1],
|
|
443
|
+
hex: '#5fed83',
|
|
444
444
|
},
|
|
445
445
|
$type: 'color',
|
|
446
446
|
$extensions: {
|
|
@@ -452,8 +452,8 @@
|
|
|
452
452
|
'5': {
|
|
453
453
|
$value: {
|
|
454
454
|
colorSpace: 'hsl',
|
|
455
|
-
components: [
|
|
456
|
-
hex: '#
|
|
455
|
+
components: [133.4, 65, 59.6],
|
|
456
|
+
hex: '#55db73',
|
|
457
457
|
},
|
|
458
458
|
$type: 'color',
|
|
459
459
|
$extensions: {
|
|
@@ -465,8 +465,8 @@
|
|
|
465
465
|
'6': {
|
|
466
466
|
$value: {
|
|
467
467
|
colorSpace: 'hsl',
|
|
468
|
-
components: [
|
|
469
|
-
hex: '#
|
|
468
|
+
components: [136, 85.4, 40.4],
|
|
469
|
+
hex: '#0fbf3e',
|
|
470
470
|
},
|
|
471
471
|
$type: 'color',
|
|
472
472
|
$extensions: {
|
|
@@ -478,8 +478,8 @@
|
|
|
478
478
|
'7': {
|
|
479
479
|
$value: {
|
|
480
480
|
colorSpace: 'hsl',
|
|
481
|
-
components: [140
|
|
482
|
-
hex: '#
|
|
481
|
+
components: [140, 100, 31.8],
|
|
482
|
+
hex: '#00a236',
|
|
483
483
|
},
|
|
484
484
|
$type: 'color',
|
|
485
485
|
$extensions: {
|
|
@@ -491,8 +491,8 @@
|
|
|
491
491
|
'8': {
|
|
492
492
|
$value: {
|
|
493
493
|
colorSpace: 'hsl',
|
|
494
|
-
components: [
|
|
495
|
-
hex: '#
|
|
494
|
+
components: [136.5, 88.8, 28],
|
|
495
|
+
hex: '#08872b',
|
|
496
496
|
},
|
|
497
497
|
$type: 'color',
|
|
498
498
|
$extensions: {
|
|
@@ -504,8 +504,73 @@
|
|
|
504
504
|
'9': {
|
|
505
505
|
$value: {
|
|
506
506
|
colorSpace: 'hsl',
|
|
507
|
-
components: [
|
|
508
|
-
hex: '#
|
|
507
|
+
components: [138.6, 73, 27.6],
|
|
508
|
+
hex: '#137a33',
|
|
509
|
+
},
|
|
510
|
+
$type: 'color',
|
|
511
|
+
$extensions: {
|
|
512
|
+
'org.primer.figma': {
|
|
513
|
+
collection: 'base/color/light',
|
|
514
|
+
},
|
|
515
|
+
},
|
|
516
|
+
},
|
|
517
|
+
'10': {
|
|
518
|
+
$value: {
|
|
519
|
+
colorSpace: 'hsl',
|
|
520
|
+
components: [144, 77.6, 22.7],
|
|
521
|
+
hex: '#0d6731',
|
|
522
|
+
},
|
|
523
|
+
$type: 'color',
|
|
524
|
+
$extensions: {
|
|
525
|
+
'org.primer.figma': {
|
|
526
|
+
collection: 'base/color/light',
|
|
527
|
+
},
|
|
528
|
+
},
|
|
529
|
+
},
|
|
530
|
+
'11': {
|
|
531
|
+
$value: {
|
|
532
|
+
colorSpace: 'hsl',
|
|
533
|
+
components: [152, 68.2, 17.3],
|
|
534
|
+
hex: '#0e4a2e',
|
|
535
|
+
},
|
|
536
|
+
$type: 'color',
|
|
537
|
+
$extensions: {
|
|
538
|
+
'org.primer.figma': {
|
|
539
|
+
collection: 'base/color/light',
|
|
540
|
+
},
|
|
541
|
+
},
|
|
542
|
+
},
|
|
543
|
+
'12': {
|
|
544
|
+
$value: {
|
|
545
|
+
colorSpace: 'hsl',
|
|
546
|
+
components: [153.6, 64.1, 15.3],
|
|
547
|
+
hex: '#0e402a',
|
|
548
|
+
},
|
|
549
|
+
$type: 'color',
|
|
550
|
+
$extensions: {
|
|
551
|
+
'org.primer.figma': {
|
|
552
|
+
collection: 'base/color/light',
|
|
553
|
+
},
|
|
554
|
+
},
|
|
555
|
+
},
|
|
556
|
+
'13': {
|
|
557
|
+
$value: {
|
|
558
|
+
colorSpace: 'hsl',
|
|
559
|
+
components: [159.4, 57.4, 12],
|
|
560
|
+
hex: '#0d3024',
|
|
561
|
+
},
|
|
562
|
+
$type: 'color',
|
|
563
|
+
$extensions: {
|
|
564
|
+
'org.primer.figma': {
|
|
565
|
+
collection: 'base/color/light',
|
|
566
|
+
},
|
|
567
|
+
},
|
|
568
|
+
},
|
|
569
|
+
'14': {
|
|
570
|
+
$value: {
|
|
571
|
+
colorSpace: 'hsl',
|
|
572
|
+
components: [151.1, 45.8, 11.6],
|
|
573
|
+
hex: '#102b1e',
|
|
509
574
|
},
|
|
510
575
|
$type: 'color',
|
|
511
576
|
$extensions: {
|
|
@@ -11,6 +11,14 @@
|
|
|
11
11
|
group: 'component (internal)',
|
|
12
12
|
scopes: ['bgColor'],
|
|
13
13
|
},
|
|
14
|
+
'org.primer.overrides': {
|
|
15
|
+
light: '{base.color.neutral.4}',
|
|
16
|
+
'light-tritanopia': '{base.color.neutral.4}',
|
|
17
|
+
'light-protanopia-deuteranopia': '{base.color.neutral.4}',
|
|
18
|
+
'light-high-contrast': '{base.color.neutral.4}',
|
|
19
|
+
'light-tritanopia-high-contrast': '{base.color.neutral.4}',
|
|
20
|
+
'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.4}',
|
|
21
|
+
},
|
|
14
22
|
},
|
|
15
23
|
},
|
|
16
24
|
muted: {
|
|
@@ -22,6 +30,14 @@
|
|
|
22
30
|
group: 'component (internal)',
|
|
23
31
|
scopes: ['bgColor'],
|
|
24
32
|
},
|
|
33
|
+
'org.primer.overrides': {
|
|
34
|
+
light: '{base.color.neutral.3}',
|
|
35
|
+
'light-tritanopia': '{base.color.neutral.3}',
|
|
36
|
+
'light-protanopia-deuteranopia': '{base.color.neutral.3}',
|
|
37
|
+
'light-high-contrast': '{base.color.neutral.3}',
|
|
38
|
+
'light-tritanopia-high-contrast': '{base.color.neutral.3}',
|
|
39
|
+
'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.3}',
|
|
40
|
+
},
|
|
25
41
|
},
|
|
26
42
|
},
|
|
27
43
|
},
|
|
@@ -35,13 +35,13 @@
|
|
|
35
35
|
$value: '{base.color.neutral.4}',
|
|
36
36
|
},
|
|
37
37
|
'light-high-contrast': {
|
|
38
|
-
$value: '{base.color.neutral.
|
|
38
|
+
$value: '{base.color.neutral.3}',
|
|
39
39
|
},
|
|
40
40
|
'light-tritanopia-high-contrast': {
|
|
41
|
-
$value: '{base.color.neutral.
|
|
41
|
+
$value: '{base.color.neutral.3}',
|
|
42
42
|
},
|
|
43
43
|
'light-protanopia-deuteranopia-high-contrast': {
|
|
44
|
-
$value: '{base.color.neutral.
|
|
44
|
+
$value: '{base.color.neutral.3}',
|
|
45
45
|
},
|
|
46
46
|
},
|
|
47
47
|
},
|
|
@@ -73,13 +73,13 @@
|
|
|
73
73
|
$value: '{base.color.neutral.5}',
|
|
74
74
|
},
|
|
75
75
|
'light-high-contrast': {
|
|
76
|
-
$value: '{base.color.neutral.
|
|
76
|
+
$value: '{base.color.neutral.3}',
|
|
77
77
|
},
|
|
78
78
|
'light-tritanopia-high-contrast': {
|
|
79
|
-
$value: '{base.color.neutral.
|
|
79
|
+
$value: '{base.color.neutral.3}',
|
|
80
80
|
},
|
|
81
81
|
'light-protanopia-deuteranopia-high-contrast': {
|
|
82
|
-
$value: '{base.color.neutral.
|
|
82
|
+
$value: '{base.color.neutral.3}',
|
|
83
83
|
},
|
|
84
84
|
},
|
|
85
85
|
},
|
|
@@ -111,13 +111,13 @@
|
|
|
111
111
|
$value: '{base.color.neutral.6}',
|
|
112
112
|
},
|
|
113
113
|
'light-high-contrast': {
|
|
114
|
-
$value: '{base.color.neutral.
|
|
114
|
+
$value: '{base.color.neutral.3}',
|
|
115
115
|
},
|
|
116
116
|
'light-tritanopia-high-contrast': {
|
|
117
|
-
$value: '{base.color.neutral.
|
|
117
|
+
$value: '{base.color.neutral.3}',
|
|
118
118
|
},
|
|
119
119
|
'light-protanopia-deuteranopia-high-contrast': {
|
|
120
|
-
$value: '{base.color.neutral.
|
|
120
|
+
$value: '{base.color.neutral.3}',
|
|
121
121
|
},
|
|
122
122
|
},
|
|
123
123
|
},
|
|
@@ -250,6 +250,7 @@
|
|
|
250
250
|
},
|
|
251
251
|
},
|
|
252
252
|
'org.primer.overrides': {
|
|
253
|
+
light: '{base.color.green.9}', /* Retrofit for 15-step green scale: base green.5 shifted lighter (#55db73); green.9 (#137a33) is the min non-relief step passing 4.5:1 and the successor of the prior success anchor. */
|
|
253
254
|
dark: '{base.color.green.3}',
|
|
254
255
|
'dark-high-contrast': '#2BD853',
|
|
255
256
|
'dark-dimmed-high-contrast': '{base.color.green.0}',
|