@atlaskit/css 0.19.0 → 0.19.2

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.
@@ -30,10 +30,10 @@ export type Dimension = keyof typeof dimensionMap;
30
30
 
31
31
  /**
32
32
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
33
- * @codegen <<SignedSource::513f6a7e264ea3f9fe56eda322a28f64>>
33
+ * @codegen <<SignedSource::c9b68acdd57654884efd2f5087890624>>
34
34
  * @codegenId spacing
35
35
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
36
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::07b9c29f8d9f95e43d59a7b7ad4ce7a2>>
36
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::535518e7add48ef24f526d0904f70060>>
37
37
  */
38
38
  export const positiveSpaceMap: {
39
39
  'space.0': 'var(--ds-space-0)';
@@ -125,10 +125,10 @@ export type AllSpace = keyof typeof allSpaceMap;
125
125
 
126
126
  /**
127
127
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
128
- * @codegen <<SignedSource::ee66de6d864a28baee9a085f01a27db6>>
128
+ * @codegen <<SignedSource::cefa2c59e15e6a3749ef38fa86c6adea>>
129
129
  * @codegenId inverse-colors
130
130
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
131
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::6ba535fc3d46f6c8a7b6384ed59ec8d6>>
131
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::38a7d4716f6999a6bdda9e4fe2bca6a1>>
132
132
  */
133
133
  export const inverseColorMap: {
134
134
  'color.background.neutral.bold': 'color.text.inverse';
@@ -194,11 +194,11 @@ export const inverseColorMap: {
194
194
 
195
195
  /**
196
196
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
197
- * @codegen <<SignedSource::9532ccca897f438d49bda552ccfad635>>
197
+ * @codegen <<SignedSource::c673d53a0a31524e65f1c7051579eae5>>
198
198
  * @codegenId elevation
199
199
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
200
200
  * @codegenParams ["opacity", "shadow", "surface"]
201
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::6ba535fc3d46f6c8a7b6384ed59ec8d6>>
201
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::38a7d4716f6999a6bdda9e4fe2bca6a1>>
202
202
  */
203
203
  export const opacityMap: {
204
204
  'opacity.disabled': 'var(--ds-opacity-disabled)';
@@ -219,17 +219,17 @@ export const shadowMap: {
219
219
  } = {
220
220
  'elevation.shadow.overflow': token(
221
221
  'elevation.shadow.overflow',
222
- '0px 0px 8px #091e423f, 0px 0px 1px #091e424f',
222
+ '0px 0px 8px #1E1F21, 0px 0px 1px #1E1F21',
223
223
  ),
224
- 'elevation.shadow.overflow.perimeter': token('elevation.shadow.overflow.perimeter', '#091e421f'),
225
- 'elevation.shadow.overflow.spread': token('elevation.shadow.overflow.spread', '#091e4229'),
224
+ 'elevation.shadow.overflow.perimeter': token('elevation.shadow.overflow.perimeter', '#1E1F211f'),
225
+ 'elevation.shadow.overflow.spread': token('elevation.shadow.overflow.spread', '#1E1F2129'),
226
226
  'elevation.shadow.overlay': token(
227
227
  'elevation.shadow.overlay',
228
- '0px 8px 12px #091e423f, 0px 0px 1px #091e424f',
228
+ '0px 8px 12px #1E1F21, 0px 0px 1px #1E1F21',
229
229
  ),
230
230
  'elevation.shadow.raised': token(
231
231
  'elevation.shadow.raised',
232
- '0px 1px 1px #091e423f, 0px 0px 1px #091e4221',
232
+ '0px 1px 1px #1E1F21, 0px 0px 1px #1E1F21',
233
233
  ),
234
234
  } as const;
235
235
 
@@ -248,15 +248,15 @@ export const surfaceColorMap: {
248
248
  'elevation.surface.sunken': 'var(--ds-surface-sunken)';
249
249
  } = {
250
250
  'elevation.surface': token('elevation.surface', '#FFFFFF'),
251
- 'elevation.surface.hovered': token('elevation.surface.hovered', '#FAFBFC'),
252
- 'elevation.surface.pressed': token('elevation.surface.pressed', '#F4F5F7'),
251
+ 'elevation.surface.hovered': token('elevation.surface.hovered', '#F0F1F2'),
252
+ 'elevation.surface.pressed': token('elevation.surface.pressed', '#DDDEE1'),
253
253
  'elevation.surface.overlay': token('elevation.surface.overlay', '#FFFFFF'),
254
- 'elevation.surface.overlay.hovered': token('elevation.surface.overlay.hovered', '#FAFBFC'),
255
- 'elevation.surface.overlay.pressed': token('elevation.surface.overlay.pressed', '#F4F5F7'),
254
+ 'elevation.surface.overlay.hovered': token('elevation.surface.overlay.hovered', '#F0F1F2'),
255
+ 'elevation.surface.overlay.pressed': token('elevation.surface.overlay.pressed', '#DDDEE1'),
256
256
  'elevation.surface.raised': token('elevation.surface.raised', '#FFFFFF'),
257
- 'elevation.surface.raised.hovered': token('elevation.surface.raised.hovered', '#FAFBFC'),
258
- 'elevation.surface.raised.pressed': token('elevation.surface.raised.pressed', '#F4F5F7'),
259
- 'elevation.surface.sunken': token('elevation.surface.sunken', '#F4F5F7'),
257
+ 'elevation.surface.raised.hovered': token('elevation.surface.raised.hovered', '#F0F1F2'),
258
+ 'elevation.surface.raised.pressed': token('elevation.surface.raised.pressed', '#DDDEE1'),
259
+ 'elevation.surface.sunken': token('elevation.surface.sunken', '#F8F8F8'),
260
260
  } as const;
261
261
 
262
262
  export type SurfaceColor = keyof typeof surfaceColorMap;
@@ -267,11 +267,11 @@ export type SurfaceColor = keyof typeof surfaceColorMap;
267
267
 
268
268
  /**
269
269
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
270
- * @codegen <<SignedSource::5a98ba062e79517dbd51ee8599abebac>>
270
+ * @codegen <<SignedSource::fa88ed1ec5a817750b0348ca36dbb5f1>>
271
271
  * @codegenId colors
272
272
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
273
273
  * @codegenParams ["border", "background", "text", "fill"]
274
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::6ba535fc3d46f6c8a7b6384ed59ec8d6>>
274
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::38a7d4716f6999a6bdda9e4fe2bca6a1>>
275
275
  */
276
276
  export const borderColorMap: {
277
277
  'color.border': 'var(--ds-border)';
@@ -298,29 +298,29 @@ export const borderColorMap: {
298
298
  'color.border.information': 'var(--ds-border-information)';
299
299
  'color.border.bold': 'var(--ds-border-bold)';
300
300
  } = {
301
- 'color.border': token('color.border', '#091e4221'),
301
+ 'color.border': token('color.border', '#0B120E24'),
302
302
  'color.border.accent.lime': token('color.border.accent.lime', '#6A9A23'),
303
- 'color.border.accent.red': token('color.border.accent.red', '#FF5630'),
304
- 'color.border.accent.orange': token('color.border.accent.orange', '#D94008'),
305
- 'color.border.accent.yellow': token('color.border.accent.yellow', '#FFAB00'),
306
- 'color.border.accent.green': token('color.border.accent.green', '#36B37E'),
307
- 'color.border.accent.teal': token('color.border.accent.teal', '#00B8D9'),
308
- 'color.border.accent.blue': token('color.border.accent.blue', '#0065FF'),
309
- 'color.border.accent.purple': token('color.border.accent.purple', '#6554C0'),
303
+ 'color.border.accent.red': token('color.border.accent.red', '#E2483D'),
304
+ 'color.border.accent.orange': token('color.border.accent.orange', '#E06C00'),
305
+ 'color.border.accent.yellow': token('color.border.accent.yellow', '#B38600'),
306
+ 'color.border.accent.green': token('color.border.accent.green', '#22A06B'),
307
+ 'color.border.accent.teal': token('color.border.accent.teal', '#2898BD'),
308
+ 'color.border.accent.blue': token('color.border.accent.blue', '#357DE8'),
309
+ 'color.border.accent.purple': token('color.border.accent.purple', '#AF59E1'),
310
310
  'color.border.accent.magenta': token('color.border.accent.magenta', '#CD519D'),
311
- 'color.border.accent.gray': token('color.border.accent.gray', '#5E6C84'),
312
- 'color.border.disabled': token('color.border.disabled', '#FAFBFC'),
313
- 'color.border.focused': token('color.border.focused', '#2684FF'),
314
- 'color.border.input': token('color.border.input', '#FAFBFC'),
311
+ 'color.border.accent.gray': token('color.border.accent.gray', '#7D818A'),
312
+ 'color.border.disabled': token('color.border.disabled', '#0515240F'),
313
+ 'color.border.focused': token('color.border.focused', '#4688EC'),
314
+ 'color.border.input': token('color.border.input', '#8C8F97'),
315
315
  'color.border.inverse': token('color.border.inverse', '#FFFFFF'),
316
- 'color.border.selected': token('color.border.selected', '#0052CC'),
317
- 'color.border.brand': token('color.border.brand', '#0052CC'),
318
- 'color.border.danger': token('color.border.danger', '#FF5630'),
319
- 'color.border.warning': token('color.border.warning', '#FFC400'),
320
- 'color.border.success': token('color.border.success', '#00875A'),
321
- 'color.border.discovery': token('color.border.discovery', '#998DD9'),
322
- 'color.border.information': token('color.border.information', '#0065FF'),
323
- 'color.border.bold': token('color.border.bold', '#344563'),
316
+ 'color.border.selected': token('color.border.selected', '#1868DB'),
317
+ 'color.border.brand': token('color.border.brand', '#1868DB'),
318
+ 'color.border.danger': token('color.border.danger', '#E2483D'),
319
+ 'color.border.warning': token('color.border.warning', '#E06C00'),
320
+ 'color.border.success': token('color.border.success', '#6A9A23'),
321
+ 'color.border.discovery': token('color.border.discovery', '#AF59E1'),
322
+ 'color.border.information': token('color.border.information', '#357DE8'),
323
+ 'color.border.bold': token('color.border.bold', '#7D818A'),
324
324
  } as const;
325
325
 
326
326
  export type BorderColor = keyof typeof borderColorMap;
@@ -541,7 +541,7 @@ export const backgroundColorMap: {
541
541
  } = {
542
542
  'color.background.accent.lime.subtlest': token(
543
543
  'color.background.accent.lime.subtlest',
544
- '#EEFBDA',
544
+ '#EFFFD6',
545
545
  ),
546
546
  'color.background.accent.lime.subtlest.hovered': token(
547
547
  'color.background.accent.lime.subtlest.hovered',
@@ -549,16 +549,16 @@ export const backgroundColorMap: {
549
549
  ),
550
550
  'color.background.accent.lime.subtlest.pressed': token(
551
551
  'color.background.accent.lime.subtlest.pressed',
552
- '#B3DF72',
552
+ '#BDE97C',
553
553
  ),
554
554
  'color.background.accent.lime.subtler': token('color.background.accent.lime.subtler', '#D3F1A7'),
555
555
  'color.background.accent.lime.subtler.hovered': token(
556
556
  'color.background.accent.lime.subtler.hovered',
557
- '#B3DF72',
557
+ '#BDE97C',
558
558
  ),
559
559
  'color.background.accent.lime.subtler.pressed': token(
560
560
  'color.background.accent.lime.subtler.pressed',
561
- '#94C748',
561
+ '#B3DF72',
562
562
  ),
563
563
  'color.background.accent.lime.subtle': token('color.background.accent.lime.subtle', '#94C748'),
564
564
  'color.background.accent.lime.subtle.hovered': token(
@@ -567,316 +567,316 @@ export const backgroundColorMap: {
567
567
  ),
568
568
  'color.background.accent.lime.subtle.pressed': token(
569
569
  'color.background.accent.lime.subtle.pressed',
570
- '#D3F1A7',
570
+ '#BDE97C',
571
571
  ),
572
572
  'color.background.accent.lime.bolder': token('color.background.accent.lime.bolder', '#5B7F24'),
573
573
  'color.background.accent.lime.bolder.hovered': token(
574
574
  'color.background.accent.lime.bolder.hovered',
575
- '#37471F',
575
+ '#4C6B1F',
576
576
  ),
577
577
  'color.background.accent.lime.bolder.pressed': token(
578
578
  'color.background.accent.lime.bolder.pressed',
579
- '#37471F',
579
+ '#3F5224',
580
580
  ),
581
- 'color.background.accent.red.subtlest': token('color.background.accent.red.subtlest', '#FF8F73'),
581
+ 'color.background.accent.red.subtlest': token('color.background.accent.red.subtlest', '#FFECEB'),
582
582
  'color.background.accent.red.subtlest.hovered': token(
583
583
  'color.background.accent.red.subtlest.hovered',
584
- '#FF7452',
584
+ '#FFD5D2',
585
585
  ),
586
586
  'color.background.accent.red.subtlest.pressed': token(
587
587
  'color.background.accent.red.subtlest.pressed',
588
- '#FF5630',
588
+ '#FFB8B2',
589
589
  ),
590
- 'color.background.accent.red.subtler': token('color.background.accent.red.subtler', '#FF7452'),
590
+ 'color.background.accent.red.subtler': token('color.background.accent.red.subtler', '#FFD5D2'),
591
591
  'color.background.accent.red.subtler.hovered': token(
592
592
  'color.background.accent.red.subtler.hovered',
593
- '#FF5630',
593
+ '#FFB8B2',
594
594
  ),
595
595
  'color.background.accent.red.subtler.pressed': token(
596
596
  'color.background.accent.red.subtler.pressed',
597
- '#DE350B',
597
+ '#FD9891',
598
598
  ),
599
- 'color.background.accent.red.subtle': token('color.background.accent.red.subtle', '#DE350B'),
599
+ 'color.background.accent.red.subtle': token('color.background.accent.red.subtle', '#F87168'),
600
600
  'color.background.accent.red.subtle.hovered': token(
601
601
  'color.background.accent.red.subtle.hovered',
602
- '#FF5630',
602
+ '#FD9891',
603
603
  ),
604
604
  'color.background.accent.red.subtle.pressed': token(
605
605
  'color.background.accent.red.subtle.pressed',
606
- '#FF7452',
606
+ '#FFB8B2',
607
607
  ),
608
- 'color.background.accent.red.bolder': token('color.background.accent.red.bolder', '#DE350B'),
608
+ 'color.background.accent.red.bolder': token('color.background.accent.red.bolder', '#C9372C'),
609
609
  'color.background.accent.red.bolder.hovered': token(
610
610
  'color.background.accent.red.bolder.hovered',
611
- '#FF5630',
611
+ '#AE2E24',
612
612
  ),
613
613
  'color.background.accent.red.bolder.pressed': token(
614
614
  'color.background.accent.red.bolder.pressed',
615
- '#FF7452',
615
+ '#872821',
616
616
  ),
617
617
  'color.background.accent.orange.subtlest': token(
618
618
  'color.background.accent.orange.subtlest',
619
- '#F18D13',
619
+ '#FFF5DB',
620
620
  ),
621
621
  'color.background.accent.orange.subtlest.hovered': token(
622
622
  'color.background.accent.orange.subtlest.hovered',
623
- '#FEC57B',
623
+ '#FCE4A6',
624
624
  ),
625
625
  'color.background.accent.orange.subtlest.pressed': token(
626
626
  'color.background.accent.orange.subtlest.pressed',
627
- '#FFE2BD',
627
+ '#FBD779',
628
628
  ),
629
629
  'color.background.accent.orange.subtler': token(
630
630
  'color.background.accent.orange.subtler',
631
- '#B65C02',
631
+ '#FCE4A6',
632
632
  ),
633
633
  'color.background.accent.orange.subtler.hovered': token(
634
634
  'color.background.accent.orange.subtler.hovered',
635
- '#F18D13',
635
+ '#FBD779',
636
636
  ),
637
637
  'color.background.accent.orange.subtler.pressed': token(
638
638
  'color.background.accent.orange.subtler.pressed',
639
- '#FEC57B',
639
+ '#FBC828',
640
640
  ),
641
641
  'color.background.accent.orange.subtle': token(
642
642
  'color.background.accent.orange.subtle',
643
- '#5F3811',
643
+ '#FCA700',
644
644
  ),
645
645
  'color.background.accent.orange.subtle.hovered': token(
646
646
  'color.background.accent.orange.subtle.hovered',
647
- '#974F0C',
647
+ '#FBC828',
648
648
  ),
649
649
  'color.background.accent.orange.subtle.pressed': token(
650
650
  'color.background.accent.orange.subtle.pressed',
651
- '#B65C02',
651
+ '#FBD779',
652
652
  ),
653
653
  'color.background.accent.orange.bolder': token(
654
654
  'color.background.accent.orange.bolder',
655
- '#43290F',
655
+ '#BD5B00',
656
656
  ),
657
657
  'color.background.accent.orange.bolder.hovered': token(
658
658
  'color.background.accent.orange.bolder.hovered',
659
- '#5F3811',
659
+ '#9E4C00',
660
660
  ),
661
661
  'color.background.accent.orange.bolder.pressed': token(
662
662
  'color.background.accent.orange.bolder.pressed',
663
- '#974F0C',
663
+ '#7A3B00',
664
664
  ),
665
665
  'color.background.accent.yellow.subtlest': token(
666
666
  'color.background.accent.yellow.subtlest',
667
- '#FFE380',
667
+ '#FEF7C8',
668
668
  ),
669
669
  'color.background.accent.yellow.subtlest.hovered': token(
670
670
  'color.background.accent.yellow.subtlest.hovered',
671
- '#FFC400',
671
+ '#F5E989',
672
672
  ),
673
673
  'color.background.accent.yellow.subtlest.pressed': token(
674
674
  'color.background.accent.yellow.subtlest.pressed',
675
- '#FFAB00',
675
+ '#EFDD4E',
676
676
  ),
677
677
  'color.background.accent.yellow.subtler': token(
678
678
  'color.background.accent.yellow.subtler',
679
- '#FFC400',
679
+ '#F5E989',
680
680
  ),
681
681
  'color.background.accent.yellow.subtler.hovered': token(
682
682
  'color.background.accent.yellow.subtler.hovered',
683
- '#FFAB00',
683
+ '#EFDD4E',
684
684
  ),
685
685
  'color.background.accent.yellow.subtler.pressed': token(
686
686
  'color.background.accent.yellow.subtler.pressed',
687
- '#FF991F',
687
+ '#EED12B',
688
688
  ),
689
689
  'color.background.accent.yellow.subtle': token(
690
690
  'color.background.accent.yellow.subtle',
691
- '#FF991F',
691
+ '#EED12B',
692
692
  ),
693
693
  'color.background.accent.yellow.subtle.hovered': token(
694
694
  'color.background.accent.yellow.subtle.hovered',
695
- '#FFAB00',
695
+ '#DDB30E',
696
696
  ),
697
697
  'color.background.accent.yellow.subtle.pressed': token(
698
698
  'color.background.accent.yellow.subtle.pressed',
699
- '#FFC400',
699
+ '#EFDD4E',
700
700
  ),
701
701
  'color.background.accent.yellow.bolder': token(
702
702
  'color.background.accent.yellow.bolder',
703
- '#FF991F',
703
+ '#946F00',
704
704
  ),
705
705
  'color.background.accent.yellow.bolder.hovered': token(
706
706
  'color.background.accent.yellow.bolder.hovered',
707
- '#FFAB00',
707
+ '#7F5F01',
708
708
  ),
709
709
  'color.background.accent.yellow.bolder.pressed': token(
710
710
  'color.background.accent.yellow.bolder.pressed',
711
- '#FFC400',
711
+ '#614A05',
712
712
  ),
713
713
  'color.background.accent.green.subtlest': token(
714
714
  'color.background.accent.green.subtlest',
715
- '#79F2C0',
715
+ '#DCFFF1',
716
716
  ),
717
717
  'color.background.accent.green.subtlest.hovered': token(
718
718
  'color.background.accent.green.subtlest.hovered',
719
- '#57D9A3',
719
+ '#BAF3DB',
720
720
  ),
721
721
  'color.background.accent.green.subtlest.pressed': token(
722
722
  'color.background.accent.green.subtlest.pressed',
723
- '#36B37E',
723
+ '#97EDC9',
724
724
  ),
725
725
  'color.background.accent.green.subtler': token(
726
726
  'color.background.accent.green.subtler',
727
- '#57D9A3',
727
+ '#BAF3DB',
728
728
  ),
729
729
  'color.background.accent.green.subtler.hovered': token(
730
730
  'color.background.accent.green.subtler.hovered',
731
- '#36B37E',
731
+ '#97EDC9',
732
732
  ),
733
733
  'color.background.accent.green.subtler.pressed': token(
734
734
  'color.background.accent.green.subtler.pressed',
735
- '#00875A',
735
+ '#7EE2B8',
736
736
  ),
737
- 'color.background.accent.green.subtle': token('color.background.accent.green.subtle', '#00875A'),
737
+ 'color.background.accent.green.subtle': token('color.background.accent.green.subtle', '#4BCE97'),
738
738
  'color.background.accent.green.subtle.hovered': token(
739
739
  'color.background.accent.green.subtle.hovered',
740
- '#36B37E',
740
+ '#7EE2B8',
741
741
  ),
742
742
  'color.background.accent.green.subtle.pressed': token(
743
743
  'color.background.accent.green.subtle.pressed',
744
- '#57D9A3',
744
+ '#97EDC9',
745
745
  ),
746
- 'color.background.accent.green.bolder': token('color.background.accent.green.bolder', '#00875A'),
746
+ 'color.background.accent.green.bolder': token('color.background.accent.green.bolder', '#1F845A'),
747
747
  'color.background.accent.green.bolder.hovered': token(
748
748
  'color.background.accent.green.bolder.hovered',
749
- '#36B37E',
749
+ '#216E4E',
750
750
  ),
751
751
  'color.background.accent.green.bolder.pressed': token(
752
752
  'color.background.accent.green.bolder.pressed',
753
- '#57D9A3',
753
+ '#19573D',
754
754
  ),
755
755
  'color.background.accent.teal.subtlest': token(
756
756
  'color.background.accent.teal.subtlest',
757
- '#79E2F2',
757
+ '#E7F9FF',
758
758
  ),
759
759
  'color.background.accent.teal.subtlest.hovered': token(
760
760
  'color.background.accent.teal.subtlest.hovered',
761
- '#00C7E6',
761
+ '#C6EDFB',
762
762
  ),
763
763
  'color.background.accent.teal.subtlest.pressed': token(
764
764
  'color.background.accent.teal.subtlest.pressed',
765
- '#00B8D9',
765
+ '#B1E4F7',
766
766
  ),
767
- 'color.background.accent.teal.subtler': token('color.background.accent.teal.subtler', '#00C7E6'),
767
+ 'color.background.accent.teal.subtler': token('color.background.accent.teal.subtler', '#C6EDFB'),
768
768
  'color.background.accent.teal.subtler.hovered': token(
769
769
  'color.background.accent.teal.subtler.hovered',
770
- '#00B8D9',
770
+ '#B1E4F7',
771
771
  ),
772
772
  'color.background.accent.teal.subtler.pressed': token(
773
773
  'color.background.accent.teal.subtler.pressed',
774
- '#00A3BF',
774
+ '#9DD9EE',
775
775
  ),
776
- 'color.background.accent.teal.subtle': token('color.background.accent.teal.subtle', '#00A3BF'),
776
+ 'color.background.accent.teal.subtle': token('color.background.accent.teal.subtle', '#6CC3E0'),
777
777
  'color.background.accent.teal.subtle.hovered': token(
778
778
  'color.background.accent.teal.subtle.hovered',
779
- '#00B8D9',
779
+ '#9DD9EE',
780
780
  ),
781
781
  'color.background.accent.teal.subtle.pressed': token(
782
782
  'color.background.accent.teal.subtle.pressed',
783
- '#00C7E6',
783
+ '#B1E4F7',
784
784
  ),
785
- 'color.background.accent.teal.bolder': token('color.background.accent.teal.bolder', '#00A3BF'),
785
+ 'color.background.accent.teal.bolder': token('color.background.accent.teal.bolder', '#227D9B'),
786
786
  'color.background.accent.teal.bolder.hovered': token(
787
787
  'color.background.accent.teal.bolder.hovered',
788
- '#00B8D9',
788
+ '#206A83',
789
789
  ),
790
790
  'color.background.accent.teal.bolder.pressed': token(
791
791
  'color.background.accent.teal.bolder.pressed',
792
- '#00C7E6',
792
+ '#1A5265',
793
793
  ),
794
794
  'color.background.accent.blue.subtlest': token(
795
795
  'color.background.accent.blue.subtlest',
796
- '#4C9AFF',
796
+ '#E9F2FE',
797
797
  ),
798
798
  'color.background.accent.blue.subtlest.hovered': token(
799
799
  'color.background.accent.blue.subtlest.hovered',
800
- '#2684FF',
800
+ '#CFE1FD',
801
801
  ),
802
802
  'color.background.accent.blue.subtlest.pressed': token(
803
803
  'color.background.accent.blue.subtlest.pressed',
804
- '#0065FF',
804
+ '#ADCBFB',
805
805
  ),
806
- 'color.background.accent.blue.subtler': token('color.background.accent.blue.subtler', '#2684FF'),
806
+ 'color.background.accent.blue.subtler': token('color.background.accent.blue.subtler', '#CFE1FD'),
807
807
  'color.background.accent.blue.subtler.hovered': token(
808
808
  'color.background.accent.blue.subtler.hovered',
809
- '#0065FF',
809
+ '#ADCBFB',
810
810
  ),
811
811
  'color.background.accent.blue.subtler.pressed': token(
812
812
  'color.background.accent.blue.subtler.pressed',
813
- '#0052CC',
813
+ '#8FB8F6',
814
814
  ),
815
- 'color.background.accent.blue.subtle': token('color.background.accent.blue.subtle', '#0052CC'),
815
+ 'color.background.accent.blue.subtle': token('color.background.accent.blue.subtle', '#669DF1'),
816
816
  'color.background.accent.blue.subtle.hovered': token(
817
817
  'color.background.accent.blue.subtle.hovered',
818
- '#0065FF',
818
+ '#8FB8F6',
819
819
  ),
820
820
  'color.background.accent.blue.subtle.pressed': token(
821
821
  'color.background.accent.blue.subtle.pressed',
822
- '#2684FF',
822
+ '#ADCBFB',
823
823
  ),
824
- 'color.background.accent.blue.bolder': token('color.background.accent.blue.bolder', '#0052CC'),
824
+ 'color.background.accent.blue.bolder': token('color.background.accent.blue.bolder', '#1868DB'),
825
825
  'color.background.accent.blue.bolder.hovered': token(
826
826
  'color.background.accent.blue.bolder.hovered',
827
- '#0065FF',
827
+ '#1558BC',
828
828
  ),
829
829
  'color.background.accent.blue.bolder.pressed': token(
830
830
  'color.background.accent.blue.bolder.pressed',
831
- '#2684FF',
831
+ '#144794',
832
832
  ),
833
833
  'color.background.accent.purple.subtlest': token(
834
834
  'color.background.accent.purple.subtlest',
835
- '#998DD9',
835
+ '#F8EEFE',
836
836
  ),
837
837
  'color.background.accent.purple.subtlest.hovered': token(
838
838
  'color.background.accent.purple.subtlest.hovered',
839
- '#8777D9',
839
+ '#EED7FC',
840
840
  ),
841
841
  'color.background.accent.purple.subtlest.pressed': token(
842
842
  'color.background.accent.purple.subtlest.pressed',
843
- '#6554C0',
843
+ '#E3BDFA',
844
844
  ),
845
845
  'color.background.accent.purple.subtler': token(
846
846
  'color.background.accent.purple.subtler',
847
- '#8777D9',
847
+ '#EED7FC',
848
848
  ),
849
849
  'color.background.accent.purple.subtler.hovered': token(
850
850
  'color.background.accent.purple.subtler.hovered',
851
- '#6554C0',
851
+ '#E3BDFA',
852
852
  ),
853
853
  'color.background.accent.purple.subtler.pressed': token(
854
854
  'color.background.accent.purple.subtler.pressed',
855
- '#5243AA',
855
+ '#D8A0F7',
856
856
  ),
857
857
  'color.background.accent.purple.subtle': token(
858
858
  'color.background.accent.purple.subtle',
859
- '#5243AA',
859
+ '#C97CF4',
860
860
  ),
861
861
  'color.background.accent.purple.subtle.hovered': token(
862
862
  'color.background.accent.purple.subtle.hovered',
863
- '#6554C0',
863
+ '#D8A0F7',
864
864
  ),
865
865
  'color.background.accent.purple.subtle.pressed': token(
866
866
  'color.background.accent.purple.subtle.pressed',
867
- '#8777D9',
867
+ '#E3BDFA',
868
868
  ),
869
869
  'color.background.accent.purple.bolder': token(
870
870
  'color.background.accent.purple.bolder',
871
- '#5243AA',
871
+ '#964AC0',
872
872
  ),
873
873
  'color.background.accent.purple.bolder.hovered': token(
874
874
  'color.background.accent.purple.bolder.hovered',
875
- '#6554C0',
875
+ '#803FA5',
876
876
  ),
877
877
  'color.background.accent.purple.bolder.pressed': token(
878
878
  'color.background.accent.purple.bolder.pressed',
879
- '#8777D9',
879
+ '#673286',
880
880
  ),
881
881
  'color.background.accent.magenta.subtlest': token(
882
882
  'color.background.accent.magenta.subtlest',
@@ -888,7 +888,7 @@ export const backgroundColorMap: {
888
888
  ),
889
889
  'color.background.accent.magenta.subtlest.pressed': token(
890
890
  'color.background.accent.magenta.subtlest.pressed',
891
- '#F797D2',
891
+ '#FCB6E1',
892
892
  ),
893
893
  'color.background.accent.magenta.subtler': token(
894
894
  'color.background.accent.magenta.subtler',
@@ -896,11 +896,11 @@ export const backgroundColorMap: {
896
896
  ),
897
897
  'color.background.accent.magenta.subtler.hovered': token(
898
898
  'color.background.accent.magenta.subtler.hovered',
899
- '#F797D2',
899
+ '#FCB6E1',
900
900
  ),
901
901
  'color.background.accent.magenta.subtler.pressed': token(
902
902
  'color.background.accent.magenta.subtler.pressed',
903
- '#E774BB',
903
+ '#F797D2',
904
904
  ),
905
905
  'color.background.accent.magenta.subtle': token(
906
906
  'color.background.accent.magenta.subtle',
@@ -912,7 +912,7 @@ export const backgroundColorMap: {
912
912
  ),
913
913
  'color.background.accent.magenta.subtle.pressed': token(
914
914
  'color.background.accent.magenta.subtle.pressed',
915
- '#FDD0EC',
915
+ '#FCB6E1',
916
916
  ),
917
917
  'color.background.accent.magenta.bolder': token(
918
918
  'color.background.accent.magenta.bolder',
@@ -924,50 +924,50 @@ export const backgroundColorMap: {
924
924
  ),
925
925
  'color.background.accent.magenta.bolder.pressed': token(
926
926
  'color.background.accent.magenta.bolder.pressed',
927
- '#50253F',
927
+ '#77325B',
928
928
  ),
929
929
  'color.background.accent.gray.subtlest': token(
930
930
  'color.background.accent.gray.subtlest',
931
- '#6B778C',
931
+ '#F0F1F2',
932
932
  ),
933
933
  'color.background.accent.gray.subtlest.hovered': token(
934
934
  'color.background.accent.gray.subtlest.hovered',
935
- '#5E6C84',
935
+ '#DDDEE1',
936
936
  ),
937
937
  'color.background.accent.gray.subtlest.pressed': token(
938
938
  'color.background.accent.gray.subtlest.pressed',
939
- '#505F79',
939
+ '#B7B9BE',
940
940
  ),
941
- 'color.background.accent.gray.subtler': token('color.background.accent.gray.subtler', '#5E6C84'),
941
+ 'color.background.accent.gray.subtler': token('color.background.accent.gray.subtler', '#DDDEE1'),
942
942
  'color.background.accent.gray.subtler.hovered': token(
943
943
  'color.background.accent.gray.subtler.hovered',
944
- '#505F79',
944
+ '#B7B9BE',
945
945
  ),
946
946
  'color.background.accent.gray.subtler.pressed': token(
947
947
  'color.background.accent.gray.subtler.pressed',
948
- '#42526E',
948
+ '#8C8F97',
949
949
  ),
950
- 'color.background.accent.gray.subtle': token('color.background.accent.gray.subtle', '#505F79'),
950
+ 'color.background.accent.gray.subtle': token('color.background.accent.gray.subtle', '#8C8F97'),
951
951
  'color.background.accent.gray.subtle.hovered': token(
952
952
  'color.background.accent.gray.subtle.hovered',
953
- '#5E6C84',
953
+ '#B7B9BE',
954
954
  ),
955
955
  'color.background.accent.gray.subtle.pressed': token(
956
956
  'color.background.accent.gray.subtle.pressed',
957
- '#6B778C',
957
+ '#DDDEE1',
958
958
  ),
959
- 'color.background.accent.gray.bolder': token('color.background.accent.gray.bolder', '#42526E'),
959
+ 'color.background.accent.gray.bolder': token('color.background.accent.gray.bolder', '#6B6E76'),
960
960
  'color.background.accent.gray.bolder.hovered': token(
961
961
  'color.background.accent.gray.bolder.hovered',
962
- '#344563',
962
+ '#505258',
963
963
  ),
964
964
  'color.background.accent.gray.bolder.pressed': token(
965
965
  'color.background.accent.gray.bolder.pressed',
966
- '#253858',
966
+ '#3B3D42',
967
967
  ),
968
- 'color.background.disabled': token('color.background.disabled', '#091e4289'),
969
- 'color.background.input': token('color.background.input', '#FAFBFC'),
970
- 'color.background.input.hovered': token('color.background.input.hovered', '#EBECF0'),
968
+ 'color.background.disabled': token('color.background.disabled', '#17171708'),
969
+ 'color.background.input': token('color.background.input', '#FFFFFF'),
970
+ 'color.background.input.hovered': token('color.background.input.hovered', '#F8F8F8'),
971
971
  'color.background.input.pressed': token('color.background.input.pressed', '#FFFFFF'),
972
972
  'color.background.inverse.subtle': token('color.background.inverse.subtle', '#00000029'),
973
973
  'color.background.inverse.subtle.hovered': token(
@@ -978,174 +978,174 @@ export const backgroundColorMap: {
978
978
  'color.background.inverse.subtle.pressed',
979
979
  '#00000052',
980
980
  ),
981
- 'color.background.neutral': token('color.background.neutral', '#DFE1E6'),
982
- 'color.background.neutral.hovered': token('color.background.neutral.hovered', '#091e4214'),
983
- 'color.background.neutral.pressed': token('color.background.neutral.pressed', '#B3D4FF'),
984
- 'color.background.neutral.subtle': token('color.background.neutral.subtle', 'transparent'),
981
+ 'color.background.neutral': token('color.background.neutral', '#0515240F'),
982
+ 'color.background.neutral.hovered': token('color.background.neutral.hovered', '#0B120E24'),
983
+ 'color.background.neutral.pressed': token('color.background.neutral.pressed', '#080F214A'),
984
+ 'color.background.neutral.subtle': token('color.background.neutral.subtle', '#00000000'),
985
985
  'color.background.neutral.subtle.hovered': token(
986
986
  'color.background.neutral.subtle.hovered',
987
- '#091e4214',
987
+ '#0515240F',
988
988
  ),
989
989
  'color.background.neutral.subtle.pressed': token(
990
990
  'color.background.neutral.subtle.pressed',
991
- '#B3D4FF',
991
+ '#0B120E24',
992
992
  ),
993
- 'color.background.neutral.bold': token('color.background.neutral.bold', '#42526E'),
993
+ 'color.background.neutral.bold': token('color.background.neutral.bold', '#292A2E'),
994
994
  'color.background.neutral.bold.hovered': token(
995
995
  'color.background.neutral.bold.hovered',
996
- '#505F79',
996
+ '#3B3D42',
997
997
  ),
998
998
  'color.background.neutral.bold.pressed': token(
999
999
  'color.background.neutral.bold.pressed',
1000
- '#344563',
1000
+ '#505258',
1001
1001
  ),
1002
- 'color.background.selected': token('color.background.selected', '#DEEBFF'),
1003
- 'color.background.selected.hovered': token('color.background.selected.hovered', '#B3D4FF'),
1004
- 'color.background.selected.pressed': token('color.background.selected.pressed', '#4C9AFF'),
1005
- 'color.background.selected.bold': token('color.background.selected.bold', '#0052CC'),
1002
+ 'color.background.selected': token('color.background.selected', '#E9F2FE'),
1003
+ 'color.background.selected.hovered': token('color.background.selected.hovered', '#CFE1FD'),
1004
+ 'color.background.selected.pressed': token('color.background.selected.pressed', '#8FB8F6'),
1005
+ 'color.background.selected.bold': token('color.background.selected.bold', '#1868DB'),
1006
1006
  'color.background.selected.bold.hovered': token(
1007
1007
  'color.background.selected.bold.hovered',
1008
- '#2684FF',
1008
+ '#1558BC',
1009
1009
  ),
1010
1010
  'color.background.selected.bold.pressed': token(
1011
1011
  'color.background.selected.bold.pressed',
1012
- '#0052CC',
1012
+ '#123263',
1013
1013
  ),
1014
- 'color.background.brand.subtlest': token('color.background.brand.subtlest', '#B3D4FF'),
1014
+ 'color.background.brand.subtlest': token('color.background.brand.subtlest', '#E9F2FE'),
1015
1015
  'color.background.brand.subtlest.hovered': token(
1016
1016
  'color.background.brand.subtlest.hovered',
1017
- '#DEEBFF',
1017
+ '#CFE1FD',
1018
1018
  ),
1019
1019
  'color.background.brand.subtlest.pressed': token(
1020
1020
  'color.background.brand.subtlest.pressed',
1021
- '#4C9AFF',
1021
+ '#ADCBFB',
1022
1022
  ),
1023
- 'color.background.brand.bold': token('color.background.brand.bold', '#0052CC'),
1024
- 'color.background.brand.bold.hovered': token('color.background.brand.bold.hovered', '#0065FF'),
1025
- 'color.background.brand.bold.pressed': token('color.background.brand.bold.pressed', '#0747A6'),
1026
- 'color.background.brand.boldest': token('color.background.brand.boldest', '#0747A6'),
1023
+ 'color.background.brand.bold': token('color.background.brand.bold', '#1868DB'),
1024
+ 'color.background.brand.bold.hovered': token('color.background.brand.bold.hovered', '#1558BC'),
1025
+ 'color.background.brand.bold.pressed': token('color.background.brand.bold.pressed', '#144794'),
1026
+ 'color.background.brand.boldest': token('color.background.brand.boldest', '#1C2B42'),
1027
1027
  'color.background.brand.boldest.hovered': token(
1028
1028
  'color.background.brand.boldest.hovered',
1029
- '#0052CC',
1029
+ '#123263',
1030
1030
  ),
1031
1031
  'color.background.brand.boldest.pressed': token(
1032
1032
  'color.background.brand.boldest.pressed',
1033
- '#0747A6',
1033
+ '#144794',
1034
1034
  ),
1035
- 'color.background.danger': token('color.background.danger', '#FFEBE6'),
1036
- 'color.background.danger.hovered': token('color.background.danger.hovered', '#FFBDAD'),
1037
- 'color.background.danger.pressed': token('color.background.danger.pressed', '#FF8F73'),
1038
- 'color.background.danger.subtler': token('color.background.danger.subtler', '#FFBDAD'),
1035
+ 'color.background.danger': token('color.background.danger', '#FFECEB'),
1036
+ 'color.background.danger.hovered': token('color.background.danger.hovered', '#FFD5D2'),
1037
+ 'color.background.danger.pressed': token('color.background.danger.pressed', '#FFB8B2'),
1038
+ 'color.background.danger.subtler': token('color.background.danger.subtler', '#FFD5D2'),
1039
1039
  'color.background.danger.subtler.hovered': token(
1040
1040
  'color.background.danger.subtler.hovered',
1041
- '#FF8F73',
1041
+ '#FFB8B2',
1042
1042
  ),
1043
1043
  'color.background.danger.subtler.pressed': token(
1044
1044
  'color.background.danger.subtler.pressed',
1045
- '#FF7452',
1046
- ),
1047
- 'color.background.danger.bold': token('color.background.danger.bold', '#DE350B'),
1048
- 'color.background.danger.bold.hovered': token('color.background.danger.bold.hovered', '#FF5630'),
1049
- 'color.background.danger.bold.pressed': token('color.background.danger.bold.pressed', '#BF2600'),
1050
- 'color.background.warning': token('color.background.warning', '#FFFAE6'),
1051
- 'color.background.warning.hovered': token('color.background.warning.hovered', '#FFF0B3'),
1052
- 'color.background.warning.pressed': token('color.background.warning.pressed', '#FFE380'),
1053
- 'color.background.warning.subtler': token('color.background.warning.subtler', '#FFF0B3'),
1045
+ '#FD9891',
1046
+ ),
1047
+ 'color.background.danger.bold': token('color.background.danger.bold', '#C9372C'),
1048
+ 'color.background.danger.bold.hovered': token('color.background.danger.bold.hovered', '#AE2E24'),
1049
+ 'color.background.danger.bold.pressed': token('color.background.danger.bold.pressed', '#872821'),
1050
+ 'color.background.warning': token('color.background.warning', '#FFF5DB'),
1051
+ 'color.background.warning.hovered': token('color.background.warning.hovered', '#FCE4A6'),
1052
+ 'color.background.warning.pressed': token('color.background.warning.pressed', '#FBD779'),
1053
+ 'color.background.warning.subtler': token('color.background.warning.subtler', '#FCE4A6'),
1054
1054
  'color.background.warning.subtler.hovered': token(
1055
1055
  'color.background.warning.subtler.hovered',
1056
- '#FFE380',
1056
+ '#FBD779',
1057
1057
  ),
1058
1058
  'color.background.warning.subtler.pressed': token(
1059
1059
  'color.background.warning.subtler.pressed',
1060
- '#FFC400',
1060
+ '#FBC828',
1061
1061
  ),
1062
- 'color.background.warning.bold': token('color.background.warning.bold', '#FFAB00'),
1062
+ 'color.background.warning.bold': token('color.background.warning.bold', '#FBC828'),
1063
1063
  'color.background.warning.bold.hovered': token(
1064
1064
  'color.background.warning.bold.hovered',
1065
- '#FFC400',
1065
+ '#FCA700',
1066
1066
  ),
1067
1067
  'color.background.warning.bold.pressed': token(
1068
1068
  'color.background.warning.bold.pressed',
1069
- '#FF991F',
1069
+ '#F68909',
1070
1070
  ),
1071
- 'color.background.success': token('color.background.success', '#E3FCEF'),
1072
- 'color.background.success.hovered': token('color.background.success.hovered', '#ABF5D1'),
1073
- 'color.background.success.pressed': token('color.background.success.pressed', '#79F2C0'),
1074
- 'color.background.success.subtler': token('color.background.success.subtler', '#ABF5D1'),
1071
+ 'color.background.success': token('color.background.success', '#EFFFD6'),
1072
+ 'color.background.success.hovered': token('color.background.success.hovered', '#D3F1A7'),
1073
+ 'color.background.success.pressed': token('color.background.success.pressed', '#BDE97C'),
1074
+ 'color.background.success.subtler': token('color.background.success.subtler', '#D3F1A7'),
1075
1075
  'color.background.success.subtler.hovered': token(
1076
1076
  'color.background.success.subtler.hovered',
1077
- '#79F2C0',
1077
+ '#BDE97C',
1078
1078
  ),
1079
1079
  'color.background.success.subtler.pressed': token(
1080
1080
  'color.background.success.subtler.pressed',
1081
- '#57D9A3',
1081
+ '#B3DF72',
1082
1082
  ),
1083
- 'color.background.success.bold': token('color.background.success.bold', '#00875A'),
1083
+ 'color.background.success.bold': token('color.background.success.bold', '#5B7F24'),
1084
1084
  'color.background.success.bold.hovered': token(
1085
1085
  'color.background.success.bold.hovered',
1086
- '#57D9A3',
1086
+ '#4C6B1F',
1087
1087
  ),
1088
1088
  'color.background.success.bold.pressed': token(
1089
1089
  'color.background.success.bold.pressed',
1090
- '#00875A',
1090
+ '#3F5224',
1091
1091
  ),
1092
- 'color.background.discovery': token('color.background.discovery', '#EAE6FF'),
1093
- 'color.background.discovery.hovered': token('color.background.discovery.hovered', '#C0B6F2'),
1094
- 'color.background.discovery.pressed': token('color.background.discovery.pressed', '#998DD9'),
1095
- 'color.background.discovery.subtler': token('color.background.discovery.subtler', '#C0B6F2'),
1092
+ 'color.background.discovery': token('color.background.discovery', '#F8EEFE'),
1093
+ 'color.background.discovery.hovered': token('color.background.discovery.hovered', '#EED7FC'),
1094
+ 'color.background.discovery.pressed': token('color.background.discovery.pressed', '#E3BDFA'),
1095
+ 'color.background.discovery.subtler': token('color.background.discovery.subtler', '#EED7FC'),
1096
1096
  'color.background.discovery.subtler.hovered': token(
1097
1097
  'color.background.discovery.subtler.hovered',
1098
- '#998DD9',
1098
+ '#E3BDFA',
1099
1099
  ),
1100
1100
  'color.background.discovery.subtler.pressed': token(
1101
1101
  'color.background.discovery.subtler.pressed',
1102
- '#8777D9',
1102
+ '#D8A0F7',
1103
1103
  ),
1104
- 'color.background.discovery.bold': token('color.background.discovery.bold', '#5243AA'),
1104
+ 'color.background.discovery.bold': token('color.background.discovery.bold', '#964AC0'),
1105
1105
  'color.background.discovery.bold.hovered': token(
1106
1106
  'color.background.discovery.bold.hovered',
1107
- '#8777D9',
1107
+ '#803FA5',
1108
1108
  ),
1109
1109
  'color.background.discovery.bold.pressed': token(
1110
1110
  'color.background.discovery.bold.pressed',
1111
- '#5243AA',
1111
+ '#673286',
1112
1112
  ),
1113
- 'color.background.information': token('color.background.information', '#DEEBFF'),
1114
- 'color.background.information.hovered': token('color.background.information.hovered', '#B3D4FF'),
1115
- 'color.background.information.pressed': token('color.background.information.pressed', '#4C9AFF'),
1116
- 'color.background.information.subtler': token('color.background.information.subtler', '#B3D4FF'),
1113
+ 'color.background.information': token('color.background.information', '#E9F2FE'),
1114
+ 'color.background.information.hovered': token('color.background.information.hovered', '#CFE1FD'),
1115
+ 'color.background.information.pressed': token('color.background.information.pressed', '#ADCBFB'),
1116
+ 'color.background.information.subtler': token('color.background.information.subtler', '#CFE1FD'),
1117
1117
  'color.background.information.subtler.hovered': token(
1118
1118
  'color.background.information.subtler.hovered',
1119
- '#4C9AFF',
1119
+ '#ADCBFB',
1120
1120
  ),
1121
1121
  'color.background.information.subtler.pressed': token(
1122
1122
  'color.background.information.subtler.pressed',
1123
- '#2684FF',
1123
+ '#8FB8F6',
1124
1124
  ),
1125
- 'color.background.information.bold': token('color.background.information.bold', '#0052CC'),
1125
+ 'color.background.information.bold': token('color.background.information.bold', '#1868DB'),
1126
1126
  'color.background.information.bold.hovered': token(
1127
1127
  'color.background.information.bold.hovered',
1128
- '#2684FF',
1128
+ '#1558BC',
1129
1129
  ),
1130
1130
  'color.background.information.bold.pressed': token(
1131
1131
  'color.background.information.bold.pressed',
1132
- '#0052CC',
1132
+ '#144794',
1133
1133
  ),
1134
- 'color.blanket': token('color.blanket', '#091e4289'),
1134
+ 'color.blanket': token('color.blanket', '#050C1F75'),
1135
1135
  'color.blanket.selected': token('color.blanket.selected', '#388BFF14'),
1136
1136
  'color.blanket.danger': token('color.blanket.danger', '#EF5C4814'),
1137
- 'color.skeleton': token('color.skeleton', '#F4F5F7'),
1138
- 'color.skeleton.subtle': token('color.skeleton.subtle', '#091e420a'),
1137
+ 'color.skeleton': token('color.skeleton', '#0515240F'),
1138
+ 'color.skeleton.subtle': token('color.skeleton.subtle', '#17171708'),
1139
1139
  'elevation.surface': token('elevation.surface', '#FFFFFF'),
1140
- 'elevation.surface.hovered': token('elevation.surface.hovered', '#FAFBFC'),
1141
- 'elevation.surface.pressed': token('elevation.surface.pressed', '#F4F5F7'),
1140
+ 'elevation.surface.hovered': token('elevation.surface.hovered', '#F0F1F2'),
1141
+ 'elevation.surface.pressed': token('elevation.surface.pressed', '#DDDEE1'),
1142
1142
  'elevation.surface.overlay': token('elevation.surface.overlay', '#FFFFFF'),
1143
- 'elevation.surface.overlay.hovered': token('elevation.surface.overlay.hovered', '#FAFBFC'),
1144
- 'elevation.surface.overlay.pressed': token('elevation.surface.overlay.pressed', '#F4F5F7'),
1143
+ 'elevation.surface.overlay.hovered': token('elevation.surface.overlay.hovered', '#F0F1F2'),
1144
+ 'elevation.surface.overlay.pressed': token('elevation.surface.overlay.pressed', '#DDDEE1'),
1145
1145
  'elevation.surface.raised': token('elevation.surface.raised', '#FFFFFF'),
1146
- 'elevation.surface.raised.hovered': token('elevation.surface.raised.hovered', '#FAFBFC'),
1147
- 'elevation.surface.raised.pressed': token('elevation.surface.raised.pressed', '#F4F5F7'),
1148
- 'elevation.surface.sunken': token('elevation.surface.sunken', '#F4F5F7'),
1146
+ 'elevation.surface.raised.hovered': token('elevation.surface.raised.hovered', '#F0F1F2'),
1147
+ 'elevation.surface.raised.pressed': token('elevation.surface.raised.pressed', '#DDDEE1'),
1148
+ 'elevation.surface.sunken': token('elevation.surface.sunken', '#F8F8F8'),
1149
1149
  'utility.elevation.surface.current': token('utility.elevation.surface.current', '#FFFFFF'),
1150
1150
  } as const;
1151
1151
 
@@ -1195,48 +1195,48 @@ export const textColorMap: {
1195
1195
  'color.link.visited': 'var(--ds-link-visited)';
1196
1196
  'color.link.visited.pressed': 'var(--ds-link-visited-pressed)';
1197
1197
  } = {
1198
- 'color.text': token('color.text', '#172B4D'),
1198
+ 'color.text': token('color.text', '#292A2E'),
1199
1199
  'color.text.accent.lime': token('color.text.accent.lime', '#4C6B1F'),
1200
1200
  'color.text.accent.lime.bolder': token('color.text.accent.lime.bolder', '#37471F'),
1201
- 'color.text.accent.red': token('color.text.accent.red', '#DE350B'),
1202
- 'color.text.accent.red.bolder': token('color.text.accent.red.bolder', '#BF2600'),
1203
- 'color.text.accent.orange': token('color.text.accent.orange', '#F18D13'),
1204
- 'color.text.accent.orange.bolder': token('color.text.accent.orange.bolder', '#B65C02'),
1205
- 'color.text.accent.yellow': token('color.text.accent.yellow', '#FF991F'),
1206
- 'color.text.accent.yellow.bolder': token('color.text.accent.yellow.bolder', '#FF8B00'),
1207
- 'color.text.accent.green': token('color.text.accent.green', '#00875A'),
1208
- 'color.text.accent.green.bolder': token('color.text.accent.green.bolder', '#006644'),
1209
- 'color.text.accent.teal': token('color.text.accent.teal', '#00A3BF'),
1210
- 'color.text.accent.teal.bolder': token('color.text.accent.teal.bolder', '#008DA6'),
1211
- 'color.text.accent.blue': token('color.text.accent.blue', '#0052CC'),
1212
- 'color.text.accent.blue.bolder': token('color.text.accent.blue.bolder', '#0747A6'),
1213
- 'color.text.accent.purple': token('color.text.accent.purple', '#5243AA'),
1214
- 'color.text.accent.purple.bolder': token('color.text.accent.purple.bolder', '#403294'),
1215
- 'color.text.accent.magenta': token('color.text.accent.magenta', '#E774BB'),
1216
- 'color.text.accent.magenta.bolder': token('color.text.accent.magenta.bolder', '#DA62AC'),
1217
- 'color.text.accent.gray': token('color.text.accent.gray', '#505F79'),
1218
- 'color.text.accent.gray.bolder': token('color.text.accent.gray.bolder', '#172B4D'),
1219
- 'color.text.disabled': token('color.text.disabled', '#A5ADBA'),
1201
+ 'color.text.accent.red': token('color.text.accent.red', '#AE2E24'),
1202
+ 'color.text.accent.red.bolder': token('color.text.accent.red.bolder', '#5D1F1A'),
1203
+ 'color.text.accent.orange': token('color.text.accent.orange', '#9E4C00'),
1204
+ 'color.text.accent.orange.bolder': token('color.text.accent.orange.bolder', '#693200'),
1205
+ 'color.text.accent.yellow': token('color.text.accent.yellow', '#7F5F01'),
1206
+ 'color.text.accent.yellow.bolder': token('color.text.accent.yellow.bolder', '#533F04'),
1207
+ 'color.text.accent.green': token('color.text.accent.green', '#216E4E'),
1208
+ 'color.text.accent.green.bolder': token('color.text.accent.green.bolder', '#164B35'),
1209
+ 'color.text.accent.teal': token('color.text.accent.teal', '#206A83'),
1210
+ 'color.text.accent.teal.bolder': token('color.text.accent.teal.bolder', '#164555'),
1211
+ 'color.text.accent.blue': token('color.text.accent.blue', '#1558BC'),
1212
+ 'color.text.accent.blue.bolder': token('color.text.accent.blue.bolder', '#123263'),
1213
+ 'color.text.accent.purple': token('color.text.accent.purple', '#803FA5'),
1214
+ 'color.text.accent.purple.bolder': token('color.text.accent.purple.bolder', '#48245D'),
1215
+ 'color.text.accent.magenta': token('color.text.accent.magenta', '#943D73'),
1216
+ 'color.text.accent.magenta.bolder': token('color.text.accent.magenta.bolder', '#50253F'),
1217
+ 'color.text.accent.gray': token('color.text.accent.gray', '#505258'),
1218
+ 'color.text.accent.gray.bolder': token('color.text.accent.gray.bolder', '#1E1F21'),
1219
+ 'color.text.disabled': token('color.text.disabled', '#080F214A'),
1220
1220
  'color.text.inverse': token('color.text.inverse', '#FFFFFF'),
1221
- 'color.text.selected': token('color.text.selected', '#0052CC'),
1222
- 'color.text.brand': token('color.text.brand', '#0065FF'),
1223
- 'color.text.danger': token('color.text.danger', '#DE350B'),
1224
- 'color.text.danger.bolder': token('color.text.danger.bolder', '#BF2600'),
1225
- 'color.text.warning': token('color.text.warning', '#974F0C'),
1226
- 'color.text.warning.inverse': token('color.text.warning.inverse', '#172B4D'),
1227
- 'color.text.warning.bolder': token('color.text.warning.bolder', '#974F0C'),
1228
- 'color.text.success': token('color.text.success', '#006644'),
1229
- 'color.text.success.bolder': token('color.text.success.bolder', '#006644'),
1230
- 'color.text.discovery': token('color.text.discovery', '#403294'),
1231
- 'color.text.discovery.bolder': token('color.text.discovery.bolder', '#403294'),
1232
- 'color.text.information': token('color.text.information', '#0052CC'),
1233
- 'color.text.information.bolder': token('color.text.information.bolder', '#0747A6'),
1234
- 'color.text.subtlest': token('color.text.subtlest', '#7A869A'),
1235
- 'color.text.subtle': token('color.text.subtle', '#42526E'),
1236
- 'color.link': token('color.link', '#0052CC'),
1237
- 'color.link.pressed': token('color.link.pressed', '#0747A6'),
1238
- 'color.link.visited': token('color.link.visited', '#403294'),
1239
- 'color.link.visited.pressed': token('color.link.visited.pressed', '#403294'),
1221
+ 'color.text.selected': token('color.text.selected', '#1868DB'),
1222
+ 'color.text.brand': token('color.text.brand', '#1868DB'),
1223
+ 'color.text.danger': token('color.text.danger', '#AE2E24'),
1224
+ 'color.text.danger.bolder': token('color.text.danger.bolder', '#5D1F1A'),
1225
+ 'color.text.warning': token('color.text.warning', '#9E4C00'),
1226
+ 'color.text.warning.inverse': token('color.text.warning.inverse', '#292A2E'),
1227
+ 'color.text.warning.bolder': token('color.text.warning.bolder', '#693200'),
1228
+ 'color.text.success': token('color.text.success', '#4C6B1F'),
1229
+ 'color.text.success.bolder': token('color.text.success.bolder', '#37471F'),
1230
+ 'color.text.discovery': token('color.text.discovery', '#803FA5'),
1231
+ 'color.text.discovery.bolder': token('color.text.discovery.bolder', '#48245D'),
1232
+ 'color.text.information': token('color.text.information', '#1558BC'),
1233
+ 'color.text.information.bolder': token('color.text.information.bolder', '#123263'),
1234
+ 'color.text.subtlest': token('color.text.subtlest', '#6B6E76'),
1235
+ 'color.text.subtle': token('color.text.subtle', '#505258'),
1236
+ 'color.link': token('color.link', '#1868DB'),
1237
+ 'color.link.pressed': token('color.link.pressed', '#1558BC'),
1238
+ 'color.link.visited': token('color.link.visited', '#803FA5'),
1239
+ 'color.link.visited.pressed': token('color.link.visited.pressed', '#48245D'),
1240
1240
  } as const;
1241
1241
 
1242
1242
  export type TextColor = keyof typeof textColorMap;
@@ -1266,29 +1266,29 @@ export const fillMap: {
1266
1266
  'color.icon.subtlest': 'var(--ds-icon-subtlest)';
1267
1267
  'color.icon.subtle': 'var(--ds-icon-subtle)';
1268
1268
  } = {
1269
- 'color.icon': token('color.icon', '#505F79'),
1269
+ 'color.icon': token('color.icon', '#292A2E'),
1270
1270
  'color.icon.accent.lime': token('color.icon.accent.lime', '#6A9A23'),
1271
- 'color.icon.accent.red': token('color.icon.accent.red', '#FF5630'),
1272
- 'color.icon.accent.orange': token('color.icon.accent.orange', '#D94008'),
1273
- 'color.icon.accent.yellow': token('color.icon.accent.yellow', '#FFAB00'),
1274
- 'color.icon.accent.green': token('color.icon.accent.green', '#36B37E'),
1275
- 'color.icon.accent.teal': token('color.icon.accent.teal', '#00B8D9'),
1276
- 'color.icon.accent.blue': token('color.icon.accent.blue', '#0065FF'),
1277
- 'color.icon.accent.purple': token('color.icon.accent.purple', '#6554C0'),
1271
+ 'color.icon.accent.red': token('color.icon.accent.red', '#C9372C'),
1272
+ 'color.icon.accent.orange': token('color.icon.accent.orange', '#E06C00'),
1273
+ 'color.icon.accent.yellow': token('color.icon.accent.yellow', '#B38600'),
1274
+ 'color.icon.accent.green': token('color.icon.accent.green', '#22A06B'),
1275
+ 'color.icon.accent.teal': token('color.icon.accent.teal', '#2898BD'),
1276
+ 'color.icon.accent.blue': token('color.icon.accent.blue', '#357DE8'),
1277
+ 'color.icon.accent.purple': token('color.icon.accent.purple', '#AF59E1'),
1278
1278
  'color.icon.accent.magenta': token('color.icon.accent.magenta', '#CD519D'),
1279
- 'color.icon.accent.gray': token('color.icon.accent.gray', '#5E6C84'),
1280
- 'color.icon.disabled': token('color.icon.disabled', '#8993A4'),
1279
+ 'color.icon.accent.gray': token('color.icon.accent.gray', '#7D818A'),
1280
+ 'color.icon.disabled': token('color.icon.disabled', '#080F214A'),
1281
1281
  'color.icon.inverse': token('color.icon.inverse', '#FFFFFF'),
1282
- 'color.icon.selected': token('color.icon.selected', '#0052CC'),
1283
- 'color.icon.brand': token('color.icon.brand', '#0065FF'),
1284
- 'color.icon.danger': token('color.icon.danger', '#DE350B'),
1285
- 'color.icon.warning': token('color.icon.warning', '#FFC400'),
1286
- 'color.icon.warning.inverse': token('color.icon.warning.inverse', '#253858'),
1287
- 'color.icon.success': token('color.icon.success', '#00875A'),
1288
- 'color.icon.discovery': token('color.icon.discovery', '#8777D9'),
1289
- 'color.icon.information': token('color.icon.information', '#0747A6'),
1290
- 'color.icon.subtlest': token('color.icon.subtlest', '#6B778C'),
1291
- 'color.icon.subtle': token('color.icon.subtle', '#6B778C'),
1282
+ 'color.icon.selected': token('color.icon.selected', '#1868DB'),
1283
+ 'color.icon.brand': token('color.icon.brand', '#1868DB'),
1284
+ 'color.icon.danger': token('color.icon.danger', '#C9372C'),
1285
+ 'color.icon.warning': token('color.icon.warning', '#E06C00'),
1286
+ 'color.icon.warning.inverse': token('color.icon.warning.inverse', '#292A2E'),
1287
+ 'color.icon.success': token('color.icon.success', '#6A9A23'),
1288
+ 'color.icon.discovery': token('color.icon.discovery', '#AF59E1'),
1289
+ 'color.icon.information': token('color.icon.information', '#357DE8'),
1290
+ 'color.icon.subtlest': token('color.icon.subtlest', '#6B6E76'),
1291
+ 'color.icon.subtle': token('color.icon.subtle', '#505258'),
1292
1292
  } as const;
1293
1293
 
1294
1294
  export type Fill = keyof typeof fillMap;
@@ -1327,11 +1327,11 @@ export type Layer = keyof typeof layerMap;
1327
1327
 
1328
1328
  /**
1329
1329
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
1330
- * @codegen <<SignedSource::2db762824a4c50f25f7829537dee1f49>>
1330
+ * @codegen <<SignedSource::6ab2b394dd5a830d6966e333e20b1473>>
1331
1331
  * @codegenId border
1332
1332
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
1333
1333
  * @codegenParams ["width", "radius"]
1334
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::6683952932c4ad145144ebc086a2548e>>
1334
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::8817f4073995e5dc9c2bb766316632d6>>
1335
1335
  */
1336
1336
  export const borderWidthMap: {
1337
1337
  'border.width': 'var(--ds-border-width)';
@@ -1373,7 +1373,7 @@ export type BorderRadius = keyof typeof borderRadiusMap;
1373
1373
 
1374
1374
  /**
1375
1375
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
1376
- * @codegen <<SignedSource::ab32bc819d015e7451c245e6a77eba28>>
1376
+ * @codegen <<SignedSource::64331f0b8b5e2f090a3aad153d92deb6>>
1377
1377
  * @codegenId typography
1378
1378
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
1379
1379
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight", "body", "ui"]
@@ -1399,63 +1399,64 @@ export const fontMap: {
1399
1399
  } = {
1400
1400
  'font.body': token(
1401
1401
  'font.body',
1402
- 'normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1402
+ 'normal 400 14px/20px "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1403
1403
  ),
1404
+ // @deprecated
1404
1405
  'font.body.UNSAFE_small': token(
1405
1406
  'font.body.UNSAFE_small',
1406
- 'normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1407
+ 'normal 400 12px/16px "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1407
1408
  ),
1408
1409
  'font.body.large': token(
1409
1410
  'font.body.large',
1410
- 'normal 400 16px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1411
+ 'normal 400 16px/24px "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1411
1412
  ),
1412
1413
  'font.body.small': token(
1413
1414
  'font.body.small',
1414
- 'normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1415
+ 'normal 400 12px/16px "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1415
1416
  ),
1416
1417
  'font.code': token(
1417
1418
  'font.code',
1418
- 'normal 400 0.875em/1 ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace',
1419
+ 'normal 400 0.875em/1 "Atlassian Mono", ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace',
1419
1420
  ),
1420
1421
  'font.heading.large': token(
1421
1422
  'font.heading.large',
1422
- 'normal 500 24px/28px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1423
+ 'normal 653 24px/28px "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1423
1424
  ),
1424
1425
  'font.heading.medium': token(
1425
1426
  'font.heading.medium',
1426
- 'normal 500 20px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1427
+ 'normal 653 20px/24px "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1427
1428
  ),
1428
1429
  'font.heading.small': token(
1429
1430
  'font.heading.small',
1430
- 'normal 600 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1431
+ 'normal 653 16px/20px "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1431
1432
  ),
1432
1433
  'font.heading.xlarge': token(
1433
1434
  'font.heading.xlarge',
1434
- 'normal 600 29px/32px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1435
+ 'normal 653 28px/32px "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1435
1436
  ),
1436
1437
  'font.heading.xsmall': token(
1437
1438
  'font.heading.xsmall',
1438
- 'normal 600 14px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1439
+ 'normal 653 14px/20px "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1439
1440
  ),
1440
1441
  'font.heading.xxlarge': token(
1441
1442
  'font.heading.xxlarge',
1442
- 'normal 500 35px/40px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1443
+ 'normal 653 32px/36px "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1443
1444
  ),
1444
1445
  'font.heading.xxsmall': token(
1445
1446
  'font.heading.xxsmall',
1446
- 'normal 600 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1447
+ 'normal 653 12px/16px "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1447
1448
  ),
1448
1449
  'font.metric.large': token(
1449
1450
  'font.metric.large',
1450
- 'normal 653 28px/32px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1451
+ 'normal 653 28px/32px "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1451
1452
  ),
1452
1453
  'font.metric.medium': token(
1453
1454
  'font.metric.medium',
1454
- 'normal 653 24px/28px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1455
+ 'normal 653 24px/28px "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1455
1456
  ),
1456
1457
  'font.metric.small': token(
1457
1458
  'font.metric.small',
1458
- 'normal 653 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1459
+ 'normal 653 16px/20px "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1459
1460
  ),
1460
1461
  };
1461
1462
 
@@ -1467,7 +1468,7 @@ export const fontWeightMap: {
1467
1468
  'font.weight.regular': 'var(--ds-font-weight-regular)';
1468
1469
  'font.weight.semibold': 'var(--ds-font-weight-semibold)';
1469
1470
  } = {
1470
- 'font.weight.bold': token('font.weight.bold', '700'),
1471
+ 'font.weight.bold': token('font.weight.bold', '653'),
1471
1472
  'font.weight.medium': token('font.weight.medium', '500'),
1472
1473
  'font.weight.regular': token('font.weight.regular', '400'),
1473
1474
  'font.weight.semibold': token('font.weight.semibold', '600'),
@@ -1484,7 +1485,7 @@ export const fontFamilyMap: {
1484
1485
  } = {
1485
1486
  'font.family.body': token(
1486
1487
  'font.family.body',
1487
- 'ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1488
+ '"Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1488
1489
  ),
1489
1490
  'font.family.brand.body': token(
1490
1491
  'font.family.brand.body',
@@ -1496,11 +1497,11 @@ export const fontFamilyMap: {
1496
1497
  ),
1497
1498
  'font.family.code': token(
1498
1499
  'font.family.code',
1499
- 'ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace',
1500
+ '"Atlassian Mono", ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace',
1500
1501
  ),
1501
1502
  'font.family.heading': token(
1502
1503
  'font.family.heading',
1503
- 'ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1504
+ '"Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1504
1505
  ),
1505
1506
  };
1506
1507
 
@@ -1512,7 +1513,7 @@ export type FontFamily = keyof typeof fontFamilyMap;
1512
1513
 
1513
1514
  /**
1514
1515
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
1515
- * @codegen <<SignedSource::379f638b84496f34817234c7f3c58f74>>
1516
+ * @codegen <<SignedSource::aeebc24b95e2189021f1d98f1715a6a0>>
1516
1517
  * @codegenId text
1517
1518
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
1518
1519
  * @codegenDependency ../../../primitives/scripts/codegen-file-templates/dimensions.tsx <<SignedSource::cc9b3f12104c6ede803da6a42daac0b0>>
@@ -1526,19 +1527,19 @@ export const textSizeMap: {
1526
1527
  } = {
1527
1528
  medium: token(
1528
1529
  'font.body',
1529
- 'normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1530
+ 'normal 400 14px/20px "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1530
1531
  ),
1531
1532
  UNSAFE_small: token(
1532
1533
  'font.body.UNSAFE_small',
1533
- 'normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1534
+ 'normal 400 12px/16px "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1534
1535
  ),
1535
1536
  large: token(
1536
1537
  'font.body.large',
1537
- 'normal 400 16px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1538
+ 'normal 400 16px/24px "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1538
1539
  ),
1539
1540
  small: token(
1540
1541
  'font.body.small',
1541
- 'normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1542
+ 'normal 400 12px/16px "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1542
1543
  ),
1543
1544
  };
1544
1545
 
@@ -1550,7 +1551,7 @@ export const textWeightMap: {
1550
1551
  regular: 'var(--ds-font-weight-regular)';
1551
1552
  semibold: 'var(--ds-font-weight-semibold)';
1552
1553
  } = {
1553
- bold: token('font.weight.bold', '700'),
1554
+ bold: token('font.weight.bold', '653'),
1554
1555
  medium: token('font.weight.medium', '500'),
1555
1556
  regular: token('font.weight.regular', '400'),
1556
1557
  semibold: token('font.weight.semibold', '600'),
@@ -1565,15 +1566,15 @@ export const metricTextSizeMap: {
1565
1566
  } = {
1566
1567
  large: token(
1567
1568
  'font.metric.large',
1568
- 'normal 653 28px/32px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1569
+ 'normal 653 28px/32px "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1569
1570
  ),
1570
1571
  medium: token(
1571
1572
  'font.metric.medium',
1572
- 'normal 653 24px/28px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1573
+ 'normal 653 24px/28px "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1573
1574
  ),
1574
1575
  small: token(
1575
1576
  'font.metric.small',
1576
- 'normal 653 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1577
+ 'normal 653 16px/20px "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
1577
1578
  ),
1578
1579
  };
1579
1580