@preply/ds-core 0.63.0 → 0.64.0

package/dist/generated/types.d.ts

@@ -1,5 +1,5 @@
 /**
- * AUTO GENERATED @Fri Aug 18 2023 09:02:21 GMT+0000 (Coordinated Universal Time)
+ * AUTO GENERATED @Tue Aug 29 2023 09:22:19 GMT+0000 (Coordinated Universal Time)
  */
 /**
  * action.variant.*.active.borderColor
@@ -28,7 +28,11 @@ export declare type ActionVariantTextDecoration = 'primary' | 'secondary' | 'ter
 /**
  * avatar.size.*
  */
-export declare type AvatarSize = '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl';
+export declare type AvatarSize = '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '24' | '32' | '48' | '64' | '96' | '160';
+/**
+ * badge.accent.*
+ */
+export declare type BadgeAccent = 'accent' | 'positive' | 'critical' | 'warning' | 'info' | 'tertiary';
 /**
  * badge.color.*
  */
@@ -36,7 +40,7 @@ export declare type BadgeColor = 'gray' | 'teal' | 'green' | 'blue' | 'yellow' |
 /**
  * badge.size.*
  */
-export declare type BadgeSize = 'xs' | 's' | 'm';
+export declare type BadgeSize = 'xs' | 's' | 'm' | 'default';
 /**
  * root.space.*
  */
@@ -44,7 +48,7 @@ export declare type BoxPadding = 'none' | '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l'
 /**
  * box.radius.*
  */
-export declare type BoxRadius = 'none' | 'm' | 'l';
+export declare type BoxRadius = 'none' | 'm' | 'l' | '2' | '4' | '8' | '0' | '2' | '4' | '8' | '12' | '16' | '24' | '32' | '48' | '64' | '96' | '160';
 /**
  * responsive.breakpoints.*
  */
@@ -88,75 +92,75 @@ export declare type ButtonVerticalPadding = 'large' | 'medium' | 'small';
 /**
  * color.background.*
  */
-export declare type ColorBackground = 'primary' | 'secondary' | 'tertiary' | 'accent' | 'overlay' | 'disabled' | 'accentLight' | 'positiveLight' | 'infoLight' | 'warningLight' | 'criticalLight' | 'accentDark' | 'positiveDark' | 'infoDark' | 'warningDark' | 'criticalDark';
+export declare type ColorBackground = 'primary' | 'secondary' | 'tertiary' | 'accent' | 'overlay' | 'disabled' | 'brand' | 'accent' | 'positive' | 'info' | 'warning' | 'critical';
 /**
- * color.background.*.action.active
+ * dsInternalPrimitive.color.background.*.action.active
  */
-export declare type ColorBackgroundActionActive = 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'critical';
+export declare type ColorBackgroundActionActiveDsInternalPrimitive = 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'critical';
 /**
- * color.background.*.action.hover
+ * dsInternalPrimitive.color.background.*.action.hover
  */
-export declare type ColorBackgroundActionHover = 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'critical';
+export declare type ColorBackgroundActionHoverDsInternalPrimitive = 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'critical';
 /**
- * color.background.*.action.rest
+ * dsInternalPrimitive.color.background.*.action.rest
  */
-export declare type ColorBackgroundActionRest = 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'critical';
+export declare type ColorBackgroundActionRestDsInternalPrimitive = 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'critical';
 /**
- * color.blue.*
+ * dsInternalPrimitive.color.blue.*
  */
-export declare type ColorBlue = '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800';
+export declare type ColorBlueDsInternalPrimitive = '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800';
 /**
  * color.border.*
  */
-export declare type ColorBorder = 'primary' | 'secondary' | 'focus' | 'critical' | 'tertiary';
+export declare type ColorBorder = 'primary' | 'secondary' | 'focus' | 'critical' | 'tertiary' | 'brand';
 /**
- * color.border.*.action
+ * dsInternalPrimitive.color.border.*.action
  */
-export declare type ColorBorderAction = 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'critical' | 'disabled';
+export declare type ColorBorderActionDsInternalPrimitive = 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'critical' | 'disabled';
 /**
- * color.grey.*
+ * dsInternalPrimitive.color.grey.*
  */
