@atlaskit/primitives 0.8.7 → 0.8.9
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 +12 -0
- package/constellation/box/examples.mdx +33 -2
- package/dist/cjs/internal/style-maps.partial.js +34 -9
- package/dist/cjs/internal/xcss.js +39 -6
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/internal/style-maps.partial.js +31 -8
- package/dist/es2019/internal/xcss.js +40 -7
- package/dist/es2019/version.json +1 -1
- package/dist/esm/internal/style-maps.partial.js +31 -8
- package/dist/esm/internal/xcss.js +40 -7
- package/dist/esm/version.json +1 -1
- package/dist/types/internal/style-maps.partial.d.ts +78 -13
- package/package.json +13 -1
- package/report.api.md +198 -3
- package/scripts/codegen-file-templates/dimensions.tsx +10 -0
- package/scripts/codegen-file-templates/display.tsx +9 -6
- package/scripts/codegen-styles.tsx +1 -1
- package/scripts/spacing-codegen-template.tsx +18 -3
- package/tmp/api-report-tmp.d.ts +86 -3
package/tmp/api-report-tmp.d.ts
CHANGED
|
@@ -187,6 +187,9 @@ type BasePrimitiveProps = {
|
|
|
187
187
|
style?: CSSProperties;
|
|
188
188
|
};
|
|
189
189
|
|
|
190
|
+
// @public (undocumented)
|
|
191
|
+
type BlockSize = keyof typeof dimensionMap;
|
|
192
|
+
|
|
190
193
|
// @public (undocumented)
|
|
191
194
|
type BorderColor = keyof typeof borderColorMap;
|
|
192
195
|
|
|
@@ -248,6 +251,9 @@ const borderWidthMap: {
|
|
|
248
251
|
readonly 'width.100': "var(--ds-width-100)";
|
|
249
252
|
};
|
|
250
253
|
|
|
254
|
+
// @public (undocumented)
|
|
255
|
+
type Bottom = keyof typeof dimensionMap;
|
|
256
|
+
|
|
251
257
|
// @public
|
|
252
258
|
export const Box: BoxComponent;
|
|
253
259
|
|
|
@@ -271,6 +277,9 @@ type BoxXCSS = {
|
|
|
271
277
|
readonly styles: BoxStyles;
|
|
272
278
|
};
|
|
273
279
|
|
|
280
|
+
// @public (undocumented)
|
|
281
|
+
type ColumnGap = 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.1000' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800';
|
|
282
|
+
|
|
274
283
|
// @public (undocumented)
|
|
275
284
|
type CSSPseudos = {
|
|
276
285
|
[Pseudo in CSS_2.Pseudos]?: SafeCSSObject;
|
|
@@ -289,7 +298,16 @@ const dimensionMap: {
|
|
|
289
298
|
};
|
|
290
299
|
|
|
291
300
|
// @public (undocumented)
|
|
292
|
-
type Display =
|
|
301
|
+
type Display = keyof typeof displayMap;
|
|
302
|
+
|
|
303
|
+
// @public (undocumented)
|
|
304
|
+
const displayMap: {
|
|
305
|
+
readonly flex: "flex";
|
|
306
|
+
readonly block: "block";
|
|
307
|
+
readonly inline: "inline";
|
|
308
|
+
readonly inlineBlock: "inline-block";
|
|
309
|
+
readonly inlineFlex: "inline-flex";
|
|
310
|
+
};
|
|
293
311
|
|
|
294
312
|
// @public (undocumented)
|
|
295
313
|
type Flex = keyof typeof flexMap;
|
|
@@ -357,6 +375,9 @@ export interface InlineProps<T extends ElementType = 'div'> {
|
|
|
357
375
|
testId?: string;
|
|
358
376
|
}
|
|
359
377
|
|
|
378
|
+
// @public (undocumented)
|
|
379
|
+
type InlineSize = keyof typeof dimensionMap;
|
|
380
|
+
|
|
360
381
|
// @public (undocumented)
|
|
361
382
|
type InlineStyles = SerializedStyles & {
|
|
362
383
|
[inlineTag]: true;
|
|
@@ -365,6 +386,27 @@ type InlineStyles = SerializedStyles & {
|
|
|
365
386
|
// @public (undocumented)
|
|
366
387
|
const inlineTag: unique symbol;
|
|
367
388
|
|
|
389
|
+
// @public (undocumented)
|
|
390
|
+
type Inset = 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.1000' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800';
|
|
391
|
+
|
|
392
|
+
// @public (undocumented)
|
|
393
|
+
type InsetBlock = 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.1000' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800';
|
|
394
|
+
|
|
395
|
+
// @public (undocumented)
|
|
396
|
+
type InsetBlockEnd = 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.1000' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800';
|
|
397
|
+
|
|
398
|
+
// @public (undocumented)
|
|
399
|
+
type InsetBlockStart = 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.1000' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800';
|
|
400
|
+
|
|
401
|
+
// @public (undocumented)
|
|
402
|
+
type InsetInline = 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.1000' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800';
|
|
403
|
+
|
|
404
|
+
// @public (undocumented)
|
|
405
|
+
type InsetInlineEnd = 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.1000' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800';
|
|
406
|
+
|
|
407
|
+
// @public (undocumented)
|
|
408
|
+
type InsetInlineStart = 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.1000' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800';
|
|
409
|
+
|
|
368
410
|
// @public (undocumented)
|
|
369
411
|
type Layer = keyof typeof layerMap;
|
|
370
412
|
|
|
@@ -381,15 +423,30 @@ const layerMap: {
|
|
|
381
423
|
readonly tooltip: 800;
|
|
382
424
|
};
|
|
383
425
|
|
|
426
|
+
// @public (undocumented)
|
|
427
|
+
type Left = keyof typeof dimensionMap;
|
|
428
|
+
|
|
429
|
+
// @public (undocumented)
|
|
430
|
+
type MaxBlockSize = keyof typeof dimensionMap;
|
|
431
|
+
|
|
384
432
|
// @public (undocumented)
|
|
385
433
|
type MaxHeight = keyof typeof dimensionMap;
|
|
386
434
|
|
|
435
|
+
// @public (undocumented)
|
|
436
|
+
type MaxInlineSize = keyof typeof dimensionMap;
|
|
437
|
+
|
|
387
438
|
// @public (undocumented)
|
|
388
439
|
type MaxWidth = keyof typeof dimensionMap;
|
|
389
440
|
|
|
441
|
+
// @public (undocumented)
|
|
442
|
+
type MinBlockSize = keyof typeof dimensionMap;
|
|
443
|
+
|
|
390
444
|
// @public (undocumented)
|
|
391
445
|
type MinHeight = keyof typeof dimensionMap;
|
|
392
446
|
|
|
447
|
+
// @public (undocumented)
|
|
448
|
+
type MinInlineSize = keyof typeof dimensionMap;
|
|
449
|
+
|
|
393
450
|
// @public (undocumented)
|
|
394
451
|
type MinWidth = keyof typeof dimensionMap;
|
|
395
452
|
|
|
@@ -457,6 +514,9 @@ type PublicBoxPropsBase = {
|
|
|
457
514
|
xcss?: Array<BoxXCSS | false | undefined> | BoxXCSS;
|
|
458
515
|
};
|
|
459
516
|
|
|
517
|
+
// @public (undocumented)
|
|
518
|
+
type Right = keyof typeof dimensionMap;
|
|
519
|
+
|
|
460
520
|
// @public (undocumented)
|
|
461
521
|
type RowGap = 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.1000' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800';
|
|
462
522
|
|
|
@@ -542,21 +602,38 @@ const textColorMap: {
|
|
|
542
602
|
type TokenisedProps = {
|
|
543
603
|
alignSelf?: AlignSelf;
|
|
544
604
|
backgroundColor?: BackgroundColor;
|
|
605
|
+
blockSize?: BlockSize;
|
|
545
606
|
borderColor?: BorderColor;
|
|
546
607
|
borderRadius?: BorderRadius;
|
|
547
608
|
borderStyle?: BorderStyle;
|
|
548
609
|
borderWidth?: BorderWidth;
|
|
610
|
+
bottom?: Bottom;
|
|
611
|
+
boxShadow?: Shadow;
|
|
549
612
|
color?: TextColor;
|
|
613
|
+
columnGap?: ColumnGap;
|
|
550
614
|
display?: Display;
|
|
551
615
|
flex?: Flex;
|
|
552
616
|
flexDirection?: FlexDirection;
|
|
553
617
|
flexGrow?: FlexGrow;
|
|
554
618
|
flexShrink?: FlexShrink;
|
|
619
|
+
gap?: Gap;
|
|
555
620
|
height?: Height;
|
|
556
|
-
|
|
621
|
+
inlineSize?: InlineSize;
|
|
622
|
+
inset?: Inset;
|
|
623
|
+
insetBlock?: InsetBlock;
|
|
624
|
+
insetBlockEnd?: InsetBlockEnd;
|
|
625
|
+
insetBlockStart?: InsetBlockStart;
|
|
626
|
+
insetInline?: InsetInline;
|
|
627
|
+
insetInlineEnd?: InsetInlineEnd;
|
|
628
|
+
insetInlineStart?: InsetInlineStart;
|
|
629
|
+
left?: Left;
|
|
630
|
+
maxBlockSize?: MaxBlockSize;
|
|
557
631
|
maxHeight?: MaxHeight;
|
|
632
|
+
maxInlineSize?: MaxInlineSize;
|
|
558
633
|
maxWidth?: MaxWidth;
|
|
634
|
+
minBlockSize?: MinBlockSize;
|
|
559
635
|
minHeight?: MinHeight;
|
|
636
|
+
minInlineSize?: MinInlineSize;
|
|
560
637
|
minWidth?: MinWidth;
|
|
561
638
|
overflow?: Overflow;
|
|
562
639
|
overflowBlock?: OverflowBlock;
|
|
@@ -569,10 +646,16 @@ type TokenisedProps = {
|
|
|
569
646
|
paddingInlineEnd?: PaddingInlineEnd;
|
|
570
647
|
paddingInlineStart?: PaddingInlineStart;
|
|
571
648
|
position?: Position;
|
|
572
|
-
|
|
649
|
+
right?: Right;
|
|
650
|
+
rowGap?: RowGap;
|
|
651
|
+
top?: Top;
|
|
573
652
|
width?: Width;
|
|
653
|
+
zIndex?: Layer;
|
|
574
654
|
};
|
|
575
655
|
|
|
656
|
+
// @public (undocumented)
|
|
657
|
+
type Top = keyof typeof dimensionMap;
|
|
658
|
+
|
|
576
659
|
// @public (undocumented)
|
|
577
660
|
const uniqueSymbol: unique symbol;
|
|
578
661
|
|