@atlaskit/primitives 19.0.2 → 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 +26 -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/pressable.js +1 -1
- package/dist/cjs/components/anchor.js +1 -1
- package/dist/cjs/components/pressable.js +1 -1
- package/dist/cjs/xcss/style-maps.partial.js +18 -10
- package/dist/es2019/compiled/components/anchor.js +1 -1
- package/dist/es2019/compiled/components/pressable.js +1 -1
- package/dist/es2019/components/anchor.js +1 -1
- package/dist/es2019/components/pressable.js +1 -1
- package/dist/es2019/xcss/style-maps.partial.js +18 -10
- package/dist/esm/compiled/components/anchor.js +1 -1
- package/dist/esm/compiled/components/pressable.js +1 -1
- package/dist/esm/components/anchor.js +1 -1
- package/dist/esm/components/pressable.js +1 -1
- package/dist/esm/xcss/style-maps.partial.js +18 -10
- 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 +16 -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 +30 -38
- package/pressable/package.json +1 -8
- 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 -793
- package/dist/types-ts4.5/xcss/xcss.d.ts +0 -143
|
@@ -1,143 +0,0 @@
|
|
|
1
|
-
import type { CSSPropertiesWithMultiValues, SerializedStyles } from '@emotion/serialize';
|
|
2
|
-
import type * as CSS from 'csstype';
|
|
3
|
-
import type { StrictXCSSProp, XCSSAllProperties, XCSSAllPseudos } from '@atlaskit/css';
|
|
4
|
-
import type { MediaQuery } from '../responsive/types';
|
|
5
|
-
import { allSpaceMap, backgroundColorMap, borderColorMap, borderRadiusMap, borderWidthMap, dimensionMap, fontFamilyMap, fontMap, fontWeightMap, layerMap, opacityMap, positiveSpaceMap, shadowMap, textColorMap, type TokenisedProps } from './style-maps.partial';
|
|
6
|
-
export declare const tokensMap: {
|
|
7
|
-
readonly backgroundColor: typeof backgroundColorMap;
|
|
8
|
-
readonly blockSize: typeof dimensionMap;
|
|
9
|
-
readonly borderBlockColor: typeof borderColorMap;
|
|
10
|
-
readonly borderBlockEndColor: typeof borderColorMap;
|
|
11
|
-
readonly borderBlockEndWidth: typeof borderWidthMap;
|
|
12
|
-
readonly borderBlockStartColor: typeof borderColorMap;
|
|
13
|
-
readonly borderBlockStartWidth: typeof borderWidthMap;
|
|
14
|
-
readonly borderBlockWidth: typeof borderWidthMap;
|
|
15
|
-
readonly borderBottomColor: typeof borderColorMap;
|
|
16
|
-
readonly borderBottomLeftRadius: typeof borderRadiusMap;
|
|
17
|
-
readonly borderBottomRightRadius: typeof borderRadiusMap;
|
|
18
|
-
readonly borderBottomWidth: typeof borderWidthMap;
|
|
19
|
-
readonly borderColor: typeof borderColorMap;
|
|
20
|
-
readonly borderEndEndRadius: typeof borderRadiusMap;
|
|
21
|
-
readonly borderEndStartRadius: typeof borderRadiusMap;
|
|
22
|
-
readonly borderInlineColor: typeof borderColorMap;
|
|
23
|
-
readonly borderInlineEndColor: typeof borderColorMap;
|
|
24
|
-
readonly borderInlineEndWidth: typeof borderWidthMap;
|
|
25
|
-
readonly borderInlineStartColor: typeof borderColorMap;
|
|
26
|
-
readonly borderInlineStartWidth: typeof borderWidthMap;
|
|
27
|
-
readonly borderInlineWidth: typeof borderWidthMap;
|
|
28
|
-
readonly borderLeftColor: typeof borderColorMap;
|
|
29
|
-
readonly borderLeftWidth: typeof borderWidthMap;
|
|
30
|
-
readonly borderRadius: typeof borderRadiusMap;
|
|
31
|
-
readonly borderRightColor: typeof borderColorMap;
|
|
32
|
-
readonly borderRightWidth: typeof borderWidthMap;
|
|
33
|
-
readonly borderStartEndRadius: typeof borderRadiusMap;
|
|
34
|
-
readonly borderStartStartRadius: typeof borderRadiusMap;
|
|
35
|
-
readonly borderTopColor: typeof borderColorMap;
|
|
36
|
-
readonly borderTopLeftRadius: typeof borderRadiusMap;
|
|
37
|
-
readonly borderTopRightRadius: typeof borderRadiusMap;
|
|
38
|
-
readonly borderTopWidth: typeof borderWidthMap;
|
|
39
|
-
readonly borderWidth: typeof borderWidthMap;
|
|
40
|
-
readonly bottom: typeof allSpaceMap;
|
|
41
|
-
readonly boxShadow: typeof shadowMap;
|
|
42
|
-
readonly color: typeof textColorMap;
|
|
43
|
-
readonly columnGap: typeof positiveSpaceMap;
|
|
44
|
-
readonly font: typeof fontMap;
|
|
45
|
-
readonly fontFamily: typeof fontFamilyMap;
|
|
46
|
-
readonly fontWeight: typeof fontWeightMap;
|
|
47
|
-
readonly gap: typeof positiveSpaceMap;
|
|
48
|
-
readonly height: typeof dimensionMap;
|
|
49
|
-
readonly inlineSize: typeof dimensionMap;
|
|
50
|
-
readonly inset: typeof allSpaceMap;
|
|
51
|
-
readonly insetBlock: typeof allSpaceMap;
|
|
52
|
-
readonly insetBlockEnd: typeof allSpaceMap;
|
|
53
|
-
readonly insetBlockStart: typeof allSpaceMap;
|
|
54
|
-
readonly insetInline: typeof allSpaceMap;
|
|
55
|
-
readonly insetInlineEnd: typeof allSpaceMap;
|
|
56
|
-
readonly insetInlineStart: typeof allSpaceMap;
|
|
57
|
-
readonly left: typeof allSpaceMap;
|
|
58
|
-
readonly margin: typeof allSpaceMap;
|
|
59
|
-
readonly marginBlock: typeof allSpaceMap;
|
|
60
|
-
readonly marginBlockEnd: typeof allSpaceMap;
|
|
61
|
-
readonly marginBlockStart: typeof allSpaceMap;
|
|
62
|
-
readonly marginBottom: typeof allSpaceMap;
|
|
63
|
-
readonly marginInline: typeof allSpaceMap;
|
|
64
|
-
readonly marginInlineEnd: typeof allSpaceMap;
|
|
65
|
-
readonly marginInlineStart: typeof allSpaceMap;
|
|
66
|
-
readonly marginLeft: typeof allSpaceMap;
|
|
67
|
-
readonly marginRight: typeof allSpaceMap;
|
|
68
|
-
readonly marginTop: typeof allSpaceMap;
|
|
69
|
-
readonly maxBlockSize: typeof dimensionMap;
|
|
70
|
-
readonly maxHeight: typeof dimensionMap;
|
|
71
|
-
readonly maxInlineSize: typeof dimensionMap;
|
|
72
|
-
readonly maxWidth: typeof dimensionMap;
|
|
73
|
-
readonly minBlockSize: typeof dimensionMap;
|
|
74
|
-
readonly minHeight: typeof dimensionMap;
|
|
75
|
-
readonly minInlineSize: typeof dimensionMap;
|
|
76
|
-
readonly minWidth: typeof dimensionMap;
|
|
77
|
-
readonly opacity: typeof opacityMap;
|
|
78
|
-
readonly outlineColor: typeof borderColorMap;
|
|
79
|
-
readonly outlineOffset: typeof allSpaceMap;
|
|
80
|
-
readonly outlineWidth: typeof borderWidthMap;
|
|
81
|
-
readonly padding: typeof positiveSpaceMap;
|
|
82
|
-
readonly paddingBlock: typeof positiveSpaceMap;
|
|
83
|
-
readonly paddingBlockEnd: typeof positiveSpaceMap;
|
|
84
|
-
readonly paddingBlockStart: typeof positiveSpaceMap;
|
|
85
|
-
readonly paddingBottom: typeof positiveSpaceMap;
|
|
86
|
-
readonly paddingInline: typeof positiveSpaceMap;
|
|
87
|
-
readonly paddingInlineEnd: typeof positiveSpaceMap;
|
|
88
|
-
readonly paddingInlineStart: typeof positiveSpaceMap;
|
|
89
|
-
readonly paddingLeft: typeof positiveSpaceMap;
|
|
90
|
-
readonly paddingRight: typeof positiveSpaceMap;
|
|
91
|
-
readonly paddingTop: typeof positiveSpaceMap;
|
|
92
|
-
readonly right: typeof allSpaceMap;
|
|
93
|
-
readonly rowGap: typeof positiveSpaceMap;
|
|
94
|
-
readonly top: typeof allSpaceMap;
|
|
95
|
-
readonly width: typeof dimensionMap;
|
|
96
|
-
readonly zIndex: typeof layerMap;
|
|
97
|
-
};
|
|
98
|
-
declare const uniqueSymbol: unique symbol;
|
|
99
|
-
/**
|
|
100
|
-
* Picks out runtime XCSS objects and build-time XCSS strings. This is needed
|
|
101
|
-
* to supported both Emotion and Compiled styles until we've fully migrated
|
|
102
|
-
* to Compiled.
|
|
103
|
-
*
|
|
104
|
-
* @private
|
|
105
|
-
* @deprecated
|
|
106
|
-
*/
|
|
107
|
-
export declare const parseXcss: (args: XCSS | (XCSS | false | undefined)[] | undefined | StrictXCSSProp<XCSSAllProperties, XCSSAllPseudos>) => {
|
|
108
|
-
emotion?: SerializedStyles[];
|
|
109
|
-
static?: string;
|
|
110
|
-
};
|
|
111
|
-
type AllMedia = MediaQuery | '@media screen and (forced-colors: active), screen and (-ms-high-contrast: active)' | '@media (prefers-color-scheme: dark)' | '@media (prefers-color-scheme: light)' | '@media (prefers-reduced-motion: reduce)';
|
|
112
|
-
type CSSMediaQueries = {
|
|
113
|
-
[MQ in AllMedia]?: Omit<SafeCSSObject, AllMedia>;
|
|
114
|
-
};
|
|
115
|
-
type ChainedCSSPseudos = ':visited:active' | ':visited:hover' | ':active:visited' | ':hover::before' | ':focus::before' | ':hover::after' | ':focus-visible::before' | ':focus-visible::after' | ':focus:not(:focus-visible)';
|
|
116
|
-
type CSSPseudos = {
|
|
117
|
-
[Pseudo in CSS.Pseudos | ChainedCSSPseudos]?: Omit<SafeCSSObject, CSS.Pseudos | AllMedia>;
|
|
118
|
-
};
|
|
119
|
-
type AtRulesWithoutMedia = Exclude<CSS.AtRules, '@media'>;
|
|
120
|
-
type CSSAtRules = {
|
|
121
|
-
[AtRule in AtRulesWithoutMedia as `${AtRule}${string}`]?: Omit<SafeCSSObject, AtRulesWithoutMedia>;
|
|
122
|
-
};
|
|
123
|
-
type SafeCSSObject = CSSPseudos & CSSAtRules & TokenisedProps & CSSMediaQueries & Omit<CSSPropertiesWithMultiValues, keyof TokenisedProps>;
|
|
124
|
-
export type XCSS = ReturnType<typeof xcss>;
|
|
125
|
-
/**
|
|
126
|
-
* ### xcss
|
|
127
|
-
*
|
|
128
|
-
* `xcss` is a safer, tokens-first approach to CSS-in-JS. It allows token-backed values for
|
|
129
|
-
* CSS application.
|
|
130
|
-
*
|
|
131
|
-
* ```tsx
|
|
132
|
-
* const styles = xcss({
|
|
133
|
-
* padding: 'space.100'
|
|
134
|
-
* })
|
|
135
|
-
* ```
|
|
136
|
-
*
|
|
137
|
-
* @deprecated Use `@atlaskit/css` with `@atlaskit/primitives/compiled` instead.
|
|
138
|
-
* {@link https://hello.atlassian.net/wiki/spaces/DST/pages/4992259434/Guidance+Migrating+to+atlaskit+css+from+xcss Internal documentation for migration; no external access}
|
|
139
|
-
*/
|
|
140
|
-
export declare function xcss(style: SafeCSSObject): {
|
|
141
|
-
readonly [uniqueSymbol]: SerializedStyles;
|
|
142
|
-
};
|
|
143
|
-
export {};
|