@primer/primitives 7.15.7-rc.d660a2f → 7.15.7

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.
Files changed (122) hide show
  1. package/dist/css/functional/size/size.css +1 -0
  2. package/dist/css/functional/themes/dark-colorblind.css +16 -14
  3. package/dist/css/functional/themes/dark-dimmed.css +16 -14
  4. package/dist/css/functional/themes/dark-high-contrast.css +12 -10
  5. package/dist/css/functional/themes/dark-tritanopia.css +16 -14
  6. package/dist/css/functional/themes/dark.css +16 -14
  7. package/dist/css/functional/themes/light-colorblind.css +4 -2
  8. package/dist/css/functional/themes/light-high-contrast.css +2 -0
  9. package/dist/css/functional/themes/light-tritanopia.css +4 -2
  10. package/dist/css/functional/themes/light.css +4 -2
  11. package/dist/docs/functional/size/size.json +25 -0
  12. package/dist/docs/functional/themes/dark-colorblind.json +41 -10
  13. package/dist/docs/functional/themes/dark-dimmed.json +41 -10
  14. package/dist/docs/functional/themes/dark-high-contrast.json +37 -6
  15. package/dist/docs/functional/themes/dark-tritanopia.json +41 -10
  16. package/dist/docs/functional/themes/dark.json +41 -10
  17. package/dist/docs/functional/themes/light-colorblind.json +34 -3
  18. package/dist/docs/functional/themes/light-high-contrast.json +31 -0
  19. package/dist/docs/functional/themes/light-tritanopia.json +34 -3
  20. package/dist/docs/functional/themes/light.json +34 -3
  21. package/dist/fallbacks/functional/size/size.json +2 -1
  22. package/dist/figma/dimension/dimension.json +10 -0
  23. package/dist/figma/themes/dark.json +36 -19
  24. package/dist/figma/themes/light.json +19 -2
  25. package/dist/scss/functional/size/size.scss +1 -0
  26. package/dist/scss/functional/themes/dark-colorblind.scss +8 -7
  27. package/dist/scss/functional/themes/dark-dimmed.scss +8 -7
  28. package/dist/scss/functional/themes/dark-high-contrast.scss +6 -5
  29. package/dist/scss/functional/themes/dark-tritanopia.scss +8 -7
  30. package/dist/scss/functional/themes/dark.scss +8 -7
  31. package/dist/scss/functional/themes/light-colorblind.scss +2 -1
  32. package/dist/scss/functional/themes/light-high-contrast.scss +1 -0
  33. package/dist/scss/functional/themes/light-tritanopia.scss +2 -1
  34. package/dist/scss/functional/themes/light.scss +2 -1
  35. package/package.json +1 -1
  36. package/tokens-next-private/css/functional/size/size.css +1 -0
  37. package/tokens-next-private/css/functional/themes/dark-colorblind.css +16 -14
  38. package/tokens-next-private/css/functional/themes/dark-dimmed.css +16 -14
  39. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +12 -10
  40. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +16 -14
  41. package/tokens-next-private/css/functional/themes/dark.css +16 -14
  42. package/tokens-next-private/css/functional/themes/light-colorblind.css +4 -2
  43. package/tokens-next-private/css/functional/themes/light-high-contrast.css +2 -0
  44. package/tokens-next-private/css/functional/themes/light-tritanopia.css +4 -2
  45. package/tokens-next-private/css/functional/themes/light.css +4 -2
  46. package/tokens-next-private/docs/functional/size/size.json +25 -0
  47. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +41 -10
  48. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +41 -10
  49. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +37 -6
  50. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +41 -10
  51. package/tokens-next-private/docs/functional/themes/dark.json +41 -10
  52. package/tokens-next-private/docs/functional/themes/light-colorblind.json +34 -3
  53. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +31 -0
  54. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +34 -3
  55. package/tokens-next-private/docs/functional/themes/light.json +34 -3
  56. package/tokens-next-private/fallbacks/functional/size/size.json +2 -1
  57. package/tokens-next-private/figma/dimension/dimension.json +10 -0
  58. package/tokens-next-private/figma/themes/dark.json +36 -19
  59. package/tokens-next-private/figma/themes/light.json +19 -2
  60. package/tokens-next-private/scss/functional/size/size.scss +1 -0
  61. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +8 -7
  62. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +8 -7
  63. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +6 -5
  64. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +8 -7
  65. package/tokens-next-private/scss/functional/themes/dark.scss +8 -7
  66. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +2 -1
  67. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +1 -0
  68. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +2 -1
  69. package/tokens-next-private/scss/functional/themes/light.scss +2 -1
  70. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  71. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  72. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  73. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  74. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  75. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  76. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  77. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  78. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  79. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  80. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  81. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  82. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  83. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  84. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  85. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  86. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  87. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  88. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  89. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  90. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  91. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  92. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  93. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  94. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  95. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  96. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  97. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  98. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  99. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  100. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  101. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  102. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  103. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  104. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  105. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  106. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  107. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  108. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  109. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  110. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  111. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  112. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  113. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  114. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  115. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  116. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  117. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  118. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  119. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  120. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  121. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  122. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
