@atlaskit/lozenge 13.0.11 → 13.0.13

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 (9) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/lozenge.compiled.css +13 -15
  3. package/dist/cjs/lozenge.js +13 -13
  4. package/dist/es2019/lozenge.compiled.css +13 -15
  5. package/dist/es2019/lozenge.js +13 -13
  6. package/dist/esm/lozenge.compiled.css +13 -15
  7. package/dist/esm/lozenge.js +13 -13
  8. package/offerings.json +36 -0
  9. package/package.json +6 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/lozenge
2
2
 
3
+ ## 13.0.13
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 13.0.12
10
+
11
+ ### Patch Changes
12
+
13
+ - [`248faa32d4835`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/248faa32d4835) -
14
+ Internal changes to how borders are applied.
15
+ - Updated dependencies
16
+
3
17
  ## 13.0.11
4
18
 
5
19
  ### Patch Changes
package/dist/cjs/lozenge.compiled.css CHANGED
@@ -1,27 +1,25 @@
1
1
 
2
- ._19it14mp{border:1px solid #b7b9be}
3
- ._19it1am1{border:1px solid #94c748}
4
- ._19it1apr{border:1px solid #c97cf4}
5
- ._19it1cy7{border:1px solid #669df1}
6
- ._19itoa5t{border:1px solid #f87168}
7
- ._19itzi1n{border:1px solid #fca700}
2
+ ._19it13mh{border:var(--ds-border-width,1px) solid #b7b9be}
3
+ ._19it1pib{border:var(--ds-border-width,1px) solid #c97cf4}
4
+ ._19it1y5u{border:var(--ds-border-width,1px) solid #fca700}
5
+ ._19itd8v8{border:var(--ds-border-width,1px) solid #669df1}
6
+ ._19itmiw9{border:var(--ds-border-width,1px) solid #94c748}
7
+ ._19itv8s6{border:var(--ds-border-width,1px) solid #f87168}
8
+ ._1a3713mh{outline:var(--ds-border-width,1px) solid #b7b9be}
9
+ ._1a371pib{outline:var(--ds-border-width,1px) solid #c97cf4}
10
+ ._1a371y5u{outline:var(--ds-border-width,1px) solid #fca700}
11
+ ._1a37d8v8{outline:var(--ds-border-width,1px) solid #669df1}
12
+ ._1a37miw9{outline:var(--ds-border-width,1px) solid #94c748}
13
+ ._1a37v8s6{outline:var(--ds-border-width,1px) solid #f87168}
8
14
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
9
15
  ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
10
- ._18zr1b66{padding-inline:var(--ds-space-050,4px)}._12ji14je{outline-color:#b7b9be}
11
- ._12ji157s{outline-color:#c97cf4}
12
- ._12jia2c0{outline-color:#f87168}
13
- ._12jih727{outline-color:#fca700}
14
- ._12jin0nx{outline-color:#94c748}
15
- ._12jiuisw{outline-color:#669df1}
16
- ._12y3t94y{outline-width:1px}
17
- ._18m915vq{overflow-y:hidden}
16
+ ._18zr1b66{padding-inline:var(--ds-space-050,4px)}._18m915vq{overflow-y:hidden}
18
17
  ._1bto1l2s{text-overflow:ellipsis}
19
18
  ._1cwg1n1a{outline-offset:-1px}
20
19
  ._1dyz9vsi{letter-spacing:.165px}
21
20
  ._1e0c116y{display:inline-flex}
22
21
  ._1kz6184x{block-size:min-content}
23
22
  ._1p1dangw{text-transform:uppercase}
24
- ._1qu2nqa1{outline-style:solid}
25
23
  ._1reo15vq{overflow-x:hidden}
26
24
  ._1wyb1skh{font-size:11px}
27
25
  ._bfhk1366{background-color:#fd9891}
package/dist/cjs/lozenge.js CHANGED
@@ -1,4 +1,4 @@
1
- /* lozenge.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* lozenge.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  "use strict";
3
3
 
4
4
  var _typeof = require("@babel/runtime/helpers/typeof");
@@ -74,18 +74,18 @@ var stylesNew = {
74
74
  'bg.subtle.new': "_bfhksm61",
75
75
  'bg.subtle.removed': "_bfhksm61",
76
76
  'bg.subtle.success': "_bfhksm61",
77
- 'border.subtle.default': "_19it14mp",
78
- 'border.subtle.inprogress': "_19it1cy7",
79
- 'border.subtle.moved': "_19itzi1n",
80
- 'border.subtle.new': "_19it1apr",
81
- 'border.subtle.removed': "_19itoa5t",
82
- 'border.subtle.success': "_19it1am1",
83
- 'outline.subtle.default': "_12ji14je _1qu2nqa1 _12y3t94y",
84
- 'outline.subtle.inprogress': "_12jiuisw _1qu2nqa1 _12y3t94y",
85
- 'outline.subtle.moved': "_12jih727 _1qu2nqa1 _12y3t94y",
86
- 'outline.subtle.new': "_12ji157s _1qu2nqa1 _12y3t94y",
87
- 'outline.subtle.removed': "_12jia2c0 _1qu2nqa1 _12y3t94y",
88
- 'outline.subtle.success': "_12jin0nx _1qu2nqa1 _12y3t94y",
77
+ 'border.subtle.default': "_19it13mh",
78
+ 'border.subtle.inprogress': "_19itd8v8",
79
+ 'border.subtle.moved': "_19it1y5u",
80
+ 'border.subtle.new': "_19it1pib",
81
+ 'border.subtle.removed': "_19itv8s6",
82
+ 'border.subtle.success': "_19itmiw9",
83
+ 'outline.subtle.default': "_1a3713mh",
84
+ 'outline.subtle.inprogress': "_1a37d8v8",
85
+ 'outline.subtle.moved': "_1a371y5u",
86
+ 'outline.subtle.new': "_1a371pib",
87
+ 'outline.subtle.removed': "_1a37v8s6",
88
+ 'outline.subtle.success': "_1a37miw9",
89
89
  'text.subtle': "_syaz1fxt",
90
90
  'text.bold': "_syazwwip"
91
91
  };
package/dist/es2019/lozenge.compiled.css CHANGED
@@ -1,27 +1,25 @@
1
1
 
2
- ._19it14mp{border:1px solid #b7b9be}
3
- ._19it1am1{border:1px solid #94c748}
4
- ._19it1apr{border:1px solid #c97cf4}
5
- ._19it1cy7{border:1px solid #669df1}
6
- ._19itoa5t{border:1px solid #f87168}
7
- ._19itzi1n{border:1px solid #fca700}
2
+ ._19it13mh{border:var(--ds-border-width,1px) solid #b7b9be}
3
+ ._19it1pib{border:var(--ds-border-width,1px) solid #c97cf4}
4
+ ._19it1y5u{border:var(--ds-border-width,1px) solid #fca700}
5
+ ._19itd8v8{border:var(--ds-border-width,1px) solid #669df1}
6
+ ._19itmiw9{border:var(--ds-border-width,1px) solid #94c748}
7
+ ._19itv8s6{border:var(--ds-border-width,1px) solid #f87168}
8
+ ._1a3713mh{outline:var(--ds-border-width,1px) solid #b7b9be}
9
+ ._1a371pib{outline:var(--ds-border-width,1px) solid #c97cf4}
10
+ ._1a371y5u{outline:var(--ds-border-width,1px) solid #fca700}
11
+ ._1a37d8v8{outline:var(--ds-border-width,1px) solid #669df1}
12
+ ._1a37miw9{outline:var(--ds-border-width,1px) solid #94c748}
13
+ ._1a37v8s6{outline:var(--ds-border-width,1px) solid #f87168}
8
14
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
9
15
  ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
10
- ._18zr1b66{padding-inline:var(--ds-space-050,4px)}._12ji14je{outline-color:#b7b9be}
11
- ._12ji157s{outline-color:#c97cf4}
12
- ._12jia2c0{outline-color:#f87168}
13
- ._12jih727{outline-color:#fca700}
14
- ._12jin0nx{outline-color:#94c748}
15
- ._12jiuisw{outline-color:#669df1}
16
- ._12y3t94y{outline-width:1px}
17
- ._18m915vq{overflow-y:hidden}
16
+ ._18zr1b66{padding-inline:var(--ds-space-050,4px)}._18m915vq{overflow-y:hidden}
18
17
  ._1bto1l2s{text-overflow:ellipsis}
19
18
  ._1cwg1n1a{outline-offset:-1px}
20
19
  ._1dyz9vsi{letter-spacing:.165px}
21
20
  ._1e0c116y{display:inline-flex}
22
21
  ._1kz6184x{block-size:min-content}
23
22
  ._1p1dangw{text-transform:uppercase}
24
- ._1qu2nqa1{outline-style:solid}
25
23
  ._1reo15vq{overflow-x:hidden}
26
24
  ._1wyb1skh{font-size:11px}
27
25
  ._bfhk1366{background-color:#fd9891}
package/dist/es2019/lozenge.js CHANGED
@@ -1,4 +1,4 @@
1
- /* lozenge.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* lozenge.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import "./lozenge.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
@@ -66,18 +66,18 @@ const stylesNew = {
66
66
  'bg.subtle.new': "_bfhksm61",
67
67
  'bg.subtle.removed': "_bfhksm61",
68
68
  'bg.subtle.success': "_bfhksm61",
69
- 'border.subtle.default': "_19it14mp",
70
- 'border.subtle.inprogress': "_19it1cy7",
71
- 'border.subtle.moved': "_19itzi1n",
72
- 'border.subtle.new': "_19it1apr",
73
- 'border.subtle.removed': "_19itoa5t",
74
- 'border.subtle.success': "_19it1am1",
75
- 'outline.subtle.default': "_12ji14je _1qu2nqa1 _12y3t94y",
76
- 'outline.subtle.inprogress': "_12jiuisw _1qu2nqa1 _12y3t94y",
77
- 'outline.subtle.moved': "_12jih727 _1qu2nqa1 _12y3t94y",
78
- 'outline.subtle.new': "_12ji157s _1qu2nqa1 _12y3t94y",
79
- 'outline.subtle.removed': "_12jia2c0 _1qu2nqa1 _12y3t94y",
80
- 'outline.subtle.success': "_12jin0nx _1qu2nqa1 _12y3t94y",
69
+ 'border.subtle.default': "_19it13mh",
70
+ 'border.subtle.inprogress': "_19itd8v8",
71
+ 'border.subtle.moved': "_19it1y5u",
72
+ 'border.subtle.new': "_19it1pib",
73
+ 'border.subtle.removed': "_19itv8s6",
74
+ 'border.subtle.success': "_19itmiw9",
75
+ 'outline.subtle.default': "_1a3713mh",
76
+ 'outline.subtle.inprogress': "_1a37d8v8",
77
+ 'outline.subtle.moved': "_1a371y5u",
78
+ 'outline.subtle.new': "_1a371pib",
79
+ 'outline.subtle.removed': "_1a37v8s6",
80
+ 'outline.subtle.success': "_1a37miw9",
81
81
  'text.subtle': "_syaz1fxt",
82
82
  'text.bold': "_syazwwip"
83
83
  };
package/dist/esm/lozenge.compiled.css CHANGED
@@ -1,27 +1,25 @@
1
1
 
2
- ._19it14mp{border:1px solid #b7b9be}
3
- ._19it1am1{border:1px solid #94c748}
4
- ._19it1apr{border:1px solid #c97cf4}
5
- ._19it1cy7{border:1px solid #669df1}
6
- ._19itoa5t{border:1px solid #f87168}
7
- ._19itzi1n{border:1px solid #fca700}
2
+ ._19it13mh{border:var(--ds-border-width,1px) solid #b7b9be}
3
+ ._19it1pib{border:var(--ds-border-width,1px) solid #c97cf4}
4
+ ._19it1y5u{border:var(--ds-border-width,1px) solid #fca700}
5
+ ._19itd8v8{border:var(--ds-border-width,1px) solid #669df1}
6
+ ._19itmiw9{border:var(--ds-border-width,1px) solid #94c748}
7
+ ._19itv8s6{border:var(--ds-border-width,1px) solid #f87168}
8
+ ._1a3713mh{outline:var(--ds-border-width,1px) solid #b7b9be}
9
+ ._1a371pib{outline:var(--ds-border-width,1px) solid #c97cf4}
10
+ ._1a371y5u{outline:var(--ds-border-width,1px) solid #fca700}
11
+ ._1a37d8v8{outline:var(--ds-border-width,1px) solid #669df1}
12
+ ._1a37miw9{outline:var(--ds-border-width,1px) solid #94c748}
13
+ ._1a37v8s6{outline:var(--ds-border-width,1px) solid #f87168}
8
14
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
9
15
  ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
10
- ._18zr1b66{padding-inline:var(--ds-space-050,4px)}._12ji14je{outline-color:#b7b9be}
11
- ._12ji157s{outline-color:#c97cf4}
12
- ._12jia2c0{outline-color:#f87168}
13
- ._12jih727{outline-color:#fca700}
14
- ._12jin0nx{outline-color:#94c748}
15
- ._12jiuisw{outline-color:#669df1}
16
- ._12y3t94y{outline-width:1px}
17
- ._18m915vq{overflow-y:hidden}
16
+ ._18zr1b66{padding-inline:var(--ds-space-050,4px)}._18m915vq{overflow-y:hidden}
18
17
  ._1bto1l2s{text-overflow:ellipsis}
19
18
  ._1cwg1n1a{outline-offset:-1px}
20
19
  ._1dyz9vsi{letter-spacing:.165px}
21
20
  ._1e0c116y{display:inline-flex}
22
21
  ._1kz6184x{block-size:min-content}
23
22
  ._1p1dangw{text-transform:uppercase}
24
- ._1qu2nqa1{outline-style:solid}
25
23
  ._1reo15vq{overflow-x:hidden}
26
24
  ._1wyb1skh{font-size:11px}
27
25
  ._bfhk1366{background-color:#fd9891}
package/dist/esm/lozenge.js CHANGED
@@ -1,4 +1,4 @@
1
- /* lozenge.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* lozenge.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import "./lozenge.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
@@ -66,18 +66,18 @@ var stylesNew = {
66
66
  'bg.subtle.new': "_bfhksm61",
67
67
  'bg.subtle.removed': "_bfhksm61",
68
68
  'bg.subtle.success': "_bfhksm61",
69
- 'border.subtle.default': "_19it14mp",
70
- 'border.subtle.inprogress': "_19it1cy7",
71
- 'border.subtle.moved': "_19itzi1n",
72
- 'border.subtle.new': "_19it1apr",
73
- 'border.subtle.removed': "_19itoa5t",
74
- 'border.subtle.success': "_19it1am1",
75
- 'outline.subtle.default': "_12ji14je _1qu2nqa1 _12y3t94y",
76
- 'outline.subtle.inprogress': "_12jiuisw _1qu2nqa1 _12y3t94y",
77
- 'outline.subtle.moved': "_12jih727 _1qu2nqa1 _12y3t94y",
78
- 'outline.subtle.new': "_12ji157s _1qu2nqa1 _12y3t94y",
79
- 'outline.subtle.removed': "_12jia2c0 _1qu2nqa1 _12y3t94y",
80
- 'outline.subtle.success': "_12jin0nx _1qu2nqa1 _12y3t94y",
69
+ 'border.subtle.default': "_19it13mh",
70
+ 'border.subtle.inprogress': "_19itd8v8",
71
+ 'border.subtle.moved': "_19it1y5u",
72
+ 'border.subtle.new': "_19it1pib",
73
+ 'border.subtle.removed': "_19itv8s6",
74
+ 'border.subtle.success': "_19itmiw9",
75
+ 'outline.subtle.default': "_1a3713mh",
76
+ 'outline.subtle.inprogress': "_1a37d8v8",
77
+ 'outline.subtle.moved': "_1a371y5u",
78
+ 'outline.subtle.new': "_1a371pib",
79
+ 'outline.subtle.removed': "_1a37v8s6",
80
+ 'outline.subtle.success': "_1a37miw9",
81
81
  'text.subtle': "_syaz1fxt",
82
82
  'text.bold': "_syazwwip"
83
83
  };
package/offerings.json ADDED
@@ -0,0 +1,36 @@
1
+ [
2
+ {
3
+ "name": "Lozenge",
4
+ "package": "@atlaskit/lozenge",
5
+ "import": {
6
+ "name": "Lozenge",
7
+ "package": "@atlaskit/lozenge",
8
+ "type": "default"
9
+ },
10
+ "keywords": ["lozenge", "badge", "label", "status", "indicator", "pill"],
11
+ "categories": ["status-indicators"],
12
+ "shortDescription": "A lozenge is a small visual indicator used to show status, category, or other short text labels.",
13
+ "status": "general-availability",
14
+ "accessibilityGuidelines": [
15
+ "Ensure sufficient color contrast for text readability",
16
+ "Provide appropriate labels for screen readers",
17
+ "Use meaningful colors and appearances",
18
+ "Consider color-blind users when choosing colors"
19
+ ],
20
+ "usageGuidelines": [
21
+ "Use for status indicators or short labels",
22
+ "Choose appropriate appearance variants",
23
+ "Keep text concise and meaningful",
24
+ "Use consistent styling across similar lozenges",
25
+ "Consider color coding for different status types"
26
+ ],
27
+ "contentGuidelines": [
28
+ "Use clear, concise text",
29
+ "Ensure text is meaningful and descriptive",
30
+ "Use consistent terminology across lozenges",
31
+ "Consider text length and readability"
32
+ ],
33
+ "generativeInstructions": "./docs/ai/lozenge-instructions.md",
34
+ "examples": ["./examples/ai/lozenge.tsx"]
35
+ }
36
+ ]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/lozenge",
3
- "version": "13.0.11",
3
+ "version": "13.0.13",
4
4
  "description": "A lozenge is a visual indicator used to highlight an item's status for quick recognition.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -33,11 +33,11 @@
33
33
  },
34
34
  "dependencies": {
35
35
  "@atlaskit/codemod-utils": "^4.2.0",
36
- "@atlaskit/css": "^0.14.0",
36
+ "@atlaskit/css": "^0.15.0",
37
37
  "@atlaskit/platform-feature-flags": "^1.1.0",
38
- "@atlaskit/primitives": "^14.14.0",
38
+ "@atlaskit/primitives": "^15.0.0",
39
39
  "@atlaskit/theme": "^21.0.0",
40
- "@atlaskit/tokens": "^6.3.0",
40
+ "@atlaskit/tokens": "^6.5.0",
41
41
  "@babel/runtime": "^7.0.0",
42
42
  "@compiled/react": "^0.18.3"
43
43
  },
@@ -48,8 +48,8 @@
48
48
  "@af/accessibility-testing": "workspace:^",
49
49
  "@af/integration-testing": "workspace:^",
50
50
  "@af/visual-regression": "workspace:^",
51
- "@atlaskit/docs": "^11.0.0",
52
- "@atlaskit/ds-lib": "^5.0.0",
51
+ "@atlaskit/docs": "^11.1.0",
52
+ "@atlaskit/ds-lib": "^5.1.0",
53
53
  "@atlaskit/heading": "^5.2.0",
54
54
  "@atlaskit/link": "^3.2.0",
55
55
  "@atlaskit/section-message": "^8.7.0",