@atlaskit/tile 1.0.1 → 1.0.2

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 (8) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/cjs/tile.compiled.css +33 -33
  3. package/dist/cjs/tile.js +33 -34
  4. package/dist/es2019/tile.compiled.css +33 -33
  5. package/dist/es2019/tile.js +33 -34
  6. package/dist/esm/tile.compiled.css +33 -33
  7. package/dist/esm/tile.js +33 -34
  8. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # @atlaskit/tile
2
2
 
3
+ ## 1.0.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [`14886457b3a3a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/14886457b3a3a) -
8
+ Suppress i18n violations
9
+
3
10
  ## 1.0.1
4
11
 
5
12
  ### Patch Changes
package/dist/cjs/tile.compiled.css CHANGED
@@ -2,7 +2,7 @@
2
2
  ._2rkol0p1{border-radius:var(--ds-radius-tile,25%)}
3
3
  ._189ee4h9{border-width:var(--ds-border-width,1px)}
4
4
  ._1dqonqa1{border-style:solid}
5
- ._1h6dmuej{border-color:var(--ds-border,#091e4224)}._16jlidpf{flex-grow:0}
5
+ ._1h6d1l7x{border-color:var(--ds-border,#0b120e24)}._16jlidpf{flex-grow:0}
6
6
  ._17521osq svg{height:100%}
7
7
  ._17521wug svg{height:auto}
8
8
  ._18m915vq{overflow-y:hidden}
@@ -60,64 +60,64 @@
60
60
  ._5ilea982 .emoji-common-emoji-sprite{width:24px!important}
61
61
  ._5ilemccc .emoji-common-emoji-sprite{width:9pt!important}
62
62
  ._5ilewk7l .emoji-common-emoji-sprite{width:14px!important}
63
- ._bfhk11bn{background-color:var(--ds-background-accent-gray-subtlest,#f1f2f4)}
64
- ._bfhk14wj{background-color:var(--ds-background-information-bold,#0c66e4)}
65
- ._bfhk15mt{background-color:var(--ds-background-brand-boldest,#1c2b41)}
66
- ._bfhk190i{background-color:var(--ds-background-warning-bold,#f5cd47)}
63
+ ._bfhk115i{background-color:var(--ds-background-accent-blue-subtle,#669df1)}
64
+ ._bfhk165s{background-color:var(--ds-background-accent-orange-subtler,#fce4a6)}
65
+ ._bfhk16e3{background-color:var(--ds-background-accent-blue-bolder,#1868db)}
66
+ ._bfhk1773{background-color:var(--ds-background-accent-yellow-subtler,#f5e989)}
67
+ ._bfhk1856{background-color:var(--ds-background-brand-bold,#1868db)}
68
+ ._bfhk18ah{background-color:var(--ds-background-accent-purple-subtle,#c97cf4)}
69
+ ._bfhk18j9{background-color:var(--ds-background-accent-gray-subtle,#8c8f97)}
70
+ ._bfhk1917{background-color:var(--ds-background-warning,#fff5db)}
71
+ ._bfhk19ip{background-color:var(--ds-background-information,#e9f2fe)}
67
72
  ._bfhk1a17{background-color:var(--ds-background-accent-teal-subtler,#c6edfb)}
73
+ ._bfhk1aqn{background-color:var(--ds-background-neutral-bold,#292a2e)}
74
+ ._bfhk1dy8{background-color:var(--ds-background-accent-blue-subtler,#cfe1fd)}
68
75
  ._bfhk1e5c{background-color:var(--ds-background-accent-green-bolder,#1f845a)}
69
- ._bfhk1g3m{background-color:var(--ds-background-accent-orange-subtlest,#fff3eb)}
70
- ._bfhk1g6e{background-color:var(--ds-background-accent-orange-subtle,#fea362)}
71
76
  ._bfhk1gly{background-color:var(--ds-background-danger,#ffeceb)}
77
+ ._bfhk1gmr{background-color:var(--ds-background-brand-subtlest,#e9f2fe)}
78
+ ._bfhk1i45{background-color:var(--ds-background-accent-gray-bolder,#6b6e76)}
72
79
  ._bfhk1j28{background-color:transparent}
73
- ._bfhk1j89{background-color:var(--ds-background-accent-blue-subtle,#579dff)}
74
- ._bfhk1jkz{background-color:var(--ds-background-accent-purple-subtler,#dfd8fd)}
75
- ._bfhk1lri{background-color:var(--ds-background-discovery-bold,#6e5dc6)}
80
+ ._bfhk1kkj{background-color:var(--ds-background-accent-orange-subtle,#fca700)}
81
+ ._bfhk1kmu{background-color:var(--ds-background-warning-bold,#fbc828)}
76
82
  ._bfhk1mi6{background-color:var(--ds-background-accent-magenta-subtle,#e774bb)}
77
- ._bfhk1nvp{background-color:var(--ds-background-discovery,#f3f0ff)}
78
- ._bfhk1ozg{background-color:var(--ds-background-accent-yellow-subtlest,#fff7d6)}
83
+ ._bfhk1nm4{background-color:var(--ds-background-accent-purple-subtler,#eed7fc)}
84
+ ._bfhk1o4i{background-color:var(--ds-background-brand-boldest,#1c2b42)}
85
+ ._bfhk1qg1{background-color:var(--ds-background-accent-orange-bolder,#bd5b00)}
79
86
  ._bfhk1rsu{background-color:var(--ds-background-accent-green-subtle,#4bce97)}
80
87
  ._bfhk1rtt{background-color:var(--ds-background-accent-red-subtler,#ffd5d2)}
81
- ._bfhk1t05{background-color:var(--ds-background-accent-gray-subtle,#8590a2)}
82
- ._bfhk1t1b{background-color:var(--ds-background-accent-gray-bolder,#626f86)}
83
- ._bfhk1tzq{background-color:var(--ds-background-warning,#fff7d6)}
84
- ._bfhk1v33{background-color:var(--ds-background-accent-gray-subtler,#dcdfe4)}
88
+ ._bfhk1s93{background-color:var(--ds-background-accent-blue-subtlest,#e9f2fe)}
85
89
  ._bfhk1vck{background-color:var(--ds-background-inverse-subtle,#00000029)}
86
90
  ._bfhk1vk5{background-color:var(--ds-background-accent-red-subtlest,#ffeceb)}
87
91
  ._bfhk1vop{background-color:var(--ds-background-accent-yellow-bolder,#946f00)}
88
92
  ._bfhk1wnw{background-color:var(--ds-background-accent-green-subtler,#baf3db)}
93
+ ._bfhk1y9u{background-color:var(--ds-background-success,#efffd6)}
89
94
  ._bfhk2c8p{background-color:var(--ds-background-accent-teal-bolder,#227d9b)}
90
- ._bfhk33gi{background-color:var(--ds-background-information,#e9f2ff)}
91
- ._bfhk3fv2{background-color:var(--ds-background-accent-yellow-subtler,#f8e6a0)}
92
- ._bfhk3wxy{background-color:var(--ds-background-brand-subtlest,#e9f2ff)}
93
- ._bfhk4v9p{background-color:var(--ds-background-accent-blue-subtler,#cce0ff)}
95
+ ._bfhk6vm6{background-color:var(--ds-background-discovery,#f8eefe)}
96
+ ._bfhk7qp0{background-color:var(--ds-background-accent-gray-subtler,#dddee1)}
94
97
  ._bfhk7xuz{background-color:var(--ds-background-accent-teal-subtlest,#e7f9ff)}
95
- ._bfhk8emd{background-color:var(--ds-background-success-bold,#1f845a)}
96
98
  ._bfhk8tvm{background-color:var(--ds-background-accent-magenta-subtlest,#ffecf8)}
97
- ._bfhkavxe{background-color:var(--ds-background-accent-blue-subtlest,#e9f2ff)}
98
- ._bfhkb29m{background-color:var(--ds-background-brand-bold,#0c66e4)}
99
+ ._bfhk8y3s{background-color:var(--ds-background-accent-yellow-subtle,#eed12b)}
99
100
  ._bfhkbq5w{background-color:var(--ds-background-accent-lime-subtle,#94c748)}
100
101
  ._bfhkc3uk{background-color:var(--ds-background-accent-magenta-bolder,#ae4787)}
101
- ._bfhkc8cv{background-color:var(--ds-background-accent-blue-bolder,#0c66e4)}
102
- ._bfhkcdhy{background-color:var(--ds-background-neutral-bold,#44546f)}
103
- ._bfhkdh45{background-color:var(--ds-background-accent-purple-subtle,#9f8fef)}
104
- ._bfhkf2vu{background-color:var(--ds-background-accent-orange-subtler,#fedec8)}
105
- ._bfhkjgng{background-color:var(--ds-background-accent-orange-bolder,#c25100)}
102
+ ._bfhkf5uh{background-color:var(--ds-background-accent-orange-subtlest,#fff5db)}
103
+ ._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
104
+ ._bfhkibhp{background-color:var(--ds-background-accent-yellow-subtlest,#fef7c8)}
105
+ ._bfhkkcmj{background-color:var(--ds-background-success-bold,#5b7f24)}
106
106
  ._bfhkkrt9{background-color:var(--ds-background-accent-red-subtle,#f87168)}
107
- ._bfhkm7j4{background-color:var(--ds-background-neutral,#091e420f)}
108
107
  ._bfhkm890{background-color:var(--ds-background-accent-lime-subtlest,#efffd6)}
109
- ._bfhkmv6i{background-color:var(--ds-background-success,#dcfff1)}
110
108
  ._bfhkn729{background-color:var(--ds-background-accent-green-subtlest,#dcfff1)}
111
- ._bfhkp7j4{background-color:var(--ds-background-accent-purple-subtlest,#f3f0ff)}
109
+ ._bfhkp2ly{background-color:var(--ds-background-accent-purple-subtlest,#f8eefe)}
112
110
  ._bfhkr3uz{background-color:#000}
113
- ._bfhkry5t{background-color:var(--ds-background-accent-yellow-subtle,#f5cd47)}
114
111
  ._bfhktde4{background-color:var(--ds-background-accent-lime-bolder,#5b7f24)}
115
112
  ._bfhktdv8{background-color:var(--ds-background-accent-teal-subtle,#6cc3e0)}
113
+ ._bfhku5tj{background-color:var(--ds-background-discovery-bold,#964ac0)}
116
114
  ._bfhku67f{background-color:#fff}
117
115
  ._bfhkuibq{background-color:var(--ds-background-accent-red-bolder,#c9372c)}
118
116
  ._bfhkv9ra{background-color:var(--ds-background-accent-magenta-subtler,#fdd0ec)}
117
+ ._bfhkx4w0{background-color:var(--ds-background-information-bold,#1868db)}
118
+ ._bfhkya33{background-color:var(--ds-background-accent-purple-bolder,#964ac0)}
119
119
  ._bfhkybec{background-color:var(--ds-background-danger-bold,#c9372c)}
120
- ._bfhkygwo{background-color:var(--ds-background-accent-purple-bolder,#6e5dc6)}
120
+ ._bfhkysee{background-color:var(--ds-background-accent-gray-subtlest,#f0f1f2)}
121
121
  ._bfhkz2ec{background-color:var(--ds-background-accent-lime-subtler,#d3f1a7)}
122
122
  ._bna71osq img{height:100%}
123
123
  ._bna71wug img{height:auto}
package/dist/cjs/tile.js CHANGED
@@ -13,7 +13,7 @@ var _runtime = require("@compiled/react/runtime");
13
13
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
14
14
  var styles = {
15
15
  root: "_2rkol0p1 _1reo15vq _18m915vq _kqswh2mm _1e0c116y _vchhusvi _4cvr1h6o _1bah1h6o _1o9zidpf _16jlidpf _1ul9idpf _1tkeidpf",
16
- border: "_189ee4h9 _1dqonqa1 _1h6dmuej",
16
+ border: "_189ee4h9 _1dqonqa1 _1h6d1l7x",
17
17
  inset: "_1iia1wug _bna71wug _1xjx1wug _17521wug",
18
18
  nonInset: "_1qwg1osq _mezj1osq _e2oo1osq _w8l51osq _1iia1osq _bna71osq _1xjx1osq _17521osq"
19
19
  };
@@ -45,13 +45,13 @@ var backgroundColorMap = {
45
45
  'color.background.accent.red.subtler': "_bfhk1rtt",
46
46
  'color.background.accent.red.subtle': "_bfhkkrt9",
47
47
  'color.background.accent.red.bolder': "_bfhkuibq",
48
- 'color.background.accent.orange.subtlest': "_bfhk1g3m",
49
- 'color.background.accent.orange.subtler': "_bfhkf2vu",
50
- 'color.background.accent.orange.subtle': "_bfhk1g6e",
51
- 'color.background.accent.orange.bolder': "_bfhkjgng",
52
- 'color.background.accent.yellow.subtlest': "_bfhk1ozg",
53
- 'color.background.accent.yellow.subtler': "_bfhk3fv2",
54
- 'color.background.accent.yellow.subtle': "_bfhkry5t",
48
+ 'color.background.accent.orange.subtlest': "_bfhkf5uh",
49
+ 'color.background.accent.orange.subtler': "_bfhk165s",
50
+ 'color.background.accent.orange.subtle': "_bfhk1kkj",
51
+ 'color.background.accent.orange.bolder': "_bfhk1qg1",
52
+ 'color.background.accent.yellow.subtlest': "_bfhkibhp",
53
+ 'color.background.accent.yellow.subtler': "_bfhk1773",
54
+ 'color.background.accent.yellow.subtle': "_bfhk8y3s",
55
55
  'color.background.accent.yellow.bolder': "_bfhk1vop",
56
56
  'color.background.accent.green.subtlest': "_bfhkn729",
57
57
  'color.background.accent.green.subtler': "_bfhk1wnw",
@@ -61,38 +61,38 @@ var backgroundColorMap = {
61
61
  'color.background.accent.teal.subtler': "_bfhk1a17",
62
62
  'color.background.accent.teal.subtle': "_bfhktdv8",
63
63
  'color.background.accent.teal.bolder': "_bfhk2c8p",
64
- 'color.background.accent.blue.subtlest': "_bfhkavxe",
65
- 'color.background.accent.blue.subtler': "_bfhk4v9p",
66
- 'color.background.accent.blue.subtle': "_bfhk1j89",
67
- 'color.background.accent.blue.bolder': "_bfhkc8cv",
68
- 'color.background.accent.purple.subtlest': "_bfhkp7j4",
69
- 'color.background.accent.purple.subtler': "_bfhk1jkz",
70
- 'color.background.accent.purple.subtle': "_bfhkdh45",
71
- 'color.background.accent.purple.bolder': "_bfhkygwo",
64
+ 'color.background.accent.blue.subtlest': "_bfhk1s93",
65
+ 'color.background.accent.blue.subtler': "_bfhk1dy8",
66
+ 'color.background.accent.blue.subtle': "_bfhk115i",
67
+ 'color.background.accent.blue.bolder': "_bfhk16e3",
68
+ 'color.background.accent.purple.subtlest': "_bfhkp2ly",
69
+ 'color.background.accent.purple.subtler': "_bfhk1nm4",
70
+ 'color.background.accent.purple.subtle': "_bfhk18ah",
71
+ 'color.background.accent.purple.bolder': "_bfhkya33",
72
72
  'color.background.accent.magenta.subtlest': "_bfhk8tvm",
73
73
  'color.background.accent.magenta.subtler': "_bfhkv9ra",
74
74
  'color.background.accent.magenta.subtle': "_bfhk1mi6",
75
75
  'color.background.accent.magenta.bolder': "_bfhkc3uk",
76
- 'color.background.accent.gray.subtlest': "_bfhk11bn",
77
- 'color.background.accent.gray.subtler': "_bfhk1v33",
78
- 'color.background.accent.gray.subtle': "_bfhk1t05",
79
- 'color.background.accent.gray.bolder': "_bfhk1t1b",
76
+ 'color.background.accent.gray.subtlest': "_bfhkysee",
77
+ 'color.background.accent.gray.subtler': "_bfhk7qp0",
78
+ 'color.background.accent.gray.subtle': "_bfhk18j9",
79
+ 'color.background.accent.gray.bolder': "_bfhk1i45",
80
80
  'color.background.inverse.subtle': "_bfhk1vck",
81
- 'color.background.neutral': "_bfhkm7j4",
82
- 'color.background.neutral.bold': "_bfhkcdhy",
83
- 'color.background.brand.subtlest': "_bfhk3wxy",
84
- 'color.background.brand.bold': "_bfhkb29m",
85
- 'color.background.brand.boldest': "_bfhk15mt",
81
+ 'color.background.neutral': "_bfhki8nm",
82
+ 'color.background.neutral.bold': "_bfhk1aqn",
83
+ 'color.background.brand.subtlest': "_bfhk1gmr",
84
+ 'color.background.brand.bold': "_bfhk1856",
85
+ 'color.background.brand.boldest': "_bfhk1o4i",
86
86
  'color.background.danger': "_bfhk1gly",
87
87
  'color.background.danger.bold': "_bfhkybec",
88
- 'color.background.warning': "_bfhk1tzq",
89
- 'color.background.warning.bold': "_bfhk190i",
90
- 'color.background.success': "_bfhkmv6i",
91
- 'color.background.success.bold': "_bfhk8emd",
92
- 'color.background.discovery': "_bfhk1nvp",
93
- 'color.background.discovery.bold': "_bfhk1lri",
94
- 'color.background.information': "_bfhk33gi",
95
- 'color.background.information.bold': "_bfhk14wj"
88
+ 'color.background.warning': "_bfhk1917",
89
+ 'color.background.warning.bold': "_bfhk1kmu",
90
+ 'color.background.success': "_bfhk1y9u",
91
+ 'color.background.success.bold': "_bfhkkcmj",
92
+ 'color.background.discovery': "_bfhk6vm6",
93
+ 'color.background.discovery.bold': "_bfhku5tj",
94
+ 'color.background.information': "_bfhk19ip",
95
+ 'color.background.information.bold': "_bfhkx4w0"
96
96
  };
97
97
 
98
98
  /**
@@ -113,7 +113,6 @@ function Tile(props) {
113
113
  testId = props.testId;
114
114
  return /*#__PURE__*/React.createElement("span", {
115
115
  "data-testid": testId,
116
- // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
117
116
  "aria-label": label !== '' ? label : undefined,
118
117
  role: label !== '' ? 'img' : undefined,
119
118
  className: (0, _runtime.ax)([styles.root, sizeMap[size], isInset ? styles.inset : styles.nonInset, isInset && insetSizeMap[size], backgroundColorMap[backgroundColor || 'color.background.neutral'], hasBorder && styles.border])
package/dist/es2019/tile.compiled.css CHANGED
@@ -2,7 +2,7 @@
2
2
  ._2rkol0p1{border-radius:var(--ds-radius-tile,25%)}
3
3
  ._189ee4h9{border-width:var(--ds-border-width,1px)}
4
4
  ._1dqonqa1{border-style:solid}
5
- ._1h6dmuej{border-color:var(--ds-border,#091e4224)}._16jlidpf{flex-grow:0}
5
+ ._1h6d1l7x{border-color:var(--ds-border,#0b120e24)}._16jlidpf{flex-grow:0}
6
6
  ._17521osq svg{height:100%}
7
7
  ._17521wug svg{height:auto}
8
8
  ._18m915vq{overflow-y:hidden}
@@ -60,64 +60,64 @@
60
60
  ._5ilea982 .emoji-common-emoji-sprite{width:24px!important}
61
61
  ._5ilemccc .emoji-common-emoji-sprite{width:9pt!important}
62
62
  ._5ilewk7l .emoji-common-emoji-sprite{width:14px!important}
63
- ._bfhk11bn{background-color:var(--ds-background-accent-gray-subtlest,#f1f2f4)}
64
- ._bfhk14wj{background-color:var(--ds-background-information-bold,#0c66e4)}
65
- ._bfhk15mt{background-color:var(--ds-background-brand-boldest,#1c2b41)}
66
- ._bfhk190i{background-color:var(--ds-background-warning-bold,#f5cd47)}
63
+ ._bfhk115i{background-color:var(--ds-background-accent-blue-subtle,#669df1)}
64
+ ._bfhk165s{background-color:var(--ds-background-accent-orange-subtler,#fce4a6)}
65
+ ._bfhk16e3{background-color:var(--ds-background-accent-blue-bolder,#1868db)}
66
+ ._bfhk1773{background-color:var(--ds-background-accent-yellow-subtler,#f5e989)}
67
+ ._bfhk1856{background-color:var(--ds-background-brand-bold,#1868db)}
68
+ ._bfhk18ah{background-color:var(--ds-background-accent-purple-subtle,#c97cf4)}
69
+ ._bfhk18j9{background-color:var(--ds-background-accent-gray-subtle,#8c8f97)}
70
+ ._bfhk1917{background-color:var(--ds-background-warning,#fff5db)}
71
+ ._bfhk19ip{background-color:var(--ds-background-information,#e9f2fe)}
67
72
  ._bfhk1a17{background-color:var(--ds-background-accent-teal-subtler,#c6edfb)}
73
+ ._bfhk1aqn{background-color:var(--ds-background-neutral-bold,#292a2e)}
74
+ ._bfhk1dy8{background-color:var(--ds-background-accent-blue-subtler,#cfe1fd)}
68
75
  ._bfhk1e5c{background-color:var(--ds-background-accent-green-bolder,#1f845a)}
69
- ._bfhk1g3m{background-color:var(--ds-background-accent-orange-subtlest,#fff3eb)}
70
- ._bfhk1g6e{background-color:var(--ds-background-accent-orange-subtle,#fea362)}
71
76
  ._bfhk1gly{background-color:var(--ds-background-danger,#ffeceb)}
77
+ ._bfhk1gmr{background-color:var(--ds-background-brand-subtlest,#e9f2fe)}
78
+ ._bfhk1i45{background-color:var(--ds-background-accent-gray-bolder,#6b6e76)}
72
79
  ._bfhk1j28{background-color:transparent}
73
- ._bfhk1j89{background-color:var(--ds-background-accent-blue-subtle,#579dff)}
74
- ._bfhk1jkz{background-color:var(--ds-background-accent-purple-subtler,#dfd8fd)}
75
- ._bfhk1lri{background-color:var(--ds-background-discovery-bold,#6e5dc6)}
80
+ ._bfhk1kkj{background-color:var(--ds-background-accent-orange-subtle,#fca700)}
81
+ ._bfhk1kmu{background-color:var(--ds-background-warning-bold,#fbc828)}
76
82
  ._bfhk1mi6{background-color:var(--ds-background-accent-magenta-subtle,#e774bb)}
77
- ._bfhk1nvp{background-color:var(--ds-background-discovery,#f3f0ff)}
78
- ._bfhk1ozg{background-color:var(--ds-background-accent-yellow-subtlest,#fff7d6)}
83
+ ._bfhk1nm4{background-color:var(--ds-background-accent-purple-subtler,#eed7fc)}
84
+ ._bfhk1o4i{background-color:var(--ds-background-brand-boldest,#1c2b42)}
85
+ ._bfhk1qg1{background-color:var(--ds-background-accent-orange-bolder,#bd5b00)}
79
86
  ._bfhk1rsu{background-color:var(--ds-background-accent-green-subtle,#4bce97)}
80
87
  ._bfhk1rtt{background-color:var(--ds-background-accent-red-subtler,#ffd5d2)}
81
- ._bfhk1t05{background-color:var(--ds-background-accent-gray-subtle,#8590a2)}
82
- ._bfhk1t1b{background-color:var(--ds-background-accent-gray-bolder,#626f86)}
83
- ._bfhk1tzq{background-color:var(--ds-background-warning,#fff7d6)}
84
- ._bfhk1v33{background-color:var(--ds-background-accent-gray-subtler,#dcdfe4)}
88
+ ._bfhk1s93{background-color:var(--ds-background-accent-blue-subtlest,#e9f2fe)}
85
89
  ._bfhk1vck{background-color:var(--ds-background-inverse-subtle,#00000029)}
86
90
  ._bfhk1vk5{background-color:var(--ds-background-accent-red-subtlest,#ffeceb)}
87
91
  ._bfhk1vop{background-color:var(--ds-background-accent-yellow-bolder,#946f00)}
88
92
  ._bfhk1wnw{background-color:var(--ds-background-accent-green-subtler,#baf3db)}
93
+ ._bfhk1y9u{background-color:var(--ds-background-success,#efffd6)}
89
94
  ._bfhk2c8p{background-color:var(--ds-background-accent-teal-bolder,#227d9b)}
90
- ._bfhk33gi{background-color:var(--ds-background-information,#e9f2ff)}
91
- ._bfhk3fv2{background-color:var(--ds-background-accent-yellow-subtler,#f8e6a0)}
92
- ._bfhk3wxy{background-color:var(--ds-background-brand-subtlest,#e9f2ff)}
93
- ._bfhk4v9p{background-color:var(--ds-background-accent-blue-subtler,#cce0ff)}
95
+ ._bfhk6vm6{background-color:var(--ds-background-discovery,#f8eefe)}
96
+ ._bfhk7qp0{background-color:var(--ds-background-accent-gray-subtler,#dddee1)}
94
97
  ._bfhk7xuz{background-color:var(--ds-background-accent-teal-subtlest,#e7f9ff)}
95
- ._bfhk8emd{background-color:var(--ds-background-success-bold,#1f845a)}
96
98
  ._bfhk8tvm{background-color:var(--ds-background-accent-magenta-subtlest,#ffecf8)}
97
- ._bfhkavxe{background-color:var(--ds-background-accent-blue-subtlest,#e9f2ff)}
98
- ._bfhkb29m{background-color:var(--ds-background-brand-bold,#0c66e4)}
99
+ ._bfhk8y3s{background-color:var(--ds-background-accent-yellow-subtle,#eed12b)}
99
100
  ._bfhkbq5w{background-color:var(--ds-background-accent-lime-subtle,#94c748)}
100
101
  ._bfhkc3uk{background-color:var(--ds-background-accent-magenta-bolder,#ae4787)}
101
- ._bfhkc8cv{background-color:var(--ds-background-accent-blue-bolder,#0c66e4)}
102
- ._bfhkcdhy{background-color:var(--ds-background-neutral-bold,#44546f)}
103
- ._bfhkdh45{background-color:var(--ds-background-accent-purple-subtle,#9f8fef)}
104
- ._bfhkf2vu{background-color:var(--ds-background-accent-orange-subtler,#fedec8)}
105
- ._bfhkjgng{background-color:var(--ds-background-accent-orange-bolder,#c25100)}
102
+ ._bfhkf5uh{background-color:var(--ds-background-accent-orange-subtlest,#fff5db)}
103
+ ._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
104
+ ._bfhkibhp{background-color:var(--ds-background-accent-yellow-subtlest,#fef7c8)}
105
+ ._bfhkkcmj{background-color:var(--ds-background-success-bold,#5b7f24)}
106
106
  ._bfhkkrt9{background-color:var(--ds-background-accent-red-subtle,#f87168)}
107
- ._bfhkm7j4{background-color:var(--ds-background-neutral,#091e420f)}
108
107
  ._bfhkm890{background-color:var(--ds-background-accent-lime-subtlest,#efffd6)}
109
- ._bfhkmv6i{background-color:var(--ds-background-success,#dcfff1)}
110
108
  ._bfhkn729{background-color:var(--ds-background-accent-green-subtlest,#dcfff1)}
111
- ._bfhkp7j4{background-color:var(--ds-background-accent-purple-subtlest,#f3f0ff)}
109
+ ._bfhkp2ly{background-color:var(--ds-background-accent-purple-subtlest,#f8eefe)}
112
110
  ._bfhkr3uz{background-color:#000}
113
- ._bfhkry5t{background-color:var(--ds-background-accent-yellow-subtle,#f5cd47)}
114
111
  ._bfhktde4{background-color:var(--ds-background-accent-lime-bolder,#5b7f24)}
115
112
  ._bfhktdv8{background-color:var(--ds-background-accent-teal-subtle,#6cc3e0)}
113
+ ._bfhku5tj{background-color:var(--ds-background-discovery-bold,#964ac0)}
116
114
  ._bfhku67f{background-color:#fff}
117
115
  ._bfhkuibq{background-color:var(--ds-background-accent-red-bolder,#c9372c)}
118
116
  ._bfhkv9ra{background-color:var(--ds-background-accent-magenta-subtler,#fdd0ec)}
117
+ ._bfhkx4w0{background-color:var(--ds-background-information-bold,#1868db)}
118
+ ._bfhkya33{background-color:var(--ds-background-accent-purple-bolder,#964ac0)}
119
119
  ._bfhkybec{background-color:var(--ds-background-danger-bold,#c9372c)}
120
- ._bfhkygwo{background-color:var(--ds-background-accent-purple-bolder,#6e5dc6)}
120
+ ._bfhkysee{background-color:var(--ds-background-accent-gray-subtlest,#f0f1f2)}
121
121
  ._bfhkz2ec{background-color:var(--ds-background-accent-lime-subtler,#d3f1a7)}
122
122
  ._bna71osq img{height:100%}
123
123
  ._bna71wug img{height:auto}
package/dist/es2019/tile.js CHANGED
@@ -5,7 +5,7 @@ import * as React from 'react';
5
5
  import { ax, ix } from "@compiled/react/runtime";
6
6
  const styles = {
7
7
  root: "_2rkol0p1 _1reo15vq _18m915vq _kqswh2mm _1e0c116y _vchhusvi _4cvr1h6o _1bah1h6o _1o9zidpf _16jlidpf _1ul9idpf _1tkeidpf",
8
- border: "_189ee4h9 _1dqonqa1 _1h6dmuej",
8
+ border: "_189ee4h9 _1dqonqa1 _1h6d1l7x",
9
9
  inset: "_1iia1wug _bna71wug _1xjx1wug _17521wug",
10
10
  nonInset: "_1qwg1osq _mezj1osq _e2oo1osq _w8l51osq _1iia1osq _bna71osq _1xjx1osq _17521osq"
11
11
  };
@@ -37,13 +37,13 @@ const backgroundColorMap = {
37
37
  'color.background.accent.red.subtler': "_bfhk1rtt",
38
38
  'color.background.accent.red.subtle': "_bfhkkrt9",
39
39
  'color.background.accent.red.bolder': "_bfhkuibq",
40
- 'color.background.accent.orange.subtlest': "_bfhk1g3m",
41
- 'color.background.accent.orange.subtler': "_bfhkf2vu",
42
- 'color.background.accent.orange.subtle': "_bfhk1g6e",
43
- 'color.background.accent.orange.bolder': "_bfhkjgng",
44
- 'color.background.accent.yellow.subtlest': "_bfhk1ozg",
45
- 'color.background.accent.yellow.subtler': "_bfhk3fv2",
46
- 'color.background.accent.yellow.subtle': "_bfhkry5t",
40
+ 'color.background.accent.orange.subtlest': "_bfhkf5uh",
41
+ 'color.background.accent.orange.subtler': "_bfhk165s",
42
+ 'color.background.accent.orange.subtle': "_bfhk1kkj",
43
+ 'color.background.accent.orange.bolder': "_bfhk1qg1",
44
+ 'color.background.accent.yellow.subtlest': "_bfhkibhp",
45
+ 'color.background.accent.yellow.subtler': "_bfhk1773",
46
+ 'color.background.accent.yellow.subtle': "_bfhk8y3s",
47
47
  'color.background.accent.yellow.bolder': "_bfhk1vop",
48
48
  'color.background.accent.green.subtlest': "_bfhkn729",
49
49
  'color.background.accent.green.subtler': "_bfhk1wnw",
@@ -53,38 +53,38 @@ const backgroundColorMap = {
53
53
  'color.background.accent.teal.subtler': "_bfhk1a17",
54
54
  'color.background.accent.teal.subtle': "_bfhktdv8",
55
55
  'color.background.accent.teal.bolder': "_bfhk2c8p",
56
- 'color.background.accent.blue.subtlest': "_bfhkavxe",
57
- 'color.background.accent.blue.subtler': "_bfhk4v9p",
58
- 'color.background.accent.blue.subtle': "_bfhk1j89",
59
- 'color.background.accent.blue.bolder': "_bfhkc8cv",
60
- 'color.background.accent.purple.subtlest': "_bfhkp7j4",
61
- 'color.background.accent.purple.subtler': "_bfhk1jkz",
62
- 'color.background.accent.purple.subtle': "_bfhkdh45",
63
- 'color.background.accent.purple.bolder': "_bfhkygwo",
56
+ 'color.background.accent.blue.subtlest': "_bfhk1s93",
57
+ 'color.background.accent.blue.subtler': "_bfhk1dy8",
58
+ 'color.background.accent.blue.subtle': "_bfhk115i",
59
+ 'color.background.accent.blue.bolder': "_bfhk16e3",
60
+ 'color.background.accent.purple.subtlest': "_bfhkp2ly",
61
+ 'color.background.accent.purple.subtler': "_bfhk1nm4",
62
+ 'color.background.accent.purple.subtle': "_bfhk18ah",
63
+ 'color.background.accent.purple.bolder': "_bfhkya33",
64
64
  'color.background.accent.magenta.subtlest': "_bfhk8tvm",
65
65
  'color.background.accent.magenta.subtler': "_bfhkv9ra",
66
66
  'color.background.accent.magenta.subtle': "_bfhk1mi6",
67
67
  'color.background.accent.magenta.bolder': "_bfhkc3uk",
68
- 'color.background.accent.gray.subtlest': "_bfhk11bn",
69
- 'color.background.accent.gray.subtler': "_bfhk1v33",
70
- 'color.background.accent.gray.subtle': "_bfhk1t05",
71
- 'color.background.accent.gray.bolder': "_bfhk1t1b",
68
+ 'color.background.accent.gray.subtlest': "_bfhkysee",
69
+ 'color.background.accent.gray.subtler': "_bfhk7qp0",
70
+ 'color.background.accent.gray.subtle': "_bfhk18j9",
71
+ 'color.background.accent.gray.bolder': "_bfhk1i45",
72
72
  'color.background.inverse.subtle': "_bfhk1vck",
73
- 'color.background.neutral': "_bfhkm7j4",
74
- 'color.background.neutral.bold': "_bfhkcdhy",
75
- 'color.background.brand.subtlest': "_bfhk3wxy",
76
- 'color.background.brand.bold': "_bfhkb29m",
77
- 'color.background.brand.boldest': "_bfhk15mt",
73
+ 'color.background.neutral': "_bfhki8nm",
74
+ 'color.background.neutral.bold': "_bfhk1aqn",
75
+ 'color.background.brand.subtlest': "_bfhk1gmr",
76
+ 'color.background.brand.bold': "_bfhk1856",
77
+ 'color.background.brand.boldest': "_bfhk1o4i",
78
78
  'color.background.danger': "_bfhk1gly",
79
79
  'color.background.danger.bold': "_bfhkybec",
80
- 'color.background.warning': "_bfhk1tzq",
81
- 'color.background.warning.bold': "_bfhk190i",
82
- 'color.background.success': "_bfhkmv6i",
83
- 'color.background.success.bold': "_bfhk8emd",
84
- 'color.background.discovery': "_bfhk1nvp",
85
- 'color.background.discovery.bold': "_bfhk1lri",
86
- 'color.background.information': "_bfhk33gi",
87
- 'color.background.information.bold': "_bfhk14wj"
80
+ 'color.background.warning': "_bfhk1917",
81
+ 'color.background.warning.bold': "_bfhk1kmu",
82
+ 'color.background.success': "_bfhk1y9u",
83
+ 'color.background.success.bold': "_bfhkkcmj",
84
+ 'color.background.discovery': "_bfhk6vm6",
85
+ 'color.background.discovery.bold': "_bfhku5tj",
86
+ 'color.background.information': "_bfhk19ip",
87
+ 'color.background.information.bold': "_bfhkx4w0"
88
88
  };
89
89
 
90
90
  /**
@@ -105,7 +105,6 @@ export default function Tile(props) {
105
105
  } = props;
106
106
  return /*#__PURE__*/React.createElement("span", {
107
107
  "data-testid": testId,
108
- // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
109
108
  "aria-label": label !== '' ? label : undefined,
110
109
  role: label !== '' ? 'img' : undefined,
111
110
  className: ax([styles.root, sizeMap[size], isInset ? styles.inset : styles.nonInset, isInset && insetSizeMap[size], backgroundColorMap[backgroundColor || 'color.background.neutral'], hasBorder && styles.border])
package/dist/esm/tile.compiled.css CHANGED
@@ -2,7 +2,7 @@
2
2
  ._2rkol0p1{border-radius:var(--ds-radius-tile,25%)}
3
3
  ._189ee4h9{border-width:var(--ds-border-width,1px)}
4
4
  ._1dqonqa1{border-style:solid}
5
- ._1h6dmuej{border-color:var(--ds-border,#091e4224)}._16jlidpf{flex-grow:0}
5
+ ._1h6d1l7x{border-color:var(--ds-border,#0b120e24)}._16jlidpf{flex-grow:0}
6
6
  ._17521osq svg{height:100%}
7
7
  ._17521wug svg{height:auto}
8
8
  ._18m915vq{overflow-y:hidden}
@@ -60,64 +60,64 @@
60
60
  ._5ilea982 .emoji-common-emoji-sprite{width:24px!important}
61
61
  ._5ilemccc .emoji-common-emoji-sprite{width:9pt!important}
62
62
  ._5ilewk7l .emoji-common-emoji-sprite{width:14px!important}
63
- ._bfhk11bn{background-color:var(--ds-background-accent-gray-subtlest,#f1f2f4)}
64
- ._bfhk14wj{background-color:var(--ds-background-information-bold,#0c66e4)}
65
- ._bfhk15mt{background-color:var(--ds-background-brand-boldest,#1c2b41)}
66
- ._bfhk190i{background-color:var(--ds-background-warning-bold,#f5cd47)}
63
+ ._bfhk115i{background-color:var(--ds-background-accent-blue-subtle,#669df1)}
64
+ ._bfhk165s{background-color:var(--ds-background-accent-orange-subtler,#fce4a6)}
65
+ ._bfhk16e3{background-color:var(--ds-background-accent-blue-bolder,#1868db)}
66
+ ._bfhk1773{background-color:var(--ds-background-accent-yellow-subtler,#f5e989)}
67
+ ._bfhk1856{background-color:var(--ds-background-brand-bold,#1868db)}
68
+ ._bfhk18ah{background-color:var(--ds-background-accent-purple-subtle,#c97cf4)}
69
+ ._bfhk18j9{background-color:var(--ds-background-accent-gray-subtle,#8c8f97)}
70
+ ._bfhk1917{background-color:var(--ds-background-warning,#fff5db)}
71
+ ._bfhk19ip{background-color:var(--ds-background-information,#e9f2fe)}
67
72
  ._bfhk1a17{background-color:var(--ds-background-accent-teal-subtler,#c6edfb)}
73
+ ._bfhk1aqn{background-color:var(--ds-background-neutral-bold,#292a2e)}
74
+ ._bfhk1dy8{background-color:var(--ds-background-accent-blue-subtler,#cfe1fd)}
68
75
  ._bfhk1e5c{background-color:var(--ds-background-accent-green-bolder,#1f845a)}
69
- ._bfhk1g3m{background-color:var(--ds-background-accent-orange-subtlest,#fff3eb)}
70
- ._bfhk1g6e{background-color:var(--ds-background-accent-orange-subtle,#fea362)}
71
76
  ._bfhk1gly{background-color:var(--ds-background-danger,#ffeceb)}
77
+ ._bfhk1gmr{background-color:var(--ds-background-brand-subtlest,#e9f2fe)}
78
+ ._bfhk1i45{background-color:var(--ds-background-accent-gray-bolder,#6b6e76)}
72
79
  ._bfhk1j28{background-color:transparent}
73
- ._bfhk1j89{background-color:var(--ds-background-accent-blue-subtle,#579dff)}
74
- ._bfhk1jkz{background-color:var(--ds-background-accent-purple-subtler,#dfd8fd)}
75
- ._bfhk1lri{background-color:var(--ds-background-discovery-bold,#6e5dc6)}
80
+ ._bfhk1kkj{background-color:var(--ds-background-accent-orange-subtle,#fca700)}
81
+ ._bfhk1kmu{background-color:var(--ds-background-warning-bold,#fbc828)}
76
82
  ._bfhk1mi6{background-color:var(--ds-background-accent-magenta-subtle,#e774bb)}
77
- ._bfhk1nvp{background-color:var(--ds-background-discovery,#f3f0ff)}
78
- ._bfhk1ozg{background-color:var(--ds-background-accent-yellow-subtlest,#fff7d6)}
83
+ ._bfhk1nm4{background-color:var(--ds-background-accent-purple-subtler,#eed7fc)}
84
+ ._bfhk1o4i{background-color:var(--ds-background-brand-boldest,#1c2b42)}
85
+ ._bfhk1qg1{background-color:var(--ds-background-accent-orange-bolder,#bd5b00)}
79
86
  ._bfhk1rsu{background-color:var(--ds-background-accent-green-subtle,#4bce97)}
80
87
  ._bfhk1rtt{background-color:var(--ds-background-accent-red-subtler,#ffd5d2)}
81
- ._bfhk1t05{background-color:var(--ds-background-accent-gray-subtle,#8590a2)}
82
- ._bfhk1t1b{background-color:var(--ds-background-accent-gray-bolder,#626f86)}
83
- ._bfhk1tzq{background-color:var(--ds-background-warning,#fff7d6)}
84
- ._bfhk1v33{background-color:var(--ds-background-accent-gray-subtler,#dcdfe4)}
88
+ ._bfhk1s93{background-color:var(--ds-background-accent-blue-subtlest,#e9f2fe)}
85
89
  ._bfhk1vck{background-color:var(--ds-background-inverse-subtle,#00000029)}
86
90
  ._bfhk1vk5{background-color:var(--ds-background-accent-red-subtlest,#ffeceb)}
87
91
  ._bfhk1vop{background-color:var(--ds-background-accent-yellow-bolder,#946f00)}
88
92
  ._bfhk1wnw{background-color:var(--ds-background-accent-green-subtler,#baf3db)}
93
+ ._bfhk1y9u{background-color:var(--ds-background-success,#efffd6)}
89
94
  ._bfhk2c8p{background-color:var(--ds-background-accent-teal-bolder,#227d9b)}
90
- ._bfhk33gi{background-color:var(--ds-background-information,#e9f2ff)}
91
- ._bfhk3fv2{background-color:var(--ds-background-accent-yellow-subtler,#f8e6a0)}
92
- ._bfhk3wxy{background-color:var(--ds-background-brand-subtlest,#e9f2ff)}
93
- ._bfhk4v9p{background-color:var(--ds-background-accent-blue-subtler,#cce0ff)}
95
+ ._bfhk6vm6{background-color:var(--ds-background-discovery,#f8eefe)}
96
+ ._bfhk7qp0{background-color:var(--ds-background-accent-gray-subtler,#dddee1)}
94
97
  ._bfhk7xuz{background-color:var(--ds-background-accent-teal-subtlest,#e7f9ff)}
95
- ._bfhk8emd{background-color:var(--ds-background-success-bold,#1f845a)}
96
98
  ._bfhk8tvm{background-color:var(--ds-background-accent-magenta-subtlest,#ffecf8)}
97
- ._bfhkavxe{background-color:var(--ds-background-accent-blue-subtlest,#e9f2ff)}
98
- ._bfhkb29m{background-color:var(--ds-background-brand-bold,#0c66e4)}
99
+ ._bfhk8y3s{background-color:var(--ds-background-accent-yellow-subtle,#eed12b)}
99
100
  ._bfhkbq5w{background-color:var(--ds-background-accent-lime-subtle,#94c748)}
100
101
  ._bfhkc3uk{background-color:var(--ds-background-accent-magenta-bolder,#ae4787)}
101
- ._bfhkc8cv{background-color:var(--ds-background-accent-blue-bolder,#0c66e4)}
102
- ._bfhkcdhy{background-color:var(--ds-background-neutral-bold,#44546f)}
103
- ._bfhkdh45{background-color:var(--ds-background-accent-purple-subtle,#9f8fef)}
104
- ._bfhkf2vu{background-color:var(--ds-background-accent-orange-subtler,#fedec8)}
105
- ._bfhkjgng{background-color:var(--ds-background-accent-orange-bolder,#c25100)}
102
+ ._bfhkf5uh{background-color:var(--ds-background-accent-orange-subtlest,#fff5db)}
103
+ ._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
104
+ ._bfhkibhp{background-color:var(--ds-background-accent-yellow-subtlest,#fef7c8)}
105
+ ._bfhkkcmj{background-color:var(--ds-background-success-bold,#5b7f24)}
106
106
  ._bfhkkrt9{background-color:var(--ds-background-accent-red-subtle,#f87168)}
107
- ._bfhkm7j4{background-color:var(--ds-background-neutral,#091e420f)}
108
107
  ._bfhkm890{background-color:var(--ds-background-accent-lime-subtlest,#efffd6)}
109
- ._bfhkmv6i{background-color:var(--ds-background-success,#dcfff1)}
110
108
  ._bfhkn729{background-color:var(--ds-background-accent-green-subtlest,#dcfff1)}
111
- ._bfhkp7j4{background-color:var(--ds-background-accent-purple-subtlest,#f3f0ff)}
109
+ ._bfhkp2ly{background-color:var(--ds-background-accent-purple-subtlest,#f8eefe)}
112
110
  ._bfhkr3uz{background-color:#000}
113
- ._bfhkry5t{background-color:var(--ds-background-accent-yellow-subtle,#f5cd47)}
114
111
  ._bfhktde4{background-color:var(--ds-background-accent-lime-bolder,#5b7f24)}
115
112
  ._bfhktdv8{background-color:var(--ds-background-accent-teal-subtle,#6cc3e0)}
113
+ ._bfhku5tj{background-color:var(--ds-background-discovery-bold,#964ac0)}
116
114
  ._bfhku67f{background-color:#fff}
117
115
  ._bfhkuibq{background-color:var(--ds-background-accent-red-bolder,#c9372c)}
118
116
  ._bfhkv9ra{background-color:var(--ds-background-accent-magenta-subtler,#fdd0ec)}
117
+ ._bfhkx4w0{background-color:var(--ds-background-information-bold,#1868db)}
118
+ ._bfhkya33{background-color:var(--ds-background-accent-purple-bolder,#964ac0)}
119
119
  ._bfhkybec{background-color:var(--ds-background-danger-bold,#c9372c)}
120
- ._bfhkygwo{background-color:var(--ds-background-accent-purple-bolder,#6e5dc6)}
120
+ ._bfhkysee{background-color:var(--ds-background-accent-gray-subtlest,#f0f1f2)}
121
121
  ._bfhkz2ec{background-color:var(--ds-background-accent-lime-subtler,#d3f1a7)}
122
122
  ._bna71osq img{height:100%}
123
123
  ._bna71wug img{height:auto}
package/dist/esm/tile.js CHANGED
@@ -5,7 +5,7 @@ import * as React from 'react';
5
5
  import { ax, ix } from "@compiled/react/runtime";
6
6
  var styles = {
7
7
  root: "_2rkol0p1 _1reo15vq _18m915vq _kqswh2mm _1e0c116y _vchhusvi _4cvr1h6o _1bah1h6o _1o9zidpf _16jlidpf _1ul9idpf _1tkeidpf",
8
- border: "_189ee4h9 _1dqonqa1 _1h6dmuej",
8
+ border: "_189ee4h9 _1dqonqa1 _1h6d1l7x",
9
9
  inset: "_1iia1wug _bna71wug _1xjx1wug _17521wug",
10
10
  nonInset: "_1qwg1osq _mezj1osq _e2oo1osq _w8l51osq _1iia1osq _bna71osq _1xjx1osq _17521osq"
11
11
  };
@@ -37,13 +37,13 @@ var backgroundColorMap = {
37
37
  'color.background.accent.red.subtler': "_bfhk1rtt",
38
38
  'color.background.accent.red.subtle': "_bfhkkrt9",
39
39
  'color.background.accent.red.bolder': "_bfhkuibq",
40
- 'color.background.accent.orange.subtlest': "_bfhk1g3m",
41
- 'color.background.accent.orange.subtler': "_bfhkf2vu",
42
- 'color.background.accent.orange.subtle': "_bfhk1g6e",
43
- 'color.background.accent.orange.bolder': "_bfhkjgng",
44
- 'color.background.accent.yellow.subtlest': "_bfhk1ozg",
45
- 'color.background.accent.yellow.subtler': "_bfhk3fv2",
46
- 'color.background.accent.yellow.subtle': "_bfhkry5t",
40
+ 'color.background.accent.orange.subtlest': "_bfhkf5uh",
41
+ 'color.background.accent.orange.subtler': "_bfhk165s",
42
+ 'color.background.accent.orange.subtle': "_bfhk1kkj",
43
+ 'color.background.accent.orange.bolder': "_bfhk1qg1",
44
+ 'color.background.accent.yellow.subtlest': "_bfhkibhp",
45
+ 'color.background.accent.yellow.subtler': "_bfhk1773",
46
+ 'color.background.accent.yellow.subtle': "_bfhk8y3s",
47
47
  'color.background.accent.yellow.bolder': "_bfhk1vop",
48
48
  'color.background.accent.green.subtlest': "_bfhkn729",
49
49
  'color.background.accent.green.subtler': "_bfhk1wnw",
@@ -53,38 +53,38 @@ var backgroundColorMap = {
53
53
  'color.background.accent.teal.subtler': "_bfhk1a17",
54
54
  'color.background.accent.teal.subtle': "_bfhktdv8",
55
55
  'color.background.accent.teal.bolder': "_bfhk2c8p",
56
- 'color.background.accent.blue.subtlest': "_bfhkavxe",
57
- 'color.background.accent.blue.subtler': "_bfhk4v9p",
58
- 'color.background.accent.blue.subtle': "_bfhk1j89",
59
- 'color.background.accent.blue.bolder': "_bfhkc8cv",
60
- 'color.background.accent.purple.subtlest': "_bfhkp7j4",
61
- 'color.background.accent.purple.subtler': "_bfhk1jkz",
62
- 'color.background.accent.purple.subtle': "_bfhkdh45",
63
- 'color.background.accent.purple.bolder': "_bfhkygwo",
56
+ 'color.background.accent.blue.subtlest': "_bfhk1s93",
57
+ 'color.background.accent.blue.subtler': "_bfhk1dy8",
58
+ 'color.background.accent.blue.subtle': "_bfhk115i",
59
+ 'color.background.accent.blue.bolder': "_bfhk16e3",
60
+ 'color.background.accent.purple.subtlest': "_bfhkp2ly",
61
+ 'color.background.accent.purple.subtler': "_bfhk1nm4",
62
+ 'color.background.accent.purple.subtle': "_bfhk18ah",
63
+ 'color.background.accent.purple.bolder': "_bfhkya33",
64
64
  'color.background.accent.magenta.subtlest': "_bfhk8tvm",
65
65
  'color.background.accent.magenta.subtler': "_bfhkv9ra",
66
66
  'color.background.accent.magenta.subtle': "_bfhk1mi6",
67
67
  'color.background.accent.magenta.bolder': "_bfhkc3uk",
68
- 'color.background.accent.gray.subtlest': "_bfhk11bn",
69
- 'color.background.accent.gray.subtler': "_bfhk1v33",
70
- 'color.background.accent.gray.subtle': "_bfhk1t05",
71
- 'color.background.accent.gray.bolder': "_bfhk1t1b",
68
+ 'color.background.accent.gray.subtlest': "_bfhkysee",
69
+ 'color.background.accent.gray.subtler': "_bfhk7qp0",
70
+ 'color.background.accent.gray.subtle': "_bfhk18j9",
71
+ 'color.background.accent.gray.bolder': "_bfhk1i45",
72
72
  'color.background.inverse.subtle': "_bfhk1vck",
73
- 'color.background.neutral': "_bfhkm7j4",
74
- 'color.background.neutral.bold': "_bfhkcdhy",
75
- 'color.background.brand.subtlest': "_bfhk3wxy",
76
- 'color.background.brand.bold': "_bfhkb29m",
77
- 'color.background.brand.boldest': "_bfhk15mt",
73
+ 'color.background.neutral': "_bfhki8nm",
74
+ 'color.background.neutral.bold': "_bfhk1aqn",
75
+ 'color.background.brand.subtlest': "_bfhk1gmr",
76
+ 'color.background.brand.bold': "_bfhk1856",
77
+ 'color.background.brand.boldest': "_bfhk1o4i",
78
78
  'color.background.danger': "_bfhk1gly",
79
79
  'color.background.danger.bold': "_bfhkybec",
80
- 'color.background.warning': "_bfhk1tzq",
81
- 'color.background.warning.bold': "_bfhk190i",
82
- 'color.background.success': "_bfhkmv6i",
83
- 'color.background.success.bold': "_bfhk8emd",
84
- 'color.background.discovery': "_bfhk1nvp",
85
- 'color.background.discovery.bold': "_bfhk1lri",
86
- 'color.background.information': "_bfhk33gi",
87
- 'color.background.information.bold': "_bfhk14wj"
80
+ 'color.background.warning': "_bfhk1917",
81
+ 'color.background.warning.bold': "_bfhk1kmu",
82
+ 'color.background.success': "_bfhk1y9u",
83
+ 'color.background.success.bold': "_bfhkkcmj",
84
+ 'color.background.discovery': "_bfhk6vm6",
85
+ 'color.background.discovery.bold': "_bfhku5tj",
86
+ 'color.background.information': "_bfhk19ip",
87
+ 'color.background.information.bold': "_bfhkx4w0"
88
88
  };
89
89
 
90
90
  /**
@@ -105,7 +105,6 @@ export default function Tile(props) {
105
105
  testId = props.testId;
106
106
  return /*#__PURE__*/React.createElement("span", {
107
107
  "data-testid": testId,
108
- // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
109
108
  "aria-label": label !== '' ? label : undefined,
110
109
  role: label !== '' ? 'img' : undefined,
111
110
  className: ax([styles.root, sizeMap[size], isInset ? styles.inset : styles.nonInset, isInset && insetSizeMap[size], backgroundColorMap[backgroundColor || 'color.background.neutral'], hasBorder && styles.border])
package/package.json CHANGED
@@ -26,7 +26,7 @@
26
26
  "atlaskit:src": "src/index.tsx",
27
27
  "dependencies": {
28
28
  "@atlaskit/skeleton": "^2.1.0",
29
- "@atlaskit/tokens": "^8.0.0",
29
+ "@atlaskit/tokens": "^8.3.0",
30
30
  "@babel/runtime": "^7.0.0",
31
31
  "@compiled/react": "^0.18.6"
32
32
  },
@@ -37,7 +37,7 @@
37
37
  "@af/accessibility-testing": "workspace:^",
38
38
  "@af/integration-testing": "workspace:^",
39
39
  "@af/visual-regression": "workspace:^",
40
- "@atlaskit/ds-lib": "^5.2.0",
40
+ "@atlaskit/ds-lib": "^5.3.0",
41
41
  "@atlaskit/ssr": "workspace:^",
42
42
  "@testing-library/react": "^13.4.0",
43
43
  "react-dom": "^18.2.0"
@@ -80,7 +80,7 @@
80
80
  }
81
81
  },
82
82
  "name": "@atlaskit/tile",
83
- "version": "1.0.1",
83
+ "version": "1.0.2",
84
84
  "description": "A tile is a rounded square that takes an asset and represents a noun.",
85
85
  "author": "Atlassian Pty Ltd",
86
86
  "license": "Apache-2.0",