@atlaskit/primitives 14.11.3 → 14.12.0

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 (43) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/anchor/package.json +1 -1
  3. package/box/package.json +1 -1
  4. package/codemods/compiled-fork-stage1/transform.tsx +329 -59
  5. package/compiled/package.json +1 -1
  6. package/dist/cjs/compiled/components/anchor.js +1 -1
  7. package/dist/cjs/compiled/components/pressable.js +1 -1
  8. package/dist/cjs/components/anchor.js +1 -1
  9. package/dist/cjs/components/pressable.js +1 -1
  10. package/dist/cjs/xcss/style-maps.partial.js +23 -5
  11. package/dist/es2019/compiled/components/anchor.js +1 -1
  12. package/dist/es2019/compiled/components/pressable.js +1 -1
  13. package/dist/es2019/components/anchor.js +1 -1
  14. package/dist/es2019/components/pressable.js +1 -1
  15. package/dist/es2019/xcss/style-maps.partial.js +23 -5
  16. package/dist/esm/compiled/components/anchor.js +1 -1
  17. package/dist/esm/compiled/components/pressable.js +1 -1
  18. package/dist/esm/components/anchor.js +1 -1
  19. package/dist/esm/components/pressable.js +1 -1
  20. package/dist/esm/xcss/style-maps.partial.js +23 -5
  21. package/dist/types/compiled/responsive/use-media-query.d.ts +1 -1
  22. package/dist/types/responsive/build-media-query-css.d.ts +12 -2
  23. package/dist/types/responsive/use-media-query.d.ts +1 -1
  24. package/dist/types/utils/has-text-ancestor-context.d.ts +0 -1
  25. package/dist/types/utils/surface-provider.d.ts +0 -1
  26. package/dist/types/xcss/style-maps.partial.d.ts +12 -4
  27. package/dist/types/xcss/xcss.d.ts +87 -9
  28. package/dist/types-ts4.5/compiled/responsive/use-media-query.d.ts +1 -1
  29. package/dist/types-ts4.5/responsive/build-media-query-css.d.ts +12 -2
  30. package/dist/types-ts4.5/responsive/use-media-query.d.ts +1 -1
  31. package/dist/types-ts4.5/utils/has-text-ancestor-context.d.ts +0 -1
  32. package/dist/types-ts4.5/utils/surface-provider.d.ts +0 -1
  33. package/dist/types-ts4.5/xcss/style-maps.partial.d.ts +12 -4
  34. package/dist/types-ts4.5/xcss/xcss.d.ts +87 -9
  35. package/inline/package.json +1 -1
  36. package/metric-text/package.json +1 -1
  37. package/package.json +12 -14
  38. package/pressable/package.json +1 -1
  39. package/responsive/package.json +1 -1
  40. package/scripts/codegen-styles.tsx +3 -3
  41. package/scripts/{border-codegen-template.tsx → shape-codegen-template.tsx} +4 -3
  42. package/stack/package.json +1 -1
  43. package/text/package.json +1 -1
package/dist/es2019/xcss/style-maps.partial.js CHANGED
@@ -469,26 +469,44 @@ export const layerMap = {
469
469
 
470
470
  /**
471
471
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
472
- * @codegen <<SignedSource::957baf1fa3fc3fe5eb06b497a7ba6599>>
472
+ * @codegen <<SignedSource::71788d573ebf1ca2644ef177172c9ecf>>
473
473
  * @codegenId border
474
474
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
475
475
  * @codegenParams ["width", "radius"]
476
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::80457377fd80c31f5dfcb5cc743d7016>>
476
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::6496556b3439a7f18f8b7a7a3ec59bb9>>
477
477
  */
478
478
  export const borderWidthMap = {
479
479
  'border.width': "var(--ds-border-width, 1px)",
480
+ // @deprecated
480
481
  'border.width.0': "var(--ds-border-width-0, 0px)",
482
+ // @deprecated
481
483
  'border.width.indicator': "var(--ds-border-width-indicator, 3px)",
482
- 'border.width.outline': "var(--ds-border-width-outline, 2px)"
484
+ // @deprecated
485
+ 'border.width.outline': "var(--ds-border-width-outline, 2px)",
486
+ 'border.width.selected': "var(--ds-border-width-selected, 2px)",
487
+ 'border.width.focused': "var(--ds-border-width-focused, 2px)"
483
488
  };
484
489
  export const borderRadiusMap = {
485
- 'border.radius.050': "var(--ds-border-radius-050, 2px)",
490
+ 'radius.xsmall': "var(--ds-radius-xsmall, 2px)",
491
+ 'radius.small': "var(--ds-radius-small, 3px)",
492
+ 'radius.medium': "var(--ds-radius-medium, 6px)",
493
+ 'radius.large': "var(--ds-radius-large, 8px)",
494
+ 'radius.xlarge': "var(--ds-radius-xlarge, 12px)",
495
+ 'radius.full': "var(--ds-radius-full, 9999px)",
496
+ // @deprecated
486
497
  'border.radius': "var(--ds-border-radius, 3px)",
498
+ // @deprecated
499
+ 'border.radius.050': "var(--ds-border-radius-050, 2px)",
500
+ // @deprecated
487
501
  'border.radius.100': "var(--ds-border-radius-100, 3px)",
502
+ // @deprecated
488
503
  'border.radius.200': "var(--ds-border-radius-200, 8px)",
504
+ // @deprecated
489
505
  'border.radius.300': "var(--ds-border-radius-300, 12px)",
506
+ // @deprecated
490
507
  'border.radius.400': "var(--ds-border-radius-400, 16px)",
491
- 'border.radius.circle': "var(--ds-border-radius-circle, 32032px)"
508
+ // @deprecated
509
+ 'border.radius.circle': "var(--ds-border-radius-circle, 9999px)"
492
510
  };
493
511
  /**
494
512
  * @codegenEnd
package/dist/esm/compiled/components/anchor.js CHANGED
@@ -62,7 +62,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
62
62
  action: 'clicked',
63
63
  componentName: componentName || 'Anchor',
64
64
  packageName: "@atlaskit/primitives",
65
- packageVersion: "14.11.2",
65
+ packageVersion: "14.11.4",
66
66
  analyticsData: analyticsContext,
67
67
  actionSubject: 'link'
68
68
  });
package/dist/esm/compiled/components/pressable.js CHANGED
@@ -52,7 +52,7 @@ var Pressable = /*#__PURE__*/forwardRef(function (_ref, ref) {
52
52
  action: 'clicked',
53
53
  componentName: componentName || 'Pressable',
54
54
  packageName: "@atlaskit/primitives",
55
- packageVersion: "14.11.2",
55
+ packageVersion: "14.11.4",
56
56
  analyticsData: analyticsContext,
57
57
  actionSubject: 'button'
58
58
  });
package/dist/esm/components/anchor.js CHANGED
@@ -98,7 +98,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
98
98
  action: 'clicked',
99
99
  componentName: componentName || 'Anchor',
100
100
  packageName: "@atlaskit/primitives",
101
- packageVersion: "14.11.2",
101
+ packageVersion: "14.11.4",
102
102
  analyticsData: analyticsContext,
103
103
  actionSubject: 'link'
104
104
  });
package/dist/esm/components/pressable.js CHANGED
@@ -89,7 +89,7 @@ var Pressable = /*#__PURE__*/forwardRef(function (_ref, ref) {
89
89
  action: 'clicked',
90
90
  componentName: componentName || 'Pressable',
91
91
  packageName: "@atlaskit/primitives",
92
- packageVersion: "14.11.2",
92
+ packageVersion: "14.11.4",
93
93
  analyticsData: analyticsContext,
94
94
  actionSubject: 'button'
95
95
  });
package/dist/esm/xcss/style-maps.partial.js CHANGED
@@ -469,26 +469,44 @@ export var layerMap = {
469
469
 
470
470
  /**
471
471
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
472
- * @codegen <<SignedSource::957baf1fa3fc3fe5eb06b497a7ba6599>>
472
+ * @codegen <<SignedSource::71788d573ebf1ca2644ef177172c9ecf>>
473
473
  * @codegenId border
474
474
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
475
475
  * @codegenParams ["width", "radius"]
476
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::80457377fd80c31f5dfcb5cc743d7016>>
476
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::6496556b3439a7f18f8b7a7a3ec59bb9>>
477
477
  */
478
478
  export var borderWidthMap = {
479
479
  'border.width': "var(--ds-border-width, 1px)",
480
+ // @deprecated
480
481
  'border.width.0': "var(--ds-border-width-0, 0px)",
482
+ // @deprecated
481
483
  'border.width.indicator': "var(--ds-border-width-indicator, 3px)",
482
- 'border.width.outline': "var(--ds-border-width-outline, 2px)"
484
+ // @deprecated
485
+ 'border.width.outline': "var(--ds-border-width-outline, 2px)",
486
+ 'border.width.selected': "var(--ds-border-width-selected, 2px)",
487
+ 'border.width.focused': "var(--ds-border-width-focused, 2px)"
483
488
  };
484
489
  export var borderRadiusMap = {
485
- 'border.radius.050': "var(--ds-border-radius-050, 2px)",
490
+ 'radius.xsmall': "var(--ds-radius-xsmall, 2px)",
491
+ 'radius.small': "var(--ds-radius-small, 3px)",
492
+ 'radius.medium': "var(--ds-radius-medium, 6px)",
493
+ 'radius.large': "var(--ds-radius-large, 8px)",
494
+ 'radius.xlarge': "var(--ds-radius-xlarge, 12px)",
495
+ 'radius.full': "var(--ds-radius-full, 9999px)",
496
+ // @deprecated
486
497
  'border.radius': "var(--ds-border-radius, 3px)",
498
+ // @deprecated
499
+ 'border.radius.050': "var(--ds-border-radius-050, 2px)",
500
+ // @deprecated
487
501
  'border.radius.100': "var(--ds-border-radius-100, 3px)",
502
+ // @deprecated
488
503
  'border.radius.200': "var(--ds-border-radius-200, 8px)",
504
+ // @deprecated
489
505
  'border.radius.300': "var(--ds-border-radius-300, 12px)",
506
+ // @deprecated
490
507
  'border.radius.400': "var(--ds-border-radius-400, 16px)",
491
- 'border.radius.circle': "var(--ds-border-radius-circle, 32032px)"
508
+ // @deprecated
509
+ 'border.radius.circle': "var(--ds-border-radius-circle, 9999px)"
492
510
  };
493
511
  /**
494
512
  * @codegenEnd
package/dist/types/compiled/responsive/use-media-query.d.ts CHANGED
@@ -19,5 +19,5 @@ type NestedQueryString = `above.${keyof typeof media.above}` | `below.${keyof ty
19
19
  * - `MediaQueryList`, primarily used to get if that media query is currently
20
20
  * - `null` when `matchMedia` is unavailable, eg. in SSR.
21
21
  */
22
- export declare const UNSAFE_useMediaQuery: (queryString: NestedQueryString, listener?: ((event: MediaQueryListEvent) => void) | undefined) => MediaQueryList | null;
22
+ export declare const UNSAFE_useMediaQuery: (queryString: NestedQueryString, listener?: (event: MediaQueryListEvent) => void) => MediaQueryList | null;
23
23
  export {};
package/dist/types/responsive/build-media-query-css.d.ts CHANGED
@@ -25,7 +25,12 @@ import type { Breakpoint } from './types';
25
25
  * }
26
26
  * ```
27
27
  */
28
- export declare const UNSAFE_buildAboveMediaQueryCSS: (input: CSSObject | ((breakpoint: Breakpoint) => CSSObject)) => Required<Partial<Record<Breakpoint, import("@emotion/react").SerializedStyles>>>;
28
+ export declare const UNSAFE_buildAboveMediaQueryCSS: (
29
+ /**
30
+ * The desired CSS to place inside of the media query.
31
+ * This can either be a css object directly or functional with `breakpoint` as the arg to return a css object.
32
+ */
33
+ input: CSSObject | ((breakpoint: Breakpoint) => CSSObject)) => Required<Partial<Record<Breakpoint, import("@emotion/react").SerializedStyles>>>;
29
34
  /**
30
35
  * Build a map of breakpoints to css with media queries and nested styles.
31
36
  *
@@ -50,4 +55,9 @@ export declare const UNSAFE_buildAboveMediaQueryCSS: (input: CSSObject | ((break
50
55
  * }
51
56
  * ```
52
57
  */
53
- export declare const UNSAFE_buildBelowMediaQueryCSS: (input: CSSObject | ((breakpoint: Breakpoint) => CSSObject)) => Required<Partial<Record<Breakpoint, import("@emotion/react").SerializedStyles>>>;
58
+ export declare const UNSAFE_buildBelowMediaQueryCSS: (
59
+ /**
60
+ * The desired CSS to place inside of the media query.
61
+ * This can either be a css object directly or functional with `breakpoint` as the arg to return a css object.
62
+ */
63
+ input: CSSObject | ((breakpoint: Breakpoint) => CSSObject)) => Required<Partial<Record<Breakpoint, import("@emotion/react").SerializedStyles>>>;
package/dist/types/responsive/use-media-query.d.ts CHANGED
@@ -19,5 +19,5 @@ type NestedQueryString = `above.${keyof typeof UNSAFE_media.above}` | `below.${k
19
19
  * - `MediaQueryList`, primarily used to get if that media query is currently
20
20
  * - `null` when `matchMedia` is unavailable, eg. in SSR.
21
21
  */
22
- export declare const UNSAFE_useMediaQuery: (queryString: NestedQueryString, listener?: ((event: MediaQueryListEvent) => void) | undefined) => MediaQueryList | null;
22
+ export declare const UNSAFE_useMediaQuery: (queryString: NestedQueryString, listener?: (event: MediaQueryListEvent) => void) => MediaQueryList | null;
23
23
  export {};
package/dist/types/utils/has-text-ancestor-context.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  /**
3
2
  * @internal
4
3
  */
package/dist/types/utils/surface-provider.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import type { BackgroundColorToken } from './types';
3
2
  /**
4
3
  * __Surface context__
package/dist/types/xcss/style-maps.partial.d.ts CHANGED
@@ -493,22 +493,30 @@ export type Layer = keyof typeof layerMap;
493
493
  */
494
494
  /**
495
495
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
496
- * @codegen <<SignedSource::957baf1fa3fc3fe5eb06b497a7ba6599>>
496
+ * @codegen <<SignedSource::71788d573ebf1ca2644ef177172c9ecf>>
497
497
  * @codegenId border
498
498
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
499
499
  * @codegenParams ["width", "radius"]
500
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::80457377fd80c31f5dfcb5cc743d7016>>
500
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::6496556b3439a7f18f8b7a7a3ec59bb9>>
501
501
  */
502
502
  export declare const borderWidthMap: {
503
503
  readonly 'border.width': "var(--ds-border-width)";
504
504
  readonly 'border.width.0': "var(--ds-border-width-0)";
505
505
  readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
506
506
  readonly 'border.width.outline': "var(--ds-border-width-outline)";
507
+ readonly 'border.width.selected': "var(--ds-border-width-selected)";
508
+ readonly 'border.width.focused': "var(--ds-border-width-focused)";
507
509
  };
508
510
  export type BorderWidth = keyof typeof borderWidthMap;
509
511
  export declare const borderRadiusMap: {
510
- readonly 'border.radius.050': "var(--ds-border-radius-050)";
512
+ readonly 'radius.xsmall': "var(--ds-radius-xsmall)";
513
+ readonly 'radius.small': "var(--ds-radius-small)";
514
+ readonly 'radius.medium': "var(--ds-radius-medium)";
515
+ readonly 'radius.large': "var(--ds-radius-large)";
516
+ readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
517
+ readonly 'radius.full': "var(--ds-radius-full)";
511
518
  readonly 'border.radius': "var(--ds-border-radius)";
519
+ readonly 'border.radius.050': "var(--ds-border-radius-050)";
512
520
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
513
521
  readonly 'border.radius.200': "var(--ds-border-radius-200)";
514
522
  readonly 'border.radius.300': "var(--ds-border-radius-300)";
@@ -729,6 +737,6 @@ export declare const fontStylesMap: FontStyleMap;
729
737
  export declare const textSizeStylesMap: TextStyleMap;
730
738
  export declare const textWeightStylesMap: TextWeightStyleMap;
731
739
  export declare const surfaceColorStylesMap: SurfaceColorStyleMap;
732
- export declare const isSurfaceColorToken: (color: unknown) => color is "elevation.surface" | "elevation.surface.hovered" | "elevation.surface.pressed" | "elevation.surface.overlay" | "elevation.surface.overlay.hovered" | "elevation.surface.overlay.pressed" | "elevation.surface.raised" | "elevation.surface.raised.hovered" | "elevation.surface.raised.pressed" | "elevation.surface.sunken";
740
+ export declare const isSurfaceColorToken: (color: unknown) => color is SurfaceColorToken;
733
741
  export declare const metricTextSizeStylesMap: MetricTextStyleMap;
734
742
  export {};
package/dist/types/xcss/xcss.d.ts CHANGED
@@ -268,6 +268,8 @@ export declare const tokensMap: {
268
268
  readonly 'border.width.0': "var(--ds-border-width-0)";
269
269
  readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
270
270
  readonly 'border.width.outline': "var(--ds-border-width-outline)";
271
+ readonly 'border.width.selected': "var(--ds-border-width-selected)";
272
+ readonly 'border.width.focused': "var(--ds-border-width-focused)";
271
273
  };
272
274
  readonly borderBlockStartColor: {
273
275
  readonly 'color.border': "var(--ds-border)";
@@ -299,12 +301,16 @@ export declare const tokensMap: {
299
301
  readonly 'border.width.0': "var(--ds-border-width-0)";
300
302
  readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
301
303
  readonly 'border.width.outline': "var(--ds-border-width-outline)";
304
+ readonly 'border.width.selected': "var(--ds-border-width-selected)";
305
+ readonly 'border.width.focused': "var(--ds-border-width-focused)";
302
306
  };
303
307
  readonly borderBlockWidth: {
304
308
  readonly 'border.width': "var(--ds-border-width)";
305
309
  readonly 'border.width.0': "var(--ds-border-width-0)";
306
310
  readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
307
311
  readonly 'border.width.outline': "var(--ds-border-width-outline)";
312
+ readonly 'border.width.selected': "var(--ds-border-width-selected)";
313
+ readonly 'border.width.focused': "var(--ds-border-width-focused)";
308
314
  };
309
315
  readonly borderBottomColor: {
310
316
  readonly 'color.border': "var(--ds-border)";
@@ -332,8 +338,14 @@ export declare const tokensMap: {
332
338
  readonly 'color.border.bold': "var(--ds-border-bold)";
333
339
  };
334
340
  readonly borderBottomLeftRadius: {
335
- readonly 'border.radius.050': "var(--ds-border-radius-050)";
341
+ readonly 'radius.xsmall': "var(--ds-radius-xsmall)";
342
+ readonly 'radius.small': "var(--ds-radius-small)";
343
+ readonly 'radius.medium': "var(--ds-radius-medium)";
344
+ readonly 'radius.large': "var(--ds-radius-large)";
345
+ readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
346
+ readonly 'radius.full': "var(--ds-radius-full)";
336
347
  readonly 'border.radius': "var(--ds-border-radius)";
348
+ readonly 'border.radius.050': "var(--ds-border-radius-050)";
337
349
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
338
350
  readonly 'border.radius.200': "var(--ds-border-radius-200)";
339
351
  readonly 'border.radius.300': "var(--ds-border-radius-300)";
@@ -341,8 +353,14 @@ export declare const tokensMap: {
341
353
  readonly 'border.radius.circle': "var(--ds-border-radius-circle)";
342
354
  };
343
355
  readonly borderBottomRightRadius: {
344
- readonly 'border.radius.050': "var(--ds-border-radius-050)";
356
+ readonly 'radius.xsmall': "var(--ds-radius-xsmall)";
357
+ readonly 'radius.small': "var(--ds-radius-small)";
358
+ readonly 'radius.medium': "var(--ds-radius-medium)";
359
+ readonly 'radius.large': "var(--ds-radius-large)";
360
+ readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
361
+ readonly 'radius.full': "var(--ds-radius-full)";
345
362
  readonly 'border.radius': "var(--ds-border-radius)";
363
+ readonly 'border.radius.050': "var(--ds-border-radius-050)";
346
364
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
347
365
  readonly 'border.radius.200': "var(--ds-border-radius-200)";
348
366
  readonly 'border.radius.300': "var(--ds-border-radius-300)";
@@ -354,6 +372,8 @@ export declare const tokensMap: {
354
372
  readonly 'border.width.0': "var(--ds-border-width-0)";
355
373
  readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
356
374
  readonly 'border.width.outline': "var(--ds-border-width-outline)";
375
+ readonly 'border.width.selected': "var(--ds-border-width-selected)";
376
+ readonly 'border.width.focused': "var(--ds-border-width-focused)";
357
377
  };
358
378
  readonly borderColor: {
359
379
  readonly 'color.border': "var(--ds-border)";
@@ -381,8 +401,14 @@ export declare const tokensMap: {
381
401
  readonly 'color.border.bold': "var(--ds-border-bold)";
382
402
  };
383
403
  readonly borderEndEndRadius: {
384
- readonly 'border.radius.050': "var(--ds-border-radius-050)";
404
+ readonly 'radius.xsmall': "var(--ds-radius-xsmall)";
405
+ readonly 'radius.small': "var(--ds-radius-small)";
406
+ readonly 'radius.medium': "var(--ds-radius-medium)";
407
+ readonly 'radius.large': "var(--ds-radius-large)";
408
+ readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
409
+ readonly 'radius.full': "var(--ds-radius-full)";
385
410
  readonly 'border.radius': "var(--ds-border-radius)";
411
+ readonly 'border.radius.050': "var(--ds-border-radius-050)";
386
412
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
387
413
  readonly 'border.radius.200': "var(--ds-border-radius-200)";
388
414
  readonly 'border.radius.300': "var(--ds-border-radius-300)";
@@ -390,8 +416,14 @@ export declare const tokensMap: {
390
416
  readonly 'border.radius.circle': "var(--ds-border-radius-circle)";
391
417
  };
392
418
  readonly borderEndStartRadius: {
393
- readonly 'border.radius.050': "var(--ds-border-radius-050)";
419
+ readonly 'radius.xsmall': "var(--ds-radius-xsmall)";
420
+ readonly 'radius.small': "var(--ds-radius-small)";
421
+ readonly 'radius.medium': "var(--ds-radius-medium)";
422
+ readonly 'radius.large': "var(--ds-radius-large)";
423
+ readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
424
+ readonly 'radius.full': "var(--ds-radius-full)";
394
425
  readonly 'border.radius': "var(--ds-border-radius)";
426
+ readonly 'border.radius.050': "var(--ds-border-radius-050)";
395
427
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
396
428
  readonly 'border.radius.200': "var(--ds-border-radius-200)";
397
429
  readonly 'border.radius.300': "var(--ds-border-radius-300)";
@@ -453,6 +485,8 @@ export declare const tokensMap: {
453
485
  readonly 'border.width.0': "var(--ds-border-width-0)";
454
486
  readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
455
487
  readonly 'border.width.outline': "var(--ds-border-width-outline)";
488
+ readonly 'border.width.selected': "var(--ds-border-width-selected)";
489
+ readonly 'border.width.focused': "var(--ds-border-width-focused)";
456
490
  };
457
491
  readonly borderInlineStartColor: {
458
492
  readonly 'color.border': "var(--ds-border)";
@@ -484,12 +518,16 @@ export declare const tokensMap: {
484
518
  readonly 'border.width.0': "var(--ds-border-width-0)";
485
519
  readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
486
520
  readonly 'border.width.outline': "var(--ds-border-width-outline)";
521
+ readonly 'border.width.selected': "var(--ds-border-width-selected)";
522
+ readonly 'border.width.focused': "var(--ds-border-width-focused)";
487
523
  };
488
524
  readonly borderInlineWidth: {
489
525
  readonly 'border.width': "var(--ds-border-width)";
490
526
  readonly 'border.width.0': "var(--ds-border-width-0)";
491
527
  readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
492
528
  readonly 'border.width.outline': "var(--ds-border-width-outline)";
529
+ readonly 'border.width.selected': "var(--ds-border-width-selected)";
530
+ readonly 'border.width.focused': "var(--ds-border-width-focused)";
493
531
  };
494
532
  readonly borderLeftColor: {
495
533
  readonly 'color.border': "var(--ds-border)";
@@ -521,10 +559,18 @@ export declare const tokensMap: {
521
559
  readonly 'border.width.0': "var(--ds-border-width-0)";
522
560
  readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
523
561
  readonly 'border.width.outline': "var(--ds-border-width-outline)";
562
+ readonly 'border.width.selected': "var(--ds-border-width-selected)";
563
+ readonly 'border.width.focused': "var(--ds-border-width-focused)";
524
564
  };
525
565
  readonly borderRadius: {
526
- readonly 'border.radius.050': "var(--ds-border-radius-050)";
566
+ readonly 'radius.xsmall': "var(--ds-radius-xsmall)";
567
+ readonly 'radius.small': "var(--ds-radius-small)";
568
+ readonly 'radius.medium': "var(--ds-radius-medium)";
569
+ readonly 'radius.large': "var(--ds-radius-large)";
570
+ readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
571
+ readonly 'radius.full': "var(--ds-radius-full)";
527
572
  readonly 'border.radius': "var(--ds-border-radius)";
573
+ readonly 'border.radius.050': "var(--ds-border-radius-050)";
528
574
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
529
575
  readonly 'border.radius.200': "var(--ds-border-radius-200)";
530
576
  readonly 'border.radius.300': "var(--ds-border-radius-300)";
@@ -561,10 +607,18 @@ export declare const tokensMap: {
561
607
  readonly 'border.width.0': "var(--ds-border-width-0)";
562
608
  readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
563
609
  readonly 'border.width.outline': "var(--ds-border-width-outline)";
610
+ readonly 'border.width.selected': "var(--ds-border-width-selected)";
611
+ readonly 'border.width.focused': "var(--ds-border-width-focused)";
564
612
  };
565
613
  readonly borderStartEndRadius: {
566
- readonly 'border.radius.050': "var(--ds-border-radius-050)";
614
+ readonly 'radius.xsmall': "var(--ds-radius-xsmall)";
615
+ readonly 'radius.small': "var(--ds-radius-small)";
616
+ readonly 'radius.medium': "var(--ds-radius-medium)";
617
+ readonly 'radius.large': "var(--ds-radius-large)";
618
+ readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
619
+ readonly 'radius.full': "var(--ds-radius-full)";
567
620
  readonly 'border.radius': "var(--ds-border-radius)";
621
+ readonly 'border.radius.050': "var(--ds-border-radius-050)";
568
622
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
569
623
  readonly 'border.radius.200': "var(--ds-border-radius-200)";
570
624
  readonly 'border.radius.300': "var(--ds-border-radius-300)";
@@ -572,8 +626,14 @@ export declare const tokensMap: {
572
626
  readonly 'border.radius.circle': "var(--ds-border-radius-circle)";
573
627
  };
574
628
  readonly borderStartStartRadius: {
575
- readonly 'border.radius.050': "var(--ds-border-radius-050)";
629
+ readonly 'radius.xsmall': "var(--ds-radius-xsmall)";
630
+ readonly 'radius.small': "var(--ds-radius-small)";
631
+ readonly 'radius.medium': "var(--ds-radius-medium)";
632
+ readonly 'radius.large': "var(--ds-radius-large)";
633
+ readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
634
+ readonly 'radius.full': "var(--ds-radius-full)";
576
635
  readonly 'border.radius': "var(--ds-border-radius)";
636
+ readonly 'border.radius.050': "var(--ds-border-radius-050)";
577
637
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
578
638
  readonly 'border.radius.200': "var(--ds-border-radius-200)";
579
639
  readonly 'border.radius.300': "var(--ds-border-radius-300)";
@@ -606,8 +666,14 @@ export declare const tokensMap: {
606
666
  readonly 'color.border.bold': "var(--ds-border-bold)";
607
667
  };
608
668
  readonly borderTopLeftRadius: {
609
- readonly 'border.radius.050': "var(--ds-border-radius-050)";
669
+ readonly 'radius.xsmall': "var(--ds-radius-xsmall)";
670
+ readonly 'radius.small': "var(--ds-radius-small)";
671
+ readonly 'radius.medium': "var(--ds-radius-medium)";
672
+ readonly 'radius.large': "var(--ds-radius-large)";
673
+ readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
674
+ readonly 'radius.full': "var(--ds-radius-full)";
610
675
  readonly 'border.radius': "var(--ds-border-radius)";
676
+ readonly 'border.radius.050': "var(--ds-border-radius-050)";
611
677
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
612
678
  readonly 'border.radius.200': "var(--ds-border-radius-200)";
613
679
  readonly 'border.radius.300': "var(--ds-border-radius-300)";
@@ -615,8 +681,14 @@ export declare const tokensMap: {
615
681
  readonly 'border.radius.circle': "var(--ds-border-radius-circle)";
616
682
  };
617
683
  readonly borderTopRightRadius: {
618
- readonly 'border.radius.050': "var(--ds-border-radius-050)";
684
+ readonly 'radius.xsmall': "var(--ds-radius-xsmall)";
685
+ readonly 'radius.small': "var(--ds-radius-small)";
686
+ readonly 'radius.medium': "var(--ds-radius-medium)";
687
+ readonly 'radius.large': "var(--ds-radius-large)";
688
+ readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
689
+ readonly 'radius.full': "var(--ds-radius-full)";
619
690
  readonly 'border.radius': "var(--ds-border-radius)";
691
+ readonly 'border.radius.050': "var(--ds-border-radius-050)";
620
692
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
621
693
  readonly 'border.radius.200': "var(--ds-border-radius-200)";
622
694
  readonly 'border.radius.300': "var(--ds-border-radius-300)";
@@ -628,12 +700,16 @@ export declare const tokensMap: {
628
700
  readonly 'border.width.0': "var(--ds-border-width-0)";
629
701
  readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
630
702
  readonly 'border.width.outline': "var(--ds-border-width-outline)";
703
+ readonly 'border.width.selected': "var(--ds-border-width-selected)";
704
+ readonly 'border.width.focused': "var(--ds-border-width-focused)";
631
705
  };
632
706
  readonly borderWidth: {
633
707
  readonly 'border.width': "var(--ds-border-width)";
634
708
  readonly 'border.width.0': "var(--ds-border-width-0)";
635
709
  readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
636
710
  readonly 'border.width.outline': "var(--ds-border-width-outline)";
711
+ readonly 'border.width.selected': "var(--ds-border-width-selected)";
712
+ readonly 'border.width.focused': "var(--ds-border-width-focused)";
637
713
  };
638
714
  readonly bottom: {
639
715
  'space.negative.025': "var(--ds-space-negative-025)";
@@ -1402,6 +1478,8 @@ export declare const tokensMap: {
1402
1478
  readonly 'border.width.0': "var(--ds-border-width-0)";
1403
1479
  readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
1404
1480
  readonly 'border.width.outline': "var(--ds-border-width-outline)";
1481
+ readonly 'border.width.selected': "var(--ds-border-width-selected)";
1482
+ readonly 'border.width.focused': "var(--ds-border-width-focused)";
1405
1483
  };
1406
1484
  readonly padding: {
1407
1485
  'space.0': "var(--ds-space-0)";
package/dist/types-ts4.5/compiled/responsive/use-media-query.d.ts CHANGED
@@ -19,5 +19,5 @@ type NestedQueryString = `above.${keyof typeof media.above}` | `below.${keyof ty
19
19
  * - `MediaQueryList`, primarily used to get if that media query is currently
20
20
  * - `null` when `matchMedia` is unavailable, eg. in SSR.
21
21
  */
22
- export declare const UNSAFE_useMediaQuery: (queryString: NestedQueryString, listener?: ((event: MediaQueryListEvent) => void) | undefined) => MediaQueryList | null;
22
+ export declare const UNSAFE_useMediaQuery: (queryString: NestedQueryString, listener?: (event: MediaQueryListEvent) => void) => MediaQueryList | null;
23
23
  export {};
package/dist/types-ts4.5/responsive/build-media-query-css.d.ts CHANGED
@@ -25,7 +25,12 @@ import type { Breakpoint } from './types';
25
25
  * }
26
26
  * ```
27
27
  */
28
- export declare const UNSAFE_buildAboveMediaQueryCSS: (input: CSSObject | ((breakpoint: Breakpoint) => CSSObject)) => Required<Partial<Record<Breakpoint, import("@emotion/react").SerializedStyles>>>;
28
+ export declare const UNSAFE_buildAboveMediaQueryCSS: (
29
+ /**
30
+ * The desired CSS to place inside of the media query.
31
+ * This can either be a css object directly or functional with `breakpoint` as the arg to return a css object.
32
+ */
33
+ input: CSSObject | ((breakpoint: Breakpoint) => CSSObject)) => Required<Partial<Record<Breakpoint, import("@emotion/react").SerializedStyles>>>;
29
34
  /**
30
35
  * Build a map of breakpoints to css with media queries and nested styles.
31
36
  *
@@ -50,4 +55,9 @@ export declare const UNSAFE_buildAboveMediaQueryCSS: (input: CSSObject | ((break
50
55
  * }
51
56
  * ```
52
57
  */
53
- export declare const UNSAFE_buildBelowMediaQueryCSS: (input: CSSObject | ((breakpoint: Breakpoint) => CSSObject)) => Required<Partial<Record<Breakpoint, import("@emotion/react").SerializedStyles>>>;
58
+ export declare const UNSAFE_buildBelowMediaQueryCSS: (
59
+ /**
60
+ * The desired CSS to place inside of the media query.
61
+ * This can either be a css object directly or functional with `breakpoint` as the arg to return a css object.
62
+ */
63
+ input: CSSObject | ((breakpoint: Breakpoint) => CSSObject)) => Required<Partial<Record<Breakpoint, import("@emotion/react").SerializedStyles>>>;
package/dist/types-ts4.5/responsive/use-media-query.d.ts CHANGED
@@ -19,5 +19,5 @@ type NestedQueryString = `above.${keyof typeof UNSAFE_media.above}` | `below.${k
19
19
  * - `MediaQueryList`, primarily used to get if that media query is currently
20
20
  * - `null` when `matchMedia` is unavailable, eg. in SSR.
21
21
  */
22
- export declare const UNSAFE_useMediaQuery: (queryString: NestedQueryString, listener?: ((event: MediaQueryListEvent) => void) | undefined) => MediaQueryList | null;
22
+ export declare const UNSAFE_useMediaQuery: (queryString: NestedQueryString, listener?: (event: MediaQueryListEvent) => void) => MediaQueryList | null;
23
23
  export {};
package/dist/types-ts4.5/utils/has-text-ancestor-context.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  /**
3
2
  * @internal
4
3
  */
package/dist/types-ts4.5/utils/surface-provider.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import type { BackgroundColorToken } from './types';
3
2
  /**
4
3
  * __Surface context__
package/dist/types-ts4.5/xcss/style-maps.partial.d.ts CHANGED
@@ -493,22 +493,30 @@ export type Layer = keyof typeof layerMap;
493
493
  */
494
494
  /**
495
495
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
496
- * @codegen <<SignedSource::957baf1fa3fc3fe5eb06b497a7ba6599>>
496
+ * @codegen <<SignedSource::71788d573ebf1ca2644ef177172c9ecf>>
497
497
  * @codegenId border
498
498
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
499
499
  * @codegenParams ["width", "radius"]
500
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::80457377fd80c31f5dfcb5cc743d7016>>
500
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::6496556b3439a7f18f8b7a7a3ec59bb9>>
501
501
  */
502
502
  export declare const borderWidthMap: {
503
503
  readonly 'border.width': "var(--ds-border-width)";
504
504
  readonly 'border.width.0': "var(--ds-border-width-0)";
505
505
  readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
506
506
  readonly 'border.width.outline': "var(--ds-border-width-outline)";
507
+ readonly 'border.width.selected': "var(--ds-border-width-selected)";
508
+ readonly 'border.width.focused': "var(--ds-border-width-focused)";
507
509
  };
508
510
  export type BorderWidth = keyof typeof borderWidthMap;
509
511
  export declare const borderRadiusMap: {
510
- readonly 'border.radius.050': "var(--ds-border-radius-050)";
512
+ readonly 'radius.xsmall': "var(--ds-radius-xsmall)";
513
+ readonly 'radius.small': "var(--ds-radius-small)";
514
+ readonly 'radius.medium': "var(--ds-radius-medium)";
515
+ readonly 'radius.large': "var(--ds-radius-large)";
516
+ readonly 'radius.xlarge': "var(--ds-radius-xlarge)";
517
+ readonly 'radius.full': "var(--ds-radius-full)";
511
518
  readonly 'border.radius': "var(--ds-border-radius)";
519
+ readonly 'border.radius.050': "var(--ds-border-radius-050)";
512
520
  readonly 'border.radius.100': "var(--ds-border-radius-100)";
513
521
  readonly 'border.radius.200': "var(--ds-border-radius-200)";
514
522
  readonly 'border.radius.300': "var(--ds-border-radius-300)";
@@ -740,6 +748,6 @@ export declare const fontStylesMap: FontStyleMap;
740
748
  export declare const textSizeStylesMap: TextStyleMap;
741
749
  export declare const textWeightStylesMap: TextWeightStyleMap;
742
750
  export declare const surfaceColorStylesMap: SurfaceColorStyleMap;
743
- export declare const isSurfaceColorToken: (color: unknown) => color is "elevation.surface" | "elevation.surface.hovered" | "elevation.surface.pressed" | "elevation.surface.overlay" | "elevation.surface.overlay.hovered" | "elevation.surface.overlay.pressed" | "elevation.surface.raised" | "elevation.surface.raised.hovered" | "elevation.surface.raised.pressed" | "elevation.surface.sunken";
751
+ export declare const isSurfaceColorToken: (color: unknown) => color is SurfaceColorToken;
744
752
  export declare const metricTextSizeStylesMap: MetricTextStyleMap;
745
753
  export {};