@primer/primitives 7.15.3 → 7.15.4-rc.1e6df86
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/package.json +1 -1
- package/tokens-next-private/css/functional/size/breakpoints.css +1 -1
- package/tokens-next-private/css/functional/size/viewport.css +1 -1
- package/tokens-next-private/docs/functional/size/breakpoints.json +2 -2
- package/tokens-next-private/docs/functional/size/size.json +12 -0
- package/tokens-next-private/docs/functional/size/viewport.json +1 -1
- package/tokens-next-private/fallbacks/functional/size/breakpoints.json +1 -1
- package/tokens-next-private/fallbacks/functional/size/viewport.json +1 -1
- package/tokens-next-private/figma/dimension/dimension.json +7 -7
- package/tokens-next-private/figma/figma.json +2 -1
- package/tokens-next-private/scss/functional/size/breakpoints.scss +1 -1
- package/tokens-next-private/scss/functional/size/viewport.scss +1 -1
- package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
- package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
- package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
- package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
- package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
- package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
- package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
- package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
- package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
- package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
- package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
- package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@custom-media --viewportRange-narrow (max-width: calc(48rem - 0.02px));
|
|
2
2
|
@custom-media --viewportRange-narrowLandscape (max-width: calc(63.25rem - 0.02px) and (max-height: calc(34rem - 0.02px)) and (orientation: landscape));
|
|
3
3
|
@custom-media --viewportRange-regular (min-width: 48rem);
|
|
4
|
-
@custom-media --viewportRange-wide (min-width:
|
|
4
|
+
@custom-media --viewportRange-wide (min-width: 87.5rem);
|
|
5
5
|
@custom-media --viewportRange-portrait (orientation: portrait);
|
|
6
6
|
@custom-media --viewportRange-landscape (orientation: landscape);
|
|
@@ -125,7 +125,7 @@
|
|
|
125
125
|
"path": ["breakpoint", "xlarge"]
|
|
126
126
|
},
|
|
127
127
|
"breakpoint-xxlarge": {
|
|
128
|
-
"value": "
|
|
128
|
+
"value": "87.5rem",
|
|
129
129
|
"$type": "dimension",
|
|
130
130
|
"$extensions": {
|
|
131
131
|
"org.primer.figma": {
|
|
@@ -136,7 +136,7 @@
|
|
|
136
136
|
"filePath": "src/tokens/functional/size/breakpoints.json",
|
|
137
137
|
"isSource": true,
|
|
138
138
|
"original": {
|
|
139
|
-
"value": "
|
|
139
|
+
"value": "1400px",
|
|
140
140
|
"$type": "dimension",
|
|
141
141
|
"$extensions": {
|
|
142
142
|
"org.primer.figma": {
|
|
@@ -1268,6 +1268,7 @@
|
|
|
1268
1268
|
"$extensions": {
|
|
1269
1269
|
"org.primer.figma": {
|
|
1270
1270
|
"collection": "pattern/size",
|
|
1271
|
+
"group": "component",
|
|
1271
1272
|
"scopes": ["gap"]
|
|
1272
1273
|
}
|
|
1273
1274
|
},
|
|
@@ -1279,6 +1280,7 @@
|
|
|
1279
1280
|
"$extensions": {
|
|
1280
1281
|
"org.primer.figma": {
|
|
1281
1282
|
"collection": "pattern/size",
|
|
1283
|
+
"group": "component",
|
|
1282
1284
|
"scopes": ["gap"]
|
|
1283
1285
|
}
|
|
1284
1286
|
}
|
|
@@ -1293,6 +1295,7 @@
|
|
|
1293
1295
|
"$extensions": {
|
|
1294
1296
|
"org.primer.figma": {
|
|
1295
1297
|
"collection": "pattern/size",
|
|
1298
|
+
"group": "component",
|
|
1296
1299
|
"scopes": ["gap"]
|
|
1297
1300
|
}
|
|
1298
1301
|
},
|
|
@@ -1304,6 +1307,7 @@
|
|
|
1304
1307
|
"$extensions": {
|
|
1305
1308
|
"org.primer.figma": {
|
|
1306
1309
|
"collection": "pattern/size",
|
|
1310
|
+
"group": "component",
|
|
1307
1311
|
"scopes": ["gap"]
|
|
1308
1312
|
}
|
|
1309
1313
|
}
|
|
@@ -1318,6 +1322,7 @@
|
|
|
1318
1322
|
"$extensions": {
|
|
1319
1323
|
"org.primer.figma": {
|
|
1320
1324
|
"collection": "pattern/size",
|
|
1325
|
+
"group": "component",
|
|
1321
1326
|
"scopes": ["gap"]
|
|
1322
1327
|
}
|
|
1323
1328
|
},
|
|
@@ -1329,6 +1334,7 @@
|
|
|
1329
1334
|
"$extensions": {
|
|
1330
1335
|
"org.primer.figma": {
|
|
1331
1336
|
"collection": "pattern/size",
|
|
1337
|
+
"group": "component",
|
|
1332
1338
|
"scopes": ["gap"]
|
|
1333
1339
|
}
|
|
1334
1340
|
}
|
|
@@ -1343,6 +1349,7 @@
|
|
|
1343
1349
|
"$extensions": {
|
|
1344
1350
|
"org.primer.figma": {
|
|
1345
1351
|
"collection": "pattern/size",
|
|
1352
|
+
"group": "component",
|
|
1346
1353
|
"scopes": ["gap"]
|
|
1347
1354
|
}
|
|
1348
1355
|
},
|
|
@@ -1354,6 +1361,7 @@
|
|
|
1354
1361
|
"$extensions": {
|
|
1355
1362
|
"org.primer.figma": {
|
|
1356
1363
|
"collection": "pattern/size",
|
|
1364
|
+
"group": "component",
|
|
1357
1365
|
"scopes": ["gap"]
|
|
1358
1366
|
}
|
|
1359
1367
|
}
|
|
@@ -1368,6 +1376,7 @@
|
|
|
1368
1376
|
"$extensions": {
|
|
1369
1377
|
"org.primer.figma": {
|
|
1370
1378
|
"collection": "pattern/size",
|
|
1379
|
+
"group": "component",
|
|
1371
1380
|
"scopes": ["gap"]
|
|
1372
1381
|
}
|
|
1373
1382
|
},
|
|
@@ -1379,6 +1388,7 @@
|
|
|
1379
1388
|
"$extensions": {
|
|
1380
1389
|
"org.primer.figma": {
|
|
1381
1390
|
"collection": "pattern/size",
|
|
1391
|
+
"group": "component",
|
|
1382
1392
|
"scopes": ["gap"]
|
|
1383
1393
|
}
|
|
1384
1394
|
}
|
|
@@ -1393,6 +1403,7 @@
|
|
|
1393
1403
|
"$extensions": {
|
|
1394
1404
|
"org.primer.figma": {
|
|
1395
1405
|
"collection": "pattern/size",
|
|
1406
|
+
"group": "component",
|
|
1396
1407
|
"scopes": ["gap"]
|
|
1397
1408
|
}
|
|
1398
1409
|
},
|
|
@@ -1404,6 +1415,7 @@
|
|
|
1404
1415
|
"$extensions": {
|
|
1405
1416
|
"org.primer.figma": {
|
|
1406
1417
|
"collection": "pattern/size",
|
|
1418
|
+
"group": "component",
|
|
1407
1419
|
"scopes": ["gap"]
|
|
1408
1420
|
}
|
|
1409
1421
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"--viewportRange-narrow": "(max-width: calc(48rem - 0.02px))",
|
|
3
3
|
"--viewportRange-narrowLandscape": "(max-width: calc(63.25rem - 0.02px) and (max-height: calc(34rem - 0.02px)) and (orientation: landscape))",
|
|
4
4
|
"--viewportRange-regular": "(min-width: 48rem)",
|
|
5
|
-
"--viewportRange-wide": "(min-width:
|
|
5
|
+
"--viewportRange-wide": "(min-width: 87.5rem)",
|
|
6
6
|
"--viewportRange-portrait": "(orientation: portrait)",
|
|
7
7
|
"--viewportRange-landscape": "(orientation: landscape)"
|
|
8
8
|
}
|
|
@@ -192,7 +192,7 @@
|
|
|
192
192
|
},
|
|
193
193
|
{
|
|
194
194
|
"name": "breakpoint/xxlarge",
|
|
195
|
-
"value":
|
|
195
|
+
"value": 1400,
|
|
196
196
|
"type": "FLOAT",
|
|
197
197
|
"refId": "functional/size/breakpoint/xxlarge",
|
|
198
198
|
"collection": "functional/size",
|
|
@@ -560,7 +560,7 @@
|
|
|
560
560
|
"reference": "base/size/base/size/24",
|
|
561
561
|
"collection": "pattern/size",
|
|
562
562
|
"mode": "default",
|
|
563
|
-
"group": "
|
|
563
|
+
"group": "component",
|
|
564
564
|
"scopes": ["GAP"]
|
|
565
565
|
},
|
|
566
566
|
{
|
|
@@ -571,7 +571,7 @@
|
|
|
571
571
|
"reference": "base/size/base/size/16",
|
|
572
572
|
"collection": "pattern/size",
|
|
573
573
|
"mode": "default",
|
|
574
|
-
"group": "
|
|
574
|
+
"group": "component",
|
|
575
575
|
"scopes": ["GAP"]
|
|
576
576
|
},
|
|
577
577
|
{
|
|
@@ -582,7 +582,7 @@
|
|
|
582
582
|
"reference": "base/size/base/size/8",
|
|
583
583
|
"collection": "pattern/size",
|
|
584
584
|
"mode": "default",
|
|
585
|
-
"group": "
|
|
585
|
+
"group": "component",
|
|
586
586
|
"scopes": ["GAP"]
|
|
587
587
|
},
|
|
588
588
|
{
|
|
@@ -593,7 +593,7 @@
|
|
|
593
593
|
"reference": "base/size/base/size/24",
|
|
594
594
|
"collection": "pattern/size",
|
|
595
595
|
"mode": "default",
|
|
596
|
-
"group": "
|
|
596
|
+
"group": "component",
|
|
597
597
|
"scopes": ["GAP"]
|
|
598
598
|
},
|
|
599
599
|
{
|
|
@@ -604,7 +604,7 @@
|
|
|
604
604
|
"reference": "base/size/base/size/16",
|
|
605
605
|
"collection": "pattern/size",
|
|
606
606
|
"mode": "default",
|
|
607
|
-
"group": "
|
|
607
|
+
"group": "component",
|
|
608
608
|
"scopes": ["GAP"]
|
|
609
609
|
},
|
|
610
610
|
{
|
|
@@ -615,7 +615,7 @@
|
|
|
615
615
|
"reference": "base/size/base/size/8",
|
|
616
616
|
"collection": "pattern/size",
|
|
617
617
|
"mode": "default",
|
|
618
|
-
"group": "
|
|
618
|
+
"group": "component",
|
|
619
619
|
"scopes": ["GAP"]
|
|
620
620
|
},
|
|
621
621
|
{
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
$viewportRange-narrow: (max-width: calc(48rem - 0.02px));
|
|
2
2
|
$viewportRange-narrowLandscape: (max-width: calc(63.25rem - 0.02px) and (max-height: calc(34rem - 0.02px)) and (orientation: landscape));
|
|
3
3
|
$viewportRange-regular: (min-width: 48rem);
|
|
4
|
-
$viewportRange-wide: (min-width:
|
|
4
|
+
$viewportRange-wide: (min-width: 87.5rem);
|
|
5
5
|
$viewportRange-portrait: (orientation: portrait);
|
|
6
6
|
$viewportRange-landscape: (orientation: landscape);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Wed, 22 Nov 2023 17:00:54 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const PrimerFontStackSystem = "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
|