@atlaskit/primitives 0.9.2 → 0.9.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 +7 -0
- package/dist/cjs/version.json +1 -1
- package/dist/cjs/xcss/style-maps.partial.js +27 -3
- package/dist/cjs/xcss/xcss.js +1 -0
- package/dist/es2019/version.json +1 -1
- package/dist/es2019/xcss/style-maps.partial.js +25 -2
- package/dist/es2019/xcss/xcss.js +2 -1
- package/dist/esm/version.json +1 -1
- package/dist/esm/xcss/style-maps.partial.js +25 -2
- package/dist/esm/xcss/xcss.js +2 -1
- package/dist/types/xcss/style-maps.partial.d.ts +27 -2
- package/dist/types-ts4.5/components/box.d.ts +18 -0
- package/dist/types-ts4.5/components/inline.d.ts +75 -0
- package/dist/types-ts4.5/components/internal/base-box.d.ts +84 -0
- package/dist/types-ts4.5/components/stack.d.ts +61 -0
- package/dist/types-ts4.5/components/types.d.ts +18 -0
- package/dist/types-ts4.5/constants.d.ts +12 -0
- package/dist/types-ts4.5/helpers/responsive/build-media-query-css.d.ts +57 -0
- package/dist/types-ts4.5/helpers/responsive/constants.d.ts +31 -0
- package/dist/types-ts4.5/helpers/responsive/index.d.ts +4 -0
- package/dist/types-ts4.5/helpers/responsive/media-helper.d.ts +45 -0
- package/dist/types-ts4.5/helpers/responsive/types.d.ts +47 -0
- package/dist/types-ts4.5/index.d.ts +4 -0
- package/dist/types-ts4.5/xcss/style-maps.partial.d.ts +474 -0
- package/dist/types-ts4.5/xcss/xcss.d.ts +57 -0
- package/package.json +3 -3
- package/report.api.md +29 -0
- package/scripts/color-codegen-template.tsx +7 -0
- package/tmp/api-report-tmp.d.ts +29 -0
- package/tsconfig.node.json +7 -0
package/report.api.md
CHANGED
|
@@ -348,6 +348,34 @@ const displayMap: {
|
|
|
348
348
|
readonly inlineFlex: 'inline-flex';
|
|
349
349
|
};
|
|
350
350
|
|
|
351
|
+
// @public (undocumented)
|
|
352
|
+
type Fill = keyof typeof fillMap;
|
|
353
|
+
|
|
354
|
+
// @public (undocumented)
|
|
355
|
+
const fillMap: {
|
|
356
|
+
readonly 'color.icon': 'var(--ds-icon)';
|
|
357
|
+
readonly 'accent.red': 'var(--ds-icon-accent-red)';
|
|
358
|
+
readonly 'accent.orange': 'var(--ds-icon-accent-orange)';
|
|
359
|
+
readonly 'accent.yellow': 'var(--ds-icon-accent-yellow)';
|
|
360
|
+
readonly 'accent.green': 'var(--ds-icon-accent-green)';
|
|
361
|
+
readonly 'accent.teal': 'var(--ds-icon-accent-teal)';
|
|
362
|
+
readonly 'accent.blue': 'var(--ds-icon-accent-blue)';
|
|
363
|
+
readonly 'accent.purple': 'var(--ds-icon-accent-purple)';
|
|
364
|
+
readonly 'accent.magenta': 'var(--ds-icon-accent-magenta)';
|
|
365
|
+
readonly 'accent.gray': 'var(--ds-icon-accent-gray)';
|
|
366
|
+
readonly disabled: 'var(--ds-icon-disabled)';
|
|
367
|
+
readonly inverse: 'var(--ds-icon-inverse)';
|
|
368
|
+
readonly selected: 'var(--ds-icon-selected)';
|
|
369
|
+
readonly brand: 'var(--ds-icon-brand)';
|
|
370
|
+
readonly danger: 'var(--ds-icon-danger)';
|
|
371
|
+
readonly warning: 'var(--ds-icon-warning)';
|
|
372
|
+
readonly 'warning.inverse': 'var(--ds-icon-warning-inverse)';
|
|
373
|
+
readonly success: 'var(--ds-icon-success)';
|
|
374
|
+
readonly discovery: 'var(--ds-icon-discovery)';
|
|
375
|
+
readonly information: 'var(--ds-icon-information)';
|
|
376
|
+
readonly subtle: 'var(--ds-icon-subtle)';
|
|
377
|
+
};
|
|
378
|
+
|
|
351
379
|
// @public (undocumented)
|
|
352
380
|
type Flex = keyof typeof flexMap;
|
|
353
381
|
|
|
@@ -662,6 +690,7 @@ type TokenisedProps = {
|
|
|
662
690
|
color?: TextColor;
|
|
663
691
|
columnGap?: Space;
|
|
664
692
|
display?: Display;
|
|
693
|
+
fill?: Fill;
|
|
665
694
|
flex?: Flex;
|
|
666
695
|
flexDirection?: FlexDirection;
|
|
667
696
|
flexGrow?: FlexGrow;
|
|
@@ -50,6 +50,13 @@ const tokenStyles = {
|
|
|
50
50
|
filterFn: <T extends Token>(t: T) =>
|
|
51
51
|
t.token.startsWith(tokenStyles.shadow.prefix),
|
|
52
52
|
},
|
|
53
|
+
fill: {
|
|
54
|
+
objectName: 'fill',
|
|
55
|
+
prefix: 'color.icon.',
|
|
56
|
+
cssProperty: 'fill',
|
|
57
|
+
filterFn: <T extends Token>(t: T) =>
|
|
58
|
+
t.token.startsWith(tokenStyles.fill.prefix),
|
|
59
|
+
},
|
|
53
60
|
} as const;
|
|
54
61
|
|
|
55
62
|
const bothTokens = tokens.map((t, i) => [t, legacyTokens[i]]);
|
package/tmp/api-report-tmp.d.ts
CHANGED
|
@@ -310,6 +310,34 @@ const displayMap: {
|
|
|
310
310
|
readonly inlineFlex: "inline-flex";
|
|
311
311
|
};
|
|
312
312
|
|
|
313
|
+
// @public (undocumented)
|
|
314
|
+
type Fill = keyof typeof fillMap;
|
|
315
|
+
|
|
316
|
+
// @public (undocumented)
|
|
317
|
+
const fillMap: {
|
|
318
|
+
readonly 'color.icon': "var(--ds-icon)";
|
|
319
|
+
readonly 'accent.red': "var(--ds-icon-accent-red)";
|
|
320
|
+
readonly 'accent.orange': "var(--ds-icon-accent-orange)";
|
|
321
|
+
readonly 'accent.yellow': "var(--ds-icon-accent-yellow)";
|
|
322
|
+
readonly 'accent.green': "var(--ds-icon-accent-green)";
|
|
323
|
+
readonly 'accent.teal': "var(--ds-icon-accent-teal)";
|
|
324
|
+
readonly 'accent.blue': "var(--ds-icon-accent-blue)";
|
|
325
|
+
readonly 'accent.purple': "var(--ds-icon-accent-purple)";
|
|
326
|
+
readonly 'accent.magenta': "var(--ds-icon-accent-magenta)";
|
|
327
|
+
readonly 'accent.gray': "var(--ds-icon-accent-gray)";
|
|
328
|
+
readonly disabled: "var(--ds-icon-disabled)";
|
|
329
|
+
readonly inverse: "var(--ds-icon-inverse)";
|
|
330
|
+
readonly selected: "var(--ds-icon-selected)";
|
|
331
|
+
readonly brand: "var(--ds-icon-brand)";
|
|
332
|
+
readonly danger: "var(--ds-icon-danger)";
|
|
333
|
+
readonly warning: "var(--ds-icon-warning)";
|
|
334
|
+
readonly 'warning.inverse': "var(--ds-icon-warning-inverse)";
|
|
335
|
+
readonly success: "var(--ds-icon-success)";
|
|
336
|
+
readonly discovery: "var(--ds-icon-discovery)";
|
|
337
|
+
readonly information: "var(--ds-icon-information)";
|
|
338
|
+
readonly subtle: "var(--ds-icon-subtle)";
|
|
339
|
+
};
|
|
340
|
+
|
|
313
341
|
// @public (undocumented)
|
|
314
342
|
type Flex = keyof typeof flexMap;
|
|
315
343
|
|
|
@@ -586,6 +614,7 @@ type TokenisedProps = {
|
|
|
586
614
|
color?: TextColor;
|
|
587
615
|
columnGap?: Space;
|
|
588
616
|
display?: Display;
|
|
617
|
+
fill?: Fill;
|
|
589
618
|
flex?: Flex;
|
|
590
619
|
flexDirection?: FlexDirection;
|
|
591
620
|
flexGrow?: FlexGrow;
|