@primer/primitives 8.2.4 → 9.0.0-rc.da7438e1

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.
@@ -40,12 +40,6 @@
40
40
  --controlStack-large-gap-auto: 0.5rem;
41
41
  --controlStack-large-gap-condensed: 0.5rem;
42
42
  --controlStack-large-gap-spacious: 0.75rem;
43
- --space-xxsmall: 0.125rem;
44
- --space-xsmall: 0.25rem;
45
- --space-small: 0.375rem;
46
- --space-medium: 0.5rem;
47
- --space-large: 0.75rem;
48
- --space-xlarge: 1rem;
49
43
  --spinner-strokeWidth-default: 0.125rem;
50
44
  --spinner-size-small: 1rem;
51
45
  --spinner-size-medium: 2rem;
@@ -109,12 +109,6 @@
109
109
  --controlStack-large-gap-auto: 0.5rem;
110
110
  --controlStack-large-gap-condensed: 0.5rem;
111
111
  --controlStack-large-gap-spacious: 0.75rem;
112
- --space-xxsmall: 0.125rem;
113
- --space-xsmall: 0.25rem;
114
- --space-small: 0.375rem;
115
- --space-medium: 0.5rem;
116
- --space-large: 0.75rem;
117
- --space-xlarge: 1rem;
118
112
  --spinner-strokeWidth-default: 0.125rem;
119
113
  --spinner-size-small: 1rem;
120
114
  --spinner-size-medium: 2rem;
@@ -1024,168 +1024,6 @@
1024
1024
  "attributes": {},
1025
1025
  "path": ["controlStack", "large", "gap", "spacious"]
1026
1026
  },