-export declare type ColorGrey = '0' | '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900' | '900-56';
+export declare type ColorGreyDsInternalPrimitive = '0' | '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900' | '900-56' | '900-6';
 /**
- * color.grey.*.*
+ * dsInternalPrimitive.color.grey.*.*
  */
-export declare type ColorGreyOpacity = '900-56';
+export declare type ColorGreyOpacityDsInternalPrimitive = '900-56';
 /**
  * color.icon.*
  */
-export declare type ColorIcon = 'primary' | 'secondary' | 'tertiary' | 'positive' | 'info' | 'warning' | 'critical' | 'accent';
+export declare type ColorIcon = 'primary' | 'secondary' | 'tertiary' | 'positive' | 'info' | 'warning' | 'critical' | 'brand';
 /**
  * color.*
  */
 export declare type ColorName = 'white' | 'gray-100' | 'gray-200' | 'gray-300' | 'gray-400' | 'gray-500' | 'gray-600' | 'teal-100' | 'teal-200' | 'teal-300' | 'teal-400' | 'teal-500' | 'green-100' | 'green-200' | 'green-300' | 'green-400' | 'green-500' | 'yellow-100' | 'yellow-200' | 'yellow-300' | 'yellow-400' | 'yellow-500' | 'red-100' | 'red-200' | 'red-300' | 'red-400' | 'red-500' | 'blue-100' | 'blue-200' | 'blue-300' | 'blue-400' | 'blue-500' | 'magenta-100' | 'magenta-200' | 'magenta-300' | 'magenta-400' | 'magenta-500';
 /**
- * color.pink.*
+ * dsInternalPrimitive.color.pink.*
  */
-export declare type ColorPink = '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800';
+export declare type ColorPinkDsInternalPrimitive = '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800';
 /**
- * color.red.*
+ * dsInternalPrimitive.color.red.*
  */
-export declare type ColorRed = '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800';
+export declare type ColorRedDsInternalPrimitive = '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800';
 /**
  * core.colorScheme.*
  */
 export declare type ColorSchemeName = 'base' | 'banner' | 'invert';
 /**
- * color.teal.*
+ * dsInternalPrimitive.color.teal.*
  */
-export declare type ColorTeal = '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800';
+export declare type ColorTealDsInternalPrimitive = '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800';
 /**
  * color.text.*
  */
-export declare type ColorText = 'primary' | 'secondary' | 'tertiary' | 'positive' | 'info' | 'warning' | 'critical' | 'accent';
+export declare type ColorText = 'primary' | 'secondary' | 'tertiary' | 'brand' | 'accent' | 'positive' | 'info' | 'warning' | 'critical';
 /**
- * color.text.*.action
+ * dsInternalPrimitive.color.text.*.action
  */
-export declare type ColorTextAction = 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'critical' | 'disabled';
+export declare type ColorTextActionDsInternalPrimitive = 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'critical' | 'disabled';
 /**
- * color.yellow.*
+ * dsInternalPrimitive.color.yellow.*
  */
-export declare type ColorYellow = '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800';
+export declare type ColorYellowDsInternalPrimitive = '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800';
 /**
  * heading.level.*
  */
@@ -232,7 +236,11 @@ export declare type Radius = '2' | '4' | '8' | '300';
 /**
  * spacing.*
  */
-export declare type Spacing = '0' | '2' | '4' | '8' | '12' | '16' | '24' | '32' | '48' | '64' | '88' | '120';
+export declare type Spacing = '0' | '2' | '4' | '8' | '12' | '16' | '24' | '32' | '48' | '64' | '96' | '160';
+/**
+ * spinner.size.*
+ */
+export declare type SpinnerSize = 'default' | 'large';
 /**
  * text.accent.*
  */
@@ -256,7 +264,7 @@ export declare type TextHeadingLingHeight = 'huge' | 'extraLarge' | 'large' | 'm
 /**
  * text.highlight.*
  */
-export declare type TextHighlight = 'blue' | 'green';
+export declare type TextHighlight = 'blue' | 'green' | 'primary' | 'secondary' | 'tertiary' | 'accent' | 'positive' | 'info' | 'warning' | 'critical';
 /**
  * text.inline.tag.*
  */
