@atlaskit/ds-explorations 2.2.7 → 2.2.8

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 (13) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/components/box.partial.js +2 -2
  3. package/dist/cjs/version.json +1 -1
  4. package/dist/es2019/components/box.partial.js +2 -2
  5. package/dist/es2019/version.json +1 -1
  6. package/dist/esm/components/box.partial.js +2 -2
  7. package/dist/esm/version.json +1 -1
  8. package/dist/types/components/box.partial.d.ts +1 -1
  9. package/dist/types-ts4.5/components/box.partial.d.ts +1 -1
  10. package/examples/99-interactions.tsx +2 -1
  11. package/package.json +1 -1
  12. package/scripts/__tests__/__snapshots__/codegen.test.tsx.snap +1 -1
  13. package/src/components/box.partial.tsx +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/ds-explorations
2
2
 
3
+ ## 2.2.8
4
+
5
+ ### Patch Changes
6
+
7
+ - [`74f7af9882b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/74f7af9882b) - [ux] correct fallback color of token color.border.focused to meet contrast requirement
8
+
3
9
  ## 2.2.7
4
10
 
5
11
  ### Patch Changes
package/dist/cjs/components/box.partial.js CHANGED
@@ -427,7 +427,7 @@ var paddingInlineMap = {
427
427
  */
428
428
  /**
429
429
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
430
- * @codegen <<SignedSource::641490362f94761dab3c48a98b999b7a>>
430
+ * @codegen <<SignedSource::026413c83379004fc928a2632ae022c9>>
431
431
  * @codegenId colors
432
432
  * @codegenCommand yarn codegen-styles
433
433
  * @codegenParams ["border", "background", "shadow"]
@@ -441,7 +441,7 @@ var borderColorMap = {
441
441
  borderColor: "var(--ds-border-disabled, #FAFBFC)"
442
442
  }),
443
443
  focused: (0, _react2.css)({
444
- borderColor: "var(--ds-border-focused, #4C9AFF)"
444
+ borderColor: "var(--ds-border-focused, #2684FF)"
445
445
  }),
446
446
  input: (0, _react2.css)({
447
447
  borderColor: "var(--ds-border-input, #FAFBFC)"
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/ds-explorations",
3
- "version": "2.2.7",
3
+ "version": "2.2.8",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/components/box.partial.js CHANGED
@@ -419,7 +419,7 @@ const paddingInlineMap = {
419
419
  */
420
420
  /**
421
421
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
422
- * @codegen <<SignedSource::641490362f94761dab3c48a98b999b7a>>
422
+ * @codegen <<SignedSource::026413c83379004fc928a2632ae022c9>>
423
423
  * @codegenId colors
424
424
  * @codegenCommand yarn codegen-styles
425
425
  * @codegenParams ["border", "background", "shadow"]
@@ -433,7 +433,7 @@ const borderColorMap = {
433
433
  borderColor: "var(--ds-border-disabled, #FAFBFC)"
434
434
  }),
435
435
  focused: css({
436
- borderColor: "var(--ds-border-focused, #4C9AFF)"
436
+ borderColor: "var(--ds-border-focused, #2684FF)"
437
437
  }),
438
438
  input: css({
439
439
  borderColor: "var(--ds-border-input, #FAFBFC)"
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/ds-explorations",
3
- "version": "2.2.7",
3
+ "version": "2.2.8",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/components/box.partial.js CHANGED
@@ -422,7 +422,7 @@ var paddingInlineMap = {
422
422
  */
423
423
  /**
424
424
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
425
- * @codegen <<SignedSource::641490362f94761dab3c48a98b999b7a>>
425
+ * @codegen <<SignedSource::026413c83379004fc928a2632ae022c9>>
426
426
  * @codegenId colors
427
427
  * @codegenCommand yarn codegen-styles
428
428
  * @codegenParams ["border", "background", "shadow"]
@@ -436,7 +436,7 @@ var borderColorMap = {
436
436
  borderColor: "var(--ds-border-disabled, #FAFBFC)"
437
437
  }),
438
438
  focused: css({
439
- borderColor: "var(--ds-border-focused, #4C9AFF)"
439
+ borderColor: "var(--ds-border-focused, #2684FF)"
440
440
  }),
441
441
  input: css({
442
442
  borderColor: "var(--ds-border-input, #FAFBFC)"
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/ds-explorations",
3
- "version": "2.2.7",
3
+ "version": "2.2.8",
4
4
  "sideEffects": false
5
5
  }
package/dist/types/components/box.partial.d.ts CHANGED
@@ -291,7 +291,7 @@ export type PaddingInline = keyof typeof paddingInlineMap;
291
291
  */
292
292
  /**
293
293
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
294
- * @codegen <<SignedSource::641490362f94761dab3c48a98b999b7a>>
294
+ * @codegen <<SignedSource::026413c83379004fc928a2632ae022c9>>
295
295
  * @codegenId colors
296
296
  * @codegenCommand yarn codegen-styles
297
297
  * @codegenParams ["border", "background", "shadow"]
package/dist/types-ts4.5/components/box.partial.d.ts CHANGED
@@ -291,7 +291,7 @@ export type PaddingInline = keyof typeof paddingInlineMap;
291
291
  */
292
292
  /**
293
293
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
294
- * @codegen <<SignedSource::641490362f94761dab3c48a98b999b7a>>
294
+ * @codegen <<SignedSource::026413c83379004fc928a2632ae022c9>>
295
295
  * @codegenId colors
296
296
  * @codegenCommand yarn codegen-styles
297
297
  * @codegenParams ["border", "background", "shadow"]
package/examples/99-interactions.tsx CHANGED
@@ -11,6 +11,7 @@ import WarningIcon from '@atlaskit/icon/glyph/warning';
11
11
  import Inline from '@atlaskit/primitives/inline';
12
12
  import Stack from '@atlaskit/primitives/stack';
13
13
  import Textfield from '@atlaskit/textfield';
14
+ import { B200 } from '@atlaskit/theme/colors';
14
15
  import { token } from '@atlaskit/tokens';
15
16
 
16
17
  import {
@@ -29,7 +30,7 @@ const fieldsetStyles = css({
29
30
  },
30
31
  ':focus, :focus-within': {
31
32
  backgroundColor: token('color.background.input', '#FAFBFC'),
32
- borderColor: token('color.border.focused', 'blue'),
33
+ borderColor: token('color.border.focused', B200),
33
34
  },
34
35
  });
35
36
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/ds-explorations",
3
- "version": "2.2.7",
3
+ "version": "2.2.8",
4
4
  "description": "An experimental package for exploration and validation of spacing / typography foundations.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
package/scripts/__tests__/__snapshots__/codegen.test.tsx.snap CHANGED
@@ -101,7 +101,7 @@ exports[`@atlaskit/design-system-explorations border styles are generated correc
101
101
  borderColor: token('color.border.disabled', '#FAFBFC'),
102
102
  }),
103
103
  focused: css({
104
- borderColor: token('color.border.focused', '#4C9AFF'),
104
+ borderColor: token('color.border.focused', '#2684FF'),
105
105
  }),
106
106
  input: css({
107
107
  borderColor: token('color.border.input', '#FAFBFC'),
package/src/components/box.partial.tsx CHANGED
@@ -510,7 +510,7 @@ export type PaddingInline = keyof typeof paddingInlineMap;
510
510
 
511
511
  /**
512
512
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
513
- * @codegen <<SignedSource::641490362f94761dab3c48a98b999b7a>>
513
+ * @codegen <<SignedSource::026413c83379004fc928a2632ae022c9>>
514
514
  * @codegenId colors
515
515
  * @codegenCommand yarn codegen-styles
516
516
  * @codegenParams ["border", "background", "shadow"]
@@ -524,7 +524,7 @@ const borderColorMap = {
524
524
  borderColor: token('color.border.disabled', '#FAFBFC'),
525
525
  }),
526
526
  focused: css({
527
- borderColor: token('color.border.focused', '#4C9AFF'),
527
+ borderColor: token('color.border.focused', '#2684FF'),
528
528
  }),
529
529
  input: css({
530
530
  borderColor: token('color.border.input', '#FAFBFC'),