@atlaskit/progress-indicator 10.0.8 → 10.1.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.
- package/CHANGELOG.md +493 -295
- package/dist/cjs/components/indicator.js +68 -27
- package/dist/cjs/components/progress-dots.js +11 -17
- package/dist/es2019/components/indicator.js +69 -26
- package/dist/es2019/components/progress-dots.js +11 -17
- package/dist/esm/components/indicator.js +68 -27
- package/dist/esm/components/progress-dots.js +11 -17
- package/dist/types/components/indicator.d.ts +15 -7
- package/dist/types/components/progress-dots.d.ts +1 -1
- package/dist/types-ts4.5/components/indicator.d.ts +15 -7
- package/dist/types-ts4.5/components/progress-dots.d.ts +1 -1
- package/package.json +4 -5
- package/dist/cjs/components/appearances.js +0 -23
- package/dist/es2019/components/appearances.js +0 -15
- package/dist/esm/components/appearances.js +0 -17
- package/dist/types/components/appearances.d.ts +0 -2
- package/dist/types-ts4.5/components/appearances.d.ts +0 -2
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.getBgColor = void 0;
|
|
7
|
-
var _colors = require("@atlaskit/theme/colors");
|
|
8
|
-
// TODO Token usages are not consistent for dots https://product-fabric.atlassian.net/browse/DSP-3180
|
|
9
|
-
var colorMap = {
|
|
10
|
-
default: "var(--ds-background-neutral, ".concat(_colors.N50, ")"),
|
|
11
|
-
help: "var(--ds-background-neutral, ".concat(_colors.P75, ")"),
|
|
12
|
-
inverted: "var(--ds-icon-subtle, rgba(255, 255, 255, 0.4))",
|
|
13
|
-
primary: "var(--ds-background-neutral, ".concat(_colors.B75, ")")
|
|
14
|
-
};
|
|
15
|
-
var selectedColorMap = {
|
|
16
|
-
default: "var(--ds-icon, ".concat(_colors.N900, ")"),
|
|
17
|
-
help: "var(--ds-icon-discovery, ".concat(_colors.P400, ")"),
|
|
18
|
-
inverted: "var(--ds-icon-inverse, ".concat(_colors.N0, ")"),
|
|
19
|
-
primary: "var(--ds-icon-brand, ".concat(_colors.B400, ")")
|
|
20
|
-
};
|
|
21
|
-
var getBgColor = exports.getBgColor = function getBgColor(appearance, isSelected) {
|
|
22
|
-
return isSelected ? selectedColorMap[appearance] : colorMap[appearance];
|
|
23
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { B400, B75, N0, N50, N900, P400, P75 } from '@atlaskit/theme/colors';
|
|
2
|
-
// TODO Token usages are not consistent for dots https://product-fabric.atlassian.net/browse/DSP-3180
|
|
3
|
-
const colorMap = {
|
|
4
|
-
default: `var(--ds-background-neutral, ${N50})`,
|
|
5
|
-
help: `var(--ds-background-neutral, ${P75})`,
|
|
6
|
-
inverted: "var(--ds-icon-subtle, rgba(255, 255, 255, 0.4))",
|
|
7
|
-
primary: `var(--ds-background-neutral, ${B75})`
|
|
8
|
-
};
|
|
9
|
-
const selectedColorMap = {
|
|
10
|
-
default: `var(--ds-icon, ${N900})`,
|
|
11
|
-
help: `var(--ds-icon-discovery, ${P400})`,
|
|
12
|
-
inverted: `var(--ds-icon-inverse, ${N0})`,
|
|
13
|
-
primary: `var(--ds-icon-brand, ${B400})`
|
|
14
|
-
};
|
|
15
|
-
export const getBgColor = (appearance, isSelected) => isSelected ? selectedColorMap[appearance] : colorMap[appearance];
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { B400, B75, N0, N50, N900, P400, P75 } from '@atlaskit/theme/colors';
|
|
2
|
-
// TODO Token usages are not consistent for dots https://product-fabric.atlassian.net/browse/DSP-3180
|
|
3
|
-
var colorMap = {
|
|
4
|
-
default: "var(--ds-background-neutral, ".concat(N50, ")"),
|
|
5
|
-
help: "var(--ds-background-neutral, ".concat(P75, ")"),
|
|
6
|
-
inverted: "var(--ds-icon-subtle, rgba(255, 255, 255, 0.4))",
|
|
7
|
-
primary: "var(--ds-background-neutral, ".concat(B75, ")")
|
|
8
|
-
};
|
|
9
|
-
var selectedColorMap = {
|
|
10
|
-
default: "var(--ds-icon, ".concat(N900, ")"),
|
|
11
|
-
help: "var(--ds-icon-discovery, ".concat(P400, ")"),
|
|
12
|
-
inverted: "var(--ds-icon-inverse, ".concat(N0, ")"),
|
|
13
|
-
primary: "var(--ds-icon-brand, ".concat(B400, ")")
|
|
14
|
-
};
|
|
15
|
-
export var getBgColor = function getBgColor(appearance, isSelected) {
|
|
16
|
-
return isSelected ? selectedColorMap[appearance] : colorMap[appearance];
|
|
17
|
-
};
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import type { DotsAppearance } from './types';
|
|
2
|
-
export declare const getBgColor: (appearance: DotsAppearance, isSelected: boolean) => "var(--ds-background-neutral)" | "var(--ds-icon-subtle)" | "var(--ds-icon)" | "var(--ds-icon-discovery)" | "var(--ds-icon-inverse)" | "var(--ds-icon-brand)";
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import type { DotsAppearance } from './types';
|
|
2
|
-
export declare const getBgColor: (appearance: DotsAppearance, isSelected: boolean) => "var(--ds-background-neutral)" | "var(--ds-icon-subtle)" | "var(--ds-icon)" | "var(--ds-icon-discovery)" | "var(--ds-icon-inverse)" | "var(--ds-icon-brand)";
|