@atlaskit/primitives 0.9.2 → 0.9.4

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 (41) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/cjs/helpers/responsive/constants.js +24 -17
  3. package/dist/cjs/helpers/responsive/media-helper.js +21 -27
  4. package/dist/cjs/version.json +1 -1
  5. package/dist/cjs/xcss/style-maps.partial.js +50 -26
  6. package/dist/cjs/xcss/xcss.js +1 -0
  7. package/dist/es2019/helpers/responsive/constants.js +24 -15
  8. package/dist/es2019/helpers/responsive/media-helper.js +21 -27
  9. package/dist/es2019/version.json +1 -1
  10. package/dist/es2019/xcss/style-maps.partial.js +48 -25
  11. package/dist/es2019/xcss/xcss.js +2 -1
  12. package/dist/esm/helpers/responsive/constants.js +24 -17
  13. package/dist/esm/helpers/responsive/media-helper.js +21 -27
  14. package/dist/esm/version.json +1 -1
  15. package/dist/esm/xcss/style-maps.partial.js +48 -25
  16. package/dist/esm/xcss/xcss.js +2 -1
  17. package/dist/types/helpers/responsive/constants.d.ts +2 -0
  18. package/dist/types/helpers/responsive/media-helper.d.ts +14 -14
  19. package/dist/types/helpers/responsive/types.d.ts +7 -2
  20. package/dist/types/xcss/style-maps.partial.d.ts +42 -17
  21. package/dist/types-ts4.5/components/box.d.ts +18 -0
  22. package/dist/types-ts4.5/components/inline.d.ts +75 -0
  23. package/dist/types-ts4.5/components/internal/base-box.d.ts +84 -0
  24. package/dist/types-ts4.5/components/stack.d.ts +61 -0
  25. package/dist/types-ts4.5/components/types.d.ts +18 -0
  26. package/dist/types-ts4.5/constants.d.ts +12 -0
  27. package/dist/types-ts4.5/helpers/responsive/build-media-query-css.d.ts +57 -0
  28. package/dist/types-ts4.5/helpers/responsive/constants.d.ts +33 -0
  29. package/dist/types-ts4.5/helpers/responsive/index.d.ts +4 -0
  30. package/dist/types-ts4.5/helpers/responsive/media-helper.d.ts +45 -0
  31. package/dist/types-ts4.5/helpers/responsive/types.d.ts +52 -0
  32. package/dist/types-ts4.5/index.d.ts +4 -0
  33. package/dist/types-ts4.5/xcss/style-maps.partial.d.ts +474 -0
  34. package/dist/types-ts4.5/xcss/xcss.d.ts +57 -0
  35. package/package.json +5 -5
  36. package/report.api.md +36 -7
  37. package/scripts/codegen-file-templates/dimensions.tsx +7 -7
  38. package/scripts/color-codegen-template.tsx +7 -0
  39. package/scripts/spacing-codegen-template.tsx +1 -1
  40. package/tmp/api-report-tmp.d.ts +36 -7
  41. package/tsconfig.node.json +7 -0
package/scripts/color-codegen-template.tsx CHANGED
@@ -50,6 +50,13 @@ const tokenStyles = {
50
50
  filterFn: <T extends Token>(t: T) =>
51
51
  t.token.startsWith(tokenStyles.shadow.prefix),
52
52
  },
53
+ fill: {
54
+ objectName: 'fill',
55
+ prefix: 'color.icon.',
56
+ cssProperty: 'fill',
57
+ filterFn: <T extends Token>(t: T) =>
58
+ t.token.startsWith(tokenStyles.fill.prefix),
59
+ },
53
60
  } as const;
54
61
 
55
62
  const bothTokens = tokens.map((t, i) => [t, legacyTokens[i]]);
package/scripts/spacing-codegen-template.tsx CHANGED
@@ -10,7 +10,7 @@ const spaceTokens = tokens
10
10
  .filter(token => token.name.startsWith(spacingTokenPrefix))
11
11
  .map(t => ({
12
12
  name: t.name,
13
- fallback: t.attributes.pixelValue!,
13
+ fallback: t.value,
14
14
  }));
15
15
 
16
16
  export const createSpacingStylesFromTemplate = () => {
package/tmp/api-report-tmp.d.ts CHANGED
@@ -289,13 +289,13 @@ type Dimension = keyof typeof dimensionMap;
289
289
  // @public
290
290
  const dimensionMap: {
291
291
  readonly '100%': "100%";
292
- readonly 'size.100': "16px";
293
- readonly 'size.200': "24px";
294
- readonly 'size.300': "32px";
295
- readonly 'size.400': "40px";
296
- readonly 'size.500': "48px";
297
- readonly 'size.600': "96px";
298
- readonly 'size.1000': "192px";
292
+ readonly 'size.100': "1rem";
293
+ readonly 'size.200': "1.5rem";
294
+ readonly 'size.300': "2rem";
295
+ readonly 'size.400': "2.5rem";
296
+ readonly 'size.500': "3rem";
297
+ readonly 'size.600': "6rem";
298
+ readonly 'size.1000': "12rem";
299
299
  };
300
300
 
301
301
  // @public (undocumented)
@@ -310,6 +310,34 @@ const displayMap: {
310
310
  readonly inlineFlex: "inline-flex";
311
311
  };
312
312
 
313
+ // @public (undocumented)
314
+ type Fill = keyof typeof fillMap;
315
+
316
+ // @public (undocumented)
317
+ const fillMap: {
318
+ readonly 'color.icon': "var(--ds-icon)";
319
+ readonly 'accent.red': "var(--ds-icon-accent-red)";
320
+ readonly 'accent.orange': "var(--ds-icon-accent-orange)";
321
+ readonly 'accent.yellow': "var(--ds-icon-accent-yellow)";
322
+ readonly 'accent.green': "var(--ds-icon-accent-green)";
323
+ readonly 'accent.teal': "var(--ds-icon-accent-teal)";
324
+ readonly 'accent.blue': "var(--ds-icon-accent-blue)";
325
+ readonly 'accent.purple': "var(--ds-icon-accent-purple)";
326
+ readonly 'accent.magenta': "var(--ds-icon-accent-magenta)";
327
+ readonly 'accent.gray': "var(--ds-icon-accent-gray)";
328
+ readonly disabled: "var(--ds-icon-disabled)";
329
+ readonly inverse: "var(--ds-icon-inverse)";
330
+ readonly selected: "var(--ds-icon-selected)";
331
+ readonly brand: "var(--ds-icon-brand)";
332
+ readonly danger: "var(--ds-icon-danger)";
333
+ readonly warning: "var(--ds-icon-warning)";
334
+ readonly 'warning.inverse': "var(--ds-icon-warning-inverse)";
335
+ readonly success: "var(--ds-icon-success)";
336
+ readonly discovery: "var(--ds-icon-discovery)";
337
+ readonly information: "var(--ds-icon-information)";
338
+ readonly subtle: "var(--ds-icon-subtle)";
339
+ };
340
+
313
341
  // @public (undocumented)
314
342
  type Flex = keyof typeof flexMap;
315
343
 
@@ -586,6 +614,7 @@ type TokenisedProps = {
586
614
  color?: TextColor;
587
615
  columnGap?: Space;
588
616
  display?: Display;
617
+ fill?: Fill;
589
618
  flex?: Flex;
590
619
  flexDirection?: FlexDirection;
591
620
  flexGrow?: FlexGrow;
package/tsconfig.node.json ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "extends": "../../../tsconfig.node.json",
3
+ "ts-node": {
4
+ // TODO: Remove this line when/if ../../../tsconfig.node.json adds it instead: https://atlassian.slack.com/archives/C048B3HSFB9/p1684121217771909
5
+ "require": ["tsconfig-paths/register"]
6
+ }
7
+ }