1027
- "space-xxsmall": {
1028
- "value": "0.125rem",
1029
- "$type": "dimension",
1030
- "deprecated": "Use --base-size-2 instead",
1031
- "$extensions": {
1032
- "org.primer.figma": {
1033
- "collection": "functional/size",
1034
- "scopes": ["gap"]
1035
- }
1036
- },
1037
- "filePath": "src/tokens/functional/size/size.json",
1038
- "isSource": true,
1039
- "original": {
1040
- "value": "2px",
1041
- "$type": "dimension",
1042
- "deprecated": "Use --base-size-2 instead",
1043
- "$extensions": {
1044
- "org.primer.figma": {
1045
- "collection": "functional/size",
1046
- "scopes": ["gap"]
1047
- }
1048
- }
1049
- },
1050
- "name": "space-xxsmall",
1051
- "attributes": {},
1052
- "path": ["space", "xxsmall"]
1053
- },
1054
- "space-xsmall": {
1055
- "value": "0.25rem",
1056
- "$type": "dimension",
1057
- "deprecated": "Use --base-size-4 instead",
1058
- "$extensions": {
1059
- "org.primer.figma": {
1060
- "collection": "functional/size",
1061
- "scopes": ["gap"]
1062
- }
1063
- },
1064
- "filePath": "src/tokens/functional/size/size.json",
1065
- "isSource": true,
1066
- "original": {
1067
- "value": "{base.size.4}",
1068
- "$type": "dimension",
1069
- "deprecated": "Use --base-size-4 instead",
1070
- "$extensions": {
1071
- "org.primer.figma": {
1072
- "collection": "functional/size",
1073
- "scopes": ["gap"]
1074
- }
1075
- }
1076
- },
1077
- "name": "space-xsmall",
1078
- "attributes": {},
1079
- "path": ["space", "xsmall"]
1080
- },
1081
- "space-small": {
1082
- "value": "0.375rem",
1083
- "$type": "dimension",
1084
- "deprecated": "Use --base-size-6 instead",
1085
- "$extensions": {
1086
- "org.primer.figma": {
1087
- "collection": "functional/size",
1088
- "scopes": ["gap"]
1089
- }
1090
- },
1091
- "filePath": "src/tokens/functional/size/size.json",
1092
- "isSource": true,
1093
- "original": {
1094
- "value": "6px",
1095
- "$type": "dimension",
1096
- "deprecated": "Use --base-size-6 instead",
1097
- "$extensions": {
1098
- "org.primer.figma": {
1099
- "collection": "functional/size",
1100
- "scopes": ["gap"]
1101
- }
1102
- }
1103
- },
1104
- "name": "space-small",
1105
- "attributes": {},
1106
- "path": ["space", "small"]
1107
- },
1108
- "space-medium": {
1109
- "value": "0.5rem",
1110
- "$type": "dimension",
1111
- "deprecated": "Use --base-size-8 instead",
1112
- "$extensions": {
1113
- "org.primer.figma": {
1114
- "collection": "functional/size",
1115
- "scopes": ["gap"]
1116
- }
1117
- },
1118
- "filePath": "src/tokens/functional/size/size.json",
1119
- "isSource": true,
1120
- "original": {
1121
- "value": "{base.size.8}",
1122
- "$type": "dimension",
1123
- "deprecated": "Use --base-size-8 instead",
1124
- "$extensions": {
1125
- "org.primer.figma": {
1126
- "collection": "functional/size",
1127
- "scopes": ["gap"]
1128
- }
1129
- }
1130
- },
1131
- "name": "space-medium",
1132
- "attributes": {},
1133
- "path": ["space", "medium"]
1134
- },
1135
- "space-large": {
1136
- "value": "0.75rem",
1137
- "$type": "dimension",
1138
- "deprecated": "Use --base-size-12 instead",
1139
- "$extensions": {
1140
- "org.primer.figma": {
1141
- "collection": "functional/size",
1142
- "scopes": ["gap"]
1143
- }
1144
- },
1145
- "filePath": "src/tokens/functional/size/size.json",
1146
- "isSource": true,
1147
- "original": {
1148
- "value": "{base.size.12}",
1149
- "$type": "dimension",
1150
- "deprecated": "Use --base-size-12 instead",
1151
- "$extensions": {
1152
- "org.primer.figma": {
1153
- "collection": "functional/size",
1154
- "scopes": ["gap"]
1155
- }
1156
- }
1157
- },
1158
- "name": "space-large",
1159
- "attributes": {},
1160
- "path": ["space", "large"]
1161
- },
1162
- "space-xlarge": {
1163
- "value": "1rem",
1164
- "$type": "dimension",
1165
- "deprecated": "Use --base-size-16 instead",
1166
- "$extensions": {
1167
- "org.primer.figma": {
1168
- "collection": "functional/size",
1169
- "scopes": ["gap"]
1170
- }
1171
- },
1172
- "filePath": "src/tokens/functional/size/size.json",
1173
- "isSource": true,
1174
- "original": {
1175
- "value": "{base.size.16}",
1176
- "$type": "dimension",
1177
- "deprecated": "Use --base-size-16 instead",
1178
- "$extensions": {
1179
- "org.primer.figma": {
1180
- "collection": "functional/size",
1181
- "scopes": ["gap"]
1182
- }
1183
- }
1184
- },
1185
- "name": "space-xlarge",
1186
- "attributes": {},
1187
- "path": ["space", "xlarge"]
1188
- },
1189
1027
  "spinner-strokeWidth-default": {
1190
1028
  "value": "0.125rem",
1191
1029
  "$type": "dimension",
@@ -40,12 +40,6 @@
40
40
  "--controlStack-large-gap-auto": "0.5rem",
41
41
  "--controlStack-large-gap-condensed": "0.5rem",
42
42
  "--controlStack-large-gap-spacious": "0.75rem",
43
- "--space-xxsmall": "0.125rem",
44
- "--space-xsmall": "0.25rem",
45
- "--space-small": "0.375rem",
46
- "--space-medium": "0.5rem",
47
- "--space-large": "0.75rem",
48
- "--space-xlarge": "1rem",
49
43
  "--spinner-strokeWidth-default": "0.125rem",
50
44
  "--spinner-size-small": "1rem",
51
45
  "--spinner-size-medium": "2rem",
@@ -192,26 +192,6 @@
192
192
  "group": "pattern/size",
193
193
  "scopes": ["GAP"]
194
194
  },
