@preply/ds-core 0.60.0 → 0.61.0

package/dist/generated/types.d.ts

@@ -1,6 +1,30 @@
 /**
- * AUTO GENERATED @Mon Jul 24 2023 12:25:14 GMT+0000 (Coordinated Universal Time)
+ * AUTO GENERATED @Thu Aug 10 2023 15:10:52 GMT+0000 (Coordinated Universal Time)
  */
+/**
+ * action.variant.*.active.borderColor
+ */
+export declare type ActionVariantActiveBorderColor = 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'plain' | 'dangerous' | 'critical';
+/**
+ * action.variant.*.disabled.bgColor
+ */
+export declare type ActionVariantDisabledBgColor = 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'plain' | 'dangerous' | 'critical';
+/**
+ * action.variant.*.disabled.borderColor
+ */
+export declare type ActionVariantDisabledBorderColor = 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'plain' | 'dangerous' | 'critical';
+/**
+ * action.variant.*.disabled.color
+ */
+export declare type ActionVariantDisabledColor = 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'plain' | 'dangerous' | 'critical';
+/**
+ * action.variant.*.hover.borderColor
+ */
+export declare type ActionVariantHoverBorderColor = 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'plain' | 'dangerous' | 'critical';
+/**
+ * action.variant.*.textDecoration
+ */
+export declare type ActionVariantTextDecoration = 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'plain' | 'dangerous' | 'critical';
 /**
  * avatar.size.*
  */
@@ -25,6 +49,30 @@ export declare type BoxRadius = 'none' | 'm' | 'l';
  * responsive.breakpoints.*
  */
 export declare type Breakpoint = 'narrow-l' | 'medium-s' | 'medium-l' | 'wide-s' | 'wide-l';
+/**
+ * button.*.fontFamily
+ */
+export declare type ButtonFontFamily = 'large' | 'default' | 'medium' | 'small';
+/**
+ * button.*.fontSize
+ */
+export declare type ButtonFontSize = 'large' | 'medium' | 'default' | 'small';
+/**
+ * button.*.fontWeight
+ */
+export declare type ButtonFontWeight = 'large' | 'medium' | 'default' | 'small';
+/**
+ * button.*.height
+ */
+export declare type ButtonHeight = 'large' | 'medium' | 'small';
+/**
+ * button.*.horizontalPadding
+ */
+export declare type ButtonHorizontalPadding = 'large' | 'medium' | 'small';
+/**
+ * button.*.lineHeight
+ */
+export declare type ButtonLineHeight = 'large' | 'medium' | 'default' | 'small';
 /**
  * action.size.*
  */
@@ -32,15 +80,83 @@ export declare type ButtonSize = 'xs' | 's' | 'm' | 'l' | 'xl';
 /**
  * action.variant.*
  */
-export declare type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'plain' | 'dangerous';
+export declare type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'plain' | 'dangerous' | 'critical';
+/**
+ * button.*.verticalPadding
+ */
+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';
+/**
+ * color.background.*.action.active
+ */
+export declare type ColorBackgroundActionActive = 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'critical';
+/**
+ * color.background.*.action.hover
+ */
+export declare type ColorBackgroundActionHover = 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'critical';
+/**
+ * color.background.*.action.rest
+ */
+export declare type ColorBackgroundActionRest = 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'critical';
+/**
+ * color.blue.*
+ */
+export declare type ColorBlue = '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800';
+/**
+ * color.border.*
+ */
+export declare type ColorBorder = 'primary' | 'secondary' | 'focus' | 'critical' | 'tertiary';
+/**
+ * color.border.*.action
+ */
+export declare type ColorBorderAction = 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'critical' | 'disabled';
+/**
+ * color.grey.*
+ */
+export declare type ColorGrey = '0' | '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900' | '900-56';
+/**
+ * color.grey.*.*
+ */
+export declare type ColorGreyOpacity = '900-56';
+/**
+ * color.icon.*
+ */
+export declare type ColorIcon = 'primary' | 'secondary' | 'tertiary' | 'positive' | 'info' | 'warning' | 'critical' | 'accent';
 /**
  * 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.*
+ */
+export declare type ColorPink = '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800';
+/**
+ * color.red.*
+ */
+export declare type ColorRed = '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800';
 /**
  * core.colorScheme.*
  */
 export declare type ColorSchemeName = 'base' | 'banner' | 'invert';
+/**
+ * color.teal.*
+ */
+export declare type ColorTeal = '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800';
+/**
+ * color.text.*
+ */
+export declare type ColorText = 'primary' | 'secondary' | 'tertiary' | 'positive' | 'info' | 'warning' | 'critical' | 'accent';
+/**
+ * color.text.*.action
+ */
+export declare type ColorTextAction = 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'critical' | 'disabled';
+/**
+ * color.yellow.*
+ */
+export declare type ColorYellow = '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800';
 /**
  * heading.level.*
  */
@@ -85,6 +201,22 @@ export declare type LayoutPadding = 'none' | '3xs' | '2xs' | 'xs' | 's' | 'm' |
  * layout.tag.*
  */
 export declare type LayoutTag = 'div' | 'main' | 'header' | 'footer' | 'article' | 'section' | 'ul' | 'ol' | 'li' | 'p' | 'span' | 'fieldset' | 'table' | 'th' | 'tr' | 'td' | 'thead' | 'tfoot' | 'tbody' | 'caption' | 'figure' | 'figcaption';
