@atlaskit/tokens 0.8.2 → 0.8.3
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 +6 -0
- package/css/atlassian-dark.css +4 -1
- package/css/atlassian-light.css +4 -1
- package/dist/cjs/artifacts/rename-mapping.js +4 -0
- package/dist/cjs/artifacts/token-default-values.js +4 -1
- package/dist/cjs/artifacts/token-names.js +3 -0
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +617 -12
- package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +615 -10
- package/dist/cjs/get-token.js +1 -1
- package/dist/cjs/tokens/atlassian-dark/color/background.js +14 -2
- package/dist/cjs/tokens/atlassian-dark/deprecated/deprecated.js +6 -0
- package/dist/cjs/tokens/atlassian-light/color/background.js +14 -2
- package/dist/cjs/tokens/atlassian-light/deprecated/deprecated.js +6 -0
- package/dist/cjs/tokens/default/color/accent.js +65 -1
- package/dist/cjs/tokens/default/color/background.js +82 -6
- package/dist/cjs/tokens/default/color/border.js +11 -0
- package/dist/cjs/tokens/default/color/icon.js +13 -1
- package/dist/cjs/tokens/default/color/interaction.js +4 -0
- package/dist/cjs/tokens/default/color/skeleton.js +2 -0
- package/dist/cjs/tokens/default/color/text.js +15 -0
- package/dist/cjs/tokens/default/deprecated/deprecated.js +108 -0
- package/dist/cjs/tokens/default/elevation/shadow.js +3 -0
- package/dist/cjs/tokens/default/elevation/surface.js +4 -0
- package/dist/cjs/tokens/default/utility/utility.js +2 -0
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/artifacts/rename-mapping.js +4 -0
- package/dist/es2019/artifacts/token-default-values.js +4 -1
- package/dist/es2019/artifacts/token-names.js +3 -0
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +617 -12
- package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +615 -10
- package/dist/es2019/get-token.js +1 -1
- package/dist/es2019/tokens/atlassian-dark/color/background.js +14 -2
- package/dist/es2019/tokens/atlassian-dark/deprecated/deprecated.js +6 -0
- package/dist/es2019/tokens/atlassian-light/color/background.js +14 -2
- package/dist/es2019/tokens/atlassian-light/deprecated/deprecated.js +6 -0
- package/dist/es2019/tokens/default/color/accent.js +65 -1
- package/dist/es2019/tokens/default/color/background.js +82 -6
- package/dist/es2019/tokens/default/color/border.js +11 -0
- package/dist/es2019/tokens/default/color/icon.js +13 -1
- package/dist/es2019/tokens/default/color/interaction.js +4 -0
- package/dist/es2019/tokens/default/color/skeleton.js +2 -0
- package/dist/es2019/tokens/default/color/text.js +15 -0
- package/dist/es2019/tokens/default/deprecated/deprecated.js +108 -0
- package/dist/es2019/tokens/default/elevation/shadow.js +3 -0
- package/dist/es2019/tokens/default/elevation/surface.js +4 -0
- package/dist/es2019/tokens/default/utility/utility.js +2 -0
- package/dist/es2019/version.json +1 -1
- package/dist/esm/artifacts/rename-mapping.js +4 -0
- package/dist/esm/artifacts/token-default-values.js +4 -1
- package/dist/esm/artifacts/token-names.js +3 -0
- package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +617 -12
- package/dist/esm/artifacts/tokens-raw/atlassian-light.js +615 -10
- package/dist/esm/get-token.js +1 -1
- package/dist/esm/tokens/atlassian-dark/color/background.js +14 -2
- package/dist/esm/tokens/atlassian-dark/deprecated/deprecated.js +6 -0
- package/dist/esm/tokens/atlassian-light/color/background.js +14 -2
- package/dist/esm/tokens/atlassian-light/deprecated/deprecated.js +6 -0
- package/dist/esm/tokens/default/color/accent.js +65 -1
- package/dist/esm/tokens/default/color/background.js +82 -6
- package/dist/esm/tokens/default/color/border.js +11 -0
- package/dist/esm/tokens/default/color/icon.js +13 -1
- package/dist/esm/tokens/default/color/interaction.js +4 -0
- package/dist/esm/tokens/default/color/skeleton.js +2 -0
- package/dist/esm/tokens/default/color/text.js +15 -0
- package/dist/esm/tokens/default/deprecated/deprecated.js +108 -0
- package/dist/esm/tokens/default/elevation/shadow.js +3 -0
- package/dist/esm/tokens/default/elevation/surface.js +4 -0
- package/dist/esm/tokens/default/utility/utility.js +2 -0
- package/dist/esm/version.json +1 -1
- package/dist/types/artifacts/token-default-values.d.ts +4 -1
- package/dist/types/artifacts/token-names.d.ts +6 -0
- package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +8 -0
- package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +8 -0
- package/dist/types/artifacts/types-internal.d.ts +1 -1
- package/dist/types/artifacts/types.d.ts +1 -1
- package/dist/types/tokens/default/utility/utility.d.ts +14 -10
- package/dist/types/types.d.ts +12 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @atlaskit/tokens
|
|
2
2
|
|
|
3
|
+
## 0.8.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`530455156a8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/530455156a8) - Deprecating color.background.inverse in favour of the new color.background.inverse.subtle token instead. Also introduced color.background.inverse.subtle.hovered and color.background.inverse.subtle.pressed tokens to supplement it.
|
|
8
|
+
|
|
3
9
|
## 0.8.2
|
|
4
10
|
|
|
5
11
|
### Patch Changes
|
package/css/atlassian-dark.css
CHANGED
|
@@ -127,7 +127,10 @@ html[data-theme="dark"] {
|
|
|
127
127
|
--ds-background-accent-magenta: #50253F;
|
|
128
128
|
--ds-background-accent-magenta-bold: #AE4787;
|
|
129
129
|
--ds-background-disabled: #A1BDD914;
|
|
130
|
-
--ds-background-inverse: #
|
|
130
|
+
--ds-background-inverse-subtle: #FFFFFF29;
|
|
131
|
+
--ds-background-inverse-subtle-hovered: #FFFFFF3D;
|
|
132
|
+
--ds-background-inverse-subtle-pressed: #FFFFFF52;
|
|
133
|
+
--ds-background-inverse: #00000029;
|
|
131
134
|
--ds-background-input: #1D2125;
|
|
132
135
|
--ds-background-input-hovered: #22272B;
|
|
133
136
|
--ds-background-input-pressed: #1D2125;
|
package/css/atlassian-light.css
CHANGED
|
@@ -127,7 +127,10 @@
|
|
|
127
127
|
--ds-background-accent-magenta: #FDD0EC;
|
|
128
128
|
--ds-background-accent-magenta-bold: #E774BB;
|
|
129
129
|
--ds-background-disabled: #091E420F;
|
|
130
|
-
--ds-background-inverse: #00000029;
|
|
130
|
+
--ds-background-inverse-subtle: #00000029;
|
|
131
|
+
--ds-background-inverse-subtle-hovered: #0000003D;
|
|
132
|
+
--ds-background-inverse-subtle-pressed: #00000052;
|
|
133
|
+
--ds-background-inverse: #FFFFFF29;
|
|
131
134
|
--ds-background-input: #FFFFFF;
|
|
132
135
|
--ds-background-input-hovered: #F7F8F9;
|
|
133
136
|
--ds-background-input-pressed: #FFFFFF;
|
|
@@ -118,6 +118,10 @@ var renameMapper = [{
|
|
|
118
118
|
"path": "color.background.accent.magenta.bold",
|
|
119
119
|
"state": "deleted",
|
|
120
120
|
"replacement": "color.background.accent.magenta.subtle"
|
|
121
|
+
}, {
|
|
122
|
+
"path": "color.background.inverse.[default]",
|
|
123
|
+
"state": "deprecated",
|
|
124
|
+
"replacement": "color.background.inverse.subtle.[default]"
|
|
121
125
|
}, {
|
|
122
126
|
"path": "color.background.brand.[default].[default]",
|
|
123
127
|
"state": "deprecated",
|
|
@@ -137,7 +137,10 @@ var defaultTokenValues = {
|
|
|
137
137
|
'color.background.accent.magenta': '#FDD0EC',
|
|
138
138
|
'color.background.accent.magenta.bold': '#E774BB',
|
|
139
139
|
'color.background.disabled': '#091E420F',
|
|
140
|
-
'color.background.inverse': '#00000029',
|
|
140
|
+
'color.background.inverse.subtle': '#00000029',
|
|
141
|
+
'color.background.inverse.subtle.hovered': '#0000003D',
|
|
142
|
+
'color.background.inverse.subtle.pressed': '#00000052',
|
|
143
|
+
'color.background.inverse': '#FFFFFF29',
|
|
141
144
|
'color.background.input': '#FFFFFF',
|
|
142
145
|
'color.background.input.hovered': '#F7F8F9',
|
|
143
146
|
'color.background.input.pressed': '#FFFFFF',
|
|
@@ -133,6 +133,9 @@ var tokens = {
|
|
|
133
133
|
'color.background.accent.magenta': '--ds-background-accent-magenta',
|
|
134
134
|
'color.background.accent.magenta.bold': '--ds-background-accent-magenta-bold',
|
|
135
135
|
'color.background.disabled': '--ds-background-disabled',
|
|
136
|
+
'color.background.inverse.subtle': '--ds-background-inverse-subtle',
|
|
137
|
+
'color.background.inverse.subtle.hovered': '--ds-background-inverse-subtle-hovered',
|
|
138
|
+
'color.background.inverse.subtle.pressed': '--ds-background-inverse-subtle-pressed',
|
|
136
139
|
'color.background.inverse': '--ds-background-inverse',
|
|
137
140
|
'color.background.input': '--ds-background-input',
|
|
138
141
|
'color.background.input.hovered': '--ds-background-input-hovered',
|