Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 6 additions & 6 deletions package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

4 changes: 2 additions & 2 deletions package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@juspay/rescript-blend",
"version": "0.0.38-beta.0",
"version": "0.0.38-beta.1",
"description": "ReScript bindings for @juspay/blend-design-system",
"scripts": {
"build": "rescript",
Expand Down Expand Up @@ -42,7 +42,7 @@
"provenance": true
},
"dependencies": {
"@juspay/blend-design-system": "0.0.38-beta.0"
"@juspay/blend-design-system": "0.0.38-beta.1"
},
"peerDependencies": {
"@rescript/react": ">=0.12.0",
Expand Down
25 changes: 4 additions & 21 deletions src/AccordionTypes.res
Original file line number Diff line number Diff line change
Expand Up @@ -8,30 +8,13 @@ type accordionAccordionTokenTypeGapConfig = {
border: string,
noBorder: string,
}
type accordionAccordionTokenTypeTriggerBackgroundColorBorderConfig = {
disabled: string,
active: string,
default: string,
hover: string,
@as("open") open_: string,
}
type accordionAccordionTokenTypeTriggerBackgroundColorConfig = {
border: accordionAccordionTokenTypeTriggerBackgroundColorBorderConfig,
noBorder: accordionAccordionTokenTypeTriggerBackgroundColorBorderConfig,
}
type accordionAccordionTokenTypeTriggerTextTitleConfig = {
fontSize: string,
fontWeight: string,
color: accordionAccordionTokenTypeTriggerBackgroundColorBorderConfig,
}
type accordionAccordionTokenTypeTriggerTextSubtextConfig = {
fontSize: string,
gap: string,
color: accordionAccordionTokenTypeTriggerBackgroundColorBorderConfig,
border: string, // ⚪ loose — was `{ disabled: BackgroundColor; active: BackgroundColor; default: BackgroundColor; hover: BackgroundColor; open: `
noBorder: string, // ⚪ loose — was `{ disabled: BackgroundColor; active: BackgroundColor; default: BackgroundColor; hover: BackgroundColor; open: `
}
type accordionAccordionTokenTypeTriggerTextConfig = {
title: accordionAccordionTokenTypeTriggerTextTitleConfig,
subtext: accordionAccordionTokenTypeTriggerTextSubtextConfig,
title: string, // ⚪ loose — was `{ fontSize: FontSize<number | (string & {})>; fontWeight: FontWeight; color: { disabled: Color; active: Color;`
subtext: string, // ⚪ loose — was `{ fontSize: FontSize<number | (string & {})>; gap: Gap<number | (string & {})>; color: { disabled: Color; acti`
}
type accordionAccordionTokenTypeTriggerSlotConfig = {
maxWidth: string,
Expand Down
25 changes: 6 additions & 19 deletions src/AccordionV2Types.res
Original file line number Diff line number Diff line change
Expand Up @@ -11,34 +11,21 @@ type accordionV2AccordionV2TokensTypeGapConfig = {
type accordionV2AccordionV2TokensTypeTriggerContentConfig = {
gap: string,
}
type accordionV2AccordionV2TokensTypeTriggerBackgroundColorBorderConfig = {
type accordionV2AccordionV2TokensTypeChevronColorConfig = {
disabled: string,
active: string,
default: string,
hover: string,
@as("open") open_: string,
}
type accordionV2AccordionV2TokensTypeTriggerBackgroundColorConfig = {
border: accordionV2AccordionV2TokensTypeTriggerBackgroundColorBorderConfig,
noBorder: accordionV2AccordionV2TokensTypeTriggerBackgroundColorBorderConfig,
}
type accordionV2AccordionV2TokensTypeTriggerTextTitleConfig = {
fontSize: string,
fontWeight: string,
lineHeight: string,
color: accordionV2AccordionV2TokensTypeTriggerBackgroundColorBorderConfig,
}
type accordionV2AccordionV2TokensTypeTriggerTextSubtextConfig = {
fontSize: string,
fontWeight: string,
lineHeight: string,
gap: string,
color: accordionV2AccordionV2TokensTypeTriggerBackgroundColorBorderConfig,
border: accordionV2AccordionV2TokensTypeChevronColorConfig,
noBorder: accordionV2AccordionV2TokensTypeChevronColorConfig,
}
type accordionV2AccordionV2TokensTypeTriggerTextConfig = {
gap: string,
title: accordionV2AccordionV2TokensTypeTriggerTextTitleConfig,
subtext: accordionV2AccordionV2TokensTypeTriggerTextSubtextConfig,
title: string, // ⚪ loose — was `{ fontSize: FontSize<number | (string & {})>; fontWeight: FontWeight; lineHeight: LineHeight<number | (string `
subtext: string, // ⚪ loose — was `{ fontSize: FontSize<number | (string & {})>; fontWeight: FontWeight; lineHeight: LineHeight<number | (string `
}
type accordionV2AccordionV2TokensTypeTriggerSlotConfig = {
height: string,
Expand All @@ -56,7 +43,7 @@ type accordionV2AccordionV2TokensTypeSeparatorConfig = {
}
type accordionV2AccordionV2TokensTypeChevronConfig = {
height: string,
color: accordionV2AccordionV2TokensTypeTriggerBackgroundColorBorderConfig,
color: accordionV2AccordionV2TokensTypeChevronColorConfig,
}
type accordionV2TokensType = {
gap: accordionV2AccordionV2TokensTypeGapConfig,
Expand Down
11 changes: 1 addition & 10 deletions src/AlertTypes.res
Original file line number Diff line number Diff line change
Expand Up @@ -25,17 +25,8 @@ type alertAlertTokenTypeBackgroundConfig = {
orange: alertAlertTokenTypeBackgroundPrimaryConfig,
neutral: alertAlertTokenTypeBackgroundPrimaryConfig,
}
type alertAlertTokenTypeTextHeadingColorConfig = {
primary: string,
success: string,
warning: string,
error: string,
purple: string,
orange: string,
neutral: string,
}
type alertAlertTokenTypeTextHeadingConfig = {
color: alertAlertTokenTypeTextHeadingColorConfig,
color: string, // ⚪ loose — was `{ primary: Color; success: Color; warning: Color; error: Color; purple: Color; orange: Color; neutral: Color; `
fontWeight: string,
fontSize: string,
lineHeight: string,
Expand Down
33 changes: 4 additions & 29 deletions src/AlertV2Types.res
Original file line number Diff line number Diff line change
Expand Up @@ -38,38 +38,13 @@ type alertV2AlertV2TokensTypeGapConfig = {
type alertV2AlertV2TokensTypeSlotConfig = {
maxHeight: string,
}
type alertV2AlertV2TokensTypeMainContainerContentTextContainerHeadingConfig = {
color: string, // ⚪ loose — was `{ primary: Color; success: Color; warning: Color; error: Color; purple: Color; orange: Color; neutral: Color; `
fontWeight: string,
fontSize: string,
lineHeight: string,
}
type alertV2AlertV2TokensTypeMainContainerContentTextContainerConfig = {
gap: string,
heading: alertV2AlertV2TokensTypeMainContainerContentTextContainerHeadingConfig,
description: alertV2AlertV2TokensTypeMainContainerContentTextContainerHeadingConfig,
}
type alertV2AlertV2TokensTypeMainContainerContentActionContainerConfig = {
gap: string,
primaryAction: alertV2AlertV2TokensTypeMainContainerContentTextContainerHeadingConfig,
secondaryAction: alertV2AlertV2TokensTypeMainContainerContentTextContainerHeadingConfig,
}
type alertV2AlertV2TokensTypeMainContainerContentConfig = {
gap: alertV2AlertV2TokensTypeGapConfig,
textContainer: alertV2AlertV2TokensTypeMainContainerContentTextContainerConfig,
actionContainer: alertV2AlertV2TokensTypeMainContainerContentActionContainerConfig,
}
type alertV2AlertV2TokensTypeMainContainerCloseButtonColorConfig = {
primary: string,
success: string,
warning: string,
error: string,
purple: string,
orange: string,
neutral: string,
gap: string, // ⚪ loose — was `{ bottom: Gap<number | (string & {})>; right: Gap<number | (string & {})>; }`
textContainer: string, // ⚪ loose — was `{ gap: Gap<number | (string & {})>; heading: { color: { primary: Color; success: Color; warning: Color; error:`
actionContainer: string, // ⚪ loose — was `{ gap: Gap<number | (string & {})>; primaryAction: { color: { primary: Color; success: Color; warning: Color; `
}
type alertV2AlertV2TokensTypeMainContainerCloseButtonConfig = {
color: alertV2AlertV2TokensTypeMainContainerCloseButtonColorConfig,
color: string, // ⚪ loose — was `{ primary: Color; success: Color; warning: Color; error: Color; purple: Color; orange: Color; neutral: Color; `
height: string,
width: string,
}
Expand Down
17 changes: 6 additions & 11 deletions src/AvatarGroupTypes.res
Original file line number Diff line number Diff line change
Expand Up @@ -30,17 +30,12 @@ type avatarGroupAvatarGroupTokensTypeOverflowCounterBackgroundConfig = {
type avatarGroupAvatarGroupTokensTypeOverflowCounterTextConfig = {
color: string,
}
type avatarGroupAvatarGroupTokensTypeOverflowCounterSizeSmConfig = {
width: string,
height: string,
fontSize: string,
}
type avatarGroupAvatarGroupTokensTypeOverflowCounterSizeConfig = {
sm: avatarGroupAvatarGroupTokensTypeOverflowCounterSizeSmConfig,
regular: avatarGroupAvatarGroupTokensTypeOverflowCounterSizeSmConfig,
md: avatarGroupAvatarGroupTokensTypeOverflowCounterSizeSmConfig,
lg: avatarGroupAvatarGroupTokensTypeOverflowCounterSizeSmConfig,
xl: avatarGroupAvatarGroupTokensTypeOverflowCounterSizeSmConfig,
sm: string, // ⚪ loose — was `{ width: Width<number | (string & {})>; height: Height<number | (string & {})>; fontSize: FontSize<number | (s`
regular: string, // ⚪ loose — was `{ width: Width<number | (string & {})>; height: Height<number | (string & {})>; fontSize: FontSize<number | (s`
md: string, // ⚪ loose — was `{ width: Width<number | (string & {})>; height: Height<number | (string & {})>; fontSize: FontSize<number | (s`
lg: string, // ⚪ loose — was `{ width: Width<number | (string & {})>; height: Height<number | (string & {})>; fontSize: FontSize<number | (s`
xl: string, // ⚪ loose — was `{ width: Width<number | (string & {})>; height: Height<number | (string & {})>; fontSize: FontSize<number | (s`
}
type avatarGroupAvatarGroupTokensTypeOverflowCounterBorderRadiusConfig = {
circular: string,
Expand Down Expand Up @@ -75,10 +70,10 @@ type avatarData = {
src?: string,
online?: bool,
shape?: AvatarTypes.avatarShape,
skeleton?: AvatarTypes.avatarSkeletonConfig,
onlinePosition?: AvatarTypes.avatarOnlinePosition,
leadingSlot?: React.element,
trailingSlot?: React.element,
skeleton?: AvatarTypes.avatarSkeletonConfig,
}
type avatarGroupSkeletonConfig = {
show: bool,
Expand Down
43 changes: 12 additions & 31 deletions src/AvatarTypes.res
Original file line number Diff line number Diff line change
Expand Up @@ -10,24 +10,20 @@ type avatarShape =
type avatarOnlinePosition =
| @as("top") Top
| @as("bottom") Bottom
type avatarAvatarTokensTypeContainerSizeSmConfig = {
width: string,
height: string,
}
type avatarAvatarTokensTypeContainerSizeConfig = {
sm: avatarAvatarTokensTypeContainerSizeSmConfig,
regular: avatarAvatarTokensTypeContainerSizeSmConfig,
md: avatarAvatarTokensTypeContainerSizeSmConfig,
lg: avatarAvatarTokensTypeContainerSizeSmConfig,
xl: avatarAvatarTokensTypeContainerSizeSmConfig,
sm: string, // ⚪ loose — was `{ width: Width<number | (string & {})>; height: Height<number | (string & {})>; }`
regular: string, // ⚪ loose — was `{ width: Width<number | (string & {})>; height: Height<number | (string & {})>; }`
md: string, // ⚪ loose — was `{ width: Width<number | (string & {})>; height: Height<number | (string & {})>; }`
lg: string, // ⚪ loose — was `{ width: Width<number | (string & {})>; height: Height<number | (string & {})>; }`
xl: string, // ⚪ loose — was `{ width: Width<number | (string & {})>; height: Height<number | (string & {})>; }`
}
type avatarAvatarTokensTypeContainerBackgroundColorWithImageConfig = {
type avatarAvatarTokensTypeTextColorConfig = {
default: string,
online: string,
}
type avatarAvatarTokensTypeContainerBackgroundColorConfig = {
withImage: avatarAvatarTokensTypeContainerBackgroundColorWithImageConfig,
withoutImage: avatarAvatarTokensTypeContainerBackgroundColorWithImageConfig,
withImage: avatarAvatarTokensTypeTextColorConfig,
withoutImage: avatarAvatarTokensTypeTextColorConfig,
}
type avatarAvatarTokensTypeContainerBorderRadiusConfig = {
circular: string,
Expand All @@ -47,35 +43,20 @@ type avatarAvatarTokensTypeTextFontSizeConfig = {
xl: string,
}
type avatarAvatarTokensTypeTextConfig = {
color: avatarAvatarTokensTypeContainerBackgroundColorWithImageConfig,
color: avatarAvatarTokensTypeTextColorConfig,
fontSize: avatarAvatarTokensTypeTextFontSizeConfig,
fontWeight: avatarAvatarTokensTypeTextFontSizeConfig,
}
type avatarAvatarTokensTypeIndicatorBorderSmDefaultConfig = {
color: string,
width: string,
}
type avatarAvatarTokensTypeIndicatorBorderSmConfig = {
default: avatarAvatarTokensTypeIndicatorBorderSmDefaultConfig,
online: avatarAvatarTokensTypeIndicatorBorderSmDefaultConfig,
}
type avatarAvatarTokensTypeIndicatorBorderConfig = {
sm: avatarAvatarTokensTypeIndicatorBorderSmConfig,
regular: avatarAvatarTokensTypeIndicatorBorderSmConfig,
md: avatarAvatarTokensTypeIndicatorBorderSmConfig,
lg: avatarAvatarTokensTypeIndicatorBorderSmConfig,
xl: avatarAvatarTokensTypeIndicatorBorderSmConfig,
}
type avatarAvatarTokensTypeIndicatorConfig = {
backgroundColor: avatarAvatarTokensTypeContainerBackgroundColorWithImageConfig,
border: avatarAvatarTokensTypeIndicatorBorderConfig,
backgroundColor: avatarAvatarTokensTypeTextColorConfig,
border: avatarAvatarTokensTypeContainerSizeConfig,
size: avatarAvatarTokensTypeContainerSizeConfig,
borderRadius: string,
boxShadow: string,
}
type avatarAvatarTokensTypeSlotConfig = {
spacing: string,
color: avatarAvatarTokensTypeContainerBackgroundColorWithImageConfig,
color: avatarAvatarTokensTypeTextColorConfig,
}
type avatarTokensType = {
gap: string,
Expand Down
48 changes: 15 additions & 33 deletions src/AvatarV2Types.res
Original file line number Diff line number Diff line change
Expand Up @@ -37,43 +37,19 @@ type avatarV2AvatarV2TokensTypeContainerImageConfig = {
}
type avatarV2AvatarV2TokensTypeContainerFallbackTextConfig = {
border: string,
fontSize: avatarV2AvatarV2TokensTypeContainerWidthConfig,
fontWeight: avatarV2AvatarV2TokensTypeContainerWidthConfig,
lineHeight: avatarV2AvatarV2TokensTypeContainerWidthConfig,
fontSize: string, // ⚪ loose — was `{ sm: FontSize<number | (string & {})>; regular: FontSize<number | (string & {})>; md: FontSize<number | (stri`
fontWeight: string, // ⚪ loose — was `{ sm: FontWeight; regular: FontWeight; md: FontWeight; lg: FontWeight; xl: FontWeight; }`
lineHeight: string, // ⚪ loose — was `{ sm: LineHeight<number | (string & {})>; regular: LineHeight<number | (string & {})>; md: LineHeight<number |`
color: string,
}
type avatarV2AvatarV2TokensTypeContainerStatusBackgroundColorConfig = {
none: string,
online: string,
offline: string,
away: string,
busy: string,
}
type avatarV2GetStatusPositionStylesConfig = {
top?: string,
right?: string,
bottom?: string,
left?: string,
}
type avatarV2AvatarV2TokensTypeContainerStatusPositionCircularConfig = {
sm: avatarV2GetStatusPositionStylesConfig,
regular: avatarV2GetStatusPositionStylesConfig,
md: avatarV2GetStatusPositionStylesConfig,
lg: avatarV2GetStatusPositionStylesConfig,
xl: avatarV2GetStatusPositionStylesConfig,
}
type avatarV2AvatarV2TokensTypeContainerStatusPositionConfig = {
circular: avatarV2AvatarV2TokensTypeContainerStatusPositionCircularConfig,
rounded: avatarV2AvatarV2TokensTypeContainerStatusPositionCircularConfig,
}
type avatarV2AvatarV2TokensTypeContainerStatusConfig = {
width: avatarV2AvatarV2TokensTypeContainerWidthConfig,
height: avatarV2AvatarV2TokensTypeContainerWidthConfig,
border: avatarV2AvatarV2TokensTypeContainerWidthConfig,
width: string, // ⚪ loose — was `{ sm: Width<number | (string & {})>; regular: Width<number | (string & {})>; md: Width<number | (string & {})>`
height: string, // ⚪ loose — was `{ sm: Height<number | (string & {})>; regular: Height<number | (string & {})>; md: Height<number | (string & {`
border: string, // ⚪ loose — was `{ sm: Border<number | (string & {})>; regular: Border<number | (string & {})>; md: Border<number | (string & {`
borderRadius: string,
backgroundColor: avatarV2AvatarV2TokensTypeContainerStatusBackgroundColorConfig,
backgroundColor: string, // ⚪ loose — was `{ none: BackgroundColor; online: BackgroundColor; offline: BackgroundColor; away: BackgroundColor; busy: Backg`
boxShadow: string,
position: avatarV2AvatarV2TokensTypeContainerStatusPositionConfig,
position: string, // ⚪ loose — was `{ circular: { sm: { top?: Top<number | (string & {})>; right?: Right<number | (string & {})>; bottom?: Bottom<`
}
type avatarV2AvatarV2TokensTypeContainerConfig = {
backgroundColor: string,
Expand Down Expand Up @@ -109,6 +85,12 @@ type avatarV2Dimensions = {
width?: string,
height?: string,
}
type avatarV2GetStatusPositionStylesConfig = {
top?: string,
right?: string,
bottom?: string,
left?: string,
}
type avatarV2DEFAULTPOSITIONConfig = {
top: string,
right: string,
Expand All @@ -123,9 +105,9 @@ type avatarV2AvatarPropsConfig = {
backgroundColor?: string,
leftSlot?: React.element,
rightSlot?: React.element,
status?: avatarV2StatusConfig,
shape?: avatarV2Shape,
skeleton?: avatarV2SkeletonConfig,
status?: avatarV2StatusConfig,
onImageError?: JsError.t => unit,
onImageLoad?: unit => unit,
}
Loading