+/**
+ * link.*.fontFamily
+ */
+export declare type LinkFontFamily = 'large' | 'default' | 'small';
+/**
+ * link.*.fontSize
+ */
+export declare type LinkFontSize = 'large' | 'default' | 'small';
+/**
+ * link.*.fontWeight
+ */
+export declare type LinkFontWeight = 'large' | 'default' | 'small';
+/**
+ * link.*.lineHeight
+ */
+export declare type LinkLineHeight = 'large' | 'default' | 'small';
 /**
  * panel.padding.*.padding
  */
@@ -93,10 +225,34 @@ export declare type PanelPadding = 'small' | 'base' | 'medium' | 'large';
  * preplyLogo.variant.*
  */
 export declare type PreplyLogoVariant = 'default' | 'monochrome' | 'ua';
+/**
+ * radius.*
+ */
+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';
 /**
  * text.accent.*
  */
 export declare type TextAccent = 'primary' | 'secondary' | 'branded' | 'positive' | 'error' | 'tertiary' | 'selected' | 'warning' | 'info' | 'accent' | 'disabled';
+/**
+ * text.heading.*.fontFamily
+ */
+export declare type TextHeadingFontFamily = 'huge' | 'extraLarge' | 'large' | 'medium' | 'small';
+/**
+ * text.heading.*.fontSize
+ */
+export declare type TextHeadingFontSize = 'huge' | 'extraLarge' | 'large' | 'medium' | 'small';
+/**
+ * text.heading.*.fontWeight
+ */
+export declare type TextHeadingFontWeight = 'huge' | 'extraLarge' | 'large' | 'medium' | 'small';
+/**
+ * text.heading.*.lineHeight
+ */
+export declare type TextHeadingLingHeight = 'huge' | 'extraLarge' | 'large' | 'medium' | 'small';
 /**
  * text.highlight.*
  */
@@ -105,6 +261,38 @@ export declare type TextHighlight = 'blue' | 'green';
  * text.inline.tag.*
  */
 export declare type TextInlineTag = 'span' | 'strong' | 'em';
+/**
+ * text.*.regular.body.fontFamily
+ */
+export declare type TextRegularBodyFontFamily = 'large' | 'default' | 'small' | 'caption';
+/**
+ * text.*.regular.body.fontSize
+ */
+export declare type TextRegularBodyFontSize = 'large' | 'default' | 'small' | 'caption';
+/**
+ * text.*.regular.body.fontWeight
+ */
+export declare type TextRegularBodyFontWeight = 'large' | 'default' | 'small' | 'caption';
+/**
+ * text.*.regular.body.lineHeight
+ */
+export declare type TextRegularBodyLineHeight = 'large' | 'default' | 'small' | 'caption';
+/**
+ * text.*.semiBold.body.fontFamily
+ */
+export declare type TextSemiBoldBodyFontFamily = 'large' | 'default' | 'small' | 'caption';
+/**
+ * text.*.semiBold.body.fontSize
+ */
+export declare type TextSemiBoldBodyFontSize = 'large' | 'default' | 'small' | 'caption';
+/**
+ * text.*.semiBold.body.fontWeight
+ */
+export declare type TextSemiBoldBodyFontWeight = 'large' | 'default' | 'small' | 'caption';
+/**
+ * text.*.semiBold.body.lineHeight
+ */
+export declare type TextSemiBoldBodyLineHeight = 'large' | 'default' | 'small' | 'caption';
 /**
  * text.size.*
  */

package/dist/index.js

@@ -1,7 +1,7 @@
 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, content, heading, icon, input, panel, root, scheme, text, tokens } from './generated/tokens.js';
-export { AVATAR_SIZE_OPTIONS, BADGE_COLOR_OPTIONS, BADGE_SIZE_OPTIONS, BOX_PADDING_OPTIONS, BOX_RADIUS_OPTIONS, BUTTON_SIZE_OPTIONS, BUTTON_VARIANT_OPTIONS, COLOR_NAME_OPTIONS, COLOR_SCHEME_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, PANEL_PADDING_OPTIONS, PREPLY_LOGO_VARIANT_OPTIONS, TEXT_ACCENT_OPTIONS, TEXT_HIGHLIGHT_OPTIONS, TEXT_INLINE_TAG_OPTIONS, TEXT_SIZE_OPTIONS, TEXT_TAG_OPTIONS, TEXT_VARIANT_OPTIONS, TEXT_WEIGHT_OPTIONS, THEME_OPTIONS } from './generated/options.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 { colorSchemeConfig } from './color-scheme/config.js';
 export { makeTinyId } from './id/utils/generators.js';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@preply/ds-core",
-    "version": "0.60.0",
+    "version": "0.61.0",
     "publishConfig": {
         "access": "public"
     },
@@ -19,10 +19,10 @@
         "dev": "run build:rollup -w"
     },
     "dependencies": {
-        "@preply/ds-core-types": "0.60.0"
+        "@preply/ds-core-types": "0.61.0"
     },
     "peerDependencies": {
-        "@preply/ds-core-types": "0.60.0"
+        "@preply/ds-core-types": "0.61.0"
     },
-    "gitHead": "944b9eb386d5b0e2f1d5b8c7e370f2dc16c1b9b1"
+    "gitHead": "f5170617651877026c957063f7b2a17e8531d11c"
 }