@primer/primitives 7.11.0-rc.4d2dde2 → 7.11.0-rc.4e35714

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 (109) hide show
  1. package/README.md +2 -2
  2. package/dist/color-contrast-check.json +1 -1
  3. package/dist/deprecated/colors.json +7 -1
  4. package/dist/js/colors/dark.d.ts +5 -0
  5. package/dist/js/colors/dark.js +5 -0
  6. package/dist/js/colors/dark_colorblind.d.ts +5 -0
  7. package/dist/js/colors/dark_colorblind.js +5 -0
  8. package/dist/js/colors/dark_dimmed.d.ts +5 -0
  9. package/dist/js/colors/dark_dimmed.js +5 -0
  10. package/dist/js/colors/dark_high_contrast.d.ts +5 -0
  11. package/dist/js/colors/dark_high_contrast.js +5 -0
  12. package/dist/js/colors/dark_tritanopia.d.ts +5 -0
  13. package/dist/js/colors/dark_tritanopia.js +5 -0
  14. package/dist/js/colors/index.d.ts +45 -0
  15. package/dist/js/colors/light.d.ts +5 -0
  16. package/dist/js/colors/light.js +5 -0
  17. package/dist/js/colors/light_colorblind.d.ts +5 -0
  18. package/dist/js/colors/light_colorblind.js +5 -0
  19. package/dist/js/colors/light_high_contrast.d.ts +5 -0
  20. package/dist/js/colors/light_high_contrast.js +5 -0
  21. package/dist/js/colors/light_tritanopia.d.ts +5 -0
  22. package/dist/js/colors/light_tritanopia.js +5 -0
  23. package/dist/js/index.d.ts +45 -0
  24. package/dist/json/colors/dark.json +5 -0
  25. package/dist/json/colors/dark_colorblind.json +5 -0
  26. package/dist/json/colors/dark_dimmed.json +5 -0
  27. package/dist/json/colors/dark_high_contrast.json +5 -0
  28. package/dist/json/colors/dark_tritanopia.json +5 -0
  29. package/dist/json/colors/light.json +5 -0
  30. package/dist/json/colors/light_colorblind.json +5 -0
  31. package/dist/json/colors/light_high_contrast.json +5 -0
  32. package/dist/json/colors/light_tritanopia.json +5 -0
  33. package/dist/scss/colors/_dark.scss +1 -0
  34. package/dist/scss/colors/_dark_colorblind.scss +1 -0
  35. package/dist/scss/colors/_dark_dimmed.scss +1 -0
  36. package/dist/scss/colors/_dark_high_contrast.scss +1 -0
  37. package/dist/scss/colors/_dark_tritanopia.scss +1 -0
  38. package/dist/scss/colors/_light.scss +1 -0
  39. package/dist/scss/colors/_light_colorblind.scss +1 -0
  40. package/dist/scss/colors/_light_high_contrast.scss +1 -0
  41. package/dist/scss/colors/_light_tritanopia.scss +1 -0
  42. package/dist/ts/colors/dark.ts +5 -0
  43. package/dist/ts/colors/dark_colorblind.ts +5 -0
  44. package/dist/ts/colors/dark_dimmed.ts +5 -0
  45. package/dist/ts/colors/dark_high_contrast.ts +5 -0
  46. package/dist/ts/colors/dark_tritanopia.ts +5 -0
  47. package/dist/ts/colors/light.ts +5 -0
  48. package/dist/ts/colors/light_colorblind.ts +5 -0
  49. package/dist/ts/colors/light_high_contrast.ts +5 -0
  50. package/dist/ts/colors/light_tritanopia.ts +5 -0
  51. package/package.json +16 -15
  52. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  53. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  54. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  55. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  56. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  57. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  58. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  59. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  60. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  61. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  62. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  63. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  64. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  65. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  66. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  67. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  68. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  69. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  70. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  71. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  72. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  73. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  74. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  75. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  76. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  77. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  78. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  79. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  80. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  81. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  82. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  83. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  84. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  85. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  86. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  87. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  88. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  89. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  90. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  91. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  92. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  93. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  94. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  95. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  96. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  97. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  98. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  99. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  100. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  101. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  102. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  103. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  104. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
  105. package/CHANGELOG.md +0 -685
  106. package/tokens/functional/border/dark.json5 +0 -12
  107. package/tokens/functional/border/light.json5 +0 -12
  108. package/tokens/functional/shadow/dark.json5 +0 -93
  109. package/tokens/functional/shadow/light.json5 +0 -100
