@atlaskit/primitives 0.12.2 → 0.12.3
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/CHANGELOG.md +7 -0
- package/dist/cjs/version.json +1 -1
- package/dist/cjs/xcss/style-maps.partial.js +15 -13
- package/dist/es2019/version.json +1 -1
- package/dist/es2019/xcss/style-maps.partial.js +15 -13
- package/dist/esm/version.json +1 -1
- package/dist/esm/xcss/style-maps.partial.js +15 -13
- package/dist/types/xcss/style-maps.partial.d.ts +15 -13
- package/dist/types-ts4.5/xcss/style-maps.partial.d.ts +15 -13
- package/package.json +2 -2
- package/report.api.md +11 -9
- package/scripts/border-codegen-template.tsx +3 -3
- package/tmp/api-report-tmp.d.ts +11 -9
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
# @atlaskit/primitives
|
|
2
2
|
|
|
3
|
+
## 0.12.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`79e94411a9c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/79e94411a9c) - Bump to account for regeneration of tokens artifacts.
|
|
8
|
+
- Updated dependencies
|
|
9
|
+
|
|
3
10
|
## 0.12.2
|
|
4
11
|
|
|
5
12
|
### Patch Changes
|
package/dist/cjs/version.json
CHANGED
|
@@ -60,11 +60,11 @@ exports.spaceMap = spaceMap;
|
|
|
60
60
|
|
|
61
61
|
/**
|
|
62
62
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
63
|
-
* @codegen <<SignedSource::
|
|
63
|
+
* @codegen <<SignedSource::ca2805602ea60d52a8c2cf8926fb97d3>>
|
|
64
64
|
* @codegenId colors
|
|
65
65
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
66
66
|
* @codegenParams ["border", "background", "shadow", "text", "fill"]
|
|
67
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
67
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::224665ba07a6c41e68ce15f72b24cd92>>
|
|
68
68
|
*/
|
|
69
69
|
var borderColorMap = {
|
|
70
70
|
'color.border': "var(--ds-border, #091e4221)",
|
|
@@ -367,25 +367,27 @@ exports.positionMap = positionMap;
|
|
|
367
367
|
|
|
368
368
|
/**
|
|
369
369
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
370
|
-
* @codegen <<SignedSource::
|
|
370
|
+
* @codegen <<SignedSource::cc9d48c89e323c87a3a00966f631120f>>
|
|
371
371
|
* @codegenId border
|
|
372
372
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
373
373
|
* @codegenParams ["width", "radius"]
|
|
374
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::
|
|
374
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::f2aa6660594ff30e42a666fb87655052>>
|
|
375
375
|
*/
|
|
376
376
|
var borderWidthMap = {
|
|
377
|
-
'border.width
|
|
378
|
-
'border.width.
|
|
379
|
-
'border.width.
|
|
377
|
+
'border.width': "var(--ds-border-width, 1px)",
|
|
378
|
+
'border.width.0': "var(--ds-border-width-0, 0px)",
|
|
379
|
+
'border.width.050': "var(--ds-border-width-050, 1px)",
|
|
380
|
+
'border.width.100': "var(--ds-border-width-100, 2px)"
|
|
380
381
|
};
|
|
381
382
|
exports.borderWidthMap = borderWidthMap;
|
|
382
383
|
var borderRadiusMap = {
|
|
383
|
-
'border.radius.050': "var(--ds-radius-050, 2px)",
|
|
384
|
-
'border.radius
|
|
385
|
-
'border.radius.
|
|
386
|
-
'border.radius.
|
|
387
|
-
'border.radius.
|
|
388
|
-
'border.radius.
|
|
384
|
+
'border.radius.050': "var(--ds-border-radius-050, 2px)",
|
|
385
|
+
'border.radius': "var(--ds-border-radius, 3px)",
|
|
386
|
+
'border.radius.100': "var(--ds-border-radius-100, 3px)",
|
|
387
|
+
'border.radius.200': "var(--ds-border-radius-200, 8px)",
|
|
388
|
+
'border.radius.300': "var(--ds-border-radius-300, 12px)",
|
|
389
|
+
'border.radius.400': "var(--ds-border-radius-400, 16px)",
|
|
390
|
+
'border.radius.circle': "var(--ds-border-radius-circle, 32032px)"
|
|
389
391
|
};
|
|
390
392
|
|
|
391
393
|
/**
|
package/dist/es2019/version.json
CHANGED
|
@@ -48,11 +48,11 @@ export const spaceMap = {
|
|
|
48
48
|
*/
|
|
49
49
|
/**
|
|
50
50
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
51
|
-
* @codegen <<SignedSource::
|
|
51
|
+
* @codegen <<SignedSource::ca2805602ea60d52a8c2cf8926fb97d3>>
|
|
52
52
|
* @codegenId colors
|
|
53
53
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
54
54
|
* @codegenParams ["border", "background", "shadow", "text", "fill"]
|
|
55
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
55
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::224665ba07a6c41e68ce15f72b24cd92>>
|
|
56
56
|
*/
|
|
57
57
|
export const borderColorMap = {
|
|
58
58
|
'color.border': "var(--ds-border, #091e4221)",
|
|
@@ -336,24 +336,26 @@ export const positionMap = {
|
|
|
336
336
|
*/
|
|
337
337
|
/**
|
|
338
338
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
339
|
-
* @codegen <<SignedSource::
|
|
339
|
+
* @codegen <<SignedSource::cc9d48c89e323c87a3a00966f631120f>>
|
|
340
340
|
* @codegenId border
|
|
341
341
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
342
342
|
* @codegenParams ["width", "radius"]
|
|
343
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::
|
|
343
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::f2aa6660594ff30e42a666fb87655052>>
|
|
344
344
|
*/
|
|
345
345
|
export const borderWidthMap = {
|
|
346
|
-
'border.width
|
|
347
|
-
'border.width.
|
|
348
|
-
'border.width.
|
|
346
|
+
'border.width': "var(--ds-border-width, 1px)",
|
|
347
|
+
'border.width.0': "var(--ds-border-width-0, 0px)",
|
|
348
|
+
'border.width.050': "var(--ds-border-width-050, 1px)",
|
|
349
|
+
'border.width.100': "var(--ds-border-width-100, 2px)"
|
|
349
350
|
};
|
|
350
351
|
export const borderRadiusMap = {
|
|
351
|
-
'border.radius.050': "var(--ds-radius-050, 2px)",
|
|
352
|
-
'border.radius
|
|
353
|
-
'border.radius.
|
|
354
|
-
'border.radius.
|
|
355
|
-
'border.radius.
|
|
356
|
-
'border.radius.
|
|
352
|
+
'border.radius.050': "var(--ds-border-radius-050, 2px)",
|
|
353
|
+
'border.radius': "var(--ds-border-radius, 3px)",
|
|
354
|
+
'border.radius.100': "var(--ds-border-radius-100, 3px)",
|
|
355
|
+
'border.radius.200': "var(--ds-border-radius-200, 8px)",
|
|
356
|
+
'border.radius.300': "var(--ds-border-radius-300, 12px)",
|
|
357
|
+
'border.radius.400': "var(--ds-border-radius-400, 16px)",
|
|
358
|
+
'border.radius.circle': "var(--ds-border-radius-circle, 32032px)"
|
|
357
359
|
};
|
|
358
360
|
|
|
359
361
|
/**
|
package/dist/esm/version.json
CHANGED
|
@@ -49,11 +49,11 @@ export var spaceMap = {
|
|
|
49
49
|
*/
|
|
50
50
|
/**
|
|
51
51
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
52
|
-
* @codegen <<SignedSource::
|
|
52
|
+
* @codegen <<SignedSource::ca2805602ea60d52a8c2cf8926fb97d3>>
|
|
53
53
|
* @codegenId colors
|
|
54
54
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
55
55
|
* @codegenParams ["border", "background", "shadow", "text", "fill"]
|
|
56
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
56
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::224665ba07a6c41e68ce15f72b24cd92>>
|
|
57
57
|
*/
|
|
58
58
|
export var borderColorMap = {
|
|
59
59
|
'color.border': "var(--ds-border, #091e4221)",
|
|
@@ -337,24 +337,26 @@ export var positionMap = {
|
|
|
337
337
|
*/
|
|
338
338
|
/**
|
|
339
339
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
340
|
-
* @codegen <<SignedSource::
|
|
340
|
+
* @codegen <<SignedSource::cc9d48c89e323c87a3a00966f631120f>>
|
|
341
341
|
* @codegenId border
|
|
342
342
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
343
343
|
* @codegenParams ["width", "radius"]
|
|
344
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::
|
|
344
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::f2aa6660594ff30e42a666fb87655052>>
|
|
345
345
|
*/
|
|
346
346
|
export var borderWidthMap = {
|
|
347
|
-
'border.width
|
|
348
|
-
'border.width.
|
|
349
|
-
'border.width.
|
|
347
|
+
'border.width': "var(--ds-border-width, 1px)",
|
|
348
|
+
'border.width.0': "var(--ds-border-width-0, 0px)",
|
|
349
|
+
'border.width.050': "var(--ds-border-width-050, 1px)",
|
|
350
|
+
'border.width.100': "var(--ds-border-width-100, 2px)"
|
|
350
351
|
};
|
|
351
352
|
export var borderRadiusMap = {
|
|
352
|
-
'border.radius.050': "var(--ds-radius-050, 2px)",
|
|
353
|
-
'border.radius
|
|
354
|
-
'border.radius.
|
|
355
|
-
'border.radius.
|
|
356
|
-
'border.radius.
|
|
357
|
-
'border.radius.
|
|
353
|
+
'border.radius.050': "var(--ds-border-radius-050, 2px)",
|
|
354
|
+
'border.radius': "var(--ds-border-radius, 3px)",
|
|
355
|
+
'border.radius.100': "var(--ds-border-radius-100, 3px)",
|
|
356
|
+
'border.radius.200': "var(--ds-border-radius-200, 8px)",
|
|
357
|
+
'border.radius.300': "var(--ds-border-radius-300, 12px)",
|
|
358
|
+
'border.radius.400': "var(--ds-border-radius-400, 16px)",
|
|
359
|
+
'border.radius.circle': "var(--ds-border-radius-circle, 32032px)"
|
|
358
360
|
};
|
|
359
361
|
|
|
360
362
|
/**
|
|
@@ -66,11 +66,11 @@ export type Space = keyof typeof spaceMap;
|
|
|
66
66
|
*/
|
|
67
67
|
/**
|
|
68
68
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
69
|
-
* @codegen <<SignedSource::
|
|
69
|
+
* @codegen <<SignedSource::ca2805602ea60d52a8c2cf8926fb97d3>>
|
|
70
70
|
* @codegenId colors
|
|
71
71
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
72
72
|
* @codegenParams ["border", "background", "shadow", "text", "fill"]
|
|
73
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
73
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::224665ba07a6c41e68ce15f72b24cd92>>
|
|
74
74
|
*/
|
|
75
75
|
export declare const borderColorMap: {
|
|
76
76
|
readonly 'color.border': "var(--ds-border)";
|
|
@@ -371,25 +371,27 @@ export type Position = keyof typeof positionMap;
|
|
|
371
371
|
*/
|
|
372
372
|
/**
|
|
373
373
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
374
|
-
* @codegen <<SignedSource::
|
|
374
|
+
* @codegen <<SignedSource::cc9d48c89e323c87a3a00966f631120f>>
|
|
375
375
|
* @codegenId border
|
|
376
376
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
377
377
|
* @codegenParams ["width", "radius"]
|
|
378
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::
|
|
378
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::f2aa6660594ff30e42a666fb87655052>>
|
|
379
379
|
*/
|
|
380
380
|
export declare const borderWidthMap: {
|
|
381
|
-
readonly 'border.width
|
|
382
|
-
readonly 'border.width.
|
|
383
|
-
readonly 'border.width.
|
|
381
|
+
readonly 'border.width': "var(--ds-border-width)";
|
|
382
|
+
readonly 'border.width.0': "var(--ds-border-width-0)";
|
|
383
|
+
readonly 'border.width.050': "var(--ds-border-width-050)";
|
|
384
|
+
readonly 'border.width.100': "var(--ds-border-width-100)";
|
|
384
385
|
};
|
|
385
386
|
export type BorderWidth = keyof typeof borderWidthMap;
|
|
386
387
|
export declare const borderRadiusMap: {
|
|
387
|
-
readonly 'border.radius.050': "var(--ds-radius-050)";
|
|
388
|
-
readonly 'border.radius
|
|
389
|
-
readonly 'border.radius.
|
|
390
|
-
readonly 'border.radius.
|
|
391
|
-
readonly 'border.radius.
|
|
392
|
-
readonly 'border.radius.
|
|
388
|
+
readonly 'border.radius.050': "var(--ds-border-radius-050)";
|
|
389
|
+
readonly 'border.radius': "var(--ds-border-radius)";
|
|
390
|
+
readonly 'border.radius.100': "var(--ds-border-radius-100)";
|
|
391
|
+
readonly 'border.radius.200': "var(--ds-border-radius-200)";
|
|
392
|
+
readonly 'border.radius.300': "var(--ds-border-radius-300)";
|
|
393
|
+
readonly 'border.radius.400': "var(--ds-border-radius-400)";
|
|
394
|
+
readonly 'border.radius.circle': "var(--ds-border-radius-circle)";
|
|
393
395
|
};
|
|
394
396
|
export type BorderRadius = keyof typeof borderRadiusMap;
|
|
395
397
|
/**
|
|
@@ -66,11 +66,11 @@ export type Space = keyof typeof spaceMap;
|
|
|
66
66
|
*/
|
|
67
67
|
/**
|
|
68
68
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
69
|
-
* @codegen <<SignedSource::
|
|
69
|
+
* @codegen <<SignedSource::ca2805602ea60d52a8c2cf8926fb97d3>>
|
|
70
70
|
* @codegenId colors
|
|
71
71
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
72
72
|
* @codegenParams ["border", "background", "shadow", "text", "fill"]
|
|
73
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
73
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::224665ba07a6c41e68ce15f72b24cd92>>
|
|
74
74
|
*/
|
|
75
75
|
export declare const borderColorMap: {
|
|
76
76
|
readonly 'color.border': "var(--ds-border)";
|
|
@@ -371,25 +371,27 @@ export type Position = keyof typeof positionMap;
|
|
|
371
371
|
*/
|
|
372
372
|
/**
|
|
373
373
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
374
|
-
* @codegen <<SignedSource::
|
|
374
|
+
* @codegen <<SignedSource::cc9d48c89e323c87a3a00966f631120f>>
|
|
375
375
|
* @codegenId border
|
|
376
376
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
377
377
|
* @codegenParams ["width", "radius"]
|
|
378
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::
|
|
378
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::f2aa6660594ff30e42a666fb87655052>>
|
|
379
379
|
*/
|
|
380
380
|
export declare const borderWidthMap: {
|
|
381
|
-
readonly 'border.width
|
|
382
|
-
readonly 'border.width.
|
|
383
|
-
readonly 'border.width.
|
|
381
|
+
readonly 'border.width': "var(--ds-border-width)";
|
|
382
|
+
readonly 'border.width.0': "var(--ds-border-width-0)";
|
|
383
|
+
readonly 'border.width.050': "var(--ds-border-width-050)";
|
|
384
|
+
readonly 'border.width.100': "var(--ds-border-width-100)";
|
|
384
385
|
};
|
|
385
386
|
export type BorderWidth = keyof typeof borderWidthMap;
|
|
386
387
|
export declare const borderRadiusMap: {
|
|
387
|
-
readonly 'border.radius.050': "var(--ds-radius-050)";
|
|
388
|
-
readonly 'border.radius
|
|
389
|
-
readonly 'border.radius.
|
|
390
|
-
readonly 'border.radius.
|
|
391
|
-
readonly 'border.radius.
|
|
392
|
-
readonly 'border.radius.
|
|
388
|
+
readonly 'border.radius.050': "var(--ds-border-radius-050)";
|
|
389
|
+
readonly 'border.radius': "var(--ds-border-radius)";
|
|
390
|
+
readonly 'border.radius.100': "var(--ds-border-radius-100)";
|
|
391
|
+
readonly 'border.radius.200': "var(--ds-border-radius-200)";
|
|
392
|
+
readonly 'border.radius.300': "var(--ds-border-radius-300)";
|
|
393
|
+
readonly 'border.radius.400': "var(--ds-border-radius-400)";
|
|
394
|
+
readonly 'border.radius.circle': "var(--ds-border-radius-circle)";
|
|
393
395
|
};
|
|
394
396
|
export type BorderRadius = keyof typeof borderRadiusMap;
|
|
395
397
|
/**
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/primitives",
|
|
3
|
-
"version": "0.12.
|
|
3
|
+
"version": "0.12.3",
|
|
4
4
|
"description": "Primitives are token-backed low-level building blocks.",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -94,7 +94,7 @@
|
|
|
94
94
|
},
|
|
95
95
|
"dependencies": {
|
|
96
96
|
"@atlaskit/ds-lib": "^2.2.0",
|
|
97
|
-
"@atlaskit/tokens": "^1.
|
|
97
|
+
"@atlaskit/tokens": "^1.6.0",
|
|
98
98
|
"@babel/runtime": "^7.0.0",
|
|
99
99
|
"@emotion/react": "^11.7.1",
|
|
100
100
|
"@emotion/serialize": "^1.1.0"
|
package/report.api.md
CHANGED
|
@@ -258,12 +258,13 @@ type BorderRadius = keyof typeof borderRadiusMap;
|
|
|
258
258
|
|
|
259
259
|
// @public (undocumented)
|
|
260
260
|
const borderRadiusMap: {
|
|
261
|
-
readonly 'border.radius.050': 'var(--ds-radius-050)';
|
|
262
|
-
readonly 'border.radius
|
|
263
|
-
readonly 'border.radius.
|
|
264
|
-
readonly 'border.radius.
|
|
265
|
-
readonly 'border.radius.
|
|
266
|
-
readonly 'border.radius.
|
|
261
|
+
readonly 'border.radius.050': 'var(--ds-border-radius-050)';
|
|
262
|
+
readonly 'border.radius': 'var(--ds-border-radius)';
|
|
263
|
+
readonly 'border.radius.100': 'var(--ds-border-radius-100)';
|
|
264
|
+
readonly 'border.radius.200': 'var(--ds-border-radius-200)';
|
|
265
|
+
readonly 'border.radius.300': 'var(--ds-border-radius-300)';
|
|
266
|
+
readonly 'border.radius.400': 'var(--ds-border-radius-400)';
|
|
267
|
+
readonly 'border.radius.circle': 'var(--ds-border-radius-circle)';
|
|
267
268
|
};
|
|
268
269
|
|
|
269
270
|
// @public (undocumented)
|
|
@@ -280,9 +281,10 @@ type BorderWidth = keyof typeof borderWidthMap;
|
|
|
280
281
|
|
|
281
282
|
// @public
|
|
282
283
|
const borderWidthMap: {
|
|
283
|
-
readonly 'border.width
|
|
284
|
-
readonly 'border.width.
|
|
285
|
-
readonly 'border.width.
|
|
284
|
+
readonly 'border.width': 'var(--ds-border-width)';
|
|
285
|
+
readonly 'border.width.0': 'var(--ds-border-width-0)';
|
|
286
|
+
readonly 'border.width.050': 'var(--ds-border-width-050)';
|
|
287
|
+
readonly 'border.width.100': 'var(--ds-border-width-100)';
|
|
286
288
|
};
|
|
287
289
|
|
|
288
290
|
// @public (undocumented)
|
|
@@ -15,14 +15,14 @@ type Token = {
|
|
|
15
15
|
const tokenStyles = {
|
|
16
16
|
width: {
|
|
17
17
|
objectName: 'borderWidth',
|
|
18
|
-
filterPrefix: 'border.width
|
|
18
|
+
filterPrefix: 'border.width',
|
|
19
19
|
cssProperty: 'borderWidth',
|
|
20
20
|
filterFn: <T extends Token>(t: T) =>
|
|
21
21
|
t.token.startsWith(tokenStyles.width.filterPrefix),
|
|
22
22
|
},
|
|
23
23
|
radius: {
|
|
24
24
|
objectName: 'borderRadius',
|
|
25
|
-
filterPrefix: 'border.radius
|
|
25
|
+
filterPrefix: 'border.radius',
|
|
26
26
|
cssProperty: 'borderRadius',
|
|
27
27
|
filterFn: <T extends Token>(t: T) =>
|
|
28
28
|
t.token.startsWith(tokenStyles.radius.filterPrefix),
|
|
@@ -33,7 +33,7 @@ const activeTokens = tokens
|
|
|
33
33
|
.filter(t => t.attributes.state !== 'deleted')
|
|
34
34
|
.map(
|
|
35
35
|
(t): Token => ({
|
|
36
|
-
token: t.
|
|
36
|
+
token: t.cleanName,
|
|
37
37
|
fallback: t.value === '4px' ? '3px' : (t.value as string),
|
|
38
38
|
isDeprecated: t.attributes.state === 'deprecated',
|
|
39
39
|
}),
|
package/tmp/api-report-tmp.d.ts
CHANGED
|
@@ -229,12 +229,13 @@ type BorderRadius = keyof typeof borderRadiusMap;
|
|
|
229
229
|
|
|
230
230
|
// @public (undocumented)
|
|
231
231
|
const borderRadiusMap: {
|
|
232
|
-
readonly 'border.radius.050': "var(--ds-radius-050)";
|
|
233
|
-
readonly 'border.radius
|
|
234
|
-
readonly 'border.radius.
|
|
235
|
-
readonly 'border.radius.
|
|
236
|
-
readonly 'border.radius.
|
|
237
|
-
readonly 'border.radius.
|
|
232
|
+
readonly 'border.radius.050': "var(--ds-border-radius-050)";
|
|
233
|
+
readonly 'border.radius': "var(--ds-border-radius)";
|
|
234
|
+
readonly 'border.radius.100': "var(--ds-border-radius-100)";
|
|
235
|
+
readonly 'border.radius.200': "var(--ds-border-radius-200)";
|
|
236
|
+
readonly 'border.radius.300': "var(--ds-border-radius-300)";
|
|
237
|
+
readonly 'border.radius.400': "var(--ds-border-radius-400)";
|
|
238
|
+
readonly 'border.radius.circle': "var(--ds-border-radius-circle)";
|
|
238
239
|
};
|
|
239
240
|
|
|
240
241
|
// @public (undocumented)
|
|
@@ -251,9 +252,10 @@ type BorderWidth = keyof typeof borderWidthMap;
|
|
|
251
252
|
|
|
252
253
|
// @public
|
|
253
254
|
const borderWidthMap: {
|
|
254
|
-
readonly 'border.width
|
|
255
|
-
readonly 'border.width.
|
|
256
|
-
readonly 'border.width.
|
|
255
|
+
readonly 'border.width': "var(--ds-border-width)";
|
|
256
|
+
readonly 'border.width.0': "var(--ds-border-width-0)";
|
|
257
|
+
readonly 'border.width.050': "var(--ds-border-width-050)";
|
|
258
|
+
readonly 'border.width.100': "var(--ds-border-width-100)";
|
|
257
259
|
};
|
|
258
260
|
|
|
259
261
|
// @public (undocumented)
|