@revolut/ui-kit-miniapp 0.2.0 → 0.2.1
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/package.json +1 -1
- package/types/index.d.ts +32 -25
package/package.json
CHANGED
package/types/index.d.ts
CHANGED
|
@@ -109,6 +109,9 @@ declare const DEFAULT_MESSAGES: {
|
|
|
109
109
|
readonly 'label.navigate-menu-item': "Navigate to menu item";
|
|
110
110
|
readonly 'label.global-search-navigate': "Navigate";
|
|
111
111
|
readonly 'label.global-search-select': "Go";
|
|
112
|
+
readonly 'label.card-locked': "Locked";
|
|
113
|
+
readonly 'label.card-pending': "Pending";
|
|
114
|
+
readonly 'label.card-terminated': "Terminated";
|
|
112
115
|
};
|
|
113
116
|
type IntlMessages = Record<keyof typeof DEFAULT_MESSAGES, string>;
|
|
114
117
|
|
|
@@ -1598,13 +1601,13 @@ interface SpaceProps {
|
|
|
1598
1601
|
}
|
|
1599
1602
|
|
|
1600
1603
|
declare const sprinkles: ((props: {
|
|
1601
|
-
display?: "
|
|
1602
|
-
all?: "
|
|
1603
|
-
sm?: "
|
|
1604
|
-
md?: "
|
|
1605
|
-
lg?: "
|
|
1606
|
-
xl?: "
|
|
1607
|
-
xxl?: "
|
|
1604
|
+
display?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
|
|
1605
|
+
all?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
1606
|
+
sm?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
1607
|
+
md?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
1608
|
+
lg?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
1609
|
+
xl?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
1610
|
+
xxl?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
1608
1611
|
} | undefined;
|
|
1609
1612
|
flexDirection?: "column" | "column-reverse" | "row" | "row-reverse" | {
|
|
1610
1613
|
all?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
|
|
@@ -1638,21 +1641,21 @@ declare const sprinkles: ((props: {
|
|
|
1638
1641
|
xl?: "center" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | undefined;
|
|
1639
1642
|
xxl?: "center" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | undefined;
|
|
1640
1643
|
} | undefined;
|
|
1641
|
-
alignSelf?: "
|
|
1642
|
-
all?: "
|
|
1643
|
-
sm?: "
|
|
1644
|
-
md?: "
|
|
1645
|
-
lg?: "
|
|
1646
|
-
xl?: "
|
|
1647
|
-
xxl?: "
|
|
1644
|
+
alignSelf?: "auto" | "center" | "stretch" | "flex-end" | "flex-start" | "baseline" | {
|
|
1645
|
+
all?: "auto" | "center" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
|
|
1646
|
+
sm?: "auto" | "center" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
|
|
1647
|
+
md?: "auto" | "center" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
|
|
1648
|
+
lg?: "auto" | "center" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
|
|
1649
|
+
xl?: "auto" | "center" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
|
|
1650
|
+
xxl?: "auto" | "center" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
|
|
1648
1651
|
} | undefined;
|
|
1649
|
-
overflow?: "
|
|
1650
|
-
all?: "
|
|
1651
|
-
sm?: "
|
|
1652
|
-
md?: "
|
|
1653
|
-
lg?: "
|
|
1654
|
-
xl?: "
|
|
1655
|
-
xxl?: "
|
|
1652
|
+
overflow?: "auto" | "hidden" | "visible" | "scroll" | {
|
|
1653
|
+
all?: "auto" | "hidden" | "visible" | "scroll" | undefined;
|
|
1654
|
+
sm?: "auto" | "hidden" | "visible" | "scroll" | undefined;
|
|
1655
|
+
md?: "auto" | "hidden" | "visible" | "scroll" | undefined;
|
|
1656
|
+
lg?: "auto" | "hidden" | "visible" | "scroll" | undefined;
|
|
1657
|
+
xl?: "auto" | "hidden" | "visible" | "scroll" | undefined;
|
|
1658
|
+
xxl?: "auto" | "hidden" | "visible" | "scroll" | undefined;
|
|
1656
1659
|
} | undefined;
|
|
1657
1660
|
position?: "static" | "fixed" | "absolute" | "relative" | "sticky" | {
|
|
1658
1661
|
all?: "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
|
|
@@ -1671,7 +1674,7 @@ declare const sprinkles: ((props: {
|
|
|
1671
1674
|
xxl?: "center" | "start" | "right" | "left" | "end" | undefined;
|
|
1672
1675
|
} | undefined;
|
|
1673
1676
|
}) => string) & {
|
|
1674
|
-
properties: Set<"display" | "overflow" | "textAlign" | "alignItems" | "justifyContent" | "flexWrap" | "flexDirection" | "alignSelf"
|
|
1677
|
+
properties: Set<"position" | "display" | "overflow" | "textAlign" | "alignItems" | "justifyContent" | "flexWrap" | "flexDirection" | "alignSelf">;
|
|
1675
1678
|
};
|
|
1676
1679
|
type Sprinkles = Parameters<typeof sprinkles>[0];
|
|
1677
1680
|
|
|
@@ -4799,6 +4802,10 @@ interface StarRatingProps {
|
|
|
4799
4802
|
* Whether it is read only.
|
|
4800
4803
|
*/
|
|
4801
4804
|
readOnly?: boolean;
|
|
4805
|
+
/**
|
|
4806
|
+
* Size of the Stars.
|
|
4807
|
+
*/
|
|
4808
|
+
size?: number;
|
|
4802
4809
|
/**
|
|
4803
4810
|
* Amount of StarRating selected.
|
|
4804
4811
|
*/
|
|
@@ -4814,7 +4821,7 @@ interface StarRatingProps {
|
|
|
4814
4821
|
* // Read only usage
|
|
4815
4822
|
* function ReadOnlyExample() {
|
|
4816
4823
|
* return (
|
|
4817
|
-
* <StarRating color="accent" value={4} readOnly />
|
|
4824
|
+
* <StarRating color="accent" value={4} size={32} readOnly />
|
|
4818
4825
|
* )
|
|
4819
4826
|
* }
|
|
4820
4827
|
* ```
|
|
@@ -4833,7 +4840,7 @@ interface StarRatingProps {
|
|
|
4833
4840
|
* }
|
|
4834
4841
|
* ```
|
|
4835
4842
|
*/
|
|
4836
|
-
declare const StarRating: ({ color, onChange, readOnly, value, }: StarRatingProps) => react_jsx_runtime.JSX.Element;
|
|
4843
|
+
declare const StarRating: ({ color, onChange, readOnly, size, value, }: StarRatingProps) => react_jsx_runtime.JSX.Element;
|
|
4837
4844
|
|
|
4838
4845
|
/**
|
|
4839
4846
|
* Subheader variant options.
|
|
@@ -6155,7 +6162,7 @@ declare const Token: {
|
|
|
6155
6162
|
* Token.color.danger // Error state
|
|
6156
6163
|
* ```
|
|
6157
6164
|
*/
|
|
6158
|
-
readonly color: Record<"searchBackground" | "segmentedWidgetBackground" | "segmentedBackground" | "segmentedActive" | "actionPhotoHeaderText" | "actionPhotoHeaderTextNeutral" | "actionPhotoHeaderBackground" | "actionPhotoHeaderBackgroundNeutral" | "redActionBackground" | "nestedBackground" | "greyTone5" | "greyTone8" | "greyTone10" | "greyTone20" | "greyTone50" | "actionLabel" | "actionLabelNeutral" | "inputError" | "inputErrorFocus" | "disabledBackground" | "progressNeutral" | "up" | "down" | "neutral" | "shimmer" | "onShimmer" | "modalOverlay" | "metalDark" | "metalLight" | "plus" | "premiumDark" | "premiumLight" | "premiumMid" | "ultraDark" | "ultraLight" | "ultraLightBlue" | "ultraMid" | "reflectiveSmallUIOverlay" | "groupedBackgroundReflective" | "popoverBackgroundReflective" | "widgetBackgroundReflective" | ("accent" | "accentNeutral" | "blue" | "coldBlue" | "pink" | "green" | "orange" | "red" | "deepPink" | "terracotta" | "yellow" | "lime" | "lightGreen" | "teal" | "cyan" | "lightBlue" | "indigo" | "deepPurple" | "purple" | "brown" | "deepGrey" | "black" | "grey50" | "grey20" | "grey10" | "grey5" | "grey8" | "grey2" | "white" | "actionBlue" | "actionBlueNeutral" | "onAccent" | "onAccentNeutral" | "actionBackground" | "actionBackgroundNeutral" | "widgetBackground" | "groupedBackground" | "popoverBackground" | "background" | "greyTone2" | "foreground" | "success" | "warning" | "danger" | "inactive" | "positive" | "
|
|
6165
|
+
readonly color: Record<"searchBackground" | "segmentedWidgetBackground" | "segmentedBackground" | "segmentedActive" | "actionPhotoHeaderText" | "actionPhotoHeaderTextNeutral" | "actionPhotoHeaderBackground" | "actionPhotoHeaderBackgroundNeutral" | "redActionBackground" | "nestedBackground" | "greyTone5" | "greyTone8" | "greyTone10" | "greyTone20" | "greyTone50" | "actionLabel" | "actionLabelNeutral" | "inputError" | "inputErrorFocus" | "disabledBackground" | "progressNeutral" | "up" | "down" | "neutral" | "shimmer" | "onShimmer" | "modalOverlay" | "metalDark" | "metalLight" | "plus" | "premiumDark" | "premiumLight" | "premiumMid" | "ultraDark" | "ultraLight" | "ultraLightBlue" | "ultraMid" | "reflectiveSmallUIOverlay" | "groupedBackgroundReflective" | "popoverBackgroundReflective" | "widgetBackgroundReflective" | ("accent" | "negative" | "accentNeutral" | "blue" | "coldBlue" | "pink" | "green" | "orange" | "red" | "deepPink" | "terracotta" | "yellow" | "lime" | "lightGreen" | "teal" | "cyan" | "lightBlue" | "indigo" | "deepPurple" | "purple" | "brown" | "deepGrey" | "black" | "grey50" | "grey20" | "grey10" | "grey5" | "grey8" | "grey2" | "white" | "actionBlue" | "actionBlueNeutral" | "onAccent" | "onAccentNeutral" | "actionBackground" | "actionBackgroundNeutral" | "widgetBackground" | "groupedBackground" | "popoverBackground" | "background" | "greyTone2" | "foreground" | "success" | "warning" | "danger" | "inactive" | "positive" | "static" | "layoutBackground" | "accent_5" | "accent_10" | "accent_20" | "accent_30" | "accent_40" | "accent_50" | "accent_60" | "accent_70" | "accent_80" | "accent_90" | "negative_5" | "negative_10" | "negative_20" | "negative_30" | "negative_40" | "negative_50" | "negative_60" | "negative_70" | "negative_80" | "negative_90" | "accentNeutral_5" | "accentNeutral_10" | "accentNeutral_20" | "accentNeutral_30" | "accentNeutral_40" | "accentNeutral_50" | "accentNeutral_60" | "accentNeutral_70" | "accentNeutral_80" | "accentNeutral_90" | "blue_5" | "blue_10" | "blue_20" | "blue_30" | "blue_40" | "blue_50" | "blue_60" | "blue_70" | "blue_80" | "blue_90" | "coldBlue_5" | "coldBlue_10" | "coldBlue_20" | "coldBlue_30" | "coldBlue_40" | "coldBlue_50" | "coldBlue_60" | "coldBlue_70" | "coldBlue_80" | "coldBlue_90" | "pink_5" | "pink_10" | "pink_20" | "pink_30" | "pink_40" | "pink_50" | "pink_60" | "pink_70" | "pink_80" | "pink_90" | "green_5" | "green_10" | "green_20" | "green_30" | "green_40" | "green_50" | "green_60" | "green_70" | "green_80" | "green_90" | "orange_5" | "orange_10" | "orange_20" | "orange_30" | "orange_40" | "orange_50" | "orange_60" | "orange_70" | "orange_80" | "orange_90" | "red_5" | "red_10" | "red_20" | "red_30" | "red_40" | "red_50" | "red_60" | "red_70" | "red_80" | "red_90" | "deepPink_5" | "deepPink_10" | "deepPink_20" | "deepPink_30" | "deepPink_40" | "deepPink_50" | "deepPink_60" | "deepPink_70" | "deepPink_80" | "deepPink_90" | "terracotta_5" | "terracotta_10" | "terracotta_20" | "terracotta_30" | "terracotta_40" | "terracotta_50" | "terracotta_60" | "terracotta_70" | "terracotta_80" | "terracotta_90" | "yellow_5" | "yellow_10" | "yellow_20" | "yellow_30" | "yellow_40" | "yellow_50" | "yellow_60" | "yellow_70" | "yellow_80" | "yellow_90" | "lime_5" | "lime_10" | "lime_20" | "lime_30" | "lime_40" | "lime_50" | "lime_60" | "lime_70" | "lime_80" | "lime_90" | "lightGreen_5" | "lightGreen_10" | "lightGreen_20" | "lightGreen_30" | "lightGreen_40" | "lightGreen_50" | "lightGreen_60" | "lightGreen_70" | "lightGreen_80" | "lightGreen_90" | "teal_5" | "teal_10" | "teal_20" | "teal_30" | "teal_40" | "teal_50" | "teal_60" | "teal_70" | "teal_80" | "teal_90" | "cyan_5" | "cyan_10" | "cyan_20" | "cyan_30" | "cyan_40" | "cyan_50" | "cyan_60" | "cyan_70" | "cyan_80" | "cyan_90" | "lightBlue_5" | "lightBlue_10" | "lightBlue_20" | "lightBlue_30" | "lightBlue_40" | "lightBlue_50" | "lightBlue_60" | "lightBlue_70" | "lightBlue_80" | "lightBlue_90" | "indigo_5" | "indigo_10" | "indigo_20" | "indigo_30" | "indigo_40" | "indigo_50" | "indigo_60" | "indigo_70" | "indigo_80" | "indigo_90" | "deepPurple_5" | "deepPurple_10" | "deepPurple_20" | "deepPurple_30" | "deepPurple_40" | "deepPurple_50" | "deepPurple_60" | "deepPurple_70" | "deepPurple_80" | "deepPurple_90" | "purple_5" | "purple_10" | "purple_20" | "purple_30" | "purple_40" | "purple_50" | "purple_60" | "purple_70" | "purple_80" | "purple_90" | "brown_5" | "brown_10" | "brown_20" | "brown_30" | "brown_40" | "brown_50" | "brown_60" | "brown_70" | "brown_80" | "brown_90" | "deepGrey_5" | "deepGrey_10" | "deepGrey_20" | "deepGrey_30" | "deepGrey_40" | "deepGrey_50" | "deepGrey_60" | "deepGrey_70" | "deepGrey_80" | "deepGrey_90" | "black_5" | "black_10" | "black_20" | "black_30" | "black_40" | "black_50" | "black_60" | "black_70" | "black_80" | "black_90" | "grey50_5" | "grey50_10" | "grey50_20" | "grey50_30" | "grey50_40" | "grey50_50" | "grey50_60" | "grey50_70" | "grey50_80" | "grey50_90" | "grey20_5" | "grey20_10" | "grey20_20" | "grey20_30" | "grey20_40" | "grey20_50" | "grey20_60" | "grey20_70" | "grey20_80" | "grey20_90" | "grey10_5" | "grey10_10" | "grey10_20" | "grey10_30" | "grey10_40" | "grey10_50" | "grey10_60" | "grey10_70" | "grey10_80" | "grey10_90" | "grey5_5" | "grey5_10" | "grey5_20" | "grey5_30" | "grey5_40" | "grey5_50" | "grey5_60" | "grey5_70" | "grey5_80" | "grey5_90" | "grey8_5" | "grey8_10" | "grey8_20" | "grey8_30" | "grey8_40" | "grey8_50" | "grey8_60" | "grey8_70" | "grey8_80" | "grey8_90" | "grey2_5" | "grey2_10" | "grey2_20" | "grey2_30" | "grey2_40" | "grey2_50" | "grey2_60" | "grey2_70" | "grey2_80" | "grey2_90" | "white_5" | "white_10" | "white_20" | "white_30" | "white_40" | "white_50" | "white_60" | "white_70" | "white_80" | "white_90" | "actionBlue_5" | "actionBlue_10" | "actionBlue_20" | "actionBlue_30" | "actionBlue_40" | "actionBlue_50" | "actionBlue_60" | "actionBlue_70" | "actionBlue_80" | "actionBlue_90" | "actionBlueNeutral_5" | "actionBlueNeutral_10" | "actionBlueNeutral_20" | "actionBlueNeutral_30" | "actionBlueNeutral_40" | "actionBlueNeutral_50" | "actionBlueNeutral_60" | "actionBlueNeutral_70" | "actionBlueNeutral_80" | "actionBlueNeutral_90" | "onAccent_5" | "onAccent_10" | "onAccent_20" | "onAccent_30" | "onAccent_40" | "onAccent_50" | "onAccent_60" | "onAccent_70" | "onAccent_80" | "onAccent_90" | "onAccentNeutral_5" | "onAccentNeutral_10" | "onAccentNeutral_20" | "onAccentNeutral_30" | "onAccentNeutral_40" | "onAccentNeutral_50" | "onAccentNeutral_60" | "onAccentNeutral_70" | "onAccentNeutral_80" | "onAccentNeutral_90" | "actionBackgroundNeutral_5" | "actionBackgroundNeutral_10" | "actionBackgroundNeutral_20" | "actionBackgroundNeutral_30" | "actionBackgroundNeutral_40" | "actionBackgroundNeutral_50" | "actionBackgroundNeutral_60" | "actionBackgroundNeutral_70" | "actionBackgroundNeutral_80" | "actionBackgroundNeutral_90" | "popoverBackground_5" | "popoverBackground_10" | "popoverBackground_20" | "popoverBackground_30" | "popoverBackground_40" | "popoverBackground_50" | "popoverBackground_60" | "popoverBackground_70" | "popoverBackground_80" | "popoverBackground_90" | "greyTone2_5" | "greyTone2_10" | "greyTone2_20" | "greyTone2_30" | "greyTone2_40" | "greyTone2_50" | "greyTone2_60" | "greyTone2_70" | "greyTone2_80" | "greyTone2_90" | "success_5" | "success_10" | "success_20" | "success_30" | "success_40" | "success_50" | "success_60" | "success_70" | "success_80" | "success_90" | "warning_5" | "warning_10" | "warning_20" | "warning_30" | "warning_40" | "warning_50" | "warning_60" | "warning_70" | "warning_80" | "warning_90" | "danger_5" | "danger_10" | "danger_20" | "danger_30" | "danger_40" | "danger_50" | "danger_60" | "danger_70" | "danger_80" | "danger_90" | "inactive_5" | "inactive_10" | "inactive_20" | "inactive_30" | "inactive_40" | "inactive_50" | "inactive_60" | "inactive_70" | "inactive_80" | "inactive_90" | "positive_5" | "positive_10" | "positive_20" | "positive_30" | "positive_40" | "positive_50" | "positive_60" | "positive_70" | "positive_80" | "positive_90" | "static_5" | "static_10" | "static_20" | "static_30" | "static_40" | "static_50" | "static_60" | "static_70" | "static_80" | "static_90"), string>;
|
|
6159
6166
|
/**
|
|
6160
6167
|
* Border radius tokens.
|
|
6161
6168
|
*
|