195
- {
196
- "name": "space/small",
197
- "value": 6,
198
- "type": "FLOAT",
199
- "refId": "functional/size/space/small",
200
- "collection": "functional/size",
201
- "mode": "default",
202
- "group": "functional/size",
203
- "scopes": ["GAP"]
204
- },
205
- {
206
- "name": "space/xxsmall",
207
- "value": 2,
208
- "type": "FLOAT",
209
- "refId": "functional/size/space/xxsmall",
210
- "collection": "functional/size",
211
- "mode": "default",
212
- "group": "functional/size",
213
- "scopes": ["GAP"]
214
- },
215
195
  {
216
196
  "name": "breakpoint/xxlarge",
217
197
  "value": 1400,
@@ -1054,49 +1034,5 @@
1054
1034
  "mode": "default",
1055
1035
  "group": "pattern/size",
1056
1036
  "scopes": ["WIDTH_HEIGHT"]
1057
- },
1058
- {
1059
- "name": "space/xlarge",
1060
- "value": 16,
1061
- "type": "FLOAT",
1062
- "refId": "functional/size/space/xlarge",
1063
- "reference": "base/size/base/size/16",
1064
- "collection": "functional/size",
1065
- "mode": "default",
1066
- "group": "functional/size",
1067
- "scopes": ["GAP"]
1068
- },
1069
- {
1070
- "name": "space/large",
1071
- "value": 12,
1072
- "type": "FLOAT",
1073
- "refId": "functional/size/space/large",
1074
- "reference": "base/size/base/size/12",
1075
- "collection": "functional/size",
1076
- "mode": "default",
1077
- "group": "functional/size",
1078
- "scopes": ["GAP"]
1079
- },
1080
- {
1081
- "name": "space/medium",
1082
- "value": 8,
1083
- "type": "FLOAT",
1084
- "refId": "functional/size/space/medium",
1085
- "reference": "base/size/base/size/8",
1086
- "collection": "functional/size",
1087
- "mode": "default",
1088
- "group": "functional/size",
1089
- "scopes": ["GAP"]
1090
- },
1091
- {
1092
- "name": "space/xsmall",
1093
- "value": 4,
1094
- "type": "FLOAT",
1095
- "refId": "functional/size/space/xsmall",
1096
- "reference": "base/size/base/size/4",
1097
- "collection": "functional/size",
1098
- "mode": "default",
1099
- "group": "functional/size",
1100
- "scopes": ["GAP"]
1101
1037
  }
1102
1038
  ]
@@ -1024,168 +1024,6 @@
1024
1024
  "attributes": {},
1025
1025
  "path": ["controlStack", "large", "gap", "spacious"]
1026
1026
  },
