@primer/primitives 8.2.4-rc.f820602a → 8.2.4-rc.fba4a4ab
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.
- package/dist/css/functional/size/border.css +1 -0
- package/dist/css/primitives.css +1 -0
- package/dist/docs/functional/size/border.json +31 -0
- package/dist/fallbacks/functional/size/border.json +1 -0
- package/dist/figma/dimension/dimension.json +14 -0
- package/dist/styleLint/functional/size/border.json +31 -0
- package/package.json +11 -8
- package/src/tokens/functional/size/border.json +13 -0
package/dist/css/primitives.css
CHANGED
|
@@ -205,6 +205,37 @@
|
|
|
205
205
|
"attributes": {},
|
|
206
206
|
"path": ["borderRadius", "full"]
|
|
207
207
|
},
|
|
208
|
+
"borderRadius-default": {
|
|
209
|
+
"value": "0.375rem",
|
|
210
|
+
"$type": "dimension",
|
|
211
|
+
"$extensions": {
|
|
212
|
+
"org.primer.figma": {
|
|
213
|
+
"collection": "functional/size",
|
|
214
|
+
"scopes": ["radius"],
|
|
215
|
+
"codeSyntax": {
|
|
216
|
+
"web": "var(--borderRadius-default) /* utility class: .rounded-2 */"
|
|
217
|
+
}
|
|
218
|
+
}
|
|
219
|
+
},
|
|
220
|
+
"filePath": "src/tokens/functional/size/border.json",
|
|
221
|
+
"isSource": true,
|
|
222
|
+
"original": {
|
|
223
|
+
"value": "{borderRadius.medium}",
|
|
224
|
+
"$type": "dimension",
|
|
225
|
+
"$extensions": {
|
|
226
|
+
"org.primer.figma": {
|
|
227
|
+
"collection": "functional/size",
|
|
228
|
+
"scopes": ["radius"],
|
|
229
|
+
"codeSyntax": {
|
|
230
|
+
"web": "var(--borderRadius-default) /* utility class: .rounded-2 */"
|
|
231
|
+
}
|
|
232
|
+
}
|
|
233
|
+
}
|
|
234
|
+
},
|
|
235
|
+
"name": "borderRadius-default",
|
|
236
|
+
"attributes": {},
|
|
237
|
+
"path": ["borderRadius", "default"]
|
|
238
|
+
},
|
|
208
239
|
"outline-focus-offset": {
|
|
209
240
|
"value": "-0.125rem",
|
|
210
241
|
"$type": "dimension",
|
|
@@ -462,6 +462,20 @@
|
|
|
462
462
|
"group": "base/size",
|
|
463
463
|
"scopes": ["WIDTH_HEIGHT"]
|
|
464
464
|
},
|
|
465
|
+
{
|
|
466
|
+
"name": "borderRadius/default",
|
|
467
|
+
"value": 6,
|
|
468
|
+
"type": "FLOAT",
|
|
469
|
+
"refId": "functional/size/borderRadius/default",
|
|
470
|
+
"reference": "functional/size/borderRadius/medium",
|
|
471
|
+
"collection": "functional/size",
|
|
472
|
+
"mode": "default",
|
|
473
|
+
"group": "functional/size",
|
|
474
|
+
"scopes": ["CORNER_RADIUS"],
|
|
475
|
+
"codeSyntax": {
|
|
476
|
+
"web": "var(--borderRadius-default) /* utility class: .rounded-2 */"
|
|
477
|
+
}
|
|
478
|
+
},
|
|
465
479
|
{
|
|
466
480
|
"name": "overlay/borderRadius",
|
|
467
481
|
"value": 6,
|
|
@@ -205,6 +205,37 @@
|
|
|
205
205
|
"attributes": {},
|
|
206
206
|
"path": ["borderRadius", "full"]
|
|
207
207
|
},
|
|
208
|
+
"borderRadius-default": {
|
|
209
|
+
"value": ["0.0234375rem", "0.375px"],
|
|
210
|
+
"$type": "dimension",
|
|
211
|
+
"$extensions": {
|
|
212
|
+
"org.primer.figma": {
|
|
213
|
+
"collection": "functional/size",
|
|
214
|
+
"scopes": ["radius"],
|
|
215
|
+
"codeSyntax": {
|
|
216
|
+
"web": "var(--borderRadius-default) /* utility class: .rounded-2 */"
|
|
217
|
+
}
|
|
218
|
+
}
|
|
219
|
+
},
|
|
220
|
+
"filePath": "src/tokens/functional/size/border.json",
|
|
221
|
+
"isSource": true,
|
|
222
|
+
"original": {
|
|
223
|
+
"value": "{borderRadius.medium}",
|
|
224
|
+
"$type": "dimension",
|
|
225
|
+
"$extensions": {
|
|
226
|
+
"org.primer.figma": {
|
|
227
|
+
"collection": "functional/size",
|
|
228
|
+
"scopes": ["radius"],
|
|
229
|
+
"codeSyntax": {
|
|
230
|
+
"web": "var(--borderRadius-default) /* utility class: .rounded-2 */"
|
|
231
|
+
}
|
|
232
|
+
}
|
|
233
|
+
}
|
|
234
|
+
},
|
|
235
|
+
"name": "borderRadius-default",
|
|
236
|
+
"attributes": {},
|
|
237
|
+
"path": ["borderRadius", "default"]
|
|
238
|
+
},
|
|
208
239
|
"outline-focus-offset": {
|
|
209
240
|
"value": ["-0.125rem", "-2px"],
|
|
210
241
|
"$type": "dimension",
|
package/package.json
CHANGED
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@primer/primitives",
|
|
3
|
-
"version": "8.2.4-rc.
|
|
3
|
+
"version": "8.2.4-rc.fba4a4ab",
|
|
4
4
|
"description": "Typography, spacing, and color primitives for Primer design system",
|
|
5
|
+
"engines": {
|
|
6
|
+
"node": ">=18.18.0 <18.19.0"
|
|
7
|
+
},
|
|
5
8
|
"files": [
|
|
6
9
|
"dist",
|
|
7
10
|
"src/**/*",
|
|
@@ -25,17 +28,17 @@
|
|
|
25
28
|
"scripts": {
|
|
26
29
|
"build": "npm run build:v8 && npm run build:fallbacks && npm run build:figma",
|
|
27
30
|
"build:next": "echo '\\033[31m 🛑 Use npm run build instead of npm run build:next\\033[0m'",
|
|
28
|
-
"build:v8": "
|
|
29
|
-
"build:fallbacks": "
|
|
30
|
-
"build:figma": "
|
|
31
|
-
"tokenJson:check": "
|
|
32
|
-
"contrast:check": "
|
|
31
|
+
"build:v8": "tsx ./scripts/buildTokens.ts",
|
|
32
|
+
"build:fallbacks": "tsx ./scripts/buildFallbacks.ts",
|
|
33
|
+
"build:figma": "tsx scripts/buildFigma.ts",
|
|
34
|
+
"tokenJson:check": "tsx scripts/diffThemes.ts && tsx scripts/diffTokenProps.ts",
|
|
35
|
+
"contrast:check": "tsx scripts/color-contrast.ts",
|
|
33
36
|
"format": "prettier --write '**/*.{js,jsx,ts,tsx,md,mdx,css}'",
|
|
34
37
|
"format:check": "prettier --check '**/*.{js,jsx,ts,tsx,md,mdx,css}'",
|
|
35
38
|
"install:storybook": "cd docs/storybook && npm ci --legacy-peer-deps --no-audit --no-fund",
|
|
36
39
|
"lint": "ESLINT_USE_FLAT_CONFIG=false eslint '**/*.{js,ts,tsx,md,mdx}' --config .eslintrc.cjs && npm run lint:tokens",
|
|
37
40
|
"lint:fix": "eslint '**/*.{js,ts,tsx,md,mdx}' --fix --max-warnings=0 --config .eslintrc.cjs",
|
|
38
|
-
"lint:tokens": "
|
|
41
|
+
"lint:tokens": "tsx ./scripts/validateTokenJson.ts",
|
|
39
42
|
"prebuild": "rm -rf dist",
|
|
40
43
|
"prepack": "npm run build",
|
|
41
44
|
"release": "changeset publish",
|
|
@@ -71,7 +74,7 @@
|
|
|
71
74
|
"markdown-table-ts": "^1.0.3",
|
|
72
75
|
"prettier": "3.3",
|
|
73
76
|
"style-dictionary": "^3.9.2",
|
|
74
|
-
"
|
|
77
|
+
"tsx": "^4.16.2",
|
|
75
78
|
"typescript": "5.5",
|
|
76
79
|
"vitest": "^2.0.1",
|
|
77
80
|
"zod": "3.23",
|
|
@@ -81,6 +81,19 @@
|
|
|
81
81
|
}
|
|
82
82
|
}
|
|
83
83
|
}
|
|
84
|
+
},
|
|
85
|
+
"default": {
|
|
86
|
+
"$value": "{borderRadius.medium}",
|
|
87
|
+
"$type": "dimension",
|
|
88
|
+
"$extensions": {
|
|
89
|
+
"org.primer.figma": {
|
|
90
|
+
"collection": "functional/size",
|
|
91
|
+
"scopes": ["radius"],
|
|
92
|
+
"codeSyntax": {
|
|
93
|
+
"web": "var(--borderRadius-default) /* utility class: .rounded-2 */"
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
}
|
|
84
97
|
}
|
|
85
98
|
},
|
|
86
99
|
"outline": {
|