@atlaskit/badge 18.3.4 → 18.4.0

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 +8 -0
  2. package/dist/cjs/badge-new.compiled.css +7 -9
  3. package/dist/cjs/badge-new.js +6 -6
  4. package/dist/es2019/badge-new.compiled.css +7 -9
  5. package/dist/es2019/badge-new.js +6 -6
  6. package/dist/esm/badge-new.compiled.css +7 -9
  7. package/dist/esm/badge-new.js +6 -6
  8. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/badge
2
2
 
3
+ ## 18.4.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`6d33a20db82a1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6d33a20db82a1) -
8
+ [ux] Changed the badge background to use subtler semantic tokens (the new badge is still behind a
9
+ feature flag platform-dst-lozenge-tag-badge-visual-uplifts).
10
+
3
11
  ## 18.3.4
4
12
 
5
13
  ### Patch Changes
package/dist/cjs/badge-new.compiled.css CHANGED
@@ -6,12 +6,12 @@
6
6
  ._1kz6184x{block-size:min-content}
7
7
  ._1o9zidpf{flex-shrink:0}
8
8
  ._1ul91ejb{min-width:var(--ds-space-300,24px)}
9
- ._bfhk1dq8{background-color:color-mix(in oklch,var(--ds-background-information-bold,#1868db) 50%,var(--ds-background-information-subtler,#cfe1fd) 50%)}
10
- ._bfhk1kmu{background-color:var(--ds-background-warning-bold,#fbc828)}
11
- ._bfhk1s9h{background-color:color-mix(in oklch,var(--ds-background-success-bold,#5b7f24) 20%,var(--ds-background-success-subtler,#d3f1a7) 80%)}
12
- ._bfhk7i23{background-color:color-mix(in oklch,var(--ds-background-neutral-bold,#292a2e) 33%,var(--ds-background-neutral,#0515240f) 67%)}
13
- ._bfhkiizu{background-color:color-mix(in oklch,var(--ds-background-discovery-bold,#964ac0) 50%,var(--ds-background-discovery-subtler,#eed7fc) 50%)}
14
- ._bfhkrkii{background-color:color-mix(in oklch,var(--ds-background-danger-bold,#c9372c) 50%,var(--ds-background-danger-subtler,#ffd5d2) 50%)}
9
+ ._bfhk10f4{background-color:var(--ds-background-warning-subtler,#fce4a6)}
10
+ ._bfhk14j0{background-color:var(--ds-background-success-subtler,#d3f1a7)}
11
+ ._bfhk18wg{background-color:var(--ds-background-danger-subtler,#ffd5d2)}
12
+ ._bfhk7qp0{background-color:var(--ds-background-accent-gray-subtler,#dddee1)}
13
+ ._bfhk8lbg{background-color:var(--ds-background-information-subtler,#cfe1fd)}
14
+ ._bfhke670{background-color:var(--ds-background-discovery-subtler,#eed7fc)}
15
15
  ._bfhkvuon{background-color:var(--ds-surface,#fff)}
16
16
  ._syaz1blx{color:var(--ds-text-danger-bolder,#5d1f1a)}
17
17
  ._syaz1g72{color:var(--ds-text-discovery-bolder,#48245d)}
@@ -19,6 +19,4 @@
19
19
  ._syaz1qd9{color:var(--ds-text-information-bolder,#123263)}
20
20
  ._syazi7uo{color:var(--ds-text,#292a2e)}
21
21
  ._syazmgs1{color:var(--ds-text-warning-bolder,#693200)}
22
- ._vchhusvi{box-sizing:border-box}
23
- [data-color-mode=dark] ._15ua14ug{background-color:color-mix(in oklch,var(--ds-background-warning-bold,#fbc828) 20%,var(--ds-background-warning-subtler,#fce4a6) 80%)}
24
- @supports (color:oklch(from white l c h)){._1ut51bbx{background-color:oklch(from var(--ds-background-discovery-bold,#964ac0) calc(l * 1.4) c h)}._1ut5e5eq{background-color:oklch(from var(--ds-background-information-bold,#1868db) calc(l * 1.4) c h)}._1ut5iv2r{background-color:oklch(from var(--ds-background-success-bold,#5b7f24) calc(l * 1.55) c h)}._1ut5z5kg{background-color:oklch(from var(--ds-background-neutral-bold,#292a2e) calc(l * 2.77) c h)}._1ut5zp7h{background-color:oklch(from var(--ds-background-danger-bold,#c9372c) calc(l * 1.4) c h)}[data-color-mode=dark] ._1cn417oz{background-color:oklch(from var(--ds-background-discovery-bold,#964ac0) calc(l * .69) c h)}[data-color-mode=dark] ._1cn41g0e{background-color:oklch(from var(--ds-background-neutral-bold,#292a2e) calc(l * .37) c h)}[data-color-mode=dark] ._1cn41hpu{background-color:oklch(from var(--ds-background-success-bold,#5b7f24) calc(l * .63) c h)}[data-color-mode=dark] ._1cn484f9{background-color:oklch(from var(--ds-background-danger-bold,#c9372c) calc(l * .69) c h)}[data-color-mode=dark] ._1cn4do2b{background-color:oklch(from var(--ds-background-warning-bold,#fbc828) calc(l * .6) c h)}[data-color-mode=dark] ._1cn4xr8b{background-color:oklch(from var(--ds-background-information-bold,#1868db) calc(l * .69) c h)}}
22
+ ._vchhusvi{box-sizing:border-box}
package/dist/cjs/badge-new.js CHANGED
@@ -57,12 +57,12 @@ var appearanceMappingToOld = exports.appearanceMappingToOld = {
57
57
  // Nested selectors with data attributes are required for theme switching
58
58
  var stylesNew = {
59
59
  root: "_2rkolb4i _18zr1b66 _1rjcidpf _1e0c116y _vchhusvi _1ul91ejb _1bah1h6o _1o9zidpf _1kz6184x",
60
- success: "_syaz1p1e _bfhk1s9h _1ut5iv2r _1cn41hpu",
61
- danger: "_syaz1blx _bfhkrkii _1ut5zp7h _1cn484f9",
62
- warning: "_bfhk1kmu _syazmgs1 _15ua14ug _1cn4do2b",
63
- information: "_syaz1qd9 _bfhk1dq8 _1ut5e5eq _1cn4xr8b",
64
- discovery: "_syaz1g72 _bfhkiizu _1ut51bbx _1cn417oz",
65
- neutral: "_syazi7uo _bfhk7i23 _1ut5z5kg _1cn41g0e",
60
+ success: "_syaz1p1e _bfhk14j0",
61
+ danger: "_syaz1blx _bfhk18wg",
62
+ warning: "_syazmgs1 _bfhk10f4",
63
+ information: "_syaz1qd9 _bfhk8lbg",
64
+ discovery: "_syaz1g72 _bfhke670",
65
+ neutral: "_syazi7uo _bfhk7qp0",
66
66
  inverse: "_bfhkvuon _syazi7uo"
67
67
  };
68
68
  /* eslint-enable @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors */
package/dist/es2019/badge-new.compiled.css CHANGED
@@ -6,12 +6,12 @@
6
6
  ._1kz6184x{block-size:min-content}
7
7
  ._1o9zidpf{flex-shrink:0}
8
8
  ._1ul91ejb{min-width:var(--ds-space-300,24px)}
9
- ._bfhk1dq8{background-color:color-mix(in oklch,var(--ds-background-information-bold,#1868db) 50%,var(--ds-background-information-subtler,#cfe1fd) 50%)}
10
- ._bfhk1kmu{background-color:var(--ds-background-warning-bold,#fbc828)}
11
- ._bfhk1s9h{background-color:color-mix(in oklch,var(--ds-background-success-bold,#5b7f24) 20%,var(--ds-background-success-subtler,#d3f1a7) 80%)}
12
- ._bfhk7i23{background-color:color-mix(in oklch,var(--ds-background-neutral-bold,#292a2e) 33%,var(--ds-background-neutral,#0515240f) 67%)}
13
- ._bfhkiizu{background-color:color-mix(in oklch,var(--ds-background-discovery-bold,#964ac0) 50%,var(--ds-background-discovery-subtler,#eed7fc) 50%)}
14
- ._bfhkrkii{background-color:color-mix(in oklch,var(--ds-background-danger-bold,#c9372c) 50%,var(--ds-background-danger-subtler,#ffd5d2) 50%)}
9
+ ._bfhk10f4{background-color:var(--ds-background-warning-subtler,#fce4a6)}
10
+ ._bfhk14j0{background-color:var(--ds-background-success-subtler,#d3f1a7)}
11
+ ._bfhk18wg{background-color:var(--ds-background-danger-subtler,#ffd5d2)}
12
+ ._bfhk7qp0{background-color:var(--ds-background-accent-gray-subtler,#dddee1)}
13
+ ._bfhk8lbg{background-color:var(--ds-background-information-subtler,#cfe1fd)}
14
+ ._bfhke670{background-color:var(--ds-background-discovery-subtler,#eed7fc)}
15
15
  ._bfhkvuon{background-color:var(--ds-surface,#fff)}
16
16
  ._syaz1blx{color:var(--ds-text-danger-bolder,#5d1f1a)}
17
17
  ._syaz1g72{color:var(--ds-text-discovery-bolder,#48245d)}
@@ -19,6 +19,4 @@
19
19
  ._syaz1qd9{color:var(--ds-text-information-bolder,#123263)}
20
20
  ._syazi7uo{color:var(--ds-text,#292a2e)}
21
21
  ._syazmgs1{color:var(--ds-text-warning-bolder,#693200)}
22
- ._vchhusvi{box-sizing:border-box}
23
- [data-color-mode=dark] ._15ua14ug{background-color:color-mix(in oklch,var(--ds-background-warning-bold,#fbc828) 20%,var(--ds-background-warning-subtler,#fce4a6) 80%)}
24
- @supports (color:oklch(from white l c h)){._1ut51bbx{background-color:oklch(from var(--ds-background-discovery-bold,#964ac0) calc(l * 1.4) c h)}._1ut5e5eq{background-color:oklch(from var(--ds-background-information-bold,#1868db) calc(l * 1.4) c h)}._1ut5iv2r{background-color:oklch(from var(--ds-background-success-bold,#5b7f24) calc(l * 1.55) c h)}._1ut5z5kg{background-color:oklch(from var(--ds-background-neutral-bold,#292a2e) calc(l * 2.77) c h)}._1ut5zp7h{background-color:oklch(from var(--ds-background-danger-bold,#c9372c) calc(l * 1.4) c h)}[data-color-mode=dark] ._1cn417oz{background-color:oklch(from var(--ds-background-discovery-bold,#964ac0) calc(l * .69) c h)}[data-color-mode=dark] ._1cn41g0e{background-color:oklch(from var(--ds-background-neutral-bold,#292a2e) calc(l * .37) c h)}[data-color-mode=dark] ._1cn41hpu{background-color:oklch(from var(--ds-background-success-bold,#5b7f24) calc(l * .63) c h)}[data-color-mode=dark] ._1cn484f9{background-color:oklch(from var(--ds-background-danger-bold,#c9372c) calc(l * .69) c h)}[data-color-mode=dark] ._1cn4do2b{background-color:oklch(from var(--ds-background-warning-bold,#fbc828) calc(l * .6) c h)}[data-color-mode=dark] ._1cn4xr8b{background-color:oklch(from var(--ds-background-information-bold,#1868db) calc(l * .69) c h)}}
22
+ ._vchhusvi{box-sizing:border-box}
package/dist/es2019/badge-new.js CHANGED
@@ -49,12 +49,12 @@ export const appearanceMappingToOld = {
49
49
  // Nested selectors with data attributes are required for theme switching
50
50
  const stylesNew = {
51
51
  root: "_2rkolb4i _18zr1b66 _1rjcidpf _1e0c116y _vchhusvi _1ul91ejb _1bah1h6o _1o9zidpf _1kz6184x",
52
- success: "_syaz1p1e _bfhk1s9h _1ut5iv2r _1cn41hpu",
53
- danger: "_syaz1blx _bfhkrkii _1ut5zp7h _1cn484f9",
54
- warning: "_bfhk1kmu _syazmgs1 _15ua14ug _1cn4do2b",
55
- information: "_syaz1qd9 _bfhk1dq8 _1ut5e5eq _1cn4xr8b",
56
- discovery: "_syaz1g72 _bfhkiizu _1ut51bbx _1cn417oz",
57
- neutral: "_syazi7uo _bfhk7i23 _1ut5z5kg _1cn41g0e",
52
+ success: "_syaz1p1e _bfhk14j0",
53
+ danger: "_syaz1blx _bfhk18wg",
54
+ warning: "_syazmgs1 _bfhk10f4",
55
+ information: "_syaz1qd9 _bfhk8lbg",
56
+ discovery: "_syaz1g72 _bfhke670",
57
+ neutral: "_syazi7uo _bfhk7qp0",
58
58
  inverse: "_bfhkvuon _syazi7uo"
59
59
  };
60
60
  /* eslint-enable @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors */
package/dist/esm/badge-new.compiled.css CHANGED
@@ -6,12 +6,12 @@
6
6
  ._1kz6184x{block-size:min-content}
7
7
  ._1o9zidpf{flex-shrink:0}
8
8
  ._1ul91ejb{min-width:var(--ds-space-300,24px)}
9
- ._bfhk1dq8{background-color:color-mix(in oklch,var(--ds-background-information-bold,#1868db) 50%,var(--ds-background-information-subtler,#cfe1fd) 50%)}
10
- ._bfhk1kmu{background-color:var(--ds-background-warning-bold,#fbc828)}
11
- ._bfhk1s9h{background-color:color-mix(in oklch,var(--ds-background-success-bold,#5b7f24) 20%,var(--ds-background-success-subtler,#d3f1a7) 80%)}
12
- ._bfhk7i23{background-color:color-mix(in oklch,var(--ds-background-neutral-bold,#292a2e) 33%,var(--ds-background-neutral,#0515240f) 67%)}
13
- ._bfhkiizu{background-color:color-mix(in oklch,var(--ds-background-discovery-bold,#964ac0) 50%,var(--ds-background-discovery-subtler,#eed7fc) 50%)}
14
- ._bfhkrkii{background-color:color-mix(in oklch,var(--ds-background-danger-bold,#c9372c) 50%,var(--ds-background-danger-subtler,#ffd5d2) 50%)}
9
+ ._bfhk10f4{background-color:var(--ds-background-warning-subtler,#fce4a6)}
10
+ ._bfhk14j0{background-color:var(--ds-background-success-subtler,#d3f1a7)}
11
+ ._bfhk18wg{background-color:var(--ds-background-danger-subtler,#ffd5d2)}
12
+ ._bfhk7qp0{background-color:var(--ds-background-accent-gray-subtler,#dddee1)}
13
+ ._bfhk8lbg{background-color:var(--ds-background-information-subtler,#cfe1fd)}
14
+ ._bfhke670{background-color:var(--ds-background-discovery-subtler,#eed7fc)}
15
15
  ._bfhkvuon{background-color:var(--ds-surface,#fff)}
16
16
  ._syaz1blx{color:var(--ds-text-danger-bolder,#5d1f1a)}
17
17
  ._syaz1g72{color:var(--ds-text-discovery-bolder,#48245d)}
@@ -19,6 +19,4 @@
19
19
  ._syaz1qd9{color:var(--ds-text-information-bolder,#123263)}
20
20
  ._syazi7uo{color:var(--ds-text,#292a2e)}
21
21
  ._syazmgs1{color:var(--ds-text-warning-bolder,#693200)}
22
- ._vchhusvi{box-sizing:border-box}
23
- [data-color-mode=dark] ._15ua14ug{background-color:color-mix(in oklch,var(--ds-background-warning-bold,#fbc828) 20%,var(--ds-background-warning-subtler,#fce4a6) 80%)}
24
- @supports (color:oklch(from white l c h)){._1ut51bbx{background-color:oklch(from var(--ds-background-discovery-bold,#964ac0) calc(l * 1.4) c h)}._1ut5e5eq{background-color:oklch(from var(--ds-background-information-bold,#1868db) calc(l * 1.4) c h)}._1ut5iv2r{background-color:oklch(from var(--ds-background-success-bold,#5b7f24) calc(l * 1.55) c h)}._1ut5z5kg{background-color:oklch(from var(--ds-background-neutral-bold,#292a2e) calc(l * 2.77) c h)}._1ut5zp7h{background-color:oklch(from var(--ds-background-danger-bold,#c9372c) calc(l * 1.4) c h)}[data-color-mode=dark] ._1cn417oz{background-color:oklch(from var(--ds-background-discovery-bold,#964ac0) calc(l * .69) c h)}[data-color-mode=dark] ._1cn41g0e{background-color:oklch(from var(--ds-background-neutral-bold,#292a2e) calc(l * .37) c h)}[data-color-mode=dark] ._1cn41hpu{background-color:oklch(from var(--ds-background-success-bold,#5b7f24) calc(l * .63) c h)}[data-color-mode=dark] ._1cn484f9{background-color:oklch(from var(--ds-background-danger-bold,#c9372c) calc(l * .69) c h)}[data-color-mode=dark] ._1cn4do2b{background-color:oklch(from var(--ds-background-warning-bold,#fbc828) calc(l * .6) c h)}[data-color-mode=dark] ._1cn4xr8b{background-color:oklch(from var(--ds-background-information-bold,#1868db) calc(l * .69) c h)}}
22
+ ._vchhusvi{box-sizing:border-box}
package/dist/esm/badge-new.js CHANGED
@@ -49,12 +49,12 @@ export var appearanceMappingToOld = {
49
49
  // Nested selectors with data attributes are required for theme switching
50
50
  var stylesNew = {
51
51
  root: "_2rkolb4i _18zr1b66 _1rjcidpf _1e0c116y _vchhusvi _1ul91ejb _1bah1h6o _1o9zidpf _1kz6184x",
52
- success: "_syaz1p1e _bfhk1s9h _1ut5iv2r _1cn41hpu",
53
- danger: "_syaz1blx _bfhkrkii _1ut5zp7h _1cn484f9",
54
- warning: "_bfhk1kmu _syazmgs1 _15ua14ug _1cn4do2b",
55
- information: "_syaz1qd9 _bfhk1dq8 _1ut5e5eq _1cn4xr8b",
56
- discovery: "_syaz1g72 _bfhkiizu _1ut51bbx _1cn417oz",
57
- neutral: "_syazi7uo _bfhk7i23 _1ut5z5kg _1cn41g0e",
52
+ success: "_syaz1p1e _bfhk14j0",
53
+ danger: "_syaz1blx _bfhk18wg",
54
+ warning: "_syazmgs1 _bfhk10f4",
55
+ information: "_syaz1qd9 _bfhk8lbg",
56
+ discovery: "_syaz1g72 _bfhke670",
57
+ neutral: "_syazi7uo _bfhk7qp0",
58
58
  inverse: "_bfhkvuon _syazi7uo"
59
59
  };
60
60
  /* eslint-enable @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/badge",
3
- "version": "18.3.4",
3
+ "version": "18.4.0",
4
4
  "description": "A badge is a visual indicator for numeric values such as tallies and scores.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"