@atlaskit/tile 0.1.2 → 0.1.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 (8) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/tile.compiled.css +38 -11
  3. package/dist/cjs/tile.js +2 -2
  4. package/dist/es2019/tile.compiled.css +38 -11
  5. package/dist/es2019/tile.js +2 -2
  6. package/dist/esm/tile.compiled.css +38 -11
  7. package/dist/esm/tile.js +2 -2
  8. package/package.json +2 -7
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/tile
2
2
 
3
+ ## 0.1.4
4
+
5
+ ### Patch Changes
6
+
7
+ - [`99f4f441fac8c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/99f4f441fac8c) -
8
+ Removed unused dependencies.
9
+
10
+ ## 0.1.3
11
+
12
+ ### Patch Changes
13
+
14
+ - [`965e35f10a8f1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/965e35f10a8f1) -
15
+ Implemented new design token `radius.tile` for tile border radius.
16
+
3
17
  ## 0.1.2
4
18
 
5
19
  ### Patch Changes
package/dist/cjs/tile.compiled.css CHANGED
@@ -1,8 +1,10 @@
1
1
 
2
- ._2rko1x1l{border-radius:25%}
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
5
  ._1h6dmuej{border-color:var(--ds-border,#091e4224)}._16jlidpf{flex-grow:0}
6
+ ._17521osq svg{height:100%}
7
+ ._17521wug svg{height:auto}
6
8
  ._18m915vq{overflow-y:hidden}
7
9
  ._1bah1h6o{justify-content:center}
8
10
  ._1bsb1tcg{width:24px}
@@ -12,16 +14,16 @@
12
14
  ._1bsbgktf{width:20px}
13
15
  ._1bsbzwfg{width:2pc}
14
16
  ._1e0c116y{display:inline-flex}
15
- ._1iia1osq div, ._bna71osq img, ._1xjx1osq span, ._17521osq svg{height:100%}
16
- ._1iia1wug div, ._bna71wug img, ._1xjx1wug span, ._17521wug svg{height:auto}
17
+ ._1iia1osq div{height:100%}
18
+ ._1iia1wug div{height:auto}
17
19
  ._1o9zidpf{flex-shrink:0}
18
- ._1qwg19bv div, ._mezj19bv img, ._e2oo19bv span, ._w8l519bv svg{width:10px}
19
- ._1qwg1crf div, ._mezj1crf img, ._e2oo1crf span, ._w8l51crf svg{width:9pt}
20
- ._1qwg1osq div, ._mezj1osq img, ._e2oo1osq span, ._w8l51osq svg{width:100%}
21
- ._1qwg1tcg div, ._mezj1tcg img, ._e2oo1tcg span, ._w8l51tcg svg{width:24px}
22
- ._1qwg7vkz div, ._mezj7vkz img, ._e2oo7vkz span, ._w8l57vkz svg{width:1pc}
23
- ._1qwgdlk8 div, ._mezjdlk8 img, ._e2oodlk8 span, ._w8l5dlk8 svg{width:14px}
24
- ._1qwggktf div, ._mezjgktf img, ._e2oogktf span, ._w8l5gktf svg{width:20px}
20
+ ._1qwg19bv div{width:10px}
21
+ ._1qwg1crf div{width:9pt}
22
+ ._1qwg1osq div{width:100%}
23
+ ._1qwg1tcg div{width:24px}
24
+ ._1qwg7vkz div{width:1pc}
25
+ ._1qwgdlk8 div{width:14px}
26
+ ._1qwggktf div{width:20px}
25
27
  ._1reo15vq{overflow-x:hidden}
26
28
  ._1tkeidpf{min-height:0}
27
29
  ._1ul9idpf{min-width:0}
@@ -31,6 +33,8 @@
31
33
  ._1wyb7vkz{font-size:1pc}
32
34
  ._1wybdlk8{font-size:14px}
33
35
  ._1wybgktf{font-size:20px}
36
+ ._1xjx1osq span{height:100%}
37
+ ._1xjx1wug span{height:auto}
34
38
  ._4cvr1h6o{align-items:center}
35
39
  ._4t3i1tcg{height:24px}
36
40
  ._4t3i1ylp{height:40px}
@@ -96,5 +100,28 @@
96
100
  ._bfhkybec{background-color:var(--ds-background-danger-bold,#c9372c)}
97
101
  ._bfhkygwo{background-color:var(--ds-background-accent-purple-bolder,#6e5dc6)}
98
102
  ._bfhkz2ec{background-color:var(--ds-background-accent-lime-subtler,#d3f1a7)}
103
+ ._bna71osq img{height:100%}
104
+ ._bna71wug img{height:auto}
105
+ ._e2oo19bv span{width:10px}
106
+ ._e2oo1crf span{width:9pt}
107
+ ._e2oo1osq span{width:100%}
108
+ ._e2oo1tcg span{width:24px}
109
+ ._e2oo7vkz span{width:1pc}
110
+ ._e2oodlk8 span{width:14px}
111
+ ._e2oogktf span{width:20px}
99
112
  ._kqswh2mm{position:relative}
100
- ._vchhusvi{box-sizing:border-box}
113
+ ._mezj19bv img{width:10px}
114
+ ._mezj1crf img{width:9pt}
115
+ ._mezj1osq img{width:100%}
116
+ ._mezj1tcg img{width:24px}
117
+ ._mezj7vkz img{width:1pc}
118
+ ._mezjdlk8 img{width:14px}
119
+ ._mezjgktf img{width:20px}
120
+ ._vchhusvi{box-sizing:border-box}
121
+ ._w8l519bv svg{width:10px}
122
+ ._w8l51crf svg{width:9pt}
123
+ ._w8l51osq svg{width:100%}
124
+ ._w8l51tcg svg{width:24px}
125
+ ._w8l57vkz svg{width:1pc}
126
+ ._w8l5dlk8 svg{width:14px}
127
+ ._w8l5gktf svg{width:20px}
package/dist/cjs/tile.js CHANGED
@@ -1,4 +1,4 @@
1
- /* tile.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* tile.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  "use strict";
3
3
 
4
4
  var _typeof = require("@babel/runtime/helpers/typeof");
@@ -11,7 +11,7 @@ var React = _interopRequireWildcard(require("react"));
11
11
  var _runtime = require("@compiled/react/runtime");
12
12
  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); }
13
13
  var styles = {
14
- root: "_2rko1x1l _1reo15vq _18m915vq _kqswh2mm _1e0c116y _vchhusvi _4cvr1h6o _1bah1h6o _1o9zidpf _16jlidpf _1ul9idpf _1tkeidpf",
14
+ root: "_2rkol0p1 _1reo15vq _18m915vq _kqswh2mm _1e0c116y _vchhusvi _4cvr1h6o _1bah1h6o _1o9zidpf _16jlidpf _1ul9idpf _1tkeidpf",
15
15
  border: "_189ee4h9 _1dqonqa1 _1h6dmuej",
16
16
  inset: "_1iia1wug _bna71wug _1xjx1wug _17521wug",
17
17
  nonInset: "_1qwg1osq _mezj1osq _e2oo1osq _w8l51osq _1iia1osq _bna71osq _1xjx1osq _17521osq"
package/dist/es2019/tile.compiled.css CHANGED
@@ -1,8 +1,10 @@
1
1
 
2
- ._2rko1x1l{border-radius:25%}
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
5
  ._1h6dmuej{border-color:var(--ds-border,#091e4224)}._16jlidpf{flex-grow:0}
6
+ ._17521osq svg{height:100%}
7
+ ._17521wug svg{height:auto}
6
8
  ._18m915vq{overflow-y:hidden}
7
9
  ._1bah1h6o{justify-content:center}
8
10
  ._1bsb1tcg{width:24px}
@@ -12,16 +14,16 @@
12
14
  ._1bsbgktf{width:20px}
13
15
  ._1bsbzwfg{width:2pc}
14
16
  ._1e0c116y{display:inline-flex}
15
- ._1iia1osq div, ._bna71osq img, ._1xjx1osq span, ._17521osq svg{height:100%}
16
- ._1iia1wug div, ._bna71wug img, ._1xjx1wug span, ._17521wug svg{height:auto}
17
+ ._1iia1osq div{height:100%}
18
+ ._1iia1wug div{height:auto}
17
19
  ._1o9zidpf{flex-shrink:0}
18
- ._1qwg19bv div, ._mezj19bv img, ._e2oo19bv span, ._w8l519bv svg{width:10px}
19
- ._1qwg1crf div, ._mezj1crf img, ._e2oo1crf span, ._w8l51crf svg{width:9pt}
20
- ._1qwg1osq div, ._mezj1osq img, ._e2oo1osq span, ._w8l51osq svg{width:100%}
21
- ._1qwg1tcg div, ._mezj1tcg img, ._e2oo1tcg span, ._w8l51tcg svg{width:24px}
22
- ._1qwg7vkz div, ._mezj7vkz img, ._e2oo7vkz span, ._w8l57vkz svg{width:1pc}
23
- ._1qwgdlk8 div, ._mezjdlk8 img, ._e2oodlk8 span, ._w8l5dlk8 svg{width:14px}
24
- ._1qwggktf div, ._mezjgktf img, ._e2oogktf span, ._w8l5gktf svg{width:20px}
20
+ ._1qwg19bv div{width:10px}
21
+ ._1qwg1crf div{width:9pt}
22
+ ._1qwg1osq div{width:100%}
23
+ ._1qwg1tcg div{width:24px}
24
+ ._1qwg7vkz div{width:1pc}
25
+ ._1qwgdlk8 div{width:14px}
26
+ ._1qwggktf div{width:20px}
25
27
  ._1reo15vq{overflow-x:hidden}
26
28
  ._1tkeidpf{min-height:0}
27
29
  ._1ul9idpf{min-width:0}
@@ -31,6 +33,8 @@
31
33
  ._1wyb7vkz{font-size:1pc}
32
34
  ._1wybdlk8{font-size:14px}
33
35
  ._1wybgktf{font-size:20px}
36
+ ._1xjx1osq span{height:100%}
37
+ ._1xjx1wug span{height:auto}
34
38
  ._4cvr1h6o{align-items:center}
35
39
  ._4t3i1tcg{height:24px}
36
40
  ._4t3i1ylp{height:40px}
@@ -96,5 +100,28 @@
96
100
  ._bfhkybec{background-color:var(--ds-background-danger-bold,#c9372c)}
97
101
  ._bfhkygwo{background-color:var(--ds-background-accent-purple-bolder,#6e5dc6)}
98
102
  ._bfhkz2ec{background-color:var(--ds-background-accent-lime-subtler,#d3f1a7)}
103
+ ._bna71osq img{height:100%}
104
+ ._bna71wug img{height:auto}
105
+ ._e2oo19bv span{width:10px}
106
+ ._e2oo1crf span{width:9pt}
107
+ ._e2oo1osq span{width:100%}
108
+ ._e2oo1tcg span{width:24px}
109
+ ._e2oo7vkz span{width:1pc}
110
+ ._e2oodlk8 span{width:14px}
111
+ ._e2oogktf span{width:20px}
99
112
  ._kqswh2mm{position:relative}
100
- ._vchhusvi{box-sizing:border-box}
113
+ ._mezj19bv img{width:10px}
114
+ ._mezj1crf img{width:9pt}
115
+ ._mezj1osq img{width:100%}
116
+ ._mezj1tcg img{width:24px}
117
+ ._mezj7vkz img{width:1pc}
118
+ ._mezjdlk8 img{width:14px}
119
+ ._mezjgktf img{width:20px}
120
+ ._vchhusvi{box-sizing:border-box}
121
+ ._w8l519bv svg{width:10px}
122
+ ._w8l51crf svg{width:9pt}
123
+ ._w8l51osq svg{width:100%}
124
+ ._w8l51tcg svg{width:24px}
125
+ ._w8l57vkz svg{width:1pc}
126
+ ._w8l5dlk8 svg{width:14px}
127
+ ._w8l5gktf svg{width:20px}
package/dist/es2019/tile.js CHANGED
@@ -1,9 +1,9 @@
1
- /* tile.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* tile.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import "./tile.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  const styles = {
6
- root: "_2rko1x1l _1reo15vq _18m915vq _kqswh2mm _1e0c116y _vchhusvi _4cvr1h6o _1bah1h6o _1o9zidpf _16jlidpf _1ul9idpf _1tkeidpf",
6
+ root: "_2rkol0p1 _1reo15vq _18m915vq _kqswh2mm _1e0c116y _vchhusvi _4cvr1h6o _1bah1h6o _1o9zidpf _16jlidpf _1ul9idpf _1tkeidpf",
7
7
  border: "_189ee4h9 _1dqonqa1 _1h6dmuej",
8
8
  inset: "_1iia1wug _bna71wug _1xjx1wug _17521wug",
9
9
  nonInset: "_1qwg1osq _mezj1osq _e2oo1osq _w8l51osq _1iia1osq _bna71osq _1xjx1osq _17521osq"
package/dist/esm/tile.compiled.css CHANGED
@@ -1,8 +1,10 @@
1
1
 
2
- ._2rko1x1l{border-radius:25%}
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
5
  ._1h6dmuej{border-color:var(--ds-border,#091e4224)}._16jlidpf{flex-grow:0}
6
+ ._17521osq svg{height:100%}
7
+ ._17521wug svg{height:auto}
6
8
  ._18m915vq{overflow-y:hidden}
7
9
  ._1bah1h6o{justify-content:center}
8
10
  ._1bsb1tcg{width:24px}
@@ -12,16 +14,16 @@
12
14
  ._1bsbgktf{width:20px}
13
15
  ._1bsbzwfg{width:2pc}
14
16
  ._1e0c116y{display:inline-flex}
15
- ._1iia1osq div, ._bna71osq img, ._1xjx1osq span, ._17521osq svg{height:100%}
16
- ._1iia1wug div, ._bna71wug img, ._1xjx1wug span, ._17521wug svg{height:auto}
17
+ ._1iia1osq div{height:100%}
18
+ ._1iia1wug div{height:auto}
17
19
  ._1o9zidpf{flex-shrink:0}
18
- ._1qwg19bv div, ._mezj19bv img, ._e2oo19bv span, ._w8l519bv svg{width:10px}
19
- ._1qwg1crf div, ._mezj1crf img, ._e2oo1crf span, ._w8l51crf svg{width:9pt}
20
- ._1qwg1osq div, ._mezj1osq img, ._e2oo1osq span, ._w8l51osq svg{width:100%}
21
- ._1qwg1tcg div, ._mezj1tcg img, ._e2oo1tcg span, ._w8l51tcg svg{width:24px}
22
- ._1qwg7vkz div, ._mezj7vkz img, ._e2oo7vkz span, ._w8l57vkz svg{width:1pc}
23
- ._1qwgdlk8 div, ._mezjdlk8 img, ._e2oodlk8 span, ._w8l5dlk8 svg{width:14px}
24
- ._1qwggktf div, ._mezjgktf img, ._e2oogktf span, ._w8l5gktf svg{width:20px}
20
+ ._1qwg19bv div{width:10px}
21
+ ._1qwg1crf div{width:9pt}
22
+ ._1qwg1osq div{width:100%}
23
+ ._1qwg1tcg div{width:24px}
24
+ ._1qwg7vkz div{width:1pc}
25
+ ._1qwgdlk8 div{width:14px}
26
+ ._1qwggktf div{width:20px}
25
27
  ._1reo15vq{overflow-x:hidden}
26
28
  ._1tkeidpf{min-height:0}
27
29
  ._1ul9idpf{min-width:0}
@@ -31,6 +33,8 @@
31
33
  ._1wyb7vkz{font-size:1pc}
32
34
  ._1wybdlk8{font-size:14px}
33
35
  ._1wybgktf{font-size:20px}
36
+ ._1xjx1osq span{height:100%}
37
+ ._1xjx1wug span{height:auto}
34
38
  ._4cvr1h6o{align-items:center}
35
39
  ._4t3i1tcg{height:24px}
36
40
  ._4t3i1ylp{height:40px}
@@ -96,5 +100,28 @@
96
100
  ._bfhkybec{background-color:var(--ds-background-danger-bold,#c9372c)}
97
101
  ._bfhkygwo{background-color:var(--ds-background-accent-purple-bolder,#6e5dc6)}
98
102
  ._bfhkz2ec{background-color:var(--ds-background-accent-lime-subtler,#d3f1a7)}
103
+ ._bna71osq img{height:100%}
104
+ ._bna71wug img{height:auto}
105
+ ._e2oo19bv span{width:10px}
106
+ ._e2oo1crf span{width:9pt}
107
+ ._e2oo1osq span{width:100%}
108
+ ._e2oo1tcg span{width:24px}
109
+ ._e2oo7vkz span{width:1pc}
110
+ ._e2oodlk8 span{width:14px}
111
+ ._e2oogktf span{width:20px}
99
112
  ._kqswh2mm{position:relative}
100
- ._vchhusvi{box-sizing:border-box}
113
+ ._mezj19bv img{width:10px}
114
+ ._mezj1crf img{width:9pt}
115
+ ._mezj1osq img{width:100%}
116
+ ._mezj1tcg img{width:24px}
117
+ ._mezj7vkz img{width:1pc}
118
+ ._mezjdlk8 img{width:14px}
119
+ ._mezjgktf img{width:20px}
120
+ ._vchhusvi{box-sizing:border-box}
121
+ ._w8l519bv svg{width:10px}
122
+ ._w8l51crf svg{width:9pt}
123
+ ._w8l51osq svg{width:100%}
124
+ ._w8l51tcg svg{width:24px}
125
+ ._w8l57vkz svg{width:1pc}
126
+ ._w8l5dlk8 svg{width:14px}
127
+ ._w8l5gktf svg{width:20px}
package/dist/esm/tile.js CHANGED
@@ -1,9 +1,9 @@
1
- /* tile.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* tile.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import "./tile.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  var styles = {
6
- root: "_2rko1x1l _1reo15vq _18m915vq _kqswh2mm _1e0c116y _vchhusvi _4cvr1h6o _1bah1h6o _1o9zidpf _16jlidpf _1ul9idpf _1tkeidpf",
6
+ root: "_2rkol0p1 _1reo15vq _18m915vq _kqswh2mm _1e0c116y _vchhusvi _4cvr1h6o _1bah1h6o _1o9zidpf _16jlidpf _1ul9idpf _1tkeidpf",
7
7
  border: "_189ee4h9 _1dqonqa1 _1h6dmuej",
8
8
  inset: "_1iia1wug _bna71wug _1xjx1wug _17521wug",
9
9
  nonInset: "_1qwg1osq _mezj1osq _e2oo1osq _w8l51osq _1iia1osq _bna71osq _1xjx1osq _17521osq"
package/package.json CHANGED
@@ -27,12 +27,7 @@
27
27
  "*.compiled.css"
28
28
  ],
29
29
  "atlaskit:src": "src/index.tsx",
30
- "af:exports": {
31
- ".": "./src/index.tsx"
32
- },
33
30
  "dependencies": {
34
- "@atlaskit/css": "^0.14.0",
35
- "@atlaskit/primitives": "^14.14.0",
36
31
  "@atlaskit/tokens": "^6.3.0",
37
32
  "@babel/runtime": "^7.0.0",
38
33
  "@compiled/react": "^0.18.3"
@@ -44,7 +39,7 @@
44
39
  "@af/accessibility-testing": "workspace:^",
45
40
  "@af/integration-testing": "workspace:^",
46
41
  "@af/visual-regression": "workspace:^",
47
- "@atlaskit/ds-lib": "^5.0.0",
42
+ "@atlaskit/ds-lib": "^5.1.0",
48
43
  "@atlaskit/ssr": "workspace:^",
49
44
  "@testing-library/react": "^13.4.0",
50
45
  "react-dom": "^18.2.0"
@@ -87,7 +82,7 @@
87
82
  }
88
83
  },
89
84
  "name": "@atlaskit/tile",
90
- "version": "0.1.2",
85
+ "version": "0.1.4",
91
86
  "description": "A tile is a rounded square that takes an asset (Image, Icon, Logo) and represents a noun.",
92
87
  "author": "Atlassian Pty Ltd",
93
88
  "license": "Apache-2.0",