package/tokens/functional/border/dark.json5 DELETED
@@ -1,12 +0,0 @@
1
- {
2
- outline: {
3
- focus: {
4
- $value: {
5
- color: '{color.focus}',
6
- style: 'solid',
7
- width: '1px'
8
- },
9
- $type: 'border'
10
- }
11
- }
12
- }
package/tokens/functional/border/light.json5 DELETED
@@ -1,12 +0,0 @@
1
- {
2
- outline: {
3
- focus: {
4
- $value: {
5
- color: '{color.focus}',
6
- style: 'solid',
7
- width: '1px'
8
- },
9
- $type: 'border'
10
- }
11
- }
12
- }
package/tokens/functional/shadow/dark.json5 DELETED
@@ -1,93 +0,0 @@
1
- {
2
- shadow: {
3
- color: {
4
- small: {
5
- $value: '{base.color.scale.black}',
6
- alpha: 0.96,
7
- $type: 'color'
8
- },
9
- medium: {
10
- $value: '{base.color.scale.gray.4}',
11
- alpha: 0.85,
12
- $type: 'color'
13
- },
14
- large: {
15
- $value: '{base.color.scale.gray.4}',
16
- alpha: 0.8,
17
- $type: 'color'
18
- },
19
- extraLarge: {
20
- $value: '{base.color.scale.gray.4}',
21
- alpha: 0.7,
22
- $type: 'color'
23
- },
24
- highlight: {
25
- $value: '{base.color.scale.white}',
26
- alpha: 0.25,
27
- $type: 'color'
28
- },
29
- inset: {
30
- $value: '{base.color.scale.gray.2}',
31
- alpha: 0,
32
- $type: 'color'
33
- }
34
- },
35
- small: {
36
- $value: {
37
- color: '{shadow.color.small}',
38
- offsetX: '0px',
39
- offsetY: '1px',
40
- blur: '0px',
41
- spread: "0px"
42
- },
43
- $type: 'shadow'
44
- },
45
- medium: {
46
- $value: {
47
- color: '{shadow.color.medium}',
48
- offsetX: '0px',
49
- offsetY: '3px',
50
- blur: '6px',
51
- spread: "0px"
52
- },
53
- $type: 'shadow'
54
- },
55
- large: {
56
- $value: {
57
- color: '{shadow.color.large}',
58
- offsetX: '0px',
59
- offsetY: '8px',
60
- blur: '24px',
61
- spread: "0px"
62
- },
63
- $type: 'shadow'
64
- },
65
- extraLarge: {
66
- $value: {
67
- color: '{shadow.color.extraLarge}',
68
- offsetX: '0px',
69
- offsetY: '12px',
70
- blur: '28px',
71
- spread: "0px"
72
- },
73
- $type: 'shadow'
74
- },
75
- // components
76
- overlay: {
77
- $value: [{
78
- color: '{base.color.scale.gray.6}',
79
- offsetX: '0px',
80
- offsetY: '0px',
81
- blur: '0px',
82
- spread: "1px"
83
- },{
84
- color: '{shadow.color.medium}',
85
- offsetX: '0px',
86
- offsetY: '16px',
87
- blur: '32px',
88
- spread: "0px"
89
- }],
90
- $type: 'shadow'
91
- }
92
- }
93
- }
package/tokens/functional/shadow/light.json5 DELETED
@@ -1,100 +0,0 @@
1
- {
2
- shadow: {
3
- color: {
4
- small: {
5
- $value: '{base.color.scale.black}',
6
- alpha: 0.96,
7
- $type: 'color'
8
- },
9
- medium: {
10
- $value: '{base.color.scale.gray.4}',
11
- alpha: 0.85,
12
- $type: 'color'
13
- },
14
- large: {
15
- $value: '{base.color.scale.gray.4}',
16
- alpha: 0.8,
17
- $type: 'color'
18
- },
19
- extraLarge: {
20
- $value: '{base.color.scale.gray.4}',
21
- alpha: 0.7,
22
- $type: 'color'
23
- },
24
- highlight: {
25
- $value: '{base.color.scale.white}',
26
- alpha: 0.25,
27
- $type: 'color'
28
- },
29
- inset: {
30
- $value: '{base.color.scale.gray.2}',
31
- alpha: 0,
32
- $type: 'color'
33
- },
34
- semiBlack: {
35
- "12": {
36
- $value: '{base.color.scale.black}',
37
- alpha: 0.12,
38
- $type: 'color'
39
- }
40
- }
41
- },
42
- small: {
43
- $value: {
44
- color: '{shadow.color.small}',
45
- offsetX: '0px',
46
- offsetY: '1px',
47
- blur: '0px',
48
- spread: "0px"
49
- },
50
- $type: 'shadow'
51
- },
52
- medium: {
53
- $value: {
54
- color: '{shadow.color.medium}',
55
- offsetX: '0px',
56
- offsetY: '3px',
57
- blur: '6px',
58
- spread: "0px"
59
- },
60
- $type: 'shadow'
61
- },
62
- large: {
63
- $value: {
64
- color: '{shadow.color.large}',
65
- offsetX: '0px',
66
- offsetY: '8px',
67
- blur: '24px',
68
- spread: "0px"
69
- },
70
- $type: 'shadow'
71
- },
72
- extraLarge: {
73
- $value: {
74
- color: '{shadow.color.extraLarge}',
75
- offsetX: '0px',
76
- offsetY: '12px',
77
- blur: '28px',
78
- spread: "0px"
79
- },
80
- $type: 'shadow'
81
- },
82
- // components
83
- overlay: {
84
- $value: [{
85
- color: '{shadow.color.semiBlack.12}',
86
- offsetX: '0px',
87
- offsetY: '1px',
88
- blur: '3px',
89
- spread: "0px"
90
- },{
91
- color: '{shadow.color.semiBlack.12}',
92
- offsetX: '0px',
93
- offsetY: '8px',
94
- blur: '24px',
95
- spread: "0px"
96
- }],
97
- $type: 'shadow'
98
- }
99
- }
100
- }