@atlaskit/css 0.10.0 → 0.10.1
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
CHANGED
|
@@ -1,5 +1,15 @@
|
|
|
1
1
|
# @atlaskit/css
|
|
2
2
|
|
|
3
|
+
## 0.10.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#124329](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/124329)
|
|
8
|
+
[`b0d988fe689d9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b0d988fe689d9) -
|
|
9
|
+
Consolidate ADS themes by adding the icon.color.subtlest with the value equal to icon.color.subtle
|
|
10
|
+
to non-brand-refresh themes
|
|
11
|
+
- Updated dependencies
|
|
12
|
+
|
|
3
13
|
## 0.10.0
|
|
4
14
|
|
|
5
15
|
### Minor Changes
|
|
@@ -75,10 +75,10 @@ export type AllSpace = keyof typeof allSpaceMap;
|
|
|
75
75
|
|
|
76
76
|
/**
|
|
77
77
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
78
|
-
* @codegen <<SignedSource::
|
|
78
|
+
* @codegen <<SignedSource::22a2979c4fc1786fb195a77491780088>>
|
|
79
79
|
* @codegenId inverse-colors
|
|
80
80
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
81
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
81
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::d227fb20aa75533eb903b15ddcb61e67>>
|
|
82
82
|
*/
|
|
83
83
|
export const inverseColorMap = {
|
|
84
84
|
'color.background.neutral.bold': 'color.text.inverse',
|
|
@@ -116,11 +116,11 @@ export const inverseColorMap = {
|
|
|
116
116
|
|
|
117
117
|
/**
|
|
118
118
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
119
|
-
* @codegen <<SignedSource::
|
|
119
|
+
* @codegen <<SignedSource::2eb224063963492535d5e8be41c5e2d9>>
|
|
120
120
|
* @codegenId elevation
|
|
121
121
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
122
122
|
* @codegenParams ["opacity", "shadow", "surface"]
|
|
123
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
123
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::d227fb20aa75533eb903b15ddcb61e67>>
|
|
124
124
|
*/
|
|
125
125
|
export const opacityMap = {
|
|
126
126
|
'opacity.disabled': token('opacity.disabled', '0.4'),
|
|
@@ -169,11 +169,11 @@ export type SurfaceColor = keyof typeof surfaceColorMap;
|
|
|
169
169
|
|
|
170
170
|
/**
|
|
171
171
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
172
|
-
* @codegen <<SignedSource::
|
|
172
|
+
* @codegen <<SignedSource::0bab85e4a2b687630331ed0db60483dd>>
|
|
173
173
|
* @codegenId colors
|
|
174
174
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
175
175
|
* @codegenParams ["border", "background", "text", "fill"]
|
|
176
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
176
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::d227fb20aa75533eb903b15ddcb61e67>>
|
|
177
177
|
*/
|
|
178
178
|
export const borderColorMap = {
|
|
179
179
|
'color.border': token('color.border', '#091e4221'),
|
|
@@ -835,6 +835,7 @@ export const fillMap = {
|
|
|
835
835
|
'color.icon.success': token('color.icon.success', '#00875A'),
|
|
836
836
|
'color.icon.discovery': token('color.icon.discovery', '#8777D9'),
|
|
837
837
|
'color.icon.information': token('color.icon.information', '#0747A6'),
|
|
838
|
+
'color.icon.subtlest': token('color.icon.subtlest', '#6B778C'),
|
|
838
839
|
'color.icon.subtle': token('color.icon.subtle', '#6B778C'),
|
|
839
840
|
} as const;
|
|
840
841
|
|
|
@@ -907,7 +908,7 @@ export type BorderRadius = keyof typeof borderRadiusMap;
|
|
|
907
908
|
|
|
908
909
|
/**
|
|
909
910
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
910
|
-
* @codegen <<SignedSource::
|
|
911
|
+
* @codegen <<SignedSource::b2a06338babbfbea48ed2205e34084fc>>
|
|
911
912
|
* @codegenId typography
|
|
912
913
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
913
914
|
* @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight", "body", "ui"]
|
|
@@ -917,19 +918,19 @@ export type BorderRadius = keyof typeof borderRadiusMap;
|
|
|
917
918
|
export const fontMap = {
|
|
918
919
|
'font.body': token(
|
|
919
920
|
'font.body',
|
|
920
|
-
'normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu,
|
|
921
|
+
'normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
921
922
|
),
|
|
922
923
|
'font.body.UNSAFE_small': token(
|
|
923
924
|
'font.body.UNSAFE_small',
|
|
924
|
-
'normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu,
|
|
925
|
+
'normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
925
926
|
),
|
|
926
927
|
'font.body.large': token(
|
|
927
928
|
'font.body.large',
|
|
928
|
-
'normal 400 16px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu,
|
|
929
|
+
'normal 400 16px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
929
930
|
),
|
|
930
931
|
'font.body.small': token(
|
|
931
932
|
'font.body.small',
|
|
932
|
-
'normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu,
|
|
933
|
+
'normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
933
934
|
),
|
|
934
935
|
'font.code': token(
|
|
935
936
|
'font.code',
|
|
@@ -937,31 +938,31 @@ export const fontMap = {
|
|
|
937
938
|
),
|
|
938
939
|
'font.heading.large': token(
|
|
939
940
|
'font.heading.large',
|
|
940
|
-
'normal 500 24px/28px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu,
|
|
941
|
+
'normal 500 24px/28px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
941
942
|
),
|
|
942
943
|
'font.heading.medium': token(
|
|
943
944
|
'font.heading.medium',
|
|
944
|
-
'normal 500 20px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu,
|
|
945
|
+
'normal 500 20px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
945
946
|
),
|
|
946
947
|
'font.heading.small': token(
|
|
947
948
|
'font.heading.small',
|
|
948
|
-
'normal 600 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu,
|
|
949
|
+
'normal 600 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
949
950
|
),
|
|
950
951
|
'font.heading.xlarge': token(
|
|
951
952
|
'font.heading.xlarge',
|
|
952
|
-
'normal 600 29px/32px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu,
|
|
953
|
+
'normal 600 29px/32px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
953
954
|
),
|
|
954
955
|
'font.heading.xsmall': token(
|
|
955
956
|
'font.heading.xsmall',
|
|
956
|
-
'normal 600 14px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu,
|
|
957
|
+
'normal 600 14px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
957
958
|
),
|
|
958
959
|
'font.heading.xxlarge': token(
|
|
959
960
|
'font.heading.xxlarge',
|
|
960
|
-
'normal 500 35px/40px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu,
|
|
961
|
+
'normal 500 35px/40px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
961
962
|
),
|
|
962
963
|
'font.heading.xxsmall': token(
|
|
963
964
|
'font.heading.xxsmall',
|
|
964
|
-
'normal 600 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu,
|
|
965
|
+
'normal 600 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
965
966
|
),
|
|
966
967
|
};
|
|
967
968
|
|
|
@@ -979,15 +980,15 @@ export type FontWeight = keyof typeof fontWeightMap;
|
|
|
979
980
|
export const fontFamilyMap = {
|
|
980
981
|
'font.family.body': token(
|
|
981
982
|
'font.family.body',
|
|
982
|
-
'ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu,
|
|
983
|
+
'ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
983
984
|
),
|
|
984
985
|
'font.family.brand.body': token(
|
|
985
986
|
'font.family.brand.body',
|
|
986
|
-
'"Charlie Text", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu,
|
|
987
|
+
'"Charlie Text", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
987
988
|
),
|
|
988
989
|
'font.family.brand.heading': token(
|
|
989
990
|
'font.family.brand.heading',
|
|
990
|
-
'"Charlie Display", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu,
|
|
991
|
+
'"Charlie Display", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
991
992
|
),
|
|
992
993
|
'font.family.code': token(
|
|
993
994
|
'font.family.code',
|
|
@@ -995,7 +996,7 @@ export const fontFamilyMap = {
|
|
|
995
996
|
),
|
|
996
997
|
'font.family.heading': token(
|
|
997
998
|
'font.family.heading',
|
|
998
|
-
'ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu,
|
|
999
|
+
'ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
999
1000
|
),
|
|
1000
1001
|
};
|
|
1001
1002
|
|
|
@@ -1007,7 +1008,7 @@ export type FontFamily = keyof typeof fontFamilyMap;
|
|
|
1007
1008
|
|
|
1008
1009
|
/**
|
|
1009
1010
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
1010
|
-
* @codegen <<SignedSource::
|
|
1011
|
+
* @codegen <<SignedSource::159df661d29a2805a17ab6f52e842350>>
|
|
1011
1012
|
* @codegenId text
|
|
1012
1013
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
1013
1014
|
* @codegenDependency ../../../primitives/scripts/codegen-file-templates/dimensions.tsx <<SignedSource::cc9b3f12104c6ede803da6a42daac0b0>>
|
|
@@ -1016,19 +1017,19 @@ export type FontFamily = keyof typeof fontFamilyMap;
|
|
|
1016
1017
|
export const textSizeMap = {
|
|
1017
1018
|
medium: token(
|
|
1018
1019
|
'font.body',
|
|
1019
|
-
'normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu,
|
|
1020
|
+
'normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
1020
1021
|
),
|
|
1021
1022
|
UNSAFE_small: token(
|
|
1022
1023
|
'font.body.UNSAFE_small',
|
|
1023
|
-
'normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu,
|
|
1024
|
+
'normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
1024
1025
|
),
|
|
1025
1026
|
large: token(
|
|
1026
1027
|
'font.body.large',
|
|
1027
|
-
'normal 400 16px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu,
|
|
1028
|
+
'normal 400 16px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
1028
1029
|
),
|
|
1029
1030
|
small: token(
|
|
1030
1031
|
'font.body.small',
|
|
1031
|
-
'normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu,
|
|
1032
|
+
'normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
1032
1033
|
),
|
|
1033
1034
|
};
|
|
1034
1035
|
|
|
@@ -25,7 +25,7 @@ Emotion and Compiled, such as dynamic styles or imports. Please use the
|
|
|
25
25
|
We have a codemod to assist in migrations from `xcss()` to `@atlaskit/css`.
|
|
26
26
|
|
|
27
27
|
```sh
|
|
28
|
-
npx @
|
|
28
|
+
npx @hypermod/cli --packages @atlaskit/css@primitives-emotion-to-compiled ./path/to/folder
|
|
29
29
|
```
|
|
30
30
|
|
|
31
31
|
The codemod should migrate something like this:
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/css",
|
|
3
|
-
"version": "0.10.
|
|
3
|
+
"version": "0.10.1",
|
|
4
4
|
"description": "Style components backed by Atlassian Design System design tokens powered by Compiled CSS-in-JS.",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
"./test-utils": "./src/test-utils/index.tsx"
|
|
49
49
|
},
|
|
50
50
|
"dependencies": {
|
|
51
|
-
"@atlaskit/tokens": "^4.
|
|
51
|
+
"@atlaskit/tokens": "^4.4.0",
|
|
52
52
|
"@babel/runtime": "^7.0.0",
|
|
53
53
|
"@compiled/react": "^0.18.2"
|
|
54
54
|
},
|
|
@@ -56,10 +56,10 @@
|
|
|
56
56
|
"react": "^18.2.0"
|
|
57
57
|
},
|
|
58
58
|
"devDependencies": {
|
|
59
|
-
"@af/visual-regression": "
|
|
60
|
-
"@atlaskit/button": "^21.
|
|
59
|
+
"@af/visual-regression": "^1.3.0",
|
|
60
|
+
"@atlaskit/button": "^21.1.0",
|
|
61
61
|
"@atlaskit/ds-lib": "^4.0.0",
|
|
62
|
-
"@atlaskit/primitives": "^14.
|
|
62
|
+
"@atlaskit/primitives": "^14.1.0",
|
|
63
63
|
"@emotion/react": "^11.7.1",
|
|
64
64
|
"@testing-library/react": "^13.4.0",
|
|
65
65
|
"@types/jscodeshift": "^0.11.0",
|