@atlaskit/tokens 0.1.0 → 0.3.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 +37 -0
- package/README.md +42 -3
- package/css/atlassian-dark.css +88 -81
- package/css/atlassian-light.css +88 -81
- package/dist/cjs/entry-points/token-default-values.js +15 -0
- package/dist/cjs/figma/synchronize-figma-tokens.js +4 -4
- package/dist/cjs/tokens/atlassian-dark/color/accent.js +25 -28
- package/dist/cjs/tokens/atlassian-dark/color/background.js +49 -196
- package/dist/cjs/tokens/atlassian-dark/color/border.js +2 -8
- package/dist/cjs/tokens/atlassian-dark/color/icon-border.js +5 -20
- package/dist/cjs/tokens/atlassian-dark/color/overlay.js +2 -8
- package/dist/cjs/tokens/atlassian-dark/color/text.js +14 -56
- package/dist/cjs/tokens/atlassian-dark/shadow/shadow.js +2 -8
- package/dist/cjs/tokens/atlassian-dark/utility/utility.js +17 -0
- package/dist/cjs/tokens/atlassian-light/color/accent.js +25 -28
- package/dist/cjs/tokens/atlassian-light/color/background.js +49 -196
- package/dist/cjs/tokens/atlassian-light/color/border.js +2 -8
- package/dist/cjs/tokens/atlassian-light/color/icon-border.js +5 -20
- package/dist/cjs/tokens/atlassian-light/color/overlay.js +2 -8
- package/dist/cjs/tokens/atlassian-light/color/text.js +14 -56
- package/dist/cjs/tokens/atlassian-light/shadow/shadow.js +2 -8
- package/dist/cjs/tokens/atlassian-light/utility/utility.js +17 -0
- package/dist/cjs/tokens/default/color/accent.js +92 -0
- package/dist/cjs/tokens/default/color/background.js +338 -0
- package/dist/cjs/tokens/default/color/border.js +26 -0
- package/dist/cjs/tokens/default/color/icon-border.js +44 -0
- package/dist/cjs/tokens/default/color/overlay.js +26 -0
- package/dist/cjs/tokens/default/color/text.js +100 -0
- package/dist/cjs/tokens/default/shadow/shadow.js +24 -0
- package/dist/cjs/tokens/default/utility/utility.js +20 -0
- package/dist/cjs/tokens/rename-mapping.js +1 -11
- package/dist/cjs/tokens/token-default-values.js +104 -0
- package/dist/cjs/tokens/token-names.js +88 -81
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/entry-points/token-default-values.js +1 -0
- package/dist/es2019/figma/synchronize-figma-tokens.js +4 -4
- package/dist/es2019/tokens/atlassian-dark/color/accent.js +25 -28
- package/dist/es2019/tokens/atlassian-dark/color/background.js +49 -196
- package/dist/es2019/tokens/atlassian-dark/color/border.js +2 -8
- package/dist/es2019/tokens/atlassian-dark/color/icon-border.js +5 -20
- package/dist/es2019/tokens/atlassian-dark/color/overlay.js +2 -8
- package/dist/es2019/tokens/atlassian-dark/color/text.js +14 -56
- package/dist/es2019/tokens/atlassian-dark/shadow/shadow.js +2 -8
- package/dist/es2019/tokens/atlassian-dark/utility/utility.js +10 -0
- package/dist/es2019/tokens/atlassian-light/color/accent.js +25 -28
- package/dist/es2019/tokens/atlassian-light/color/background.js +49 -196
- package/dist/es2019/tokens/atlassian-light/color/border.js +2 -8
- package/dist/es2019/tokens/atlassian-light/color/icon-border.js +5 -20
- package/dist/es2019/tokens/atlassian-light/color/overlay.js +2 -8
- package/dist/es2019/tokens/atlassian-light/color/text.js +14 -56
- package/dist/es2019/tokens/atlassian-light/shadow/shadow.js +2 -8
- package/dist/es2019/tokens/atlassian-light/utility/utility.js +10 -0
- package/dist/es2019/tokens/default/color/accent.js +85 -0
- package/dist/es2019/tokens/default/color/background.js +336 -0
- package/dist/es2019/tokens/default/color/border.js +19 -0
- package/dist/es2019/tokens/default/color/icon-border.js +55 -0
- package/dist/es2019/tokens/default/color/overlay.js +19 -0
- package/dist/es2019/tokens/default/color/text.js +100 -0
- package/dist/es2019/tokens/default/shadow/shadow.js +25 -0
- package/dist/es2019/tokens/default/utility/utility.js +13 -0
- package/dist/es2019/tokens/rename-mapping.js +1 -11
- package/dist/es2019/tokens/token-default-values.js +97 -0
- package/dist/es2019/tokens/token-names.js +88 -81
- package/dist/es2019/version.json +1 -1
- package/dist/esm/entry-points/token-default-values.js +1 -0
- package/dist/esm/figma/synchronize-figma-tokens.js +4 -4
- package/dist/esm/tokens/atlassian-dark/color/accent.js +25 -28
- package/dist/esm/tokens/atlassian-dark/color/background.js +49 -196
- package/dist/esm/tokens/atlassian-dark/color/border.js +2 -8
- package/dist/esm/tokens/atlassian-dark/color/icon-border.js +5 -20
- package/dist/esm/tokens/atlassian-dark/color/overlay.js +2 -8
- package/dist/esm/tokens/atlassian-dark/color/text.js +14 -56
- package/dist/esm/tokens/atlassian-dark/shadow/shadow.js +2 -8
- package/dist/esm/tokens/atlassian-dark/utility/utility.js +10 -0
- package/dist/esm/tokens/atlassian-light/color/accent.js +25 -28
- package/dist/esm/tokens/atlassian-light/color/background.js +49 -196
- package/dist/esm/tokens/atlassian-light/color/border.js +2 -8
- package/dist/esm/tokens/atlassian-light/color/icon-border.js +5 -20
- package/dist/esm/tokens/atlassian-light/color/overlay.js +2 -8
- package/dist/esm/tokens/atlassian-light/color/text.js +14 -56
- package/dist/esm/tokens/atlassian-light/shadow/shadow.js +2 -8
- package/dist/esm/tokens/atlassian-light/utility/utility.js +10 -0
- package/dist/esm/tokens/default/color/accent.js +85 -0
- package/dist/esm/tokens/default/color/background.js +331 -0
- package/dist/esm/tokens/default/color/border.js +19 -0
- package/dist/esm/tokens/default/color/icon-border.js +37 -0
- package/dist/esm/tokens/default/color/overlay.js +19 -0
- package/dist/esm/tokens/default/color/text.js +93 -0
- package/dist/esm/tokens/default/shadow/shadow.js +17 -0
- package/dist/esm/tokens/default/utility/utility.js +13 -0
- package/dist/esm/tokens/rename-mapping.js +1 -11
- package/dist/esm/tokens/token-default-values.js +97 -0
- package/dist/esm/tokens/token-names.js +88 -81
- package/dist/esm/version.json +1 -1
- package/dist/types/entry-points/token-default-values.d.ts +1 -0
- package/dist/types/tokens/atlassian-dark/color/accent.d.ts +2 -2
- package/dist/types/tokens/atlassian-dark/color/background.d.ts +2 -2
- package/dist/types/tokens/atlassian-dark/color/border.d.ts +2 -2
- package/dist/types/tokens/atlassian-dark/color/icon-border.d.ts +2 -2
- package/dist/types/tokens/atlassian-dark/color/overlay.d.ts +2 -2
- package/dist/types/tokens/atlassian-dark/color/text.d.ts +2 -2
- package/dist/types/tokens/atlassian-dark/shadow/shadow.d.ts +2 -2
- package/dist/types/tokens/atlassian-dark/utility/utility.d.ts +5 -0
- package/dist/types/tokens/atlassian-light/color/accent.d.ts +2 -2
- package/dist/types/tokens/atlassian-light/color/background.d.ts +2 -2
- package/dist/types/tokens/atlassian-light/color/border.d.ts +2 -2
- package/dist/types/tokens/atlassian-light/color/icon-border.d.ts +2 -2
- package/dist/types/tokens/atlassian-light/color/overlay.d.ts +2 -2
- package/dist/types/tokens/atlassian-light/color/text.d.ts +2 -2
- package/dist/types/tokens/atlassian-light/shadow/shadow.d.ts +2 -2
- package/dist/types/tokens/atlassian-light/utility/utility.d.ts +5 -0
- package/dist/types/tokens/default/color/accent.d.ts +3 -0
- package/dist/types/tokens/default/color/background.d.ts +3 -0
- package/dist/types/tokens/default/color/border.d.ts +3 -0
- package/dist/types/tokens/default/color/icon-border.d.ts +3 -0
- package/dist/types/tokens/default/color/overlay.d.ts +3 -0
- package/dist/types/tokens/default/color/text.d.ts +3 -0
- package/dist/types/tokens/default/shadow/shadow.d.ts +3 -0
- package/dist/types/tokens/default/utility/utility.d.ts +5 -0
- package/dist/types/tokens/token-default-values.d.ts +94 -0
- package/dist/types/tokens/token-names.d.ts +176 -162
- package/dist/types/types.d.ts +22 -4
- package/package.json +4 -2
- package/token-default-values/package.json +7 -0
- package/tokens-browser-extension/README.md +28 -0
- package/tokens-browser-extension/atlassian-theme.css +375 -0
- package/tokens-browser-extension/background.js +75 -0
- package/tokens-browser-extension/content-script.js +75 -0
- package/tokens-browser-extension/devtools.html +1 -0
- package/tokens-browser-extension/devtools.js +14 -0
- package/tokens-browser-extension/manifest.json +36 -0
- package/tokens-browser-extension/messageback-script.js +10 -0
- package/tokens-browser-extension/messaging.js +36 -0
- package/tokens-browser-extension/panel.html +25 -0
- package/tokens-browser-extension/panel.js +46 -0
- package/tokens-browser-extension/toast.png +0 -0
|
@@ -1,86 +1,93 @@
|
|
|
1
1
|
// THIS IS AN AUTO-GENERATED FILE DO NOT MODIFY DIRECTLY
|
|
2
2
|
// Re-generate by running `yarn build tokens`.
|
|
3
3
|
var tokens = {
|
|
4
|
-
'color.accent.
|
|
5
|
-
'color.accent.
|
|
6
|
-
'color.accent.
|
|
7
|
-
'color.accent.
|
|
8
|
-
'color.accent.
|
|
9
|
-
'color.accent.
|
|
10
|
-
'color.accent.
|
|
11
|
-
'color.
|
|
12
|
-
'color.
|
|
13
|
-
'color.
|
|
14
|
-
'color.
|
|
15
|
-
'color.
|
|
16
|
-
'color.
|
|
17
|
-
'color.background.
|
|
18
|
-
'color.background.
|
|
19
|
-
'color.background.
|
|
20
|
-
'color.background.
|
|
21
|
-
'color.background.
|
|
22
|
-
'color.background.
|
|
23
|
-
'color.background.
|
|
24
|
-
'color.background.
|
|
25
|
-
'color.background.
|
|
26
|
-
'color.background.
|
|
27
|
-
'color.background.
|
|
28
|
-
'color.background.
|
|
29
|
-
'color.background.
|
|
30
|
-
'color.background.
|
|
31
|
-
'color.background.
|
|
32
|
-
'color.background.
|
|
33
|
-
'color.background.
|
|
34
|
-
'color.background.
|
|
35
|
-
'color.background.
|
|
36
|
-
'color.background.
|
|
37
|
-
'color.background.
|
|
38
|
-
'color.background.
|
|
39
|
-
'color.background.
|
|
40
|
-
'color.background.
|
|
41
|
-
'color.background.
|
|
42
|
-
'color.background.
|
|
43
|
-
'color.background.
|
|
44
|
-
'color.background.
|
|
45
|
-
'color.background.
|
|
46
|
-
'color.background.
|
|
47
|
-
'color.background.
|
|
48
|
-
'color.background.
|
|
49
|
-
'color.background.
|
|
50
|
-
'color.background.
|
|
51
|
-
'color.background.
|
|
52
|
-
'color.background.
|
|
53
|
-
'color.background.
|
|
54
|
-
'color.background.
|
|
55
|
-
'color.background.
|
|
56
|
-
'color.background.
|
|
57
|
-
'color.background.
|
|
58
|
-
'color.background.
|
|
59
|
-
'color.background.
|
|
60
|
-
'color.
|
|
61
|
-
'color.
|
|
62
|
-
'color.
|
|
63
|
-
'color.
|
|
64
|
-
'color.
|
|
65
|
-
'color.
|
|
66
|
-
'color.
|
|
67
|
-
'color.
|
|
68
|
-
'color.
|
|
69
|
-
'color.
|
|
70
|
-
'color.
|
|
71
|
-
'color.
|
|
72
|
-
'color.
|
|
73
|
-
'color.
|
|
74
|
-
'color.
|
|
75
|
-
'color.text.
|
|
76
|
-
'color.text.
|
|
77
|
-
'color.text.
|
|
78
|
-
'color.text.
|
|
79
|
-
'color.text.
|
|
80
|
-
'color.text.
|
|
81
|
-
'color.text.
|
|
82
|
-
'color.text.
|
|
83
|
-
'
|
|
84
|
-
'
|
|
4
|
+
'color.accent.boldBlue': '--ds-accent-boldBlue',
|
|
5
|
+
'color.accent.boldGreen': '--ds-accent-boldGreen',
|
|
6
|
+
'color.accent.boldOrange': '--ds-accent-boldOrange',
|
|
7
|
+
'color.accent.boldPurple': '--ds-accent-boldPurple',
|
|
8
|
+
'color.accent.boldRed': '--ds-accent-boldRed',
|
|
9
|
+
'color.accent.boldTeal': '--ds-accent-boldTeal',
|
|
10
|
+
'color.accent.subtleBlue': '--ds-accent-subtleBlue',
|
|
11
|
+
'color.accent.subtleGreen': '--ds-accent-subtleGreen',
|
|
12
|
+
'color.accent.subtleMagenta': '--ds-accent-subtleMagenta',
|
|
13
|
+
'color.accent.subtleOrange': '--ds-accent-subtleOrange',
|
|
14
|
+
'color.accent.subtlePurple': '--ds-accent-subtlePurple',
|
|
15
|
+
'color.accent.subtleRed': '--ds-accent-subtleRed',
|
|
16
|
+
'color.accent.subtleTeal': '--ds-accent-subtleTeal',
|
|
17
|
+
'color.background.sunken': '--ds-background-sunken',
|
|
18
|
+
'color.background.default': '--ds-background-default',
|
|
19
|
+
'color.background.card': '--ds-background-card',
|
|
20
|
+
'color.background.overlay': '--ds-background-overlay',
|
|
21
|
+
'color.background.selected.resting': '--ds-background-selected-resting',
|
|
22
|
+
'color.background.selected.hover': '--ds-background-selected-hover',
|
|
23
|
+
'color.background.selected.pressed': '--ds-background-selected-pressed',
|
|
24
|
+
'color.background.blanket': '--ds-background-blanket',
|
|
25
|
+
'color.background.disabled': '--ds-background-disabled',
|
|
26
|
+
'color.background.boldBrand.resting': '--ds-background-boldBrand-resting',
|
|
27
|
+
'color.background.boldBrand.hover': '--ds-background-boldBrand-hover',
|
|
28
|
+
'color.background.boldBrand.pressed': '--ds-background-boldBrand-pressed',
|
|
29
|
+
'color.background.subtleBrand.resting': '--ds-background-subtleBrand-resting',
|
|
30
|
+
'color.background.subtleBrand.hover': '--ds-background-subtleBrand-hover',
|
|
31
|
+
'color.background.subtleBrand.pressed': '--ds-background-subtleBrand-pressed',
|
|
32
|
+
'color.background.boldDanger.resting': '--ds-background-boldDanger-resting',
|
|
33
|
+
'color.background.boldDanger.hover': '--ds-background-boldDanger-hover',
|
|
34
|
+
'color.background.boldDanger.pressed': '--ds-background-boldDanger-pressed',
|
|
35
|
+
'color.background.subtleDanger.resting': '--ds-background-subtleDanger-resting',
|
|
36
|
+
'color.background.subtleDanger.hover': '--ds-background-subtleDanger-hover',
|
|
37
|
+
'color.background.subtleDanger.pressed': '--ds-background-subtleDanger-pressed',
|
|
38
|
+
'color.background.boldWarning.resting': '--ds-background-boldWarning-resting',
|
|
39
|
+
'color.background.boldWarning.hover': '--ds-background-boldWarning-hover',
|
|
40
|
+
'color.background.boldWarning.pressed': '--ds-background-boldWarning-pressed',
|
|
41
|
+
'color.background.subtleWarning.resting': '--ds-background-subtleWarning-resting',
|
|
42
|
+
'color.background.subtleWarning.hover': '--ds-background-subtleWarning-hover',
|
|
43
|
+
'color.background.subtleWarning.pressed': '--ds-background-subtleWarning-pressed',
|
|
44
|
+
'color.background.boldSuccess.resting': '--ds-background-boldSuccess-resting',
|
|
45
|
+
'color.background.boldSuccess.hover': '--ds-background-boldSuccess-hover',
|
|
46
|
+
'color.background.boldSuccess.pressed': '--ds-background-boldSuccess-pressed',
|
|
47
|
+
'color.background.subtleSuccess.resting': '--ds-background-subtleSuccess-resting',
|
|
48
|
+
'color.background.subtleSuccess.hover': '--ds-background-subtleSuccess-hover',
|
|
49
|
+
'color.background.subtleSuccess.pressed': '--ds-background-subtleSuccess-pressed',
|
|
50
|
+
'color.background.boldDiscovery.resting': '--ds-background-boldDiscovery-resting',
|
|
51
|
+
'color.background.boldDiscovery.hover': '--ds-background-boldDiscovery-hover',
|
|
52
|
+
'color.background.boldDiscovery.pressed': '--ds-background-boldDiscovery-pressed',
|
|
53
|
+
'color.background.subtleDiscovery.resting': '--ds-background-subtleDiscovery-resting',
|
|
54
|
+
'color.background.subtleDiscovery.hover': '--ds-background-subtleDiscovery-hover',
|
|
55
|
+
'color.background.subtleDiscovery.pressed': '--ds-background-subtleDiscovery-pressed',
|
|
56
|
+
'color.background.boldNeutral.resting': '--ds-background-boldNeutral-resting',
|
|
57
|
+
'color.background.boldNeutral.hover': '--ds-background-boldNeutral-hover',
|
|
58
|
+
'color.background.boldNeutral.pressed': '--ds-background-boldNeutral-pressed',
|
|
59
|
+
'color.background.transparentNeutral.hover': '--ds-background-transparentNeutral-hover',
|
|
60
|
+
'color.background.transparentNeutral.pressed': '--ds-background-transparentNeutral-pressed',
|
|
61
|
+
'color.background.subtleNeutral.resting': '--ds-background-subtleNeutral-resting',
|
|
62
|
+
'color.background.subtleNeutral.hover': '--ds-background-subtleNeutral-hover',
|
|
63
|
+
'color.background.subtleNeutral.pressed': '--ds-background-subtleNeutral-pressed',
|
|
64
|
+
'color.background.subtleBorderedNeutral.resting': '--ds-background-subtleBorderedNeutral-resting',
|
|
65
|
+
'color.background.subtleBorderedNeutral.pressed': '--ds-background-subtleBorderedNeutral-pressed',
|
|
66
|
+
'color.border.focus': '--ds-border-focus',
|
|
67
|
+
'color.border.neutral': '--ds-border-neutral',
|
|
68
|
+
'color.iconBorder.brand': '--ds-iconBorder-brand',
|
|
69
|
+
'color.iconBorder.danger': '--ds-iconBorder-danger',
|
|
70
|
+
'color.iconBorder.warning': '--ds-iconBorder-warning',
|
|
71
|
+
'color.iconBorder.success': '--ds-iconBorder-success',
|
|
72
|
+
'color.iconBorder.discovery': '--ds-iconBorder-discovery',
|
|
73
|
+
'color.overlay.hover': '--ds-overlay-hover',
|
|
74
|
+
'color.overlay.pressed': '--ds-overlay-pressed',
|
|
75
|
+
'color.text.selected': '--ds-text-selected',
|
|
76
|
+
'color.text.highEmphasis': '--ds-text-highEmphasis',
|
|
77
|
+
'color.text.mediumEmphasis': '--ds-text-mediumEmphasis',
|
|
78
|
+
'color.text.lowEmphasis': '--ds-text-lowEmphasis',
|
|
79
|
+
'color.text.onBold': '--ds-text-onBold',
|
|
80
|
+
'color.text.onBoldWarning': '--ds-text-onBoldWarning',
|
|
81
|
+
'color.text.link.resting': '--ds-text-link-resting',
|
|
82
|
+
'color.text.link.pressed': '--ds-text-link-pressed',
|
|
83
|
+
'color.text.brand': '--ds-text-brand',
|
|
84
|
+
'color.text.warning': '--ds-text-warning',
|
|
85
|
+
'color.text.danger': '--ds-text-danger',
|
|
86
|
+
'color.text.success': '--ds-text-success',
|
|
87
|
+
'color.text.discovery': '--ds-text-discovery',
|
|
88
|
+
'color.text.disabled': '--ds-text-disabled',
|
|
89
|
+
'shadow.card': '--ds-card',
|
|
90
|
+
'shadow.overlay': '--ds-overlay',
|
|
91
|
+
'utility.UNSAFE_util.transparent': '--ds-UNSAFE_util-transparent'
|
|
85
92
|
};
|
|
86
93
|
export default tokens;
|
package/dist/esm/version.json
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../tokens/token-default-values';
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import type { AccentColorTokenSchema } from '../../../types';
|
|
2
|
-
declare const color: AccentColorTokenSchema
|
|
1
|
+
import type { AccentColorTokenSchema, ValueSchema } from '../../../types';
|
|
2
|
+
declare const color: ValueSchema<AccentColorTokenSchema>;
|
|
3
3
|
export default color;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import type { BackgroundColorTokenSchema } from '../../../types';
|
|
2
|
-
declare const color: BackgroundColorTokenSchema
|
|
1
|
+
import type { BackgroundColorTokenSchema, ValueSchema } from '../../../types';
|
|
2
|
+
declare const color: ValueSchema<BackgroundColorTokenSchema>;
|
|
3
3
|
export default color;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import type { BorderColorTokenSchema } from '../../../types';
|
|
2
|
-
declare const color: BorderColorTokenSchema
|
|
1
|
+
import type { BorderColorTokenSchema, ValueSchema } from '../../../types';
|
|
2
|
+
declare const color: ValueSchema<BorderColorTokenSchema>;
|
|
3
3
|
export default color;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import type { IconBorderColorTokenSchema } from '../../../types';
|
|
2
|
-
declare const color: IconBorderColorTokenSchema
|
|
1
|
+
import type { IconBorderColorTokenSchema, ValueSchema } from '../../../types';
|
|
2
|
+
declare const color: ValueSchema<IconBorderColorTokenSchema>;
|
|
3
3
|
export default color;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import type { OverlayColorTokenSchema } from '../../../types';
|
|
2
|
-
declare const color: OverlayColorTokenSchema
|
|
1
|
+
import type { OverlayColorTokenSchema, ValueSchema } from '../../../types';
|
|
2
|
+
declare const color: ValueSchema<OverlayColorTokenSchema>;
|
|
3
3
|
export default color;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import type { TextColorTokenSchema } from '../../../types';
|
|
2
|
-
declare const color: TextColorTokenSchema
|
|
1
|
+
import type { TextColorTokenSchema, ValueSchema } from '../../../types';
|
|
2
|
+
declare const color: ValueSchema<TextColorTokenSchema>;
|
|
3
3
|
export default color;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import type { ShadowTokenSchema } from '../../../types';
|
|
2
|
-
declare const shadow: ShadowTokenSchema
|
|
1
|
+
import type { ShadowTokenSchema, ValueSchema } from '../../../types';
|
|
2
|
+
declare const shadow: ValueSchema<ShadowTokenSchema>;
|
|
3
3
|
export default shadow;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import type { AccentColorTokenSchema } from '../../../types';
|
|
2
|
-
declare const color: AccentColorTokenSchema
|
|
1
|
+
import type { AccentColorTokenSchema, ValueSchema } from '../../../types';
|
|
2
|
+
declare const color: ValueSchema<AccentColorTokenSchema>;
|
|
3
3
|
export default color;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import type { BackgroundColorTokenSchema } from '../../../types';
|
|
2
|
-
declare const color: BackgroundColorTokenSchema
|
|
1
|
+
import type { BackgroundColorTokenSchema, ValueSchema } from '../../../types';
|
|
2
|
+
declare const color: ValueSchema<BackgroundColorTokenSchema>;
|
|
3
3
|
export default color;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import type { BorderColorTokenSchema } from '../../../types';
|
|
2
|
-
declare const color: BorderColorTokenSchema
|
|
1
|
+
import type { BorderColorTokenSchema, ValueSchema } from '../../../types';
|
|
2
|
+
declare const color: ValueSchema<BorderColorTokenSchema>;
|
|
3
3
|
export default color;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import type { IconBorderColorTokenSchema } from '../../../types';
|
|
2
|
-
declare const color: IconBorderColorTokenSchema
|
|
1
|
+
import type { IconBorderColorTokenSchema, ValueSchema } from '../../../types';
|
|
2
|
+
declare const color: ValueSchema<IconBorderColorTokenSchema>;
|
|
3
3
|
export default color;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import type { OverlayColorTokenSchema } from '../../../types';
|
|
2
|
-
declare const color: OverlayColorTokenSchema
|
|
1
|
+
import type { OverlayColorTokenSchema, ValueSchema } from '../../../types';
|
|
2
|
+
declare const color: ValueSchema<OverlayColorTokenSchema>;
|
|
3
3
|
export default color;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import type { TextColorTokenSchema } from '../../../types';
|
|
2
|
-
declare const color: TextColorTokenSchema
|
|
1
|
+
import type { TextColorTokenSchema, ValueSchema } from '../../../types';
|
|
2
|
+
declare const color: ValueSchema<TextColorTokenSchema>;
|
|
3
3
|
export default color;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import type { ShadowTokenSchema } from '../../../types';
|
|
2
|
-
declare const shadow: ShadowTokenSchema
|
|
1
|
+
import type { ShadowTokenSchema, ValueSchema } from '../../../types';
|
|
2
|
+
declare const shadow: ValueSchema<ShadowTokenSchema>;
|
|
3
3
|
export default shadow;
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* A map of token names to their value in the default Atlassian theme ('light')
|
|
3
|
+
*/
|
|
4
|
+
declare const defaultTokenValues: {
|
|
5
|
+
readonly 'color.accent.boldBlue': "#579DFF";
|
|
6
|
+
readonly 'color.accent.boldGreen': "#3ACF91";
|
|
7
|
+
readonly 'color.accent.boldOrange': "#FFA333";
|
|
8
|
+
readonly 'color.accent.boldPurple': "#9F8FEF";
|
|
9
|
+
readonly 'color.accent.boldRed': "#F97362";
|
|
10
|
+
readonly 'color.accent.boldTeal': "#53C8D5";
|
|
11
|
+
readonly 'color.accent.subtleBlue': "#CCE0FF";
|
|
12
|
+
readonly 'color.accent.subtleGreen': "#AFF3D6";
|
|
13
|
+
readonly 'color.accent.subtleMagenta': "#FDD0EC";
|
|
14
|
+
readonly 'color.accent.subtleOrange': "#FFDEB8";
|
|
15
|
+
readonly 'color.accent.subtlePurple': "#DFD8FD";
|
|
16
|
+
readonly 'color.accent.subtleRed': "#FFD2CC";
|
|
17
|
+
readonly 'color.accent.subtleTeal': "#ADEEF5";
|
|
18
|
+
readonly 'color.background.sunken': "#091E4208";
|
|
19
|
+
readonly 'color.background.default': "#FFFFFF";
|
|
20
|
+
readonly 'color.background.card': "#FFFFFF";
|
|
21
|
+
readonly 'color.background.overlay': "#FFFFFF";
|
|
22
|
+
readonly 'color.background.selected.resting': "#E9F2FF";
|
|
23
|
+
readonly 'color.background.selected.hover': "#CCE0FF";
|
|
24
|
+
readonly 'color.background.selected.pressed': "#85B8FF";
|
|
25
|
+
readonly 'color.background.blanket': "#091E427A";
|
|
26
|
+
readonly 'color.background.disabled': "#091E420F";
|
|
27
|
+
readonly 'color.background.boldBrand.resting': "#0C66E4";
|
|
28
|
+
readonly 'color.background.boldBrand.hover': "#0055CC";
|
|
29
|
+
readonly 'color.background.boldBrand.pressed': "#09326C";
|
|
30
|
+
readonly 'color.background.subtleBrand.resting': "#E9F2FF";
|
|
31
|
+
readonly 'color.background.subtleBrand.hover': "#CCE0FF";
|
|
32
|
+
readonly 'color.background.subtleBrand.pressed': "#85B8FF";
|
|
33
|
+
readonly 'color.background.boldDanger.resting': "#CE2E1C";
|
|
34
|
+
readonly 'color.background.boldDanger.hover': "#B22515";
|
|
35
|
+
readonly 'color.background.boldDanger.pressed': "#601D16";
|
|
36
|
+
readonly 'color.background.subtleDanger.resting': "#FFEDEB";
|
|
37
|
+
readonly 'color.background.subtleDanger.hover': "#FFD2CC";
|
|
38
|
+
readonly 'color.background.subtleDanger.pressed': "#FF9A8F";
|
|
39
|
+
readonly 'color.background.boldWarning.resting': "#EBB800";
|
|
40
|
+
readonly 'color.background.boldWarning.hover': "#D19D00";
|
|
41
|
+
readonly 'color.background.boldWarning.pressed': "#B38600";
|
|
42
|
+
readonly 'color.background.subtleWarning.resting': "#FFF7D6";
|
|
43
|
+
readonly 'color.background.subtleWarning.hover': "#FFE785";
|
|
44
|
+
readonly 'color.background.subtleWarning.pressed': "#FFD138";
|
|
45
|
+
readonly 'color.background.boldSuccess.resting': "#1F845A";
|
|
46
|
+
readonly 'color.background.boldSuccess.hover': "#216E4E";
|
|
47
|
+
readonly 'color.background.boldSuccess.pressed': "#164B35";
|
|
48
|
+
readonly 'color.background.subtleSuccess.resting': "#DFFCF0";
|
|
49
|
+
readonly 'color.background.subtleSuccess.hover': "#AFF3D6";
|
|
50
|
+
readonly 'color.background.subtleSuccess.pressed': "#76E0B4";
|
|
51
|
+
readonly 'color.background.boldDiscovery.resting': "#6E5DC6";
|
|
52
|
+
readonly 'color.background.boldDiscovery.hover': "#5E4DB2";
|
|
53
|
+
readonly 'color.background.boldDiscovery.pressed': "#352C63";
|
|
54
|
+
readonly 'color.background.subtleDiscovery.resting': "#F3F0FF";
|
|
55
|
+
readonly 'color.background.subtleDiscovery.hover': "#DFD8FD";
|
|
56
|
+
readonly 'color.background.subtleDiscovery.pressed': "#B8ACF6";
|
|
57
|
+
readonly 'color.background.boldNeutral.resting': "#44546F";
|
|
58
|
+
readonly 'color.background.boldNeutral.hover': "#2C3E5D";
|
|
59
|
+
readonly 'color.background.boldNeutral.pressed': "#172B4D";
|
|
60
|
+
readonly 'color.background.transparentNeutral.hover': "#091E420F";
|
|
61
|
+
readonly 'color.background.transparentNeutral.pressed': "#091E4224";
|
|
62
|
+
readonly 'color.background.subtleNeutral.resting': "#091E420F";
|
|
63
|
+
readonly 'color.background.subtleNeutral.hover': "#091E4224";
|
|
64
|
+
readonly 'color.background.subtleNeutral.pressed': "#091E424F";
|
|
65
|
+
readonly 'color.background.subtleBorderedNeutral.resting': "#091E4208";
|
|
66
|
+
readonly 'color.background.subtleBorderedNeutral.pressed': "#091E420F";
|
|
67
|
+
readonly 'color.border.focus': "#388BFF";
|
|
68
|
+
readonly 'color.border.neutral': "#091E4224";
|
|
69
|
+
readonly 'color.iconBorder.brand': "#1D7AFC";
|
|
70
|
+
readonly 'color.iconBorder.danger': "#E8422C";
|
|
71
|
+
readonly 'color.iconBorder.warning': "#DB6E00";
|
|
72
|
+
readonly 'color.iconBorder.success': "#22A06B";
|
|
73
|
+
readonly 'color.iconBorder.discovery': "#8270DB";
|
|
74
|
+
readonly 'color.overlay.hover': "#091E424F";
|
|
75
|
+
readonly 'color.overlay.pressed': "#091E427A";
|
|
76
|
+
readonly 'color.text.selected': "#0C66E4";
|
|
77
|
+
readonly 'color.text.highEmphasis': "#172B4D";
|
|
78
|
+
readonly 'color.text.mediumEmphasis': "#44546F";
|
|
79
|
+
readonly 'color.text.lowEmphasis': "#626F86";
|
|
80
|
+
readonly 'color.text.onBold': "#FFFFFF";
|
|
81
|
+
readonly 'color.text.onBoldWarning': "#172B4D";
|
|
82
|
+
readonly 'color.text.link.resting': "#0C66E4";
|
|
83
|
+
readonly 'color.text.link.pressed': "#0055CC";
|
|
84
|
+
readonly 'color.text.brand': "#0055CC";
|
|
85
|
+
readonly 'color.text.warning': "#974F0C";
|
|
86
|
+
readonly 'color.text.danger': "#B22515";
|
|
87
|
+
readonly 'color.text.success': "#216E4E";
|
|
88
|
+
readonly 'color.text.discovery': "#5E4DB2";
|
|
89
|
+
readonly 'color.text.disabled': "#8993A5";
|
|
90
|
+
readonly 'shadow.card': "0px 1px 1px #091E4240, 0px 0px 1px #091E424F";
|
|
91
|
+
readonly 'shadow.overlay': "0px 8px 12px #091E4226, 0px 0px 1px #091E424F";
|
|
92
|
+
readonly 'utility.UNSAFE_util.transparent': "transparent";
|
|
93
|
+
};
|
|
94
|
+
export default defaultTokenValues;
|