1027
- "space-xxsmall": {
1028
- "value": ["0.125rem", "2px"],
1029
- "$type": "dimension",
1030
- "deprecated": "Use --base-size-2 instead",
1031
- "$extensions": {
1032
- "org.primer.figma": {
1033
- "collection": "functional/size",
1034
- "scopes": ["gap"]
1035
- }
1036
- },
1037
- "filePath": "src/tokens/functional/size/size.json",
1038
- "isSource": true,
1039
- "original": {
1040
- "value": "2px",
1041
- "$type": "dimension",
1042
- "deprecated": "Use --base-size-2 instead",
1043
- "$extensions": {
1044
- "org.primer.figma": {
1045
- "collection": "functional/size",
1046
- "scopes": ["gap"]
1047
- }
1048
- }
1049
- },
1050
- "name": "space-xxsmall",
1051
- "attributes": {},
1052
- "path": ["space", "xxsmall"]
1053
- },
1054
- "space-xsmall": {
1055
- "value": ["0.015625rem", "0.25px"],
1056
- "$type": "dimension",
1057
- "deprecated": "Use --base-size-4 instead",
1058
- "$extensions": {
1059
- "org.primer.figma": {
1060
- "collection": "functional/size",
1061
- "scopes": ["gap"]
1062
- }
1063
- },
1064
- "filePath": "src/tokens/functional/size/size.json",
1065
- "isSource": true,
1066
- "original": {
1067
- "value": "{base.size.4}",
1068
- "$type": "dimension",
1069
- "deprecated": "Use --base-size-4 instead",
1070
- "$extensions": {
1071
- "org.primer.figma": {
1072
- "collection": "functional/size",
1073
- "scopes": ["gap"]
1074
- }
1075
- }
1076
- },
1077
- "name": "space-xsmall",
1078
- "attributes": {},
1079
- "path": ["space", "xsmall"]
1080
- },
1081
- "space-small": {
1082
- "value": ["0.375rem", "6px"],
1083
- "$type": "dimension",
1084
- "deprecated": "Use --base-size-6 instead",
1085
- "$extensions": {
1086
- "org.primer.figma": {
1087
- "collection": "functional/size",
1088
- "scopes": ["gap"]
1089
- }
1090
- },
1091
- "filePath": "src/tokens/functional/size/size.json",
1092
- "isSource": true,
1093
- "original": {
1094
- "value": "6px",
1095
- "$type": "dimension",
1096
- "deprecated": "Use --base-size-6 instead",
1097
- "$extensions": {
1098
- "org.primer.figma": {
1099
- "collection": "functional/size",
1100
- "scopes": ["gap"]
1101
- }
1102
- }
1103
- },
1104
- "name": "space-small",
1105
- "attributes": {},
1106
- "path": ["space", "small"]
1107
- },
1108
- "space-medium": {
1109
- "value": ["0.03125rem", "0.5px"],
1110
- "$type": "dimension",
1111
- "deprecated": "Use --base-size-8 instead",
1112
- "$extensions": {
1113
- "org.primer.figma": {
1114
- "collection": "functional/size",
1115
- "scopes": ["gap"]
1116
- }
1117
- },
1118
- "filePath": "src/tokens/functional/size/size.json",
1119
- "isSource": true,
1120
- "original": {
1121
- "value": "{base.size.8}",
1122
- "$type": "dimension",
1123
- "deprecated": "Use --base-size-8 instead",
1124
- "$extensions": {
1125
- "org.primer.figma": {
1126
- "collection": "functional/size",
1127
- "scopes": ["gap"]
1128
- }
1129
- }
1130
- },
1131
- "name": "space-medium",
1132
- "attributes": {},
1133
- "path": ["space", "medium"]
1134
- },
1135
- "space-large": {
1136
- "value": ["0.046875rem", "0.75px"],
1137
- "$type": "dimension",
1138
- "deprecated": "Use --base-size-12 instead",
1139
- "$extensions": {
1140
- "org.primer.figma": {
1141
- "collection": "functional/size",
1142
- "scopes": ["gap"]
1143
- }
1144
- },
1145
- "filePath": "src/tokens/functional/size/size.json",
1146
- "isSource": true,
1147
- "original": {
1148
- "value": "{base.size.12}",
1149
- "$type": "dimension",
1150
- "deprecated": "Use --base-size-12 instead",
1151
- "$extensions": {
1152
- "org.primer.figma": {
1153
- "collection": "functional/size",
1154
- "scopes": ["gap"]
1155
- }
1156
- }
1157
- },
1158
- "name": "space-large",
1159
- "attributes": {},
1160
- "path": ["space", "large"]
1161
- },
1162
- "space-xlarge": {
1163
- "value": ["0.0625rem", "1px"],
1164
- "$type": "dimension",
1165
- "deprecated": "Use --base-size-16 instead",
1166
- "$extensions": {
1167
- "org.primer.figma": {
1168
- "collection": "functional/size",
1169
- "scopes": ["gap"]
1170
- }
1171
- },
1172
- "filePath": "src/tokens/functional/size/size.json",
1173
- "isSource": true,
1174
- "original": {
1175
- "value": "{base.size.16}",
1176
- "$type": "dimension",
1177
- "deprecated": "Use --base-size-16 instead",
1178
- "$extensions": {
1179
- "org.primer.figma": {
1180
- "collection": "functional/size",
1181
- "scopes": ["gap"]
1182
- }
1183
- }
1184
- },
1185
- "name": "space-xlarge",
1186
- "attributes": {},
1187
- "path": ["space", "xlarge"]
1188
- },
1189
1027
  "spinner-strokeWidth-default": {
1190
1028
  "value": ["0.125rem", "2px"],
1191
1029
  "$type": "dimension",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/primitives",
3
- "version": "8.2.4",
3
+ "version": "9.0.0-rc.da7438e1",
4
4
  "description": "Typography, spacing, and color primitives for Primer design system",
5
5
  "engines": {
6
6
  "node": ">=18.18.0 <18.19.0"
@@ -1,72 +1,4 @@
1
1
  {
2
- "space": {
3
- "xxsmall": {
4
- "$value": "2px",
5
- "$type": "dimension",
6
- "deprecated": "Use --base-size-2 instead",
7
- "$extensions": {
8
- "org.primer.figma": {
9
- "collection": "functional/size",
10
- "scopes": ["gap"]
11
- }
12
- }
13
- },
14
- "xsmall": {
15
- "$value": "{base.size.4}",
16
- "$type": "dimension",
17
- "deprecated": "Use --base-size-4 instead",
18
- "$extensions": {
19
- "org.primer.figma": {
20
- "collection": "functional/size",
21
- "scopes": ["gap"]
22
- }
23
- }
24
- },
25
- "small": {
26
- "$value": "6px",
27
- "$type": "dimension",
28
- "deprecated": "Use --base-size-6 instead",
29
- "$extensions": {
30
- "org.primer.figma": {
31
- "collection": "functional/size",
32
- "scopes": ["gap"]
33
- }
34
- }
35
- },
36
- "medium": {
37
- "$value": "{base.size.8}",
38
- "$type": "dimension",
39
- "deprecated": "Use --base-size-8 instead",
40
- "$extensions": {
41
- "org.primer.figma": {
42
- "collection": "functional/size",
43
- "scopes": ["gap"]
44
- }
45
- }
46
- },
47
- "large": {
48
- "$value": "{base.size.12}",
49
- "$type": "dimension",
50
- "deprecated": "Use --base-size-12 instead",
51
- "$extensions": {
52
- "org.primer.figma": {
53
- "collection": "functional/size",
54
- "scopes": ["gap"]
55
- }
56
- }
57
- },
58
- "xlarge": {
59
- "$value": "{base.size.16}",
60
- "$type": "dimension",
61
- "deprecated": "Use --base-size-16 instead",
62
- "$extensions": {
63
- "org.primer.figma": {
64
- "collection": "functional/size",
65
- "scopes": ["gap"]
66
- }
67
- }
68
- }
69
- },
70
2
  "control": {
71
3
  "minTarget": {
72
4
  "fine": {
@@ -1,8 +0,0 @@
1
- {
2
- "space.xxsmall": "Use --base-size-2 instead",
3
- "space.xsmall": "Use --base-size-4 instead",
4
- "space.small": "Use --base-size-6 instead",
5
- "space.medium": "Use --base-size-8 instead",
6
- "space.large": "Use --base-size-12 instead",
7
- "space.xlarge": "Use --base-size-16 instead"
8
- }