@atlaskit/primitives 19.0.1 → 20.0.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 +54 -0
- package/anchor/package.json +1 -8
- package/bleed/package.json +1 -8
- package/box/package.json +1 -8
- package/compiled/anchor/package.json +1 -8
- package/compiled/bleed/package.json +1 -8
- package/compiled/box/package.json +1 -8
- package/compiled/components/types/package.json +1 -8
- package/compiled/flex/package.json +1 -8
- package/compiled/focusable/package.json +1 -8
- package/compiled/grid/package.json +1 -8
- package/compiled/hide/package.json +1 -8
- package/compiled/inline/package.json +1 -8
- package/compiled/media-helper/package.json +1 -8
- package/compiled/metric-text/package.json +1 -8
- package/compiled/package.json +1 -8
- package/compiled/pressable/package.json +1 -8
- package/compiled/show/package.json +1 -8
- package/compiled/stack/package.json +1 -8
- package/compiled/surface-provider/package.json +1 -8
- package/compiled/text/package.json +1 -8
- package/compiled/types/package.json +1 -8
- package/compiled/use-media-query/package.json +1 -8
- package/compiled/utils/types/package.json +1 -8
- package/components/flex/package.json +1 -8
- package/constants/package.json +1 -8
- package/constellation/pressable/examples.mdx +15 -9
- package/dist/cjs/compiled/components/anchor.js +1 -1
- package/dist/cjs/compiled/components/box.compiled.css +1 -1
- package/dist/cjs/compiled/components/box.js +1 -1
- package/dist/cjs/compiled/components/pressable.js +1 -1
- package/dist/cjs/compiled/components/text.js +2 -0
- package/dist/cjs/components/anchor.js +1 -1
- package/dist/cjs/components/box.js +2 -0
- package/dist/cjs/components/pressable.js +1 -1
- package/dist/cjs/responsive/constants.js +2 -0
- package/dist/cjs/utils/has-text-ancestor-context.js +1 -0
- package/dist/cjs/xcss/style-maps.partial.js +38 -10
- package/dist/cjs/xcss/xcss.js +2 -0
- package/dist/es2019/compiled/components/anchor.js +1 -1
- package/dist/es2019/compiled/components/box.compiled.css +1 -1
- package/dist/es2019/compiled/components/box.js +1 -1
- package/dist/es2019/compiled/components/pressable.js +1 -1
- package/dist/es2019/compiled/components/text.js +2 -0
- package/dist/es2019/components/anchor.js +1 -1
- package/dist/es2019/components/box.js +2 -0
- package/dist/es2019/components/pressable.js +1 -1
- package/dist/es2019/responsive/constants.js +2 -0
- package/dist/es2019/utils/has-text-ancestor-context.js +1 -0
- package/dist/es2019/xcss/style-maps.partial.js +38 -10
- package/dist/es2019/xcss/xcss.js +2 -0
- package/dist/esm/compiled/components/anchor.js +1 -1
- package/dist/esm/compiled/components/box.compiled.css +1 -1
- package/dist/esm/compiled/components/box.js +1 -1
- package/dist/esm/compiled/components/pressable.js +1 -1
- package/dist/esm/compiled/components/text.js +2 -0
- package/dist/esm/components/anchor.js +1 -1
- package/dist/esm/components/box.js +2 -0
- package/dist/esm/components/pressable.js +1 -1
- package/dist/esm/responsive/constants.js +2 -0
- package/dist/esm/utils/has-text-ancestor-context.js +1 -0
- package/dist/esm/xcss/style-maps.partial.js +38 -10
- package/dist/esm/xcss/xcss.js +2 -0
- package/dist/types/compiled/components/types.d.ts +1 -1
- package/dist/types/utils/types.d.ts +1 -1
- package/dist/types/xcss/style-maps.partial.d.ts +36 -8
- package/flex/package.json +1 -8
- package/grid/package.json +1 -8
- package/inline/package.json +1 -8
- package/media-helper/package.json +1 -8
- package/metric-text/package.json +1 -8
- package/package.json +31 -63
- package/pressable/package.json +1 -8
- package/primitives.docs.tsx +359 -356
- package/responsive/build-media-query-css/package.json +1 -8
- package/responsive/constants/package.json +1 -8
- package/responsive/hide/package.json +1 -8
- package/responsive/media-helper/package.json +1 -8
- package/responsive/package.json +1 -8
- package/responsive/show/package.json +1 -8
- package/responsive/types/package.json +1 -8
- package/responsive/use-media-query/package.json +1 -8
- package/scripts/color-codegen-template.tsx +2 -1
- package/stack/package.json +1 -8
- package/surface-provider/package.json +1 -8
- package/text/package.json +1 -8
- package/types/package.json +1 -8
- package/xcss/package.json +1 -8
- package/dist/types-ts4.5/compiled/components/anchor.d.ts +0 -63
- package/dist/types-ts4.5/compiled/components/bleed.d.ts +0 -34
- package/dist/types-ts4.5/compiled/components/box.d.ts +0 -109
- package/dist/types-ts4.5/compiled/components/flex.d.ts +0 -71
- package/dist/types-ts4.5/compiled/components/focusable.d.ts +0 -36
- package/dist/types-ts4.5/compiled/components/grid.d.ts +0 -80
- package/dist/types-ts4.5/compiled/components/inline.d.ts +0 -70
- package/dist/types-ts4.5/compiled/components/metric-text.d.ts +0 -49
- package/dist/types-ts4.5/compiled/components/pressable.d.ts +0 -49
- package/dist/types-ts4.5/compiled/components/stack.d.ts +0 -57
- package/dist/types-ts4.5/compiled/components/text.d.ts +0 -101
- package/dist/types-ts4.5/compiled/components/types.d.ts +0 -45
- package/dist/types-ts4.5/compiled/index.d.ts +0 -16
- package/dist/types-ts4.5/compiled/responsive/hide.d.ts +0 -39
- package/dist/types-ts4.5/compiled/responsive/index.d.ts +0 -5
- package/dist/types-ts4.5/compiled/responsive/media-helper.d.ts +0 -35
- package/dist/types-ts4.5/compiled/responsive/show.d.ts +0 -39
- package/dist/types-ts4.5/compiled/responsive/types.d.ts +0 -10
- package/dist/types-ts4.5/compiled/responsive/use-media-query.d.ts +0 -23
- package/dist/types-ts4.5/components/anchor.d.ts +0 -106
- package/dist/types-ts4.5/components/bleed.d.ts +0 -36
- package/dist/types-ts4.5/components/box.d.ts +0 -85
- package/dist/types-ts4.5/components/flex.d.ts +0 -105
- package/dist/types-ts4.5/components/grid.d.ts +0 -137
- package/dist/types-ts4.5/components/inline.d.ts +0 -74
- package/dist/types-ts4.5/components/metric-text.d.ts +0 -16
- package/dist/types-ts4.5/components/pressable.d.ts +0 -92
- package/dist/types-ts4.5/components/stack.d.ts +0 -61
- package/dist/types-ts4.5/components/text.d.ts +0 -75
- package/dist/types-ts4.5/components/types.d.ts +0 -33
- package/dist/types-ts4.5/constants.d.ts +0 -12
- package/dist/types-ts4.5/entry-points/anchor.d.ts +0 -2
- package/dist/types-ts4.5/entry-points/bleed.d.ts +0 -2
- package/dist/types-ts4.5/entry-points/box.d.ts +0 -3
- package/dist/types-ts4.5/entry-points/compiled-anchor.d.ts +0 -2
- package/dist/types-ts4.5/entry-points/compiled-bleed.d.ts +0 -2
- package/dist/types-ts4.5/entry-points/compiled-box.d.ts +0 -2
- package/dist/types-ts4.5/entry-points/compiled-components-types.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/compiled-flex.d.ts +0 -2
- package/dist/types-ts4.5/entry-points/compiled-focusable.d.ts +0 -2
- package/dist/types-ts4.5/entry-points/compiled-grid.d.ts +0 -2
- package/dist/types-ts4.5/entry-points/compiled-hide.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/compiled-inline.d.ts +0 -2
- package/dist/types-ts4.5/entry-points/compiled-media-helper.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/compiled-metric-text.d.ts +0 -2
- package/dist/types-ts4.5/entry-points/compiled-pressable.d.ts +0 -2
- package/dist/types-ts4.5/entry-points/compiled-show.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/compiled-stack.d.ts +0 -2
- package/dist/types-ts4.5/entry-points/compiled-surface-provider.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/compiled-text.d.ts +0 -2
- package/dist/types-ts4.5/entry-points/compiled-types.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/compiled-use-media-query.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/compiled-utils-types.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/constants.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/flex.d.ts +0 -2
- package/dist/types-ts4.5/entry-points/grid.d.ts +0 -2
- package/dist/types-ts4.5/entry-points/inline.d.ts +0 -2
- package/dist/types-ts4.5/entry-points/media-helper.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/metric-text.d.ts +0 -2
- package/dist/types-ts4.5/entry-points/pressable.d.ts +0 -2
- package/dist/types-ts4.5/entry-points/responsive-build-media-query-css.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/responsive-constants.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/responsive-hide.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/responsive-media-helper.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/responsive-show.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/responsive-types.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/responsive-use-media-query.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/stack.d.ts +0 -2
- package/dist/types-ts4.5/entry-points/surface-provider.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/text.d.ts +0 -2
- package/dist/types-ts4.5/entry-points/types.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/xcss.d.ts +0 -2
- package/dist/types-ts4.5/index.d.ts +0 -27
- package/dist/types-ts4.5/responsive/build-media-query-css.d.ts +0 -2
- package/dist/types-ts4.5/responsive/constants.d.ts +0 -67
- package/dist/types-ts4.5/responsive/hide.d.ts +0 -41
- package/dist/types-ts4.5/responsive/index.d.ts +0 -7
- package/dist/types-ts4.5/responsive/media-helper.d.ts +0 -29
- package/dist/types-ts4.5/responsive/media.d.ts +0 -25
- package/dist/types-ts4.5/responsive/show.d.ts +0 -40
- package/dist/types-ts4.5/responsive/types.d.ts +0 -32
- package/dist/types-ts4.5/responsive/unsafe-build-above-media-query-css.d.ts +0 -33
- package/dist/types-ts4.5/responsive/unsafe-build-below-media-query-css.d.ts +0 -32
- package/dist/types-ts4.5/responsive/use-media-query.d.ts +0 -23
- package/dist/types-ts4.5/utils/has-text-ancestor-context.d.ts +0 -9
- package/dist/types-ts4.5/utils/surface-context.d.ts +0 -8
- package/dist/types-ts4.5/utils/surface-provider.d.ts +0 -10
- package/dist/types-ts4.5/utils/types.d.ts +0 -6
- package/dist/types-ts4.5/xcss/style-maps.partial.d.ts +0 -773
- package/dist/types-ts4.5/xcss/xcss.d.ts +0 -143
|
@@ -73,10 +73,10 @@ var allSpaceMap = exports.allSpaceMap = _objectSpread(_objectSpread({}, positive
|
|
|
73
73
|
|
|
74
74
|
/**
|
|
75
75
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
76
|
-
* @codegen <<SignedSource::
|
|
76
|
+
* @codegen <<SignedSource::e8d2ee8bd083c5b6e6d3b0bec7a275a5>>
|
|
77
77
|
* @codegenId inverse-colors
|
|
78
78
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
79
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
79
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::89430472c8668e635450d1233437a9ca>>
|
|
80
80
|
*/
|
|
81
81
|
var inverseColorMap = exports.inverseColorMap = {
|
|
82
82
|
'color.background.neutral.bold': 'color.text.inverse',
|
|
@@ -105,7 +105,10 @@ var inverseColorMap = exports.inverseColorMap = {
|
|
|
105
105
|
'color.background.discovery.bold.pressed': 'color.text.inverse',
|
|
106
106
|
'color.background.information.bold': 'color.text.inverse',
|
|
107
107
|
'color.background.information.bold.hovered': 'color.text.inverse',
|
|
108
|
-
'color.background.information.bold.pressed': 'color.text.inverse'
|
|
108
|
+
'color.background.information.bold.pressed': 'color.text.inverse',
|
|
109
|
+
'color.rovo.background.brand.bold': 'color.text.inverse',
|
|
110
|
+
'color.rovo.background.brand.bold.hovered': 'color.text.inverse',
|
|
111
|
+
'color.rovo.background.brand.bold.pressed': 'color.text.inverse'
|
|
109
112
|
};
|
|
110
113
|
|
|
111
114
|
/**
|
|
@@ -114,11 +117,11 @@ var inverseColorMap = exports.inverseColorMap = {
|
|
|
114
117
|
|
|
115
118
|
/**
|
|
116
119
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
117
|
-
* @codegen <<SignedSource::
|
|
120
|
+
* @codegen <<SignedSource::617e401f8358136781549b9d42338882>>
|
|
118
121
|
* @codegenId elevation
|
|
119
122
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
120
123
|
* @codegenParams ["opacity", "shadow", "surface"]
|
|
121
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
124
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::89430472c8668e635450d1233437a9ca>>
|
|
122
125
|
*/
|
|
123
126
|
var opacityMap = exports.opacityMap = {
|
|
124
127
|
'opacity.disabled': "var(--ds-opacity-disabled, 0.4)",
|
|
@@ -135,6 +138,7 @@ var surfaceColorMap = exports.surfaceColorMap = {
|
|
|
135
138
|
'elevation.surface': "var(--ds-surface, #FFFFFF)",
|
|
136
139
|
'elevation.surface.hovered': "var(--ds-surface-hovered, #F0F1F2)",
|
|
137
140
|
'elevation.surface.pressed': "var(--ds-surface-pressed, #DDDEE1)",
|
|
141
|
+
'elevation.surface.container': "var(--ds-surface-container, #F0F1F2)",
|
|
138
142
|
'elevation.surface.overlay': "var(--ds-surface-overlay, #FFFFFF)",
|
|
139
143
|
'elevation.surface.overlay.hovered': "var(--ds-surface-overlay-hovered, #F0F1F2)",
|
|
140
144
|
'elevation.surface.overlay.pressed': "var(--ds-surface-overlay-pressed, #DDDEE1)",
|
|
@@ -149,24 +153,34 @@ var surfaceColorMap = exports.surfaceColorMap = {
|
|
|
149
153
|
|
|
150
154
|
/**
|
|
151
155
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
152
|
-
* @codegen <<SignedSource::
|
|
156
|
+
* @codegen <<SignedSource::ca867a1010665c5ed92cd318dcf507ae>>
|
|
153
157
|
* @codegenId colors
|
|
154
158
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
155
159
|
* @codegenParams ["border", "background", "text", "fill"]
|
|
156
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
160
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::89430472c8668e635450d1233437a9ca>>
|
|
157
161
|
*/
|
|
158
162
|
var borderColorMap = exports.borderColorMap = {
|
|
159
163
|
'color.border': "var(--ds-border, #0B120E24)",
|
|
160
164
|
'color.border.accent.lime': "var(--ds-border-accent-lime, #6A9A23)",
|
|
165
|
+
'color.border.accent.lime.subtle': "var(--ds-border-accent-lime-subtle, #B3DF72)",
|
|
161
166
|
'color.border.accent.red': "var(--ds-border-accent-red, #E2483D)",
|
|
167
|
+
'color.border.accent.red.subtle': "var(--ds-border-accent-red-subtle, #FD9891)",
|
|
162
168
|
'color.border.accent.orange': "var(--ds-border-accent-orange, #E06C00)",
|
|
169
|
+
'color.border.accent.orange.subtle': "var(--ds-border-accent-orange-subtle, #FBC828)",
|
|
163
170
|
'color.border.accent.yellow': "var(--ds-border-accent-yellow, #B38600)",
|
|
171
|
+
'color.border.accent.yellow.subtle': "var(--ds-border-accent-yellow-subtle, #EED12B)",
|
|
164
172
|
'color.border.accent.green': "var(--ds-border-accent-green, #22A06B)",
|
|
173
|
+
'color.border.accent.green.subtle': "var(--ds-border-accent-green-subtle, #7EE2B8)",
|
|
165
174
|
'color.border.accent.teal': "var(--ds-border-accent-teal, #2898BD)",
|
|
175
|
+
'color.border.accent.teal.subtle': "var(--ds-border-accent-teal-subtle, #9DD9EE)",
|
|
166
176
|
'color.border.accent.blue': "var(--ds-border-accent-blue, #357DE8)",
|
|
177
|
+
'color.border.accent.blue.subtle': "var(--ds-border-accent-blue-subtle, #8FB8F6)",
|
|
167
178
|
'color.border.accent.purple': "var(--ds-border-accent-purple, #AF59E1)",
|
|
179
|
+
'color.border.accent.purple.subtle': "var(--ds-border-accent-purple-subtle, #D8A0F7)",
|
|
168
180
|
'color.border.accent.magenta': "var(--ds-border-accent-magenta, #CD519D)",
|
|
181
|
+
'color.border.accent.magenta.subtle': "var(--ds-border-accent-magenta-subtle, #F797D2)",
|
|
169
182
|
'color.border.accent.gray': "var(--ds-border-accent-gray, #7D818A)",
|
|
183
|
+
'color.border.accent.gray.subtle': "var(--ds-border-accent-gray-subtle, #B7B9BE)",
|
|
170
184
|
'color.border.disabled': "var(--ds-border-disabled, #0515240F)",
|
|
171
185
|
'color.border.focused': "var(--ds-border-focused, #4688EC)",
|
|
172
186
|
'color.border.input': "var(--ds-border-input, #8C8F97)",
|
|
@@ -174,10 +188,15 @@ var borderColorMap = exports.borderColorMap = {
|
|
|
174
188
|
'color.border.selected': "var(--ds-border-selected, #1868DB)",
|
|
175
189
|
'color.border.brand': "var(--ds-border-brand, #1868DB)",
|
|
176
190
|
'color.border.danger': "var(--ds-border-danger, #E2483D)",
|
|
191
|
+
'color.border.danger.subtle': "var(--ds-border-danger-subtle, #FD9891)",
|
|
177
192
|
'color.border.warning': "var(--ds-border-warning, #E06C00)",
|
|
193
|
+
'color.border.warning.subtle': "var(--ds-border-warning-subtle, #FBC828)",
|
|
178
194
|
'color.border.success': "var(--ds-border-success, #6A9A23)",
|
|
195
|
+
'color.border.success.subtle': "var(--ds-border-success-subtle, #B3DF72)",
|
|
179
196
|
'color.border.discovery': "var(--ds-border-discovery, #AF59E1)",
|
|
197
|
+
'color.border.discovery.subtle': "var(--ds-border-discovery-subtle, #D8A0F7)",
|
|
180
198
|
'color.border.information': "var(--ds-border-information, #357DE8)",
|
|
199
|
+
'color.border.information.subtle': "var(--ds-border-information-subtle, #8FB8F6)",
|
|
181
200
|
'color.border.bold': "var(--ds-border-bold, #7D818A)"
|
|
182
201
|
};
|
|
183
202
|
var backgroundColorMap = exports.backgroundColorMap = {
|
|
@@ -301,7 +320,7 @@ var backgroundColorMap = exports.backgroundColorMap = {
|
|
|
301
320
|
'color.background.accent.gray.bolder': "var(--ds-background-accent-gray-bolder, #6B6E76)",
|
|
302
321
|
'color.background.accent.gray.bolder.hovered': "var(--ds-background-accent-gray-bolder-hovered, #505258)",
|
|
303
322
|
'color.background.accent.gray.bolder.pressed': "var(--ds-background-accent-gray-bolder-pressed, #3B3D42)",
|
|
304
|
-
'color.background.disabled': "var(--ds-background-disabled, #
|
|
323
|
+
'color.background.disabled': "var(--ds-background-disabled, #0515240F)",
|
|
305
324
|
'color.background.input': "var(--ds-background-input, #FFFFFF)",
|
|
306
325
|
'color.background.input.hovered': "var(--ds-background-input-hovered, #F8F8F8)",
|
|
307
326
|
'color.background.input.pressed': "var(--ds-background-input-pressed, #FFFFFF)",
|
|
@@ -338,6 +357,7 @@ var backgroundColorMap = exports.backgroundColorMap = {
|
|
|
338
357
|
'color.background.danger.subtler': "var(--ds-background-danger-subtler, #FFD5D2)",
|
|
339
358
|
'color.background.danger.subtler.hovered': "var(--ds-background-danger-subtler-hovered, #FFB8B2)",
|
|
340
359
|
'color.background.danger.subtler.pressed': "var(--ds-background-danger-subtler-pressed, #FD9891)",
|
|
360
|
+
'color.background.danger.subtle': "var(--ds-background-danger-subtle, #FD9891)",
|
|
341
361
|
'color.background.danger.bold': "var(--ds-background-danger-bold, #C9372C)",
|
|
342
362
|
'color.background.danger.bold.hovered': "var(--ds-background-danger-bold-hovered, #AE2E24)",
|
|
343
363
|
'color.background.danger.bold.pressed': "var(--ds-background-danger-bold-pressed, #872821)",
|
|
@@ -347,6 +367,7 @@ var backgroundColorMap = exports.backgroundColorMap = {
|
|
|
347
367
|
'color.background.warning.subtler': "var(--ds-background-warning-subtler, #FCE4A6)",
|
|
348
368
|
'color.background.warning.subtler.hovered': "var(--ds-background-warning-subtler-hovered, #FBD779)",
|
|
349
369
|
'color.background.warning.subtler.pressed': "var(--ds-background-warning-subtler-pressed, #FBC828)",
|
|
370
|
+
'color.background.warning.subtle': "var(--ds-background-warning-subtle, #FBD779)",
|
|
350
371
|
'color.background.warning.bold': "var(--ds-background-warning-bold, #FBC828)",
|
|
351
372
|
'color.background.warning.bold.hovered': "var(--ds-background-warning-bold-hovered, #FCA700)",
|
|
352
373
|
'color.background.warning.bold.pressed': "var(--ds-background-warning-bold-pressed, #F68909)",
|
|
@@ -356,6 +377,7 @@ var backgroundColorMap = exports.backgroundColorMap = {
|
|
|
356
377
|
'color.background.success.subtler': "var(--ds-background-success-subtler, #D3F1A7)",
|
|
357
378
|
'color.background.success.subtler.hovered': "var(--ds-background-success-subtler-hovered, #BDE97C)",
|
|
358
379
|
'color.background.success.subtler.pressed': "var(--ds-background-success-subtler-pressed, #B3DF72)",
|
|
380
|
+
'color.background.success.subtle': "var(--ds-background-success-subtle, #B3DF72)",
|
|
359
381
|
'color.background.success.bold': "var(--ds-background-success-bold, #5B7F24)",
|
|
360
382
|
'color.background.success.bold.hovered': "var(--ds-background-success-bold-hovered, #4C6B1F)",
|
|
361
383
|
'color.background.success.bold.pressed': "var(--ds-background-success-bold-pressed, #3F5224)",
|
|
@@ -365,6 +387,7 @@ var backgroundColorMap = exports.backgroundColorMap = {
|
|
|
365
387
|
'color.background.discovery.subtler': "var(--ds-background-discovery-subtler, #EED7FC)",
|
|
366
388
|
'color.background.discovery.subtler.hovered': "var(--ds-background-discovery-subtler-hovered, #E3BDFA)",
|
|
367
389
|
'color.background.discovery.subtler.pressed': "var(--ds-background-discovery-subtler-pressed, #D8A0F7)",
|
|
390
|
+
'color.background.discovery.subtle': "var(--ds-background-discovery-subtle, #D8A0F7)",
|
|
368
391
|
'color.background.discovery.bold': "var(--ds-background-discovery-bold, #964AC0)",
|
|
369
392
|
'color.background.discovery.bold.hovered': "var(--ds-background-discovery-bold-hovered, #803FA5)",
|
|
370
393
|
'color.background.discovery.bold.pressed': "var(--ds-background-discovery-bold-pressed, #673286)",
|
|
@@ -374,17 +397,22 @@ var backgroundColorMap = exports.backgroundColorMap = {
|
|
|
374
397
|
'color.background.information.subtler': "var(--ds-background-information-subtler, #CFE1FD)",
|
|
375
398
|
'color.background.information.subtler.hovered': "var(--ds-background-information-subtler-hovered, #ADCBFB)",
|
|
376
399
|
'color.background.information.subtler.pressed': "var(--ds-background-information-subtler-pressed, #8FB8F6)",
|
|
400
|
+
'color.background.information.subtle': "var(--ds-background-information-subtle, #8FB8F6)",
|
|
377
401
|
'color.background.information.bold': "var(--ds-background-information-bold, #1868DB)",
|
|
378
402
|
'color.background.information.bold.hovered': "var(--ds-background-information-bold-hovered, #1558BC)",
|
|
379
403
|
'color.background.information.bold.pressed': "var(--ds-background-information-bold-pressed, #144794)",
|
|
404
|
+
'color.skeleton': "var(--ds-skeleton, #0515240F)",
|
|
405
|
+
'color.skeleton.subtle': "var(--ds-skeleton-subtle, #17171708)",
|
|
380
406
|
'color.blanket': "var(--ds-blanket, #050C1F75)",
|
|
381
407
|
'color.blanket.selected': "var(--ds-blanket-selected, #388BFF14)",
|
|
382
408
|
'color.blanket.danger': "var(--ds-blanket-danger, #EF5C4814)",
|
|
383
|
-
'color.
|
|
384
|
-
'color.
|
|
409
|
+
'color.rovo.background.brand.bold': "var(--ds-rovo-background-brand-bold, #000000)",
|
|
410
|
+
'color.rovo.background.brand.bold.hovered': "var(--ds-rovo-background-brand-bold-hovered, #1E1F21)",
|
|
411
|
+
'color.rovo.background.brand.bold.pressed': "var(--ds-rovo-background-brand-bold-pressed, #292A2E)",
|
|
385
412
|
'elevation.surface': "var(--ds-surface, #FFFFFF)",
|
|
386
413
|
'elevation.surface.hovered': "var(--ds-surface-hovered, #F0F1F2)",
|
|
387
414
|
'elevation.surface.pressed': "var(--ds-surface-pressed, #DDDEE1)",
|
|
415
|
+
'elevation.surface.container': "var(--ds-surface-container, #F0F1F2)",
|
|
388
416
|
'elevation.surface.overlay': "var(--ds-surface-overlay, #FFFFFF)",
|
|
389
417
|
'elevation.surface.overlay.hovered': "var(--ds-surface-overlay-hovered, #F0F1F2)",
|
|
390
418
|
'elevation.surface.overlay.pressed': "var(--ds-surface-overlay-pressed, #DDDEE1)",
|
package/dist/cjs/xcss/xcss.js
CHANGED
|
@@ -165,6 +165,7 @@ var baseXcss = function baseXcss(style) {
|
|
|
165
165
|
* @private
|
|
166
166
|
* @deprecated
|
|
167
167
|
*/
|
|
168
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
168
169
|
var _parseXcss = exports.parseXcss = function parseXcss(args) {
|
|
169
170
|
if (Array.isArray(args)) {
|
|
170
171
|
var emotion = [];
|
|
@@ -233,6 +234,7 @@ var _parseXcss = exports.parseXcss = function parseXcss(args) {
|
|
|
233
234
|
* @deprecated Use `@atlaskit/css` with `@atlaskit/primitives/compiled` instead.
|
|
234
235
|
* {@link https://hello.atlassian.net/wiki/spaces/DST/pages/4992259434/Guidance+Migrating+to+atlaskit+css+from+xcss Internal documentation for migration; no external access}
|
|
235
236
|
*/
|
|
237
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
236
238
|
function xcss(style) {
|
|
237
239
|
return baseXcss(style);
|
|
238
240
|
}
|
|
@@ -56,7 +56,7 @@ const AnchorNoRef = ({
|
|
|
56
56
|
action: 'clicked',
|
|
57
57
|
componentName: componentName || 'Anchor',
|
|
58
58
|
packageName: "@atlaskit/primitives",
|
|
59
|
-
packageVersion: "
|
|
59
|
+
packageVersion: "19.0.2",
|
|
60
60
|
analyticsData: analyticsContext,
|
|
61
61
|
actionSubject: 'link'
|
|
62
62
|
});
|
|
@@ -56,6 +56,7 @@
|
|
|
56
56
|
._bfhk16zl{background-color:var(--ds-background-accent-teal-subtle-pressed,#b1e4f7)}
|
|
57
57
|
._bfhk1773{background-color:var(--ds-background-accent-yellow-subtler,#f5e989)}
|
|
58
58
|
._bfhk1856{background-color:var(--ds-background-brand-bold,#1868db)}
|
|
59
|
+
._bfhk187o{background-color:var(--ds-background-disabled,#0515240f)}
|
|
59
60
|
._bfhk18ah{background-color:var(--ds-background-accent-purple-subtle,#c97cf4)}
|
|
60
61
|
._bfhk18j9{background-color:var(--ds-background-accent-gray-subtle,#8c8f97)}
|
|
61
62
|
._bfhk18ut{background-color:var(--ds-background-accent-gray-subtlest-pressed,#b7b9be)}
|
|
@@ -159,7 +160,6 @@
|
|
|
159
160
|
._bfhkattl{background-color:var(--ds-background-accent-purple-subtler-hovered,#e3bdfa)}
|
|
160
161
|
._bfhkaxpp{background-color:var(--ds-background-accent-orange-subtle-pressed,#fbd779)}
|
|
161
162
|
._bfhkbq5w{background-color:var(--ds-background-accent-lime-subtle,#94c748)}
|
|
162
|
-
._bfhkby5v{background-color:var(--ds-background-disabled,#17171708)}
|
|
163
163
|
._bfhkbyip{background-color:var(--ds-background-accent-gray-bolder-hovered,#505258)}
|
|
164
164
|
._bfhkc3uk{background-color:var(--ds-background-accent-magenta-bolder,#ae4787)}
|
|
165
165
|
._bfhkchd4{background-color:var(--ds-elevation-surface-current,#fff)}
|
|
@@ -133,7 +133,7 @@ const backgroundColorMap = {
|
|
|
133
133
|
'color.background.accent.gray.bolder': "_bfhk1i45",
|
|
134
134
|
'color.background.accent.gray.bolder.hovered': "_bfhkbyip",
|
|
135
135
|
'color.background.accent.gray.bolder.pressed': "_bfhk1van",
|
|
136
|
-
'color.background.disabled': "
|
|
136
|
+
'color.background.disabled': "_bfhk187o",
|
|
137
137
|
'color.background.input': "_bfhk1j9a",
|
|
138
138
|
'color.background.input.hovered': "_bfhkl4ek",
|
|
139
139
|
'color.background.input.pressed': "_bfhkr01l",
|
|
@@ -48,7 +48,7 @@ const Pressable = /*#__PURE__*/forwardRef(({
|
|
|
48
48
|
action: 'clicked',
|
|
49
49
|
componentName: componentName || 'Pressable',
|
|
50
50
|
packageName: "@atlaskit/primitives",
|
|
51
|
-
packageVersion: "
|
|
51
|
+
packageVersion: "19.0.2",
|
|
52
52
|
analyticsData: analyticsContext,
|
|
53
53
|
actionSubject: 'button'
|
|
54
54
|
});
|
|
@@ -94,7 +94,7 @@ const AnchorNoRef = ({
|
|
|
94
94
|
action: 'clicked',
|
|
95
95
|
componentName: componentName || 'Anchor',
|
|
96
96
|
packageName: "@atlaskit/primitives",
|
|
97
|
-
packageVersion: "
|
|
97
|
+
packageVersion: "19.0.2",
|
|
98
98
|
analyticsData: analyticsContext,
|
|
99
99
|
actionSubject: 'link'
|
|
100
100
|
});
|
|
@@ -88,6 +88,8 @@ export const Box = /*#__PURE__*/forwardRef(({
|
|
|
88
88
|
// @ts-ignore This typescript error has been surpessed while locally enrolling `@atlaskit/primitives` into Jira
|
|
89
89
|
// The return type of `BoxComponent` does not match the return type of `forwardRef` in React 18
|
|
90
90
|
);
|
|
91
|
+
|
|
92
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
91
93
|
export default Box;
|
|
92
94
|
const baseStyles = css({
|
|
93
95
|
boxSizing: 'border-box',
|
|
@@ -86,7 +86,7 @@ const Pressable = /*#__PURE__*/forwardRef(({
|
|
|
86
86
|
action: 'clicked',
|
|
87
87
|
componentName: componentName || 'Pressable',
|
|
88
88
|
packageName: "@atlaskit/primitives",
|
|
89
|
-
packageVersion: "
|
|
89
|
+
packageVersion: "19.0.2",
|
|
90
90
|
analyticsData: analyticsContext,
|
|
91
91
|
actionSubject: 'button'
|
|
92
92
|
});
|
|
@@ -59,6 +59,7 @@ export const UNSAFE_BREAKPOINTS_CONFIG = {
|
|
|
59
59
|
*
|
|
60
60
|
* @experimental Unsafe for consumption outside of the design system itself.
|
|
61
61
|
*/
|
|
62
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
62
63
|
export const UNSAFE_BREAKPOINTS_ORDERED_LIST = Object.keys(UNSAFE_BREAKPOINTS_CONFIG);
|
|
63
64
|
|
|
64
65
|
/**
|
|
@@ -66,4 +67,5 @@ export const UNSAFE_BREAKPOINTS_ORDERED_LIST = Object.keys(UNSAFE_BREAKPOINTS_CO
|
|
|
66
67
|
* 1. It is the default value for shorthands, eg. `<GridItem span={6} />` maps to `{ [SMALLEST_BREAKPOINT]: props.span }`
|
|
67
68
|
* 2. It's omitted in `media.below` as there's nothing below `0px`.
|
|
68
69
|
*/
|
|
70
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
69
71
|
export const SMALLEST_BREAKPOINT = UNSAFE_BREAKPOINTS_ORDERED_LIST[0];
|
|
@@ -67,10 +67,10 @@ export const allSpaceMap = {
|
|
|
67
67
|
|
|
68
68
|
/**
|
|
69
69
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
70
|
-
* @codegen <<SignedSource::
|
|
70
|
+
* @codegen <<SignedSource::e8d2ee8bd083c5b6e6d3b0bec7a275a5>>
|
|
71
71
|
* @codegenId inverse-colors
|
|
72
72
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
73
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
73
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::89430472c8668e635450d1233437a9ca>>
|
|
74
74
|
*/
|
|
75
75
|
export const inverseColorMap = {
|
|
76
76
|
'color.background.neutral.bold': 'color.text.inverse',
|
|
@@ -99,7 +99,10 @@ export const inverseColorMap = {
|
|
|
99
99
|
'color.background.discovery.bold.pressed': 'color.text.inverse',
|
|
100
100
|
'color.background.information.bold': 'color.text.inverse',
|
|
101
101
|
'color.background.information.bold.hovered': 'color.text.inverse',
|
|
102
|
-
'color.background.information.bold.pressed': 'color.text.inverse'
|
|
102
|
+
'color.background.information.bold.pressed': 'color.text.inverse',
|
|
103
|
+
'color.rovo.background.brand.bold': 'color.text.inverse',
|
|
104
|
+
'color.rovo.background.brand.bold.hovered': 'color.text.inverse',
|
|
105
|
+
'color.rovo.background.brand.bold.pressed': 'color.text.inverse'
|
|
103
106
|
};
|
|
104
107
|
|
|
105
108
|
/**
|
|
@@ -108,11 +111,11 @@ export const inverseColorMap = {
|
|
|
108
111
|
|
|
109
112
|
/**
|
|
110
113
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
111
|
-
* @codegen <<SignedSource::
|
|
114
|
+
* @codegen <<SignedSource::617e401f8358136781549b9d42338882>>
|
|
112
115
|
* @codegenId elevation
|
|
113
116
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
114
117
|
* @codegenParams ["opacity", "shadow", "surface"]
|
|
115
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
118
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::89430472c8668e635450d1233437a9ca>>
|
|
116
119
|
*/
|
|
117
120
|
export const opacityMap = {
|
|
118
121
|
'opacity.disabled': "var(--ds-opacity-disabled, 0.4)",
|
|
@@ -129,6 +132,7 @@ export const surfaceColorMap = {
|
|
|
129
132
|
'elevation.surface': "var(--ds-surface, #FFFFFF)",
|
|
130
133
|
'elevation.surface.hovered': "var(--ds-surface-hovered, #F0F1F2)",
|
|
131
134
|
'elevation.surface.pressed': "var(--ds-surface-pressed, #DDDEE1)",
|
|
135
|
+
'elevation.surface.container': "var(--ds-surface-container, #F0F1F2)",
|
|
132
136
|
'elevation.surface.overlay': "var(--ds-surface-overlay, #FFFFFF)",
|
|
133
137
|
'elevation.surface.overlay.hovered': "var(--ds-surface-overlay-hovered, #F0F1F2)",
|
|
134
138
|
'elevation.surface.overlay.pressed': "var(--ds-surface-overlay-pressed, #DDDEE1)",
|
|
@@ -143,24 +147,34 @@ export const surfaceColorMap = {
|
|
|
143
147
|
|
|
144
148
|
/**
|
|
145
149
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
146
|
-
* @codegen <<SignedSource::
|
|
150
|
+
* @codegen <<SignedSource::ca867a1010665c5ed92cd318dcf507ae>>
|
|
147
151
|
* @codegenId colors
|
|
148
152
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
149
153
|
* @codegenParams ["border", "background", "text", "fill"]
|
|
150
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
154
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::89430472c8668e635450d1233437a9ca>>
|
|
151
155
|
*/
|
|
152
156
|
export const borderColorMap = {
|
|
153
157
|
'color.border': "var(--ds-border, #0B120E24)",
|
|
154
158
|
'color.border.accent.lime': "var(--ds-border-accent-lime, #6A9A23)",
|
|
159
|
+
'color.border.accent.lime.subtle': "var(--ds-border-accent-lime-subtle, #B3DF72)",
|
|
155
160
|
'color.border.accent.red': "var(--ds-border-accent-red, #E2483D)",
|
|
161
|
+
'color.border.accent.red.subtle': "var(--ds-border-accent-red-subtle, #FD9891)",
|
|
156
162
|
'color.border.accent.orange': "var(--ds-border-accent-orange, #E06C00)",
|
|
163
|
+
'color.border.accent.orange.subtle': "var(--ds-border-accent-orange-subtle, #FBC828)",
|
|
157
164
|
'color.border.accent.yellow': "var(--ds-border-accent-yellow, #B38600)",
|
|
165
|
+
'color.border.accent.yellow.subtle': "var(--ds-border-accent-yellow-subtle, #EED12B)",
|
|
158
166
|
'color.border.accent.green': "var(--ds-border-accent-green, #22A06B)",
|
|
167
|
+
'color.border.accent.green.subtle': "var(--ds-border-accent-green-subtle, #7EE2B8)",
|
|
159
168
|
'color.border.accent.teal': "var(--ds-border-accent-teal, #2898BD)",
|
|
169
|
+
'color.border.accent.teal.subtle': "var(--ds-border-accent-teal-subtle, #9DD9EE)",
|
|
160
170
|
'color.border.accent.blue': "var(--ds-border-accent-blue, #357DE8)",
|
|
171
|
+
'color.border.accent.blue.subtle': "var(--ds-border-accent-blue-subtle, #8FB8F6)",
|
|
161
172
|
'color.border.accent.purple': "var(--ds-border-accent-purple, #AF59E1)",
|
|
173
|
+
'color.border.accent.purple.subtle': "var(--ds-border-accent-purple-subtle, #D8A0F7)",
|
|
162
174
|
'color.border.accent.magenta': "var(--ds-border-accent-magenta, #CD519D)",
|
|
175
|
+
'color.border.accent.magenta.subtle': "var(--ds-border-accent-magenta-subtle, #F797D2)",
|
|
163
176
|
'color.border.accent.gray': "var(--ds-border-accent-gray, #7D818A)",
|
|
177
|
+
'color.border.accent.gray.subtle': "var(--ds-border-accent-gray-subtle, #B7B9BE)",
|
|
164
178
|
'color.border.disabled': "var(--ds-border-disabled, #0515240F)",
|
|
165
179
|
'color.border.focused': "var(--ds-border-focused, #4688EC)",
|
|
166
180
|
'color.border.input': "var(--ds-border-input, #8C8F97)",
|
|
@@ -168,10 +182,15 @@ export const borderColorMap = {
|
|
|
168
182
|
'color.border.selected': "var(--ds-border-selected, #1868DB)",
|
|
169
183
|
'color.border.brand': "var(--ds-border-brand, #1868DB)",
|
|
170
184
|
'color.border.danger': "var(--ds-border-danger, #E2483D)",
|
|
185
|
+
'color.border.danger.subtle': "var(--ds-border-danger-subtle, #FD9891)",
|
|
171
186
|
'color.border.warning': "var(--ds-border-warning, #E06C00)",
|
|
187
|
+
'color.border.warning.subtle': "var(--ds-border-warning-subtle, #FBC828)",
|
|
172
188
|
'color.border.success': "var(--ds-border-success, #6A9A23)",
|
|
189
|
+
'color.border.success.subtle': "var(--ds-border-success-subtle, #B3DF72)",
|
|
173
190
|
'color.border.discovery': "var(--ds-border-discovery, #AF59E1)",
|
|
191
|
+
'color.border.discovery.subtle': "var(--ds-border-discovery-subtle, #D8A0F7)",
|
|
174
192
|
'color.border.information': "var(--ds-border-information, #357DE8)",
|
|
193
|
+
'color.border.information.subtle': "var(--ds-border-information-subtle, #8FB8F6)",
|
|
175
194
|
'color.border.bold': "var(--ds-border-bold, #7D818A)"
|
|
176
195
|
};
|
|
177
196
|
export const backgroundColorMap = {
|
|
@@ -295,7 +314,7 @@ export const backgroundColorMap = {
|
|
|
295
314
|
'color.background.accent.gray.bolder': "var(--ds-background-accent-gray-bolder, #6B6E76)",
|
|
296
315
|
'color.background.accent.gray.bolder.hovered': "var(--ds-background-accent-gray-bolder-hovered, #505258)",
|
|
297
316
|
'color.background.accent.gray.bolder.pressed': "var(--ds-background-accent-gray-bolder-pressed, #3B3D42)",
|
|
298
|
-
'color.background.disabled': "var(--ds-background-disabled, #
|
|
317
|
+
'color.background.disabled': "var(--ds-background-disabled, #0515240F)",
|
|
299
318
|
'color.background.input': "var(--ds-background-input, #FFFFFF)",
|
|
300
319
|
'color.background.input.hovered': "var(--ds-background-input-hovered, #F8F8F8)",
|
|
301
320
|
'color.background.input.pressed': "var(--ds-background-input-pressed, #FFFFFF)",
|
|
@@ -332,6 +351,7 @@ export const backgroundColorMap = {
|
|
|
332
351
|
'color.background.danger.subtler': "var(--ds-background-danger-subtler, #FFD5D2)",
|
|
333
352
|
'color.background.danger.subtler.hovered': "var(--ds-background-danger-subtler-hovered, #FFB8B2)",
|
|
334
353
|
'color.background.danger.subtler.pressed': "var(--ds-background-danger-subtler-pressed, #FD9891)",
|
|
354
|
+
'color.background.danger.subtle': "var(--ds-background-danger-subtle, #FD9891)",
|
|
335
355
|
'color.background.danger.bold': "var(--ds-background-danger-bold, #C9372C)",
|
|
336
356
|
'color.background.danger.bold.hovered': "var(--ds-background-danger-bold-hovered, #AE2E24)",
|
|
337
357
|
'color.background.danger.bold.pressed': "var(--ds-background-danger-bold-pressed, #872821)",
|
|
@@ -341,6 +361,7 @@ export const backgroundColorMap = {
|
|
|
341
361
|
'color.background.warning.subtler': "var(--ds-background-warning-subtler, #FCE4A6)",
|
|
342
362
|
'color.background.warning.subtler.hovered': "var(--ds-background-warning-subtler-hovered, #FBD779)",
|
|
343
363
|
'color.background.warning.subtler.pressed': "var(--ds-background-warning-subtler-pressed, #FBC828)",
|
|
364
|
+
'color.background.warning.subtle': "var(--ds-background-warning-subtle, #FBD779)",
|
|
344
365
|
'color.background.warning.bold': "var(--ds-background-warning-bold, #FBC828)",
|
|
345
366
|
'color.background.warning.bold.hovered': "var(--ds-background-warning-bold-hovered, #FCA700)",
|
|
346
367
|
'color.background.warning.bold.pressed': "var(--ds-background-warning-bold-pressed, #F68909)",
|
|
@@ -350,6 +371,7 @@ export const backgroundColorMap = {
|
|
|
350
371
|
'color.background.success.subtler': "var(--ds-background-success-subtler, #D3F1A7)",
|
|
351
372
|
'color.background.success.subtler.hovered': "var(--ds-background-success-subtler-hovered, #BDE97C)",
|
|
352
373
|
'color.background.success.subtler.pressed': "var(--ds-background-success-subtler-pressed, #B3DF72)",
|
|
374
|
+
'color.background.success.subtle': "var(--ds-background-success-subtle, #B3DF72)",
|
|
353
375
|
'color.background.success.bold': "var(--ds-background-success-bold, #5B7F24)",
|
|
354
376
|
'color.background.success.bold.hovered': "var(--ds-background-success-bold-hovered, #4C6B1F)",
|
|
355
377
|
'color.background.success.bold.pressed': "var(--ds-background-success-bold-pressed, #3F5224)",
|
|
@@ -359,6 +381,7 @@ export const backgroundColorMap = {
|
|
|
359
381
|
'color.background.discovery.subtler': "var(--ds-background-discovery-subtler, #EED7FC)",
|
|
360
382
|
'color.background.discovery.subtler.hovered': "var(--ds-background-discovery-subtler-hovered, #E3BDFA)",
|
|
361
383
|
'color.background.discovery.subtler.pressed': "var(--ds-background-discovery-subtler-pressed, #D8A0F7)",
|
|
384
|
+
'color.background.discovery.subtle': "var(--ds-background-discovery-subtle, #D8A0F7)",
|
|
362
385
|
'color.background.discovery.bold': "var(--ds-background-discovery-bold, #964AC0)",
|
|
363
386
|
'color.background.discovery.bold.hovered': "var(--ds-background-discovery-bold-hovered, #803FA5)",
|
|
364
387
|
'color.background.discovery.bold.pressed': "var(--ds-background-discovery-bold-pressed, #673286)",
|
|
@@ -368,17 +391,22 @@ export const backgroundColorMap = {
|
|
|
368
391
|
'color.background.information.subtler': "var(--ds-background-information-subtler, #CFE1FD)",
|
|
369
392
|
'color.background.information.subtler.hovered': "var(--ds-background-information-subtler-hovered, #ADCBFB)",
|
|
370
393
|
'color.background.information.subtler.pressed': "var(--ds-background-information-subtler-pressed, #8FB8F6)",
|
|
394
|
+
'color.background.information.subtle': "var(--ds-background-information-subtle, #8FB8F6)",
|
|
371
395
|
'color.background.information.bold': "var(--ds-background-information-bold, #1868DB)",
|
|
372
396
|
'color.background.information.bold.hovered': "var(--ds-background-information-bold-hovered, #1558BC)",
|
|
373
397
|
'color.background.information.bold.pressed': "var(--ds-background-information-bold-pressed, #144794)",
|
|
398
|
+
'color.skeleton': "var(--ds-skeleton, #0515240F)",
|
|
399
|
+
'color.skeleton.subtle': "var(--ds-skeleton-subtle, #17171708)",
|
|
374
400
|
'color.blanket': "var(--ds-blanket, #050C1F75)",
|
|
375
401
|
'color.blanket.selected': "var(--ds-blanket-selected, #388BFF14)",
|
|
376
402
|
'color.blanket.danger': "var(--ds-blanket-danger, #EF5C4814)",
|
|
377
|
-
'color.
|
|
378
|
-
'color.
|
|
403
|
+
'color.rovo.background.brand.bold': "var(--ds-rovo-background-brand-bold, #000000)",
|
|
404
|
+
'color.rovo.background.brand.bold.hovered': "var(--ds-rovo-background-brand-bold-hovered, #1E1F21)",
|
|
405
|
+
'color.rovo.background.brand.bold.pressed': "var(--ds-rovo-background-brand-bold-pressed, #292A2E)",
|
|
379
406
|
'elevation.surface': "var(--ds-surface, #FFFFFF)",
|
|
380
407
|
'elevation.surface.hovered': "var(--ds-surface-hovered, #F0F1F2)",
|
|
381
408
|
'elevation.surface.pressed': "var(--ds-surface-pressed, #DDDEE1)",
|
|
409
|
+
'elevation.surface.container': "var(--ds-surface-container, #F0F1F2)",
|
|
382
410
|
'elevation.surface.overlay': "var(--ds-surface-overlay, #FFFFFF)",
|
|
383
411
|
'elevation.surface.overlay.hovered': "var(--ds-surface-overlay-hovered, #F0F1F2)",
|
|
384
412
|
'elevation.surface.overlay.pressed': "var(--ds-surface-overlay-pressed, #DDDEE1)",
|
package/dist/es2019/xcss/xcss.js
CHANGED
|
@@ -149,6 +149,7 @@ const baseXcss = style => {
|
|
|
149
149
|
* @private
|
|
150
150
|
* @deprecated
|
|
151
151
|
*/
|
|
152
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
152
153
|
export const parseXcss = args => {
|
|
153
154
|
if (Array.isArray(args)) {
|
|
154
155
|
const emotion = [];
|
|
@@ -210,6 +211,7 @@ export const parseXcss = args => {
|
|
|
210
211
|
* @deprecated Use `@atlaskit/css` with `@atlaskit/primitives/compiled` instead.
|
|
211
212
|
* {@link https://hello.atlassian.net/wiki/spaces/DST/pages/4992259434/Guidance+Migrating+to+atlaskit+css+from+xcss Internal documentation for migration; no external access}
|
|
212
213
|
*/
|
|
214
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
213
215
|
export function xcss(style) {
|
|
214
216
|
return baseXcss(style);
|
|
215
217
|
}
|
|
@@ -61,7 +61,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
|
|
|
61
61
|
action: 'clicked',
|
|
62
62
|
componentName: componentName || 'Anchor',
|
|
63
63
|
packageName: "@atlaskit/primitives",
|
|
64
|
-
packageVersion: "
|
|
64
|
+
packageVersion: "19.0.2",
|
|
65
65
|
analyticsData: analyticsContext,
|
|
66
66
|
actionSubject: 'link'
|
|
67
67
|
});
|
|
@@ -56,6 +56,7 @@
|
|
|
56
56
|
._bfhk16zl{background-color:var(--ds-background-accent-teal-subtle-pressed,#b1e4f7)}
|
|
57
57
|
._bfhk1773{background-color:var(--ds-background-accent-yellow-subtler,#f5e989)}
|
|
58
58
|
._bfhk1856{background-color:var(--ds-background-brand-bold,#1868db)}
|
|
59
|
+
._bfhk187o{background-color:var(--ds-background-disabled,#0515240f)}
|
|
59
60
|
._bfhk18ah{background-color:var(--ds-background-accent-purple-subtle,#c97cf4)}
|
|
60
61
|
._bfhk18j9{background-color:var(--ds-background-accent-gray-subtle,#8c8f97)}
|
|
61
62
|
._bfhk18ut{background-color:var(--ds-background-accent-gray-subtlest-pressed,#b7b9be)}
|
|
@@ -159,7 +160,6 @@
|
|
|
159
160
|
._bfhkattl{background-color:var(--ds-background-accent-purple-subtler-hovered,#e3bdfa)}
|
|
160
161
|
._bfhkaxpp{background-color:var(--ds-background-accent-orange-subtle-pressed,#fbd779)}
|
|
161
162
|
._bfhkbq5w{background-color:var(--ds-background-accent-lime-subtle,#94c748)}
|
|
162
|
-
._bfhkby5v{background-color:var(--ds-background-disabled,#17171708)}
|
|
163
163
|
._bfhkbyip{background-color:var(--ds-background-accent-gray-bolder-hovered,#505258)}
|
|
164
164
|
._bfhkc3uk{background-color:var(--ds-background-accent-magenta-bolder,#ae4787)}
|
|
165
165
|
._bfhkchd4{background-color:var(--ds-elevation-surface-current,#fff)}
|
|
@@ -136,7 +136,7 @@ var backgroundColorMap = {
|
|
|
136
136
|
'color.background.accent.gray.bolder': "_bfhk1i45",
|
|
137
137
|
'color.background.accent.gray.bolder.hovered': "_bfhkbyip",
|
|
138
138
|
'color.background.accent.gray.bolder.pressed': "_bfhk1van",
|
|
139
|
-
'color.background.disabled': "
|
|
139
|
+
'color.background.disabled': "_bfhk187o",
|
|
140
140
|
'color.background.input': "_bfhk1j9a",
|
|
141
141
|
'color.background.input.hovered': "_bfhkl4ek",
|
|
142
142
|
'color.background.input.pressed': "_bfhkr01l",
|
|
@@ -52,7 +52,7 @@ var Pressable = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
52
52
|
action: 'clicked',
|
|
53
53
|
componentName: componentName || 'Pressable',
|
|
54
54
|
packageName: "@atlaskit/primitives",
|
|
55
|
-
packageVersion: "
|
|
55
|
+
packageVersion: "19.0.2",
|
|
56
56
|
analyticsData: analyticsContext,
|
|
57
57
|
actionSubject: 'button'
|
|
58
58
|
});
|
|
@@ -99,7 +99,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
|
|
|
99
99
|
action: 'clicked',
|
|
100
100
|
componentName: componentName || 'Anchor',
|
|
101
101
|
packageName: "@atlaskit/primitives",
|
|
102
|
-
packageVersion: "
|
|
102
|
+
packageVersion: "19.0.2",
|
|
103
103
|
analyticsData: analyticsContext,
|
|
104
104
|
actionSubject: 'link'
|
|
105
105
|
});
|
|
@@ -89,6 +89,8 @@ export var Box = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
89
89
|
// @ts-ignore This typescript error has been surpessed while locally enrolling `@atlaskit/primitives` into Jira
|
|
90
90
|
// The return type of `BoxComponent` does not match the return type of `forwardRef` in React 18
|
|
91
91
|
);
|
|
92
|
+
|
|
93
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
92
94
|
export default Box;
|
|
93
95
|
var baseStyles = css({
|
|
94
96
|
boxSizing: 'border-box',
|
|
@@ -91,7 +91,7 @@ var Pressable = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
91
91
|
action: 'clicked',
|
|
92
92
|
componentName: componentName || 'Pressable',
|
|
93
93
|
packageName: "@atlaskit/primitives",
|
|
94
|
-
packageVersion: "
|
|
94
|
+
packageVersion: "19.0.2",
|
|
95
95
|
analyticsData: analyticsContext,
|
|
96
96
|
actionSubject: 'button'
|
|
97
97
|
});
|
|
@@ -59,6 +59,7 @@ export var UNSAFE_BREAKPOINTS_CONFIG = {
|
|
|
59
59
|
*
|
|
60
60
|
* @experimental Unsafe for consumption outside of the design system itself.
|
|
61
61
|
*/
|
|
62
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
62
63
|
export var UNSAFE_BREAKPOINTS_ORDERED_LIST = Object.keys(UNSAFE_BREAKPOINTS_CONFIG);
|
|
63
64
|
|
|
64
65
|
/**
|
|
@@ -66,4 +67,5 @@ export var UNSAFE_BREAKPOINTS_ORDERED_LIST = Object.keys(UNSAFE_BREAKPOINTS_CONF
|
|
|
66
67
|
* 1. It is the default value for shorthands, eg. `<GridItem span={6} />` maps to `{ [SMALLEST_BREAKPOINT]: props.span }`
|
|
67
68
|
* 2. It's omitted in `media.below` as there's nothing below `0px`.
|
|
68
69
|
*/
|
|
70
|
+
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
69
71
|
export var SMALLEST_BREAKPOINT = UNSAFE_BREAKPOINTS_ORDERED_LIST[0];
|