@@ -304,7 +312,7 @@ export declare type TextTag = 'p' | 'div' | 'span';
 /**
  * text.variant.*
  */
-export declare type TextVariant = 'xs' | 'xs-medium' | 's' | 's-italic' | 's-medium' | 's-medium-italic' | 's-bold' | 's-bold-italic' | 'm' | 'm-italic' | 'm-medium' | 'm-medium-italic' | 'm-bold' | 'm-bold-italic' | 'l' | 'l-italic' | 'l-medium' | 'l-medium-italic' | 'xl' | 'xl-italic' | 'xl-medium' | 'xl-medium-italic';
+export declare type TextVariant = 'xs' | 'xs-medium' | 's' | 's-italic' | 's-medium' | 's-medium-italic' | 's-bold' | 's-bold-italic' | 'm' | 'm-italic' | 'm-medium' | 'm-medium-italic' | 'm-bold' | 'm-bold-italic' | 'default' | 'default-italic' | 'default-medium' | 'default-medium-italic' | 'default-bold' | 'default-bold-italic' | 'l' | 'l-italic' | 'l-medium' | 'l-medium-italic' | 'xl' | 'xl-italic' | 'xl-medium' | 'xl-medium-italic';
 /**
  * text.weight.*
  */

package/dist/index.js

@@ -1,8 +1,8 @@
 export { BREAKPOINT } from './generated/breakpoints.js';
