@atlaskit/ds-explorations 0.1.4 → 1.0.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 (101) hide show
  1. package/CHANGELOG.md +33 -0
  2. package/box/package.json +15 -0
  3. package/dist/cjs/components/box.partial.js +184 -201
  4. package/dist/cjs/components/inline.partial.js +49 -30
  5. package/dist/cjs/components/interaction-surface.partial.js +35 -3
  6. package/dist/cjs/components/stack.partial.js +49 -30
  7. package/dist/cjs/components/text.partial.js +116 -85
  8. package/dist/cjs/index.js +1 -9
  9. package/dist/cjs/internal/color-map.js +6 -5
  10. package/dist/cjs/internal/spacing-scale.js +17 -0
  11. package/dist/cjs/version.json +1 -1
  12. package/dist/es2019/components/box.partial.js +182 -184
  13. package/dist/es2019/components/inline.partial.js +49 -29
  14. package/dist/es2019/components/interaction-surface.partial.js +35 -3
  15. package/dist/es2019/components/stack.partial.js +49 -29
  16. package/dist/es2019/components/text.partial.js +73 -35
  17. package/dist/es2019/index.js +1 -2
  18. package/dist/es2019/internal/color-map.js +4 -3
  19. package/dist/es2019/internal/spacing-scale.js +9 -0
  20. package/dist/es2019/version.json +1 -1
  21. package/dist/esm/components/box.partial.js +183 -197
  22. package/dist/esm/components/inline.partial.js +49 -29
  23. package/dist/esm/components/interaction-surface.partial.js +35 -3
  24. package/dist/esm/components/stack.partial.js +49 -29
  25. package/dist/esm/components/text.partial.js +78 -46
  26. package/dist/esm/index.js +1 -2
  27. package/dist/esm/internal/color-map.js +4 -3
  28. package/dist/esm/internal/spacing-scale.js +9 -0
  29. package/dist/esm/version.json +1 -1
  30. package/dist/types/components/box.partial.d.ts +114 -18
  31. package/dist/types/components/inline.partial.d.ts +38 -4
  32. package/dist/types/components/interaction-surface.partial.d.ts +7 -3
  33. package/dist/types/components/stack.partial.d.ts +39 -6
  34. package/dist/types/components/text.partial.d.ts +5 -3
  35. package/dist/types/components/types.d.ts +1 -0
  36. package/dist/types/index.d.ts +0 -1
  37. package/dist/types/internal/color-map.d.ts +11 -9
  38. package/dist/types/internal/spacing-scale.d.ts +9 -0
  39. package/dist/types-ts4.0/components/box.partial.d.ts +114 -24
  40. package/dist/types-ts4.0/components/inline.partial.d.ts +38 -4
  41. package/dist/types-ts4.0/components/interaction-surface.partial.d.ts +7 -3
  42. package/dist/types-ts4.0/components/stack.partial.d.ts +39 -6
  43. package/dist/types-ts4.0/components/text.partial.d.ts +5 -6
  44. package/dist/types-ts4.0/components/types.d.ts +1 -0
  45. package/dist/types-ts4.0/index.d.ts +0 -1
  46. package/dist/types-ts4.0/internal/color-map.d.ts +11 -9
  47. package/dist/types-ts4.0/internal/spacing-scale.d.ts +22 -0
  48. package/examples/00-basic.tsx +4 -4
  49. package/examples/01-box.tsx +29 -46
  50. package/examples/02-text-advanced.tsx +38 -0
  51. package/examples/02-text.tsx +72 -62
  52. package/examples/03-stack.tsx +48 -74
  53. package/examples/04-inline.tsx +46 -75
  54. package/examples/05-badge.tsx +2 -2
  55. package/examples/06-section-message.tsx +7 -7
  56. package/examples/07-comment.tsx +4 -6
  57. package/examples/08-lozenge.tsx +9 -5
  58. package/examples/99-interactions.tsx +53 -46
  59. package/examples/config.jsonc +11 -0
  60. package/package.json +5 -2
  61. package/report.api.md +240 -54
  62. package/scripts/__tests__/__snapshots__/codegen.test.tsx.snap +52 -64
  63. package/scripts/codegen-styles.tsx +34 -6
  64. package/scripts/color-codegen-template.tsx +10 -15
  65. package/scripts/color-map-template.tsx +1 -1
  66. package/scripts/spacing-codegen-template.tsx +48 -12
  67. package/scripts/spacing-scale-template.tsx +40 -0
  68. package/scripts/utils.tsx +1 -3
  69. package/src/components/__tests__/unit/box.test.tsx +18 -13
  70. package/src/components/__tests__/unit/inline.test.tsx +10 -10
  71. package/src/components/__tests__/unit/interaction-suface.test.tsx +14 -8
  72. package/src/components/__tests__/unit/stack.test.tsx +7 -7
  73. package/src/components/__tests__/unit/text.test.tsx +23 -0
  74. package/src/components/__tests__/visual-regression/__image_snapshots__/box-snapshot-test-tsx-box-example-with-background-and-padding-block-should-match-snapshot-1-snap.png +2 -2
  75. package/src/components/__tests__/visual-regression/__image_snapshots__/box-snapshot-test-tsx-box-example-with-background-and-padding-inline-should-match-snapshot-1-snap.png +2 -2
  76. package/src/components/__tests__/visual-regression/__image_snapshots__/box-snapshot-test-tsx-box-example-with-background-and-padding-should-match-snapshot-1-snap.png +2 -2
  77. package/src/components/__tests__/visual-regression/__image_snapshots__/box-snapshot-test-tsx-box-example-with-background-color-should-match-snapshot-1-snap.png +2 -2
  78. package/src/components/__tests__/visual-regression/__image_snapshots__/box-snapshot-test-tsx-box-example-with-border-color-should-match-snapshot-1-snap.png +2 -2
  79. package/src/components/__tests__/visual-regression/__image_snapshots__/inline-snapshot-test-tsx-inline-alignment-example-should-match-snapshot-1-snap.png +2 -2
  80. package/src/components/__tests__/visual-regression/__image_snapshots__/inline-snapshot-test-tsx-inline-spacing-example-should-match-snapshot-1-snap.png +2 -2
  81. package/src/components/__tests__/visual-regression/__image_snapshots__/stack-snapshot-test-tsx-stack-alignment-example-should-match-snapshot-1-snap.png +2 -2
  82. package/src/components/__tests__/visual-regression/__image_snapshots__/stack-snapshot-test-tsx-stack-spacing-example-should-match-snapshot-1-snap.png +2 -2
  83. package/src/components/__tests__/visual-regression/__image_snapshots__/text-snapshot-test-tsx-text-example-with-line-heights-should-match-snapshot-1-snap.png +2 -2
  84. package/src/components/__tests__/visual-regression/__image_snapshots__/text-snapshot-test-tsx-text-example-with-testing-should-match-snapshot-1-snap.png +2 -2
  85. package/src/components/box.partial.tsx +296 -159
  86. package/src/components/inline.partial.tsx +75 -21
  87. package/src/components/interaction-surface.partial.tsx +6 -4
  88. package/src/components/stack.partial.tsx +75 -22
  89. package/src/components/text.partial.tsx +78 -41
  90. package/src/components/types.tsx +2 -0
  91. package/src/index.tsx +0 -1
  92. package/src/internal/color-map.tsx +4 -3
  93. package/src/internal/spacing-scale.tsx +22 -0
  94. package/text/package.json +15 -0
  95. package/tmp/api-report-tmp.d.ts +583 -0
  96. package/dist/cjs/constants.js +0 -21
  97. package/dist/es2019/constants.js +0 -14
  98. package/dist/esm/constants.js +0 -14
  99. package/dist/types/constants.d.ts +0 -15
  100. package/dist/types-ts4.0/constants.d.ts +0 -15
  101. package/src/constants.tsx +0 -16
package/CHANGELOG.md CHANGED
@@ -1,5 +1,38 @@
1
1
  # @atlaskit/ds-explorations
2
2
 
3
+ ## 1.0.0
4
+
5
+ ### Major Changes
6
+
7
+ - [`30c6ec5a76f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/30c6ec5a76f) - **Breaking Change**
8
+
9
+ The package has been moved to a v1 state. It is no less or more stable (see readme for more information) however this update is to ensure that the consumption of minor versions for the package in downstream dependencies is correctly resolved.
10
+
11
+ This update also includes changes to the way the `Text` component behaves with `Box`:
12
+
13
+ - Text will now remove redundant DOM elements if it detects that it is already in the context of a `Text` element. This will only occur if the Text element that is a candidate for removal does not apply any custom property.
14
+ - Text will also try to apply a color that is accessible if no user choice has been provided and the background of the surface causes an accessibility failure.
15
+
16
+ ### Minor Changes
17
+
18
+ - [`664d3fe6586`](https://bitbucket.org/atlassian/atlassian-frontend/commits/664d3fe6586) - Use spacing tokens for all spacing-related props. Remove old SPACING_SCALE and GlobalSpacingToken.
19
+
20
+ ### Patch Changes
21
+
22
+ - [`f5ae2702e35`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f5ae2702e35) - Box component now infers HTML attribute props from `as` prop.
23
+ - [`7c6009de2f1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7c6009de2f1) - [ux] Updates the visual appearance to match the legacy light mode palette.
24
+
25
+ ## 0.1.5
26
+
27
+ ### Patch Changes
28
+
29
+ - [`7014fd08976`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7014fd08976) - [ux] Inline gap prop now internally sets column-gap; Stack gap prop now internally sets row-gap
30
+ - [`ba660f4f76f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ba660f4f76f) - Add `start` and `end` values to Stack and Inline flex properties.
31
+ - [`3ee63238f49`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3ee63238f49) - Update internals of Box, Text, Inline and Stack to handle `children` more accurately.
32
+ Also update scope of `use-primitives` to suggest Box and Text more selectively.
33
+ - [`9dec0fe6946`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9dec0fe6946) - Add overflow prop to Box.
34
+ - [`7a9e73ec430`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7a9e73ec430) - [ux] Internal changes to how styles are represented in SectionMessage. Some minor visual changes to the color and spacing of SectionMessage. No changes to the SectionMessage API.
35
+
3
36
  ## 0.1.4
4
37
 
5
38
  ### Patch Changes
@@ -0,0 +1,15 @@
1
+ {
2
+ "name": "@atlaskit/ds-explorations/box",
3
+ "main": "../dist/cjs/components/box.partial.js",
4
+ "module": "../dist/esm/components/box.partial.js",
5
+ "module:es2019": "../dist/es2019/components/box.partial.js",
6
+ "sideEffects": false,
7
+ "types": "../dist/types/components/box.partial.d.ts",
8
+ "typesVersions": {
9
+ ">=4.0 <4.5": {
10
+ "*": [
11
+ "../dist/types-ts4.0/components/box.partial.d.ts"
12
+ ]
13
+ }
14
+ }
15
+ }