@@ -5614,6 +5614,37 @@
5614
5614
  "attributes": {},
5615
5615
  "path": ["underlineNav", "iconColor", "rest"]
5616
5616
  },
5617
+ "selection-bgColor": {
5618
+ "value": "#0969da1a",
5619
+ "$type": "color",
5620
+ "$extensions": {
5621
+ "org.primer.figma": {
5622
+ "collection": "mode",
5623
+ "mode": "light",
5624
+ "group": "component",
5625
+ "scopes": ["bgColor"]
5626
+ }
5627
+ },
5628
+ "alpha": 0.1,
5629
+ "filePath": "src/tokens/functional/color/light/patterns-light.json5",
5630
+ "isSource": true,
5631
+ "original": {
5632
+ "value": "{fgColor.link.@}",
5633
+ "$type": "color",
5634
+ "$extensions": {
5635
+ "org.primer.figma": {
5636
+ "collection": "mode",
5637
+ "mode": "light",
5638
+ "group": "component",
5639
+ "scopes": ["bgColor"]
5640
+ }
5641
+ },
5642
+ "alpha": 0.1
5643
+ },
5644
+ "name": "selection-bgColor",
5645
+ "attributes": {},
5646
+ "path": ["selection", "bgColor"]
5647
+ },
5617
5648
  "fgColor-default": {
5618
5649
  "value": "#1f2328",
5619
5650
  "$type": "color",
@@ -7114,7 +7145,7 @@
7114
7145
  "path": ["borderColor", "default"]
7115
7146
  },
7116
7147
  "borderColor-muted": {
7117
- "value": "#d0d7de80",
7148
+ "value": "#d0d7deb3",
7118
7149
  "$type": "color",
7119
7150
  "$extensions": {
7120
7151
  "org.primer.figma": {
@@ -7127,7 +7158,7 @@
7127
7158
  }
7128
7159
  }
7129
7160
  },
7130
- "alpha": 0.5,
7161
+ "alpha": 0.7,
7131
7162
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
7132
7163
  "isSource": true,
7133
7164
  "original": {
@@ -7144,7 +7175,7 @@
7144
7175
  }
7145
7176
  }
7146
7177
  },
7147
- "alpha": 0.5
7178
+ "alpha": 0.7
7148
7179
  },
7149
7180
  "name": "borderColor-muted",
7150
7181
  "attributes": {},
@@ -5634,6 +5634,37 @@
5634
5634
  "attributes": {},
5635
5635
  "path": ["underlineNav", "iconColor", "rest"]
5636
5636
  },
5637
+ "selection-bgColor": {
5638
+ "value": "#023b951a",
5639
+ "$type": "color",
5640
+ "$extensions": {
5641
+ "org.primer.figma": {
5642
+ "collection": "mode",
5643
+ "mode": "light",
5644
+ "group": "component",
5645
+ "scopes": ["bgColor"]
5646
+ }
5647
+ },
5648
+ "alpha": 0.1,
5649
+ "filePath": "src/tokens/functional/color/light/patterns-light.json5",
5650
+ "isSource": true,
5651
+ "original": {
5652
+ "value": "{fgColor.link.@}",
5653
+ "$type": "color",
5654
+ "$extensions": {
5655
+ "org.primer.figma": {
5656
+ "collection": "mode",
5657
+ "mode": "light",
5658
+ "group": "component",
5659
+ "scopes": ["bgColor"]
5660
+ }
5661
+ },
5662
+ "alpha": 0.1
5663
+ },
5664
+ "name": "selection-bgColor",
5665
+ "attributes": {},
5666
+ "path": ["selection", "bgColor"]
5667
+ },
5637
5668
  "fgColor-default": {
5638
5669
  "value": "#010409",
5639
5670
  "$type": "color",
@@ -5610,6 +5610,37 @@
5610
5610
  "attributes": {},
5611
5611
  "path": ["underlineNav", "iconColor", "rest"]
5612
5612
  },
5613
+ "selection-bgColor": {
5614
+ "value": "#0969da1a",
5615
+ "$type": "color",
5616
+ "$extensions": {
5617
+ "org.primer.figma": {
5618
+ "collection": "mode",
5619
+ "mode": "light",
5620
+ "group": "component",
5621
+ "scopes": ["bgColor"]
5622
+ }
5623
+ },
5624
+ "alpha": 0.1,
5625
+ "filePath": "src/tokens/functional/color/light/patterns-light.json5",
5626
+ "isSource": true,
5627
+ "original": {
5628
+ "value": "{fgColor.link.@}",
5629
+ "$type": "color",
5630
+ "$extensions": {
5631
+ "org.primer.figma": {
5632
+ "collection": "mode",
5633
+ "mode": "light",
5634
+ "group": "component",
5635
+ "scopes": ["bgColor"]
5636
+ }
5637
+ },
5638
+ "alpha": 0.1
5639
+ },
5640
+ "name": "selection-bgColor",
5641
+ "attributes": {},
5642
+ "path": ["selection", "bgColor"]
5643
+ },
5613
5644
  "fgColor-default": {
5614
5645
  "value": "#1f2328",
5615
5646
  "$type": "color",
@@ -7106,7 +7137,7 @@
7106
7137
  "path": ["borderColor", "default"]
7107
7138
  },
7108
7139
  "borderColor-muted": {
7109
- "value": "#d0d7de80",
7140
+ "value": "#d0d7deb3",
7110
7141
  "$type": "color",
7111
7142
  "$extensions": {
7112
7143
  "org.primer.figma": {
@@ -7119,7 +7150,7 @@
7119
7150
  }
7120
7151
  }
7121
7152
  },
7122
- "alpha": 0.5,
7153
+ "alpha": 0.7,
7123
7154
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
7124
7155
  "isSource": true,
7125
7156
  "original": {
@@ -7136,7 +7167,7 @@
7136
7167
  }
7137
7168
  }
7138
7169
  },
7139
- "alpha": 0.5
7170
+ "alpha": 0.7
7140
7171
  },
7141
7172
  "name": "borderColor-muted",
7142
7173
  "attributes": {},
@@ -5610,6 +5610,37 @@
5610
5610
  "attributes": {},
5611
5611
  "path": ["underlineNav", "iconColor", "rest"]
5612
5612
  },
5613
+ "selection-bgColor": {
5614
+ "value": "#0969da1a",
5615
+ "$type": "color",
5616
+ "$extensions": {
5617
+ "org.primer.figma": {
5618
+ "collection": "mode",
5619
+ "mode": "light",
5620
+ "group": "component",
5621
+ "scopes": ["bgColor"]
5622
+ }
5623
+ },
5624
+ "alpha": 0.1,
5625
+ "filePath": "src/tokens/functional/color/light/patterns-light.json5",
5626
+ "isSource": true,
5627
+ "original": {
5628
+ "value": "{fgColor.link.@}",
5629
+ "$type": "color",
5630
+ "$extensions": {
5631
+ "org.primer.figma": {
5632
+ "collection": "mode",
5633
+ "mode": "light",
5634
+ "group": "component",
5635
+ "scopes": ["bgColor"]
5636
+ }
5637
+ },
5638
+ "alpha": 0.1
5639
+ },
5640
+ "name": "selection-bgColor",
5641
+ "attributes": {},
5642
+ "path": ["selection", "bgColor"]
5643
+ },
5613
5644
  "fgColor-default": {
5614
5645
  "value": "#1f2328",
5615
5646
  "$type": "color",
@@ -7106,7 +7137,7 @@
7106
7137
  "path": ["borderColor", "default"]
7107
7138
  },
7108
7139
  "borderColor-muted": {
7109
- "value": "#d0d7de80",
7140
+ "value": "#d0d7deb3",
7110
7141
  "$type": "color",
7111
7142
  "$extensions": {
7112
7143
  "org.primer.figma": {
@@ -7119,7 +7150,7 @@
7119
7150
  }
7120
7151
  }
7121
7152
  },
7122
- "alpha": 0.5,
7153
+ "alpha": 0.7,
7123
7154
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
7124
7155
  "isSource": true,
7125
7156
  "original": {
@@ -7136,7 +7167,7 @@
7136
7167
  }
7137
7168
  }
7138
7169
  },
7139
- "alpha": 0.5
7170
+ "alpha": 0.7
7140
7171
  },
7141
7172
  "name": "borderColor-muted",
7142
7173
  "attributes": {},
@@ -69,5 +69,6 @@
69
69
  "--overlay-padding-condensed": "0.5rem",
70
70
  "--overlay-paddingBlock-condensed": "0.25rem",
71
71
  "--overlay-paddingBlock-normal": "0.75rem",
72
- "--overlay-borderRadius": "0.375rem"
72
+ "--overlay-borderRadius": "0.375rem",
73
+ "--overlay-offset": "0.25rem"
73
74
  }
@@ -52,6 +52,16 @@
52
52
  "web": "var(--borderRadius-small) /* utility class: .rounded-1 */"
53
53
  }
54
54
  },
55
+ {
56
+ "name": "overlay/offset",
57
+ "value": 4,
58
+ "type": "FLOAT",
59
+ "refId": "pattern/size/overlay/offset",
60
+ "collection": "pattern/size",
61
+ "mode": "default",
62
+ "group": "pattern/size",
63
+ "scopes": ["WIDTH_HEIGHT"]
64
+ },
55
65
  {
56
66
  "name": "overlay/height/xlarge",
57
67
  "value": 600,
@@ -1753,15 +1753,15 @@
1753
1753
  {
1754
1754
  "name": "fgColor/accent",
1755
1755
  "value": {
1756
- "r": 0.1843137254901961,
1757
- "g": 0.5058823529411764,
1758
- "b": 0.9686274509803922,
1756
+ "r": 0.26666666666666666,
1757
+ "g": 0.5764705882352941,
1758
+ "b": 0.9725490196078431,
1759
1759
  "a": 1
1760
1760
  },
1761
1761
  "type": "COLOR",
1762
1762
  "isMix": true,
1763
1763
  "refId": "mode/fgColor/accent",
1764
- "reference": "base/color/dark/base/color/blue/4",
1764
+ "reference": "base/color/dark/base/color/blue/3",
1765
1765
  "collection": "mode",
1766
1766
  "mode": "dark",
1767
1767
  "group": "semantic",
@@ -3392,10 +3392,10 @@
3392
3392
  "r": 0.18823529411764706,
3393
3393
  "g": 0.21176470588235294,
3394
3394
  "b": 0.23921568627450981,
3395
- "a": 0.5
3395
+ "a": 0.7
3396
3396
  },
3397
3397
  "type": "COLOR",
3398
- "alpha": 0.5,
3398
+ "alpha": 0.7,
3399
3399
  "refId": "mode/borderColor/muted",
3400
3400
  "reference": "mode/borderColor/default",
3401
3401
  "collection": "mode",
@@ -3467,9 +3467,9 @@
3467
3467
  {
3468
3468
  "name": "fgColor/link",
3469
3469
  "value": {
3470
- "r": 0.1843137254901961,
3471
- "g": 0.5058823529411764,
3472
- "b": 0.9686274509803922,
3470
+ "r": 0.26666666666666666,
3471
+ "g": 0.5764705882352941,
3472
+ "b": 0.9725490196078431,
3473
3473
  "a": 1
3474
3474
  },
3475
3475
  "type": "COLOR",
@@ -3600,9 +3600,9 @@
3600
3600
  {
3601
3601
  "name": "buttonCounter/outline/fgColor/disabled",
3602
3602
  "value": {
3603
- "r": 0.1843137254901961,
3604
- "g": 0.5058823529411764,
3605
- "b": 0.9686274509803922,
3603
+ "r": 0.26666666666666666,
3604
+ "g": 0.5764705882352941,
3605
+ "b": 0.9725490196078431,
3606
3606
  "a": 0.5
3607
3607
  },
3608
3608
  "type": "COLOR",
@@ -3747,9 +3747,9 @@
3747
3747
  {
3748
3748
  "name": "button/outline/fgColor/disabled",
3749
3749
  "value": {
3750
- "r": 0.1843137254901961,
3751
- "g": 0.5058823529411764,
3752
- "b": 0.9686274509803922,
3750
+ "r": 0.26666666666666666,
3751
+ "g": 0.5764705882352941,
3752
+ "b": 0.9725490196078431,
3753
3753
  "a": 0.5
3754
3754
  },
3755
3755
  "type": "COLOR",
@@ -3892,9 +3892,9 @@
3892
3892
  {
3893
3893
  "name": "button/invisible/fgColor/rest",
3894
3894
  "value": {
3895
- "r": 0.1843137254901961,
3896
- "g": 0.5058823529411764,
3897
- "b": 0.9686274509803922,
3895
+ "r": 0.26666666666666666,
3896
+ "g": 0.5764705882352941,
3897
+ "b": 0.9725490196078431,
3898
3898
  "a": 1
3899
3899
  },
3900
3900
  "type": "COLOR",
@@ -4776,6 +4776,23 @@
4776
4776
  "group": "component",
4777
4777
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4778
4778
  },
4779
+ {
4780
+ "name": "selection/bgColor",
4781
+ "value": {
4782
+ "r": 0.26666666666666666,
4783
+ "g": 0.5764705882352941,
4784
+ "b": 0.9725490196078431,
4785
+ "a": 0.2
4786
+ },
4787
+ "type": "COLOR",
4788
+ "alpha": 0.2,
4789
+ "refId": "mode/selection/bgColor",
4790
+ "reference": "mode/fgColor/link",
4791
+ "collection": "mode",
4792
+ "mode": "dark",
4793
+ "group": "component",
4794
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4795
+ },
4779
4796
  {
4780
4797
  "name": "button/danger/bgColor/disabled",
4781
4798
  "value": {
@@ -4942,7 +4959,7 @@
4942
4959
  "r": 0.18823529411764706,
4943
4960
  "g": 0.21176470588235294,
4944
4961
  "b": 0.23921568627450981,
4945
- "a": 0.5
4962
+ "a": 0.7
4946
4963
  },
4947
4964
  "type": "COLOR",
4948
4965
  "refId": "mode/avatar/borderColor",
@@ -3230,10 +3230,10 @@
3230
3230
  "r": 0.8156862745098039,
3231
3231
  "g": 0.8431372549019608,
3232
3232
  "b": 0.8705882352941177,
3233
- "a": 0.5
3233
+ "a": 0.7
3234
3234
  },
3235
3235
  "type": "COLOR",
3236
- "alpha": 0.5,
3236
+ "alpha": 0.7,
3237
3237
  "refId": "mode/borderColor/muted",
3238
3238
  "reference": "mode/borderColor/default",
3239
3239
  "collection": "mode",
@@ -4811,6 +4811,23 @@
4811
4811
  "group": "component",
4812
4812
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4813
4813
  },
4814
+ {
4815
+ "name": "selection/bgColor",
4816
+ "value": {
4817
+ "r": 0.03529411764705882,
4818
+ "g": 0.4117647058823529,
4819
+ "b": 0.8549019607843137,
4820
+ "a": 0.1
4821
+ },
4822
+ "type": "COLOR",
4823
+ "alpha": 0.1,
4824
+ "refId": "mode/selection/bgColor",
4825
+ "reference": "mode/fgColor/link",
4826
+ "collection": "mode",
4827
+ "mode": "light",
4828
+ "group": "component",
4829
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4830
+ },
4814
4831
  {
4815
4832
  "name": "button/danger/bgColor/disabled",
4816
4833
  "value": {
@@ -69,3 +69,4 @@ $overlay-padding-condensed: 0.5rem;
69
69
  $overlay-paddingBlock-condensed: 0.25rem;
70
70
  $overlay-paddingBlock-normal: 0.75rem;
71
71
  $overlay-borderRadius: 0.375rem;
72
+ $overlay-offset: 0.25rem;
@@ -39,7 +39,7 @@ $header-borderColor-divider: #8b949e;
39
39
  $headerSearch-bgColor: #0d1117;
40
40
  $headerSearch-borderColor: #30363d;
41
41
  $avatar-bgColor: #ffffff1a;
42
- $avatar-borderColor: #30363d80;
42
+ $avatar-borderColor: #30363db3;
43
43
  $avatar-shadow: 0px 0px 0px 2px #0d1117;
44
44
  $avatarStack-fade-bgColor-default: #30363d;
45
45
  $avatarStack-fade-bgColor-muted: #21262d;
@@ -119,7 +119,7 @@ $button-primary-borderColor-hover: #f0f6fc1a;
119
119
  $button-primary-borderColor-active: #f0f6fc1a;
120
120
  $button-primary-borderColor-disabled: #1158c7;
121
121
  $button-primary-shadow-selected: 0px 0px 0px 0px #000000;
122
- $button-invisible-fgColor-rest: #2f81f7;
122
+ $button-invisible-fgColor-rest: #4493f8;
123
123
  $button-invisible-fgColor-hover: #58a6ff;
124
124
  $button-invisible-fgColor-disabled: #8b949e;
125
125
  $button-invisible-iconColor-rest: #848d97;
@@ -135,7 +135,7 @@ $button-invisible-borderColor-disabled: #161b22;
135
135
  $button-outline-fgColor-rest: #388bfd;
136
136
  $button-outline-fgColor-hover: #58a6ff;
137
137
  $button-outline-fgColor-active: #ffffff;
138
- $button-outline-fgColor-disabled: #2f81f780;
138
+ $button-outline-fgColor-disabled: #4493f880;
139
139
  $button-outline-bgColor-rest: #f0f6fc;
140
140
  $button-outline-bgColor-hover: #30363d;
141
141
  $button-outline-bgColor-active: #0d419d;
@@ -167,7 +167,7 @@ $buttonCounter-outline-bgColor-hover: #051d4d33;
167
167
  $buttonCounter-outline-bgColor-disabled: #1f6feb0d;
168
168
  $buttonCounter-outline-fgColor-rest: #388bfd;
169
169
  $buttonCounter-outline-fgColor-hover: #58a6ff;
170
- $buttonCounter-outline-fgColor-disabled: #2f81f780;
170
+ $buttonCounter-outline-fgColor-disabled: #4493f880;
171
171
  $buttonCounter-danger-bgColor-hover: #ffffff33;
172
172
  $buttonCounter-danger-bgColor-disabled: #bd561d0d;
173
173
  $buttonCounter-danger-bgColor-rest: #49020233;
@@ -187,13 +187,14 @@ $treeViewItem-leadingVisual-iconColor-rest: #848d97;
187
187
  $underlineNav-borderColor-active: #f78166;
188
188
  $underlineNav-borderColor-hover: #6e768166;
189
189
  $underlineNav-iconColor-rest: #848d97;
190
+ $selection-bgColor: #4493f833;
190
191
  $fgColor-default: #e6edf3;
191
192
  $fgColor-muted: #848d97;
192
193
  $fgColor-onEmphasis: #ffffff;
193
194
  $fgColor-disabled: #8b949e;
194
- $fgColor-link: #2f81f7;
195
+ $fgColor-link: #4493f8;
195
196
  $fgColor-neutral: #6e7681;
196
- $fgColor-accent: #2f81f7;
197
+ $fgColor-accent: #4493f8;
197
198
  $fgColor-success: #58a6ff;
198
199
  $fgColor-attention: #d29922;
199
200
  $fgColor-severe: #db6d28;
@@ -230,7 +231,7 @@ $bgColor-done-emphasis: #8957e5;
230
231
  $bgColor-sponsors-muted: #db61a21a;
231
232
  $bgColor-sponsors-emphasis: #bf4b8a;
232
233
  $borderColor-default: #30363d;
233
- $borderColor-muted: #30363d80;
234
+ $borderColor-muted: #30363db3;
234
235
  $borderColor-emphasis: #484f58;
235
236
  $borderColor-disabled: #161b22;
236
237
  $borderColor-transparent: #00000000;
@@ -39,7 +39,7 @@ $header-borderColor-divider: #768390;
39
39
  $headerSearch-bgColor: #22272e;
40
40
  $headerSearch-borderColor: #444c56;
41
41
  $avatar-bgColor: #cdd9e51a;
42
- $avatar-borderColor: #444c5680;
42
+ $avatar-borderColor: #444c56b3;
43
43
  $avatar-shadow: 0px 0px 0px 2px #22272e;
44
44
  $avatarStack-fade-bgColor-default: #444c56;
45
45
  $avatarStack-fade-bgColor-muted: #373e47;
@@ -119,7 +119,7 @@ $button-primary-borderColor-hover: #cdd9e51a;
119
119
  $button-primary-borderColor-active: #cdd9e51a;
120
120
  $button-primary-borderColor-disabled: #50a254;
121
121
  $button-primary-shadow-selected: 0px 0px 0px 0px #000000;
122
- $button-invisible-fgColor-rest: #3b7cdb;
122
+ $button-invisible-fgColor-rest: #478be6;
123
123
  $button-invisible-fgColor-hover: #539bf5;
124
124
  $button-invisible-fgColor-disabled: #768390;
125
125
  $button-invisible-iconColor-rest: #717e8b;
@@ -135,7 +135,7 @@ $button-invisible-borderColor-disabled: #2d333b;
135
135
  $button-outline-fgColor-rest: #4184e4;
136
136
  $button-outline-fgColor-hover: #539bf5;
137
137
  $button-outline-fgColor-active: #cdd9e5;
138
- $button-outline-fgColor-disabled: #3b7cdb80;
138
+ $button-outline-fgColor-disabled: #478be680;
139
139
  $button-outline-bgColor-rest: #cdd9e5;
140
140
  $button-outline-bgColor-hover: #444c56;
141
141
  $button-outline-bgColor-active: #1b4b91;
@@ -167,7 +167,7 @@ $buttonCounter-outline-bgColor-hover: #0f2d5c33;
167
167
  $buttonCounter-outline-bgColor-disabled: #316dca0d;
168
168
  $buttonCounter-outline-fgColor-rest: #4184e4;
169
169
  $buttonCounter-outline-fgColor-hover: #539bf5;
170
- $buttonCounter-outline-fgColor-disabled: #3b7cdb80;
170
+ $buttonCounter-outline-fgColor-disabled: #478be680;
171
171
  $buttonCounter-danger-bgColor-hover: #cdd9e533;
172
172
  $buttonCounter-danger-bgColor-disabled: #c93c370d;
173
173
  $buttonCounter-danger-bgColor-rest: #5d0f1233;
@@ -187,13 +187,14 @@ $treeViewItem-leadingVisual-iconColor-rest: #717e8b;
187
187
  $underlineNav-borderColor-active: #ec775c;
188
188
  $underlineNav-borderColor-hover: #636e7b66;
189
189
  $underlineNav-iconColor-rest: #717e8b;
190
+ $selection-bgColor: #478be633;
190
191
  $fgColor-default: #c5d1de;
191
192
  $fgColor-muted: #717e8b;
192
193
  $fgColor-onEmphasis: #cdd9e5;
193
194
  $fgColor-disabled: #768390;
194
- $fgColor-link: #3b7cdb;
195
+ $fgColor-link: #478be6;
195
196
  $fgColor-neutral: #636e7b;
196
- $fgColor-accent: #3b7cdb;
197
+ $fgColor-accent: #478be6;
197
198
  $fgColor-success: #57ab5a;
198
199
  $fgColor-attention: #c69026;
199
200
  $fgColor-severe: #cc6b2c;
@@ -230,7 +231,7 @@ $bgColor-done-emphasis: #8256d0;
230
231
  $bgColor-sponsors-muted: #c961981a;
231
232
  $bgColor-sponsors-emphasis: #ae4c82;
232
233
  $borderColor-default: #444c56;
233
- $borderColor-muted: #444c5680;
234
+ $borderColor-muted: #444c56b3;
234
235
  $borderColor-emphasis: #545d68;
235
236
  $borderColor-disabled: #2d333b;
236
237
  $borderColor-transparent: #00000000;
@@ -119,7 +119,7 @@ $button-primary-borderColor-hover: #4ae168;
119
119
  $button-primary-borderColor-active: #4ae168;
120
120
  $button-primary-borderColor-disabled: #4ae16866;
121
121
  $button-primary-shadow-selected: 0px 0px 0px 0px #000000;
122
- $button-invisible-fgColor-rest: #52a7ff;
122
+ $button-invisible-fgColor-rest: #60aeff;
123
123
  $button-invisible-fgColor-hover: #1e60d5;
124
124
  $button-invisible-fgColor-disabled: #bdc4cc;
125
125
  $button-invisible-iconColor-rest: #f0f3f6;
@@ -135,7 +135,7 @@ $button-invisible-borderColor-disabled: #272b33;
135
135
  $button-outline-fgColor-rest: #5cacff;
136
136
  $button-outline-fgColor-hover: #71b7ff;
137
137
  $button-outline-fgColor-active: #ffffff;
138
- $button-outline-fgColor-disabled: #52a7ff80;
138
+ $button-outline-fgColor-disabled: #60aeff80;
139
139
  $button-outline-bgColor-rest: #ffffff;
140
140
  $button-outline-bgColor-hover: #525964;
141
141
  $button-outline-bgColor-active: #2672f3;
@@ -167,7 +167,7 @@ $buttonCounter-outline-bgColor-hover: #194fb133;
167
167
  $buttonCounter-outline-bgColor-disabled: #409eff0d;
168
168
  $buttonCounter-outline-fgColor-rest: #5cacff;
169
169
  $buttonCounter-outline-fgColor-hover: #71b7ff;
170
- $buttonCounter-outline-fgColor-disabled: #52a7ff80;
170
+ $buttonCounter-outline-fgColor-disabled: #60aeff80;
171
171
  $buttonCounter-danger-bgColor-hover: #01040926;
172
172
  $buttonCounter-danger-bgColor-disabled: #ff6a690d;
173
173
  $buttonCounter-danger-bgColor-rest: #01040926;
@@ -187,13 +187,14 @@ $treeViewItem-leadingVisual-iconColor-rest: #f0f3f6;
187
187
  $underlineNav-borderColor-active: #ff967d;
188
188
  $underlineNav-borderColor-hover: #bdc4cc;
189
189
  $underlineNav-iconColor-rest: #f0f3f6;
190
+ $selection-bgColor: #60aeff33;
190
191
  $fgColor-default: #fbfcfd;
191
192
  $fgColor-muted: #f0f3f6;
192
193
  $fgColor-onEmphasis: #0a0c10;
193
194
  $fgColor-disabled: #bdc4cc;
194
- $fgColor-link: #52a7ff;
195
+ $fgColor-link: #60aeff;
195
196
  $fgColor-neutral: #9ea7b3;
196
- $fgColor-accent: #52a7ff;
197
+ $fgColor-accent: #60aeff;
197
198
  $fgColor-success: #28d751;
198
199
  $fgColor-attention: #f0b72f;
199
200
  $fgColor-severe: #f48b25;
@@ -39,7 +39,7 @@ $header-borderColor-divider: #8b949e;
39
39
  $headerSearch-bgColor: #0d1117;
40
40
  $headerSearch-borderColor: #30363d;
41
41
  $avatar-bgColor: #ffffff1a;
42
- $avatar-borderColor: #30363d80;
42
+ $avatar-borderColor: #30363db3;
43
43
  $avatar-shadow: 0px 0px 0px 2px #0d1117;
44
44
  $avatarStack-fade-bgColor-default: #30363d;
45
45
  $avatarStack-fade-bgColor-muted: #21262d;
@@ -119,7 +119,7 @@ $button-primary-borderColor-hover: #f0f6fc1a;
119
119
  $button-primary-borderColor-active: #f0f6fc1a;
120
120
  $button-primary-borderColor-disabled: #5fabfe;
121
121
  $button-primary-shadow-selected: 0px 0px 0px 0px #000000;
122
- $button-invisible-fgColor-rest: #2f81f7;
122
+ $button-invisible-fgColor-rest: #4493f8;
123
123
  $button-invisible-fgColor-hover: #58a6ff;
124
124
  $button-invisible-fgColor-disabled: #8b949e;
125
125
  $button-invisible-iconColor-rest: #848d97;
@@ -135,7 +135,7 @@ $button-invisible-borderColor-disabled: #161b22;
135
135
  $button-outline-fgColor-rest: #388bfd;
136
136
  $button-outline-fgColor-hover: #58a6ff;
137
137
  $button-outline-fgColor-active: #ffffff;
138
- $button-outline-fgColor-disabled: #2f81f780;
138
+ $button-outline-fgColor-disabled: #4493f880;
139
139
  $button-outline-bgColor-rest: #f0f6fc;
140
140
  $button-outline-bgColor-hover: #30363d;
141
141
  $button-outline-bgColor-active: #0d419d;
@@ -167,7 +167,7 @@ $buttonCounter-outline-bgColor-hover: #051d4d33;
167
167
  $buttonCounter-outline-bgColor-disabled: #1f6feb0d;
168
168
  $buttonCounter-outline-fgColor-rest: #388bfd;
169
169
  $buttonCounter-outline-fgColor-hover: #58a6ff;
170
- $buttonCounter-outline-fgColor-disabled: #2f81f780;
170
+ $buttonCounter-outline-fgColor-disabled: #4493f880;
171
171
  $buttonCounter-danger-bgColor-hover: #ffffff33;
172
172
  $buttonCounter-danger-bgColor-disabled: #da36330d;
173
173
  $buttonCounter-danger-bgColor-rest: #49020233;
@@ -187,13 +187,14 @@ $treeViewItem-leadingVisual-iconColor-rest: #848d97;
187
187
  $underlineNav-borderColor-active: #f78166;
188
188
  $underlineNav-borderColor-hover: #6e768166;
189
189
  $underlineNav-iconColor-rest: #848d97;
190
+ $selection-bgColor: #4493f833;
190
191
  $fgColor-default: #e6edf3;
191
192
  $fgColor-muted: #848d97;
192
193
  $fgColor-onEmphasis: #ffffff;
193
194
  $fgColor-disabled: #8b949e;
194
- $fgColor-link: #2f81f7;
195
+ $fgColor-link: #4493f8;
195
196
  $fgColor-neutral: #6e7681;
196
- $fgColor-accent: #2f81f7;
197
+ $fgColor-accent: #4493f8;
197
198
  $fgColor-success: #58a6ff;
198
199
  $fgColor-attention: #d29922;
199
200
  $fgColor-severe: #f85149;
@@ -230,7 +231,7 @@ $bgColor-done-emphasis: #8957e5;
230
231
  $bgColor-sponsors-muted: #db61a21a;
231
232
  $bgColor-sponsors-emphasis: #bf4b8a;
232
233
  $borderColor-default: #30363d;
233
- $borderColor-muted: #30363d80;
234
+ $borderColor-muted: #30363db3;
234
235
  $borderColor-emphasis: #484f58;
235
236
  $borderColor-disabled: #161b22;
236
237
  $borderColor-transparent: #00000000;