-export { AVATAR_SIZE_DEFAULT, BADGE_COLOR_DEFAULT, BADGE_SIZE_DEFAULT, BOX_PADDING_DEFAULT, BOX_RADIUS_DEFAULT, BUTTON_SIZE_DEFAULT, BUTTON_VARIANT_DEFAULT, COLOR_SCHEME_DEFAULT, ICON_SIZE_DEFAULT, LAYOUT_FLEX_DIRECTION_DEFAULT, LAYOUT_GAP_DEFAULT, LAYOUT_PADDING_DEFAULT, LAYOUT_TAG_DEFAULT, PANEL_PADDING_DEFAULT, PREPLY_LOGO_VARIANT_DEFAULT, TEXT_ACCENT_DEFAULT, TEXT_HIGHLIGHT_DEFAULT, TEXT_INLINE_TAG_DEFAULT, TEXT_SIZE_DEFAULT, TEXT_TAG_DEFAULT, TEXT_VARIANT_DEFAULT, TEXT_WEIGHT_DEFAULT, THEME_DEFAULT } from './generated/defaults.js';
-export { action, avatar, background, badge, border, box, button, color, content, heading, icon, input, link, panel, radius, root, scheme, spacing, text, tokens } from './generated/tokens.js';
-export { ACTION_VARIANT_ACTIVE_BORDER_COLOR_OPTIONS, ACTION_VARIANT_DISABLED_BG_COLOR_OPTIONS, ACTION_VARIANT_DISABLED_BORDER_COLOR_OPTIONS, ACTION_VARIANT_DISABLED_COLOR_OPTIONS, ACTION_VARIANT_HOVER_BORDER_COLOR_OPTIONS, ACTION_VARIANT_TEXT_DECORATION_OPTIONS, AVATAR_SIZE_OPTIONS, BADGE_COLOR_OPTIONS, BADGE_SIZE_OPTIONS, BOX_PADDING_OPTIONS, BOX_RADIUS_OPTIONS, BUTTON_FONT_FAMILY_OPTIONS, BUTTON_FONT_SIZE_OPTIONS, BUTTON_FONT_WEIGHT_OPTIONS, BUTTON_HEIGHT_OPTIONS, BUTTON_HORIZONTAL_PADDING_OPTIONS, BUTTON_LINE_HEIGHT_OPTIONS, BUTTON_SIZE_OPTIONS, BUTTON_VARIANT_OPTIONS, BUTTON_VERTICAL_PADDING_OPTIONS, COLOR_BACKGROUND_ACTION_ACTIVE_OPTIONS, COLOR_BACKGROUND_ACTION_HOVER_OPTIONS, COLOR_BACKGROUND_ACTION_REST_OPTIONS, COLOR_BACKGROUND_OPTIONS, COLOR_BLUE_OPTIONS, COLOR_BORDER_ACTION_OPTIONS, COLOR_BORDER_OPTIONS, COLOR_GREY_OPACITY_OPTIONS, COLOR_GREY_OPTIONS, COLOR_ICON_OPTIONS, COLOR_NAME_OPTIONS, COLOR_PINK_OPTIONS, COLOR_RED_OPTIONS, COLOR_SCHEME_OPTIONS, COLOR_TEAL_OPTIONS, COLOR_TEXT_ACTION_OPTIONS, COLOR_TEXT_OPTIONS, COLOR_YELLOW_OPTIONS, HEADING_LEVEL_OPTIONS, HEADING_TAG_OPTIONS, ICON_SIZE_OPTIONS, LAYOUT_ALIGN_ITEMS_OPTIONS, LAYOUT_ALIGN_SELF_OPTIONS, LAYOUT_FLEX_DIRECTION_OPTIONS, LAYOUT_GAP_OPTIONS, LAYOUT_JUSTIFY_CONTENT_OPTIONS, LAYOUT_JUSTIFY_ITEMS_OPTIONS, LAYOUT_PADDING_OPTIONS, LAYOUT_TAG_OPTIONS, LINK_FONT_FAMILY_OPTIONS, LINK_FONT_SIZE_OPTIONS, LINK_FONT_WEIGHT_OPTIONS, LINK_LINE_HEIGHT_OPTIONS, PANEL_PADDING_OPTIONS, PREPLY_LOGO_VARIANT_OPTIONS, RADIUS_OPTIONS, SPACING_OPTIONS, TEXT_ACCENT_OPTIONS, TEXT_HEADING_FONT_FAMILY_OPTIONS, TEXT_HEADING_FONT_SIZE_OPTIONS, TEXT_HEADING_FONT_WEIGHT_OPTIONS, TEXT_HEADING_LING_HEIGHT_OPTIONS, TEXT_HIGHLIGHT_OPTIONS, TEXT_INLINE_TAG_OPTIONS, TEXT_REGULAR_BODY_FONT_FAMILY_OPTIONS, TEXT_REGULAR_BODY_FONT_SIZE_OPTIONS, TEXT_REGULAR_BODY_FONT_WEIGHT_OPTIONS, TEXT_REGULAR_BODY_LINE_HEIGHT_OPTIONS, TEXT_SEMI_BOLD_BODY_FONT_FAMILY_OPTIONS, TEXT_SEMI_BOLD_BODY_FONT_SIZE_OPTIONS, TEXT_SEMI_BOLD_BODY_FONT_WEIGHT_OPTIONS, TEXT_SEMI_BOLD_BODY_LINE_HEIGHT_OPTIONS, TEXT_SIZE_OPTIONS, TEXT_TAG_OPTIONS, TEXT_VARIANT_OPTIONS, TEXT_WEIGHT_OPTIONS, THEME_OPTIONS } from './generated/options.js';
-export { AVATAR_SRC_DEFAULT } from './avatar/constants.js';
+export { AVATAR_SIZE_DEFAULT, BADGE_COLOR_DEFAULT, BADGE_SIZE_DEFAULT, BOX_PADDING_DEFAULT, BOX_RADIUS_DEFAULT, BUTTON_SIZE_DEFAULT, BUTTON_VARIANT_DEFAULT, COLOR_ICON_DEFAULT, COLOR_SCHEME_DEFAULT, ICON_SIZE_DEFAULT, LAYOUT_FLEX_DIRECTION_DEFAULT, LAYOUT_GAP_DEFAULT, LAYOUT_PADDING_DEFAULT, LAYOUT_TAG_DEFAULT, PANEL_PADDING_DEFAULT, PREPLY_LOGO_VARIANT_DEFAULT, SPACING_DEFAULT, SPINNER_SIZE_DEFAULT, TEXT_ACCENT_DEFAULT, TEXT_HIGHLIGHT_DEFAULT, TEXT_INLINE_TAG_DEFAULT, TEXT_SIZE_DEFAULT, TEXT_TAG_DEFAULT, TEXT_VARIANT_DEFAULT, TEXT_WEIGHT_DEFAULT, THEME_DEFAULT } from './generated/defaults.js';
+export { action, avatar, badge, border, box, button, color, content, dsInternalPrimitive, heading, icon, input, link, panel, radius, root, scheme, spacing, spinner, text, tokens } from './generated/tokens.js';
+export { ACTION_VARIANT_ACTIVE_BORDER_COLOR_OPTIONS, ACTION_VARIANT_DISABLED_BG_COLOR_OPTIONS, ACTION_VARIANT_DISABLED_BORDER_COLOR_OPTIONS, ACTION_VARIANT_DISABLED_COLOR_OPTIONS, ACTION_VARIANT_HOVER_BORDER_COLOR_OPTIONS, ACTION_VARIANT_TEXT_DECORATION_OPTIONS, AVATAR_SIZE_OPTIONS, BADGE_ACCENT_OPTIONS, BADGE_COLOR_OPTIONS, BADGE_SIZE_OPTIONS, BOX_PADDING_OPTIONS, BOX_RADIUS_OPTIONS, BUTTON_FONT_FAMILY_OPTIONS, BUTTON_FONT_SIZE_OPTIONS, BUTTON_FONT_WEIGHT_OPTIONS, BUTTON_HEIGHT_OPTIONS, BUTTON_HORIZONTAL_PADDING_OPTIONS, BUTTON_LINE_HEIGHT_OPTIONS, BUTTON_SIZE_OPTIONS, BUTTON_VARIANT_OPTIONS, BUTTON_VERTICAL_PADDING_OPTIONS, COLOR_BACKGROUND_ACTION_ACTIVE_DS_INTERNAL_PRIMITIVE_OPTIONS, COLOR_BACKGROUND_ACTION_HOVER_DS_INTERNAL_PRIMITIVE_OPTIONS, COLOR_BACKGROUND_ACTION_REST_DS_INTERNAL_PRIMITIVE_OPTIONS, COLOR_BACKGROUND_OPTIONS, COLOR_BLUE_DS_INTERNAL_PRIMITIVE_OPTIONS, COLOR_BORDER_ACTION_DS_INTERNAL_PRIMITIVE_OPTIONS, COLOR_BORDER_OPTIONS, COLOR_GREY_DS_INTERNAL_PRIMITIVE_OPTIONS, COLOR_GREY_OPACITY_DS_INTERNAL_PRIMITIVE_OPTIONS, COLOR_ICON_OPTIONS, COLOR_NAME_OPTIONS, COLOR_PINK_DS_INTERNAL_PRIMITIVE_OPTIONS, COLOR_RED_DS_INTERNAL_PRIMITIVE_OPTIONS, COLOR_SCHEME_OPTIONS, COLOR_TEAL_DS_INTERNAL_PRIMITIVE_OPTIONS, COLOR_TEXT_ACTION_DS_INTERNAL_PRIMITIVE_OPTIONS, COLOR_TEXT_OPTIONS, COLOR_YELLOW_DS_INTERNAL_PRIMITIVE_OPTIONS, HEADING_LEVEL_OPTIONS, HEADING_TAG_OPTIONS, ICON_SIZE_OPTIONS, LAYOUT_ALIGN_ITEMS_OPTIONS, LAYOUT_ALIGN_SELF_OPTIONS, LAYOUT_FLEX_DIRECTION_OPTIONS, LAYOUT_GAP_OPTIONS, LAYOUT_JUSTIFY_CONTENT_OPTIONS, LAYOUT_JUSTIFY_ITEMS_OPTIONS, LAYOUT_PADDING_OPTIONS, LAYOUT_TAG_OPTIONS, LINK_FONT_FAMILY_OPTIONS, LINK_FONT_SIZE_OPTIONS, LINK_FONT_WEIGHT_OPTIONS, LINK_LINE_HEIGHT_OPTIONS, PANEL_PADDING_OPTIONS, PREPLY_LOGO_VARIANT_OPTIONS, RADIUS_OPTIONS, SPACING_OPTIONS, SPINNER_SIZE_OPTIONS, TEXT_ACCENT_OPTIONS, TEXT_HEADING_FONT_FAMILY_OPTIONS, TEXT_HEADING_FONT_SIZE_OPTIONS, TEXT_HEADING_FONT_WEIGHT_OPTIONS, TEXT_HEADING_LING_HEIGHT_OPTIONS, TEXT_HIGHLIGHT_OPTIONS, TEXT_INLINE_TAG_OPTIONS, TEXT_REGULAR_BODY_FONT_FAMILY_OPTIONS, TEXT_REGULAR_BODY_FONT_SIZE_OPTIONS, TEXT_REGULAR_BODY_FONT_WEIGHT_OPTIONS, TEXT_REGULAR_BODY_LINE_HEIGHT_OPTIONS, TEXT_SEMI_BOLD_BODY_FONT_FAMILY_OPTIONS, TEXT_SEMI_BOLD_BODY_FONT_SIZE_OPTIONS, TEXT_SEMI_BOLD_BODY_FONT_WEIGHT_OPTIONS, TEXT_SEMI_BOLD_BODY_LINE_HEIGHT_OPTIONS, TEXT_SIZE_OPTIONS, TEXT_TAG_OPTIONS, TEXT_VARIANT_OPTIONS, TEXT_WEIGHT_OPTIONS, THEME_OPTIONS } from './generated/options.js';
+export { AVATAR_SRC_DEFAULT, AVATAR_SRC_DEFAULT_TOKYO_UI } from './avatar/constants.js';
 export { colorSchemeConfig } from './color-scheme/config.js';
 export { makeTinyId } from './id/utils/generators.js';
 export { LAYOUT_DISPLAY_DEFAULT } from './layout/constants.js';

package/dist/layout/types.d.ts

@@ -1,11 +1,11 @@
 import { Dataset } from '../dataset';
-import type { LayoutAlignItems, LayoutFlexDirection, LayoutGap, LayoutJustifyContent, LayoutJustifyItems, LayoutPadding, LayoutTag } from '../generated/types';
+import type { LayoutAlignItems, LayoutFlexDirection, LayoutGap, LayoutJustifyContent, LayoutJustifyItems, LayoutPadding, LayoutTag, Spacing } from '../generated/types';
 import { ShortHand } from '../props';
 import { Responsive } from '../responsive';
 export declare type LayoutType = 'flex' | 'grid';
 export declare type LayoutFlexProps = {
-    gap?: Responsive<LayoutGap>;
-    padding?: Responsive<ShortHand<LayoutPadding>>;
+    gap?: Responsive<LayoutGap> | Responsive<Spacing>;
+    padding?: Responsive<ShortHand<LayoutPadding> | ShortHand<Spacing>>;
     nowrap?: boolean;
     column?: boolean;
     reverse?: boolean;
@@ -19,8 +19,8 @@ export declare type LayoutFlexProps = {
     dataset?: Dataset;
 };
 export declare type LayoutGridProps = {
-    gap?: Responsive<LayoutGap>;
-    padding?: Responsive<ShortHand<LayoutPadding>>;
+    gap?: Responsive<LayoutGap> | Responsive<Spacing>;
+    padding?: Responsive<ShortHand<LayoutPadding> | ShortHand<Spacing>>;
     columns?: Responsive<number | string[]>;
     justifyContent?: Responsive<LayoutJustifyContent>;
     alignItems?: Responsive<LayoutAlignItems>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@preply/ds-core",
-    "version": "0.63.0",
+    "version": "0.64.0",
     "publishConfig": {
         "access": "public"
     },
@@ -19,10 +19,10 @@
         "dev": "run build:rollup -w"
     },
     "dependencies": {
-        "@preply/ds-core-types": "0.63.0"
+        "@preply/ds-core-types": "0.64.0"
     },
     "peerDependencies": {
-        "@preply/ds-core-types": "0.63.0"
+        "@preply/ds-core-types": "0.64.0"
     },
-    "gitHead": "3b0d134c2e84b6828798d26fdba14945ca3f6556"
+    "gitHead": "a50ce845596e49d1b8034554709dde5121960e9f"
 }