@atlaskit/ds-explorations 0.0.2 → 0.0.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.
Files changed (16) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/components/box.partial.js +5 -2
  3. package/dist/cjs/components/text.partial.js +2 -2
  4. package/dist/cjs/version.json +1 -1
  5. package/dist/es2019/components/box.partial.js +5 -2
  6. package/dist/es2019/components/text.partial.js +2 -2
  7. package/dist/es2019/version.json +1 -1
  8. package/dist/esm/components/box.partial.js +5 -2
  9. package/dist/esm/components/text.partial.js +2 -2
  10. package/dist/esm/version.json +1 -1
  11. package/dist/types/components/box.partial.d.ts +2 -1
  12. package/dist/types/components/text.partial.d.ts +1 -1
  13. package/package.json +1 -1
  14. package/scripts/__tests__/__snapshots__/codegen.test.tsx.snap +2 -2
  15. package/src/components/box.partial.tsx +2 -2
  16. package/src/components/text.partial.tsx +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/ds-explorations
2
2
 
3
+ ## 0.0.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [`40151c42d7d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/40151c42d7d) - Update background, text and icon disabled colors to use alpha base tokens
8
+
3
9
  ## 0.0.2
4
10
 
5
11
  ### Patch Changes
package/dist/cjs/components/box.partial.js CHANGED
@@ -252,7 +252,7 @@ var gapMap = {
252
252
 
253
253
  /**
254
254
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
255
- * @codegen <<SignedSource::cd05b856816392f4ac8e227854831f76>>
255
+ * @codegen <<SignedSource::f48a8ffccf0c385e9e05322037509c45>>
256
256
  * @codegenId colors
257
257
  * @codegenCommand yarn codegen-styles
258
258
  * @codegenParams ["border", "background"]
@@ -262,6 +262,9 @@ var borderColorMap = {
262
262
  default: (0, _core.css)({
263
263
  borderColor: "var(--ds-border, #091E4224)"
264
264
  }),
265
+ bold: (0, _core.css)({
266
+ borderColor: "var(--ds-border-bold, #758195)"
267
+ }),
265
268
  inverse: (0, _core.css)({
266
269
  borderColor: "var(--ds-border-inverse, #FFFFFF)"
267
270
  }),
@@ -298,7 +301,7 @@ var borderColorMap = {
298
301
  };
299
302
  var backgroundColorMap = {
300
303
  disabled: (0, _core.css)({
301
- backgroundColor: "var(--ds-background-disabled, #091E420F)"
304
+ backgroundColor: "var(--ds-background-disabled, #091E4208)"
302
305
  }),
303
306
  'inverse.subtle': (0, _core.css)({
304
307
  backgroundColor: "var(--ds-background-inverse-subtle, #00000029)"
package/dist/cjs/components/text.partial.js CHANGED
@@ -58,7 +58,7 @@ function Text(_ref) {
58
58
  var _default = Text;
59
59
  /**
60
60
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
61
- * @codegen <<SignedSource::588616346f4a4bd0abb93bf324335944>>
61
+ * @codegen <<SignedSource::85816aeddf2947ff7678c0c551db336c>>
62
62
  * @codegenId colors
63
63
  * @codegenCommand yarn codegen-styles
64
64
  * @codegenParams ["text"]
@@ -76,7 +76,7 @@ var textColorMap = {
76
76
  color: "var(--ds-text-subtlest, #626F86)"
77
77
  }),
78
78
  disabled: (0, _core.css)({
79
- color: "var(--ds-text-disabled, #8993A5)"
79
+ color: "var(--ds-text-disabled, #091E424F)"
80
80
  }),
81
81
  inverse: (0, _core.css)({
82
82
  color: "var(--ds-text-inverse, #FFFFFF)"
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/ds-explorations",
3
- "version": "0.0.2",
3
+ "version": "0.0.3",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/components/box.partial.js CHANGED
@@ -244,7 +244,7 @@ const gapMap = {
244
244
 
245
245
  /**
246
246
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
247
- * @codegen <<SignedSource::cd05b856816392f4ac8e227854831f76>>
247
+ * @codegen <<SignedSource::f48a8ffccf0c385e9e05322037509c45>>
248
248
  * @codegenId colors
249
249
  * @codegenCommand yarn codegen-styles
250
250
  * @codegenParams ["border", "background"]
@@ -254,6 +254,9 @@ const borderColorMap = {
254
254
  default: css({
255
255
  borderColor: "var(--ds-border, #091E4224)"
256
256
  }),
257
+ bold: css({
258
+ borderColor: "var(--ds-border-bold, #758195)"
259
+ }),
257
260
  inverse: css({
258
261
  borderColor: "var(--ds-border-inverse, #FFFFFF)"
259
262
  }),
@@ -290,7 +293,7 @@ const borderColorMap = {
290
293
  };
291
294
  const backgroundColorMap = {
292
295
  disabled: css({
293
- backgroundColor: "var(--ds-background-disabled, #091E420F)"
296
+ backgroundColor: "var(--ds-background-disabled, #091E4208)"
294
297
  }),
295
298
  'inverse.subtle': css({
296
299
  backgroundColor: "var(--ds-background-inverse-subtle, #00000029)"
package/dist/es2019/components/text.partial.js CHANGED
@@ -50,7 +50,7 @@ function Text({
50
50
  export default Text;
51
51
  /**
52
52
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
53
- * @codegen <<SignedSource::588616346f4a4bd0abb93bf324335944>>
53
+ * @codegen <<SignedSource::85816aeddf2947ff7678c0c551db336c>>
54
54
  * @codegenId colors
55
55
  * @codegenCommand yarn codegen-styles
56
56
  * @codegenParams ["text"]
@@ -67,7 +67,7 @@ const textColorMap = {
67
67
  color: "var(--ds-text-subtlest, #626F86)"
68
68
  }),
69
69
  disabled: css({
70
- color: "var(--ds-text-disabled, #8993A5)"
70
+ color: "var(--ds-text-disabled, #091E424F)"
71
71
  }),
72
72
  inverse: css({
73
73
  color: "var(--ds-text-inverse, #FFFFFF)"
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/ds-explorations",
3
- "version": "0.0.2",
3
+ "version": "0.0.3",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/components/box.partial.js CHANGED
@@ -241,7 +241,7 @@ var gapMap = {
241
241
 
242
242
  /**
243
243
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
244
- * @codegen <<SignedSource::cd05b856816392f4ac8e227854831f76>>
244
+ * @codegen <<SignedSource::f48a8ffccf0c385e9e05322037509c45>>
245
245
  * @codegenId colors
246
246
  * @codegenCommand yarn codegen-styles
247
247
  * @codegenParams ["border", "background"]
@@ -251,6 +251,9 @@ var borderColorMap = {
251
251
  default: css({
252
252
  borderColor: "var(--ds-border, #091E4224)"
253
253
  }),
254
+ bold: css({
255
+ borderColor: "var(--ds-border-bold, #758195)"
256
+ }),
254
257
  inverse: css({
255
258
  borderColor: "var(--ds-border-inverse, #FFFFFF)"
256
259
  }),
@@ -287,7 +290,7 @@ var borderColorMap = {
287
290
  };
288
291
  var backgroundColorMap = {
289
292
  disabled: css({
290
- backgroundColor: "var(--ds-background-disabled, #091E420F)"
293
+ backgroundColor: "var(--ds-background-disabled, #091E4208)"
291
294
  }),
292
295
  'inverse.subtle': css({
293
296
  backgroundColor: "var(--ds-background-inverse-subtle, #00000029)"
package/dist/esm/components/text.partial.js CHANGED
@@ -50,7 +50,7 @@ function Text(_ref) {
50
50
  export default Text;
51
51
  /**
52
52
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
53
- * @codegen <<SignedSource::588616346f4a4bd0abb93bf324335944>>
53
+ * @codegen <<SignedSource::85816aeddf2947ff7678c0c551db336c>>
54
54
  * @codegenId colors
55
55
  * @codegenCommand yarn codegen-styles
56
56
  * @codegenParams ["text"]
@@ -67,7 +67,7 @@ var textColorMap = {
67
67
  color: "var(--ds-text-subtlest, #626F86)"
68
68
  }),
69
69
  disabled: css({
70
- color: "var(--ds-text-disabled, #8993A5)"
70
+ color: "var(--ds-text-disabled, #091E424F)"
71
71
  }),
72
72
  inverse: css({
73
73
  color: "var(--ds-text-inverse, #FFFFFF)"
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/ds-explorations",
3
- "version": "0.0.2",
3
+ "version": "0.0.3",
4
4
  "sideEffects": false
5
5
  }
package/dist/types/components/box.partial.d.ts CHANGED
@@ -78,13 +78,14 @@ export default Box;
78
78
  */
79
79
  /**
80
80
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
81
- * @codegen <<SignedSource::cd05b856816392f4ac8e227854831f76>>
81
+ * @codegen <<SignedSource::f48a8ffccf0c385e9e05322037509c45>>
82
82
  * @codegenId colors
83
83
  * @codegenCommand yarn codegen-styles
84
84
  * @codegenParams ["border", "background"]
85
85
  */
86
86
  declare const borderColorMap: {
87
87
  default: import("@emotion/utils").SerializedStyles;
88
+ bold: import("@emotion/utils").SerializedStyles;
88
89
  inverse: import("@emotion/utils").SerializedStyles;
89
90
  focused: import("@emotion/utils").SerializedStyles;
90
91
  input: import("@emotion/utils").SerializedStyles;
package/dist/types/components/text.partial.d.ts CHANGED
@@ -27,7 +27,7 @@ declare function Text({ as: Component, children, color, fontSize, fontWeight, }:
27
27
  export default Text;
28
28
  /**
29
29
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
30
- * @codegen <<SignedSource::588616346f4a4bd0abb93bf324335944>>
30
+ * @codegen <<SignedSource::85816aeddf2947ff7678c0c551db336c>>
31
31
  * @codegenId colors
32
32
  * @codegenCommand yarn codegen-styles
33
33
  * @codegenParams ["text"]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/ds-explorations",
3
- "version": "0.0.2",
3
+ "version": "0.0.3",
4
4
  "description": "An experimental package for exploration and validation of spacing / typography foundations.",
5
5
  "license": "Apache-2.0",
6
6
  "atlassian": {
package/scripts/__tests__/__snapshots__/codegen.test.tsx.snap CHANGED
@@ -3,7 +3,7 @@
3
3
  exports[`@atlaskit/design-system-explorations bg styles are generated correctly 1`] = `
4
4
  "const backgroundColorMap = {
5
5
  disabled: css({
6
- backgroundColor: token('color.background.disabled', '#091E420F'),
6
+ backgroundColor: token('color.background.disabled', '#091E4208'),
7
7
  }),
8
8
  'inverse.subtle': css({
9
9
  backgroundColor: token('color.background.inverse.subtle', '#00000029'),
@@ -124,7 +124,7 @@ exports[`@atlaskit/design-system-explorations text styles are generated correctl
124
124
  color: token('color.text.subtlest', '#626F86'),
125
125
  }),
126
126
  disabled: css({
127
- color: token('color.text.disabled', '#8993A5'),
127
+ color: token('color.text.disabled', '#091E424F'),
128
128
  }),
129
129
  inverse: css({
130
130
  color: token('color.text.inverse', '#FFFFFF'),
package/src/components/box.partial.tsx CHANGED
@@ -203,7 +203,7 @@ const gapMap = {
203
203
 
204
204
  /**
205
205
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
206
- * @codegen <<SignedSource::65a2a3dd6373c774f830cd3defa29e3c>>
206
+ * @codegen <<SignedSource::f48a8ffccf0c385e9e05322037509c45>>
207
207
  * @codegenId colors
208
208
  * @codegenCommand yarn codegen-styles
209
209
  * @codegenParams ["border", "background"]
@@ -254,7 +254,7 @@ type BorderColor = keyof typeof borderColorMap;
254
254
 
255
255
  const backgroundColorMap = {
256
256
  disabled: css({
257
- backgroundColor: token('color.background.disabled', '#091E420F'),
257
+ backgroundColor: token('color.background.disabled', '#091E4208'),
258
258
  }),
259
259
  'inverse.subtle': css({
260
260
  backgroundColor: token('color.background.inverse.subtle', '#00000029'),
package/src/components/text.partial.tsx CHANGED
@@ -66,7 +66,7 @@ export default Text;
66
66
 
67
67
  /**
68
68
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
69
- * @codegen <<SignedSource::588616346f4a4bd0abb93bf324335944>>
69
+ * @codegen <<SignedSource::85816aeddf2947ff7678c0c551db336c>>
70
70
  * @codegenId colors
71
71
  * @codegenCommand yarn codegen-styles
72
72
  * @codegenParams ["text"]
@@ -82,7 +82,7 @@ const textColorMap = {
82
82
  color: token('color.text.subtlest', '#626F86'),
83
83
  }),
84
84
  disabled: css({
85
- color: token('color.text.disabled', '#8993A5'),
85
+ color: token('color.text.disabled', '#091E424F'),
86
86
  }),
87
87
  inverse: css({
88
88
  color: token('color.text.inverse', '#FFFFFF'),