@primer/primitives 11.5.0-rc.27b40184 → 11.5.0-rc.eeffc81e

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.
@@ -27,9 +27,9 @@ export const durationToCss = {
27
27
  if (typeof value !== 'number' || !Number.isFinite(value) || value < 0) {
28
28
  throw new Error(`duration token value must be a finite, non-negative number, invalid token: ${token.name} with value: ${value}`);
29
29
  }
30
- // Always output in ms
30
+ // Always output in ms, rounding to avoid floating-point noise (e.g. 0.0049s → 4.9ms not 4.8999…ms)
31
31
  if (unit === 's') {
32
- return `${value * 1000}ms`;
32
+ return `${parseFloat((value * 1000).toPrecision(12))}ms`;
33
33
  }
34
34
  return `${value}ms`;
35
35
  },
@@ -18,4 +18,18 @@
18
18
  --base-size-8: 0.5rem;
19
19
  --base-size-80: 5rem;
20
20
  --base-size-96: 6rem;
21
+ --base-size-negative-12: -0.75rem;
22
+ --base-size-negative-16: -1rem;
23
+ --base-size-negative-2: -0.125rem;
24
+ --base-size-negative-20: -1.25rem;
25
+ --base-size-negative-24: -1.5rem;
26
+ --base-size-negative-28: -1.75rem;
27
+ --base-size-negative-32: -2rem;
28
+ --base-size-negative-36: -2.25rem;
29
+ --base-size-negative-4: -0.25rem;
30
+ --base-size-negative-40: -2.5rem;
31
+ --base-size-negative-44: -2.75rem;
32
+ --base-size-negative-48: -3rem;
33
+ --base-size-negative-6: -0.375rem;
34
+ --base-size-negative-8: -0.5rem;
21
35
  }
@@ -568,5 +568,257 @@
568
568
  "path": ["base", "size", "96"],
569
569
  "value": "6rem",
570
570
  "type": "dimension"
571
+ },
572
+ "base-size-negative-12": {
573
+ "key": "{base.size.negative-12}",
574
+ "filePath": "src/tokens/base/size/size.json5",
575
+ "isSource": true,
576
+ "original": {
577
+ "$value": {
578
+ "value": -12,
579
+ "unit": "px"
580
+ },
581
+ "$type": "dimension",
582
+ "key": "{base.size.negative-12}"
583
+ },
584
+ "name": "base-size-negative-12",
585
+ "attributes": {},
586
+ "path": ["base", "size", "negative-12"],
587
+ "value": "-0.75rem",
588
+ "type": "dimension"
589
+ },
590
+ "base-size-negative-16": {
591
+ "key": "{base.size.negative-16}",
592
+ "filePath": "src/tokens/base/size/size.json5",
593
+ "isSource": true,
594
+ "original": {
595
+ "$value": {
596
+ "value": -16,
597
+ "unit": "px"
598
+ },
599
+ "$type": "dimension",
600
+ "key": "{base.size.negative-16}"
601
+ },
602
+ "name": "base-size-negative-16",
603
+ "attributes": {},
604
+ "path": ["base", "size", "negative-16"],
605
+ "value": "-1rem",
606
+ "type": "dimension"
607
+ },
608
+ "base-size-negative-2": {
609
+ "key": "{base.size.negative-2}",
610
+ "filePath": "src/tokens/base/size/size.json5",
611
+ "isSource": true,
612
+ "original": {
613
+ "$value": {
614
+ "value": -2,
615
+ "unit": "px"
616
+ },
617
+ "$type": "dimension",
618
+ "key": "{base.size.negative-2}"
619
+ },
620
+ "name": "base-size-negative-2",
621
+ "attributes": {},
622
+ "path": ["base", "size", "negative-2"],
623
+ "value": "-0.125rem",
624
+ "type": "dimension"
625
+ },
626
+ "base-size-negative-20": {
627
+ "key": "{base.size.negative-20}",
628
+ "filePath": "src/tokens/base/size/size.json5",
629
+ "isSource": true,
630
+ "original": {
631
+ "$value": {
632
+ "value": -20,
633
+ "unit": "px"
634
+ },
635
+ "$type": "dimension",
636
+ "key": "{base.size.negative-20}"
637
+ },
638
+ "name": "base-size-negative-20",
639
+ "attributes": {},
640
+ "path": ["base", "size", "negative-20"],
641
+ "value": "-1.25rem",
642
+ "type": "dimension"
643
+ },
644
+ "base-size-negative-24": {
645
+ "key": "{base.size.negative-24}",
646
+ "filePath": "src/tokens/base/size/size.json5",
647
+ "isSource": true,
648
+ "original": {
649
+ "$value": {
650
+ "value": -24,
651
+ "unit": "px"
652
+ },
653
+ "$type": "dimension",
654
+ "key": "{base.size.negative-24}"
655
+ },
656
+ "name": "base-size-negative-24",
657
+ "attributes": {},
658
+ "path": ["base", "size", "negative-24"],
659
+ "value": "-1.5rem",
660
+ "type": "dimension"
661
+ },
662
+ "base-size-negative-28": {
663
+ "key": "{base.size.negative-28}",
664
+ "filePath": "src/tokens/base/size/size.json5",
665
+ "isSource": true,
666
+ "original": {
667
+ "$value": {
668
+ "value": -28,
669
+ "unit": "px"
670
+ },
671
+ "$type": "dimension",
672
+ "key": "{base.size.negative-28}"
673
+ },
674
+ "name": "base-size-negative-28",
675
+ "attributes": {},
676
+ "path": ["base", "size", "negative-28"],
677
+ "value": "-1.75rem",
678
+ "type": "dimension"
679
+ },
680
+ "base-size-negative-32": {
681
+ "key": "{base.size.negative-32}",
682
+ "filePath": "src/tokens/base/size/size.json5",
683
+ "isSource": true,
684
+ "original": {
685
+ "$value": {
686
+ "value": -32,
687
+ "unit": "px"
688
+ },
689
+ "$type": "dimension",
690
+ "key": "{base.size.negative-32}"
691
+ },
692
+ "name": "base-size-negative-32",
693
+ "attributes": {},
694
+ "path": ["base", "size", "negative-32"],
695
+ "value": "-2rem",
696
+ "type": "dimension"
697
+ },
698
+ "base-size-negative-36": {
699
+ "key": "{base.size.negative-36}",
700
+ "filePath": "src/tokens/base/size/size.json5",
701
+ "isSource": true,
702
+ "original": {
703
+ "$value": {
704
+ "value": -36,
705
+ "unit": "px"
706
+ },
707
+ "$type": "dimension",
708
+ "key": "{base.size.negative-36}"
709
+ },
710
+ "name": "base-size-negative-36",
711
+ "attributes": {},
712
+ "path": ["base", "size", "negative-36"],
713
+ "value": "-2.25rem",
714
+ "type": "dimension"
715
+ },
716
+ "base-size-negative-4": {
717
+ "key": "{base.size.negative-4}",
718
+ "filePath": "src/tokens/base/size/size.json5",
719
+ "isSource": true,
720
+ "original": {
721
+ "$value": {
722
+ "value": -4,
723
+ "unit": "px"
724
+ },
725
+ "$type": "dimension",
726
+ "key": "{base.size.negative-4}"
727
+ },
728
+ "name": "base-size-negative-4",
729
+ "attributes": {},
730
+ "path": ["base", "size", "negative-4"],
731
+ "value": "-0.25rem",
732
+ "type": "dimension"
733
+ },
734
+ "base-size-negative-40": {
735
+ "key": "{base.size.negative-40}",
736
+ "filePath": "src/tokens/base/size/size.json5",
737
+ "isSource": true,
738
+ "original": {
739
+ "$value": {
740
+ "value": -40,
741
+ "unit": "px"
742
+ },
743
+ "$type": "dimension",
744
+ "key": "{base.size.negative-40}"
745
+ },
746
+ "name": "base-size-negative-40",
747
+ "attributes": {},
748
+ "path": ["base", "size", "negative-40"],
749
+ "value": "-2.5rem",
750
+ "type": "dimension"
751
+ },
752
+ "base-size-negative-44": {
753
+ "key": "{base.size.negative-44}",
754
+ "filePath": "src/tokens/base/size/size.json5",
755
+ "isSource": true,
756
+ "original": {
757
+ "$value": {
758
+ "value": -44,
759
+ "unit": "px"
760
+ },
761
+ "$type": "dimension",
762
+ "key": "{base.size.negative-44}"
763
+ },
764
+ "name": "base-size-negative-44",
765
+ "attributes": {},
766
+ "path": ["base", "size", "negative-44"],
767
+ "value": "-2.75rem",
768
+ "type": "dimension"
769
+ },
770
+ "base-size-negative-48": {
771
+ "key": "{base.size.negative-48}",
772
+ "filePath": "src/tokens/base/size/size.json5",
773
+ "isSource": true,
774
+ "original": {
775
+ "$value": {
776
+ "value": -48,
777
+ "unit": "px"
778
+ },
779
+ "$type": "dimension",
780
+ "key": "{base.size.negative-48}"
781
+ },
782
+ "name": "base-size-negative-48",
783
+ "attributes": {},
784
+ "path": ["base", "size", "negative-48"],
785
+ "value": "-3rem",
786
+ "type": "dimension"
787
+ },
788
+ "base-size-negative-6": {
789
+ "key": "{base.size.negative-6}",
790
+ "filePath": "src/tokens/base/size/size.json5",
791
+ "isSource": true,
792
+ "original": {
793
+ "$value": {
794
+ "value": -6,
795
+ "unit": "px"
796
+ },
797
+ "$type": "dimension",
798
+ "key": "{base.size.negative-6}"
799
+ },
800
+ "name": "base-size-negative-6",
801
+ "attributes": {},
802
+ "path": ["base", "size", "negative-6"],
803
+ "value": "-0.375rem",
804
+ "type": "dimension"
805
+ },
806
+ "base-size-negative-8": {
807
+ "key": "{base.size.negative-8}",
808
+ "filePath": "src/tokens/base/size/size.json5",
809
+ "isSource": true,
810
+ "original": {
811
+ "$value": {
812
+ "value": -8,
813
+ "unit": "px"
814
+ },
815
+ "$type": "dimension",
816
+ "key": "{base.size.negative-8}"
817
+ },
818
+ "name": "base-size-negative-8",
819
+ "attributes": {},
820
+ "path": ["base", "size", "negative-8"],
821
+ "value": "-0.5rem",
822
+ "type": "dimension"
571
823
  }
572
824
  }
@@ -17,5 +17,19 @@
17
17
  "--base-size-80": "5rem",
18
18
  "--base-size-96": "6rem",
19
19
  "--base-size-112": "7rem",
20
- "--base-size-128": "8rem"
20
+ "--base-size-128": "8rem",
21
+ "--base-size-negative-2": "-0.125rem",
22
+ "--base-size-negative-4": "-0.25rem",
23
+ "--base-size-negative-6": "-0.375rem",
24
+ "--base-size-negative-8": "-0.5rem",
25
+ "--base-size-negative-12": "-0.75rem",
26
+ "--base-size-negative-16": "-1rem",
27
+ "--base-size-negative-20": "-1.25rem",
28
+ "--base-size-negative-24": "-1.5rem",
29
+ "--base-size-negative-28": "-1.75rem",
30
+ "--base-size-negative-32": "-2rem",
31
+ "--base-size-negative-36": "-2.25rem",
32
+ "--base-size-negative-40": "-2.5rem",
33
+ "--base-size-negative-44": "-2.75rem",
34
+ "--base-size-negative-48": "-3rem"
21
35
  }
@@ -568,5 +568,257 @@
568
568
  "name": "base-size-96",
569
569
  "attributes": {},
570
570
  "path": ["base", "size", "96"]
571
+ },
572
+ "base-size-negative-12": {
573
+ "key": "{base.size.negative-12}",
574
+ "$value": ["-0.75rem", "-12px"],
575
+ "$type": "dimension",
576
+ "filePath": "src/tokens/base/size/size.json5",
577
+ "isSource": true,
578
+ "original": {
579
+ "$value": {
580
+ "value": -12,
581
+ "unit": "px"
582
+ },
583
+ "$type": "dimension",
584
+ "key": "{base.size.negative-12}"
585
+ },
586
+ "name": "base-size-negative-12",
587
+ "attributes": {},
588
+ "path": ["base", "size", "negative-12"]
589
+ },
590
+ "base-size-negative-16": {
591
+ "key": "{base.size.negative-16}",
592
+ "$value": ["-1rem", "-16px"],
593
+ "$type": "dimension",
594
+ "filePath": "src/tokens/base/size/size.json5",
595
+ "isSource": true,
596
+ "original": {
597
+ "$value": {
598
+ "value": -16,
599
+ "unit": "px"
600
+ },
601
+ "$type": "dimension",
602
+ "key": "{base.size.negative-16}"
603
+ },
604
+ "name": "base-size-negative-16",
605
+ "attributes": {},
606
+ "path": ["base", "size", "negative-16"]
607
+ },
608
+ "base-size-negative-2": {
609
+ "key": "{base.size.negative-2}",
610
+ "$value": ["-0.125rem", "-2px"],
611
+ "$type": "dimension",
612
+ "filePath": "src/tokens/base/size/size.json5",
613
+ "isSource": true,
614
+ "original": {
615
+ "$value": {
616
+ "value": -2,
617
+ "unit": "px"
618
+ },
619
+ "$type": "dimension",
620
+ "key": "{base.size.negative-2}"
621
+ },
622
+ "name": "base-size-negative-2",
623
+ "attributes": {},
624
+ "path": ["base", "size", "negative-2"]
625
+ },
626
+ "base-size-negative-20": {
627
+ "key": "{base.size.negative-20}",
628
+ "$value": ["-1.25rem", "-20px"],
629
+ "$type": "dimension",
630
+ "filePath": "src/tokens/base/size/size.json5",
631
+ "isSource": true,
632
+ "original": {
633
+ "$value": {
634
+ "value": -20,
635
+ "unit": "px"
636
+ },
637
+ "$type": "dimension",
638
+ "key": "{base.size.negative-20}"
639
+ },
640
+ "name": "base-size-negative-20",
641
+ "attributes": {},
642
+ "path": ["base", "size", "negative-20"]
643
+ },
644
+ "base-size-negative-24": {
645
+ "key": "{base.size.negative-24}",
646
+ "$value": ["-1.5rem", "-24px"],
647
+ "$type": "dimension",
648
+ "filePath": "src/tokens/base/size/size.json5",
649
+ "isSource": true,
650
+ "original": {
651
+ "$value": {
652
+ "value": -24,
653
+ "unit": "px"
654
+ },
655
+ "$type": "dimension",
656
+ "key": "{base.size.negative-24}"
657
+ },
658
+ "name": "base-size-negative-24",
659
+ "attributes": {},
660
+ "path": ["base", "size", "negative-24"]
661
+ },
662
+ "base-size-negative-28": {
663
+ "key": "{base.size.negative-28}",
664
+ "$value": ["-1.75rem", "-28px"],
665
+ "$type": "dimension",
666
+ "filePath": "src/tokens/base/size/size.json5",
667
+ "isSource": true,
668
+ "original": {
669
+ "$value": {
670
+ "value": -28,
671
+ "unit": "px"
672
+ },
673
+ "$type": "dimension",
674
+ "key": "{base.size.negative-28}"
675
+ },
676
+ "name": "base-size-negative-28",
677
+ "attributes": {},
678
+ "path": ["base", "size", "negative-28"]
679
+ },
680
+ "base-size-negative-32": {
681
+ "key": "{base.size.negative-32}",
682
+ "$value": ["-2rem", "-32px"],
683
+ "$type": "dimension",
684
+ "filePath": "src/tokens/base/size/size.json5",
685
+ "isSource": true,
686
+ "original": {
687
+ "$value": {
688
+ "value": -32,
689
+ "unit": "px"
690
+ },
691
+ "$type": "dimension",
692
+ "key": "{base.size.negative-32}"
693
+ },
694
+ "name": "base-size-negative-32",
695
+ "attributes": {},
696
+ "path": ["base", "size", "negative-32"]
697
+ },
698
+ "base-size-negative-36": {
699
+ "key": "{base.size.negative-36}",
700
+ "$value": ["-2.25rem", "-36px"],
701
+ "$type": "dimension",
702
+ "filePath": "src/tokens/base/size/size.json5",
703
+ "isSource": true,
704
+ "original": {
705
+ "$value": {
706
+ "value": -36,
707
+ "unit": "px"
708
+ },
709
+ "$type": "dimension",
710
+ "key": "{base.size.negative-36}"
711
+ },
712
+ "name": "base-size-negative-36",
713
+ "attributes": {},
714
+ "path": ["base", "size", "negative-36"]
715
+ },
716
+ "base-size-negative-4": {
717
+ "key": "{base.size.negative-4}",
718
+ "$value": ["-0.25rem", "-4px"],
719
+ "$type": "dimension",
720
+ "filePath": "src/tokens/base/size/size.json5",
721
+ "isSource": true,
722
+ "original": {
723
+ "$value": {
724
+ "value": -4,
725
+ "unit": "px"
726
+ },
727
+ "$type": "dimension",
728
+ "key": "{base.size.negative-4}"
729
+ },
730
+ "name": "base-size-negative-4",
731
+ "attributes": {},
732
+ "path": ["base", "size", "negative-4"]
733
+ },
734
+ "base-size-negative-40": {
735
+ "key": "{base.size.negative-40}",
736
+ "$value": ["-2.5rem", "-40px"],
737
+ "$type": "dimension",
738
+ "filePath": "src/tokens/base/size/size.json5",
739
+ "isSource": true,
740
+ "original": {
741
+ "$value": {
742
+ "value": -40,
743
+ "unit": "px"
744
+ },
745
+ "$type": "dimension",
746
+ "key": "{base.size.negative-40}"
747
+ },
748
+ "name": "base-size-negative-40",
749
+ "attributes": {},
750
+ "path": ["base", "size", "negative-40"]
751
+ },
752
+ "base-size-negative-44": {
753
+ "key": "{base.size.negative-44}",
754
+ "$value": ["-2.75rem", "-44px"],
755
+ "$type": "dimension",
756
+ "filePath": "src/tokens/base/size/size.json5",
757
+ "isSource": true,
758
+ "original": {
759
+ "$value": {
760
+ "value": -44,
761
+ "unit": "px"
762
+ },
763
+ "$type": "dimension",
764
+ "key": "{base.size.negative-44}"
765
+ },
766
+ "name": "base-size-negative-44",
767
+ "attributes": {},
768
+ "path": ["base", "size", "negative-44"]
769
+ },
770
+ "base-size-negative-48": {
771
+ "key": "{base.size.negative-48}",
772
+ "$value": ["-3rem", "-48px"],
773
+ "$type": "dimension",
774
+ "filePath": "src/tokens/base/size/size.json5",
775
+ "isSource": true,
776
+ "original": {
777
+ "$value": {
778
+ "value": -48,
779
+ "unit": "px"
780
+ },
781
+ "$type": "dimension",
782
+ "key": "{base.size.negative-48}"
783
+ },
784
+ "name": "base-size-negative-48",
785
+ "attributes": {},
786
+ "path": ["base", "size", "negative-48"]
787
+ },
788
+ "base-size-negative-6": {
789
+ "key": "{base.size.negative-6}",
790
+ "$value": ["-0.375rem", "-6px"],
791
+ "$type": "dimension",
792
+ "filePath": "src/tokens/base/size/size.json5",
793
+ "isSource": true,
794
+ "original": {
795
+ "$value": {
796
+ "value": -6,
797
+ "unit": "px"
798
+ },
799
+ "$type": "dimension",
800
+ "key": "{base.size.negative-6}"
801
+ },
802
+ "name": "base-size-negative-6",
803
+ "attributes": {},
804
+ "path": ["base", "size", "negative-6"]
805
+ },
806
+ "base-size-negative-8": {
807
+ "key": "{base.size.negative-8}",
808
+ "$value": ["-0.5rem", "-8px"],
809
+ "$type": "dimension",
810
+ "filePath": "src/tokens/base/size/size.json5",
811
+ "isSource": true,
812
+ "original": {
813
+ "$value": {
814
+ "value": -8,
815
+ "unit": "px"
816
+ },
817
+ "$type": "dimension",
818
+ "key": "{base.size.negative-8}"
819
+ },
820
+ "name": "base-size-negative-8",
821
+ "attributes": {},
822
+ "path": ["base", "size", "negative-8"]
571
823
  }
572
824
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/primitives",
3
- "version": "11.5.0-rc.27b40184",
3
+ "version": "11.5.0-rc.eeffc81e",
4
4
  "description": "Typography, spacing, and color primitives for Primer design system",
5
5
  "type": "module",
6
6
  "files": [
@@ -191,6 +191,62 @@
191
191
  },
192
192
  },
193
193
  },
194
+ 'negative-2': {
195
+ $value: {value: -2, unit: 'px'},
196
+ $type: 'dimension',
197
+ },
198
+ 'negative-4': {
199
+ $value: {value: -4, unit: 'px'},
200
+ $type: 'dimension',
201
+ },
202
+ 'negative-6': {
203
+ $value: {value: -6, unit: 'px'},
204
+ $type: 'dimension',
205
+ },
206
+ 'negative-8': {
207
+ $value: {value: -8, unit: 'px'},
208
+ $type: 'dimension',
209
+ },
210
+ 'negative-12': {
211
+ $value: {value: -12, unit: 'px'},
212
+ $type: 'dimension',
213
+ },
214
+ 'negative-16': {
215
+ $value: {value: -16, unit: 'px'},
216
+ $type: 'dimension',
217
+ },
218
+ 'negative-20': {
219
+ $value: {value: -20, unit: 'px'},
220
+ $type: 'dimension',
221
+ },
222
+ 'negative-24': {
223
+ $value: {value: -24, unit: 'px'},
224
+ $type: 'dimension',
225
+ },
226
+ 'negative-28': {
227
+ $value: {value: -28, unit: 'px'},
228
+ $type: 'dimension',
229
+ },
230
+ 'negative-32': {
231
+ $value: {value: -32, unit: 'px'},
232
+ $type: 'dimension',
233
+ },
234
+ 'negative-36': {
235
+ $value: {value: -36, unit: 'px'},
236
+ $type: 'dimension',
237
+ },
238
+ 'negative-40': {
239
+ $value: {value: -40, unit: 'px'},
240
+ $type: 'dimension',
241
+ },
242
+ 'negative-44': {
243
+ $value: {value: -44, unit: 'px'},
244
+ $type: 'dimension',
245
+ },
246
+ 'negative-48': {
247
+ $value: {value: -48, unit: 'px'},
248
+ $type: 'dimension',
249
+ },
194
250
  },
195
251
  },
196
252
  }