@revolut/ui-kit-miniapp 0.3.0 → 0.3.2

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.
Files changed (2) hide show
  1. package/package.json +7 -6
  2. package/types/index.d.ts +55 -28
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@revolut/ui-kit-miniapp",
3
- "version": "0.3.0",
3
+ "version": "0.3.2",
4
4
  "license": "Apache-2.0",
5
5
  "main": "",
6
6
  "types": "types/index.d.ts",
@@ -18,13 +18,14 @@
18
18
  "sideEffects": [
19
19
  "*.css"
20
20
  ],
21
+ "scripts": {
22
+ "prebuild": "rimraf types",
23
+ "prepublishOnly": "pnpm run build",
24
+ "build": "mkdir -p types && cp ../ui-kit-miniapp/dist/index.d.ts ./types/index.d.ts"
25
+ },
21
26
  "peerDependencies": {
22
27
  "react": "^19.0.0",
23
28
  "react-dom": "^19.0.0",
24
29
  "react-is": "^19.0.0"
25
- },
26
- "scripts": {
27
- "prebuild": "rimraf types",
28
- "build": "mkdir -p types && cp ../ui-kit-miniapp/dist/index.d.ts ./types/index.d.ts"
29
30
  }
30
- }
31
+ }
package/types/index.d.ts CHANGED
@@ -1602,13 +1602,13 @@ interface SpaceProps {
1602
1602
  }
1603
1603
 
1604
1604
  declare const sprinkles: ((props: {
1605
- display?: "flex" | "grid" | "none" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
1606
- all?: "flex" | "grid" | "none" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
1607
- sm?: "flex" | "grid" | "none" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
1608
- md?: "flex" | "grid" | "none" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
1609
- lg?: "flex" | "grid" | "none" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
1610
- xl?: "flex" | "grid" | "none" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
1611
- xxl?: "flex" | "grid" | "none" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
1605
+ display?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
1606
+ all?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
1607
+ sm?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
1608
+ md?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
1609
+ lg?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
1610
+ xl?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
1611
+ xxl?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
1612
1612
  } | undefined;
1613
1613
  flexDirection?: "column" | "column-reverse" | "row" | "row-reverse" | {
1614
1614
  all?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
@@ -1642,21 +1642,21 @@ declare const sprinkles: ((props: {
1642
1642
  xl?: "center" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | undefined;
1643
1643
  xxl?: "center" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | undefined;
1644
1644
  } | undefined;
1645
- alignSelf?: "center" | "auto" | "stretch" | "flex-end" | "flex-start" | "baseline" | {
1646
- all?: "center" | "auto" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
1647
- sm?: "center" | "auto" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
1648
- md?: "center" | "auto" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
1649
- lg?: "center" | "auto" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
1650
- xl?: "center" | "auto" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
1651
- xxl?: "center" | "auto" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
1645
+ alignSelf?: "auto" | "center" | "stretch" | "flex-end" | "flex-start" | "baseline" | {
1646
+ all?: "auto" | "center" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
1647
+ sm?: "auto" | "center" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
1648
+ md?: "auto" | "center" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
1649
+ lg?: "auto" | "center" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
1650
+ xl?: "auto" | "center" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
1651
+ xxl?: "auto" | "center" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
1652
1652
  } | undefined;
1653
- overflow?: "hidden" | "auto" | "visible" | "scroll" | {
1654
- all?: "hidden" | "auto" | "visible" | "scroll" | undefined;
1655
- sm?: "hidden" | "auto" | "visible" | "scroll" | undefined;
1656
- md?: "hidden" | "auto" | "visible" | "scroll" | undefined;
1657
- lg?: "hidden" | "auto" | "visible" | "scroll" | undefined;
1658
- xl?: "hidden" | "auto" | "visible" | "scroll" | undefined;
1659
- xxl?: "hidden" | "auto" | "visible" | "scroll" | undefined;
1653
+ overflow?: "auto" | "hidden" | "visible" | "scroll" | {
1654
+ all?: "auto" | "hidden" | "visible" | "scroll" | undefined;
1655
+ sm?: "auto" | "hidden" | "visible" | "scroll" | undefined;
1656
+ md?: "auto" | "hidden" | "visible" | "scroll" | undefined;
1657
+ lg?: "auto" | "hidden" | "visible" | "scroll" | undefined;
1658
+ xl?: "auto" | "hidden" | "visible" | "scroll" | undefined;
1659
+ xxl?: "auto" | "hidden" | "visible" | "scroll" | undefined;
1660
1660
  } | undefined;
1661
1661
  position?: "static" | "fixed" | "absolute" | "relative" | "sticky" | {
1662
1662
  all?: "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
@@ -1675,7 +1675,7 @@ declare const sprinkles: ((props: {
1675
1675
  xxl?: "center" | "start" | "right" | "left" | "end" | undefined;
1676
1676
  } | undefined;
1677
1677
  }) => string) & {
1678
- properties: Set<"display" | "overflow" | "textAlign" | "alignItems" | "justifyContent" | "flexWrap" | "flexDirection" | "alignSelf" | "position">;
1678
+ properties: Set<"position" | "display" | "overflow" | "textAlign" | "alignItems" | "justifyContent" | "flexWrap" | "flexDirection" | "alignSelf">;
1679
1679
  };
1680
1680
  type Sprinkles = Parameters<typeof sprinkles>[0];
1681
1681
 
@@ -2552,7 +2552,7 @@ declare const Avatar: ({ name, children, image, icon, size, uuid, ...rest }: Ava
2552
2552
  /**
2553
2553
  * Visual style variant of the action button.
2554
2554
  */
2555
- type ActionButtonVariant = 'primary' | 'accent' | 'negative';
2555
+ type ActionButtonVariant = 'primary' | 'accent' | 'negative' | 'white';
2556
2556
  /**
2557
2557
  * Props for the ActionButton component.
2558
2558
  *
@@ -4889,6 +4889,7 @@ interface PopupProps {
4889
4889
  */
4890
4890
  declare const Popup: ({ open, onClose, children, title, description, actions, footer, headerVariant, avatar, closeButtonIcon, }: PopupProps) => react_jsx_runtime.JSX.Element;
4891
4891
 
4892
+ type ProgressStepsItemState = 'default' | 'done' | 'pending' | 'failed';
4892
4893
  /**
4893
4894
  * Progress steps item definition.
4894
4895
  */
@@ -4905,6 +4906,11 @@ interface ProgressStepsItem {
4905
4906
  * Color of the indicator at the start of the step item
4906
4907
  */
4907
4908
  color: Color;
4909
+ /**
4910
+ * State of the indicator at the start of the step item
4911
+ * @default 'done'
4912
+ */
4913
+ state?: ProgressStepsItemState;
4908
4914
  }
4909
4915
  /**
4910
4916
  * Props for the ProgressSteps component.
@@ -4913,8 +4919,9 @@ interface ProgressStepsItem {
4913
4919
  * ```tsx
4914
4920
  * <ProgressSteps
4915
4921
  * items={[
4916
- * { title: 'Free cancellation', description: 'Until 15th of December', color: 'success' },
4917
- * { title: 'No refund', description: 'From 16th of December', color: 'red' },
4922
+ * { title: 'Free cancellation', description: 'Until 15th of December', color: 'success', state: 'done' },
4923
+ * { title: 'Partial refund', description: 'From 16th to 19th of December', color: 'warning', state: 'pending' },
4924
+ * { title: 'No refund', description: 'From 20th of December', color: 'red', state: 'failed' },
4918
4925
  * ]}
4919
4926
  * />
4920
4927
  * ```
@@ -4948,6 +4955,26 @@ interface ProgressStepsProps {
4948
4955
  */
4949
4956
  declare const ProgressSteps: ({ items }: ProgressStepsProps) => react_jsx_runtime.JSX.Element;
4950
4957
 
4958
+ /**
4959
+ * Props for the ReflectiveSurface component.
4960
+ *
4961
+ * @example
4962
+ * ```tsx
4963
+ * <ReflectiveSurface>
4964
+ * <FilterButton>
4965
+ * Filter
4966
+ * </FilterButton>
4967
+ * </ReflectiveSurface>
4968
+ * ```
4969
+ */
4970
+ interface ReflectiveSurfaceProps {
4971
+ /**
4972
+ * ReflectiveSurface content.
4973
+ */
4974
+ children: React.ReactElement<{}>;
4975
+ }
4976
+ declare const ReflectiveSurface: ({ children }: ReflectiveSurfaceProps) => react_jsx_runtime.JSX.Element;
4977
+
4951
4978
  /**
4952
4979
  * Props for the Spacer component.
4953
4980
  *
@@ -6544,7 +6571,7 @@ declare const Token: {
6544
6571
  * Token.color.danger // Error state
6545
6572
  * ```
6546
6573
  */
6547
- 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" | "negative" | "static" | "layoutBackground" | "accent_5" | "accent_10" | "accent_20" | "accent_30" | "accent_40" | "accent_50" | "accent_60" | "accent_70" | "accent_80" | "accent_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" | "negative_5" | "negative_10" | "negative_20" | "negative_30" | "negative_40" | "negative_50" | "negative_60" | "negative_70" | "negative_80" | "negative_90" | "static_5" | "static_10" | "static_20" | "static_30" | "static_40" | "static_50" | "static_60" | "static_70" | "static_80" | "static_90"), string>;
6574
+ 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" | ("accent" | "negative" | "white" | "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" | "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" | "white_5" | "white_10" | "white_20" | "white_30" | "white_40" | "white_50" | "white_60" | "white_70" | "white_80" | "white_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" | "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>;
6548
6575
  /**
6549
6576
  * Border radius tokens.
6550
6577
  *
@@ -6658,5 +6685,5 @@ declare const Token: {
6658
6685
  };
6659
6686
  };
6660
6687
 
6661
- export { Action, ActionButton, Avatar, Badge, BottomSheet, Button, Calendar, Cell, CellSkeleton, Checkbox, CompactInput, Copyable, DetailsCell, Dropdown, FilterButton, Footnote, Group, HStack, Icon, Image, Input, Link, List, Map, MessageBubble, Page, Placeholder, Popup, ProgressSteps, Radio, RootProvider, Search, Slider, SliderVariant, Spacer, StarRating, Subheader, Switch, TabBar, Text, TextArea, Toast, ToggleButton, Token, VStack, VisuallyHidden, copyToClipboard, nodeChain, useDateFormat, useDateRangeFormat, useDateTimeFormat, useDropdown, useIsRTL, useMoneyFormat, useStatusSheet, useTimeFormat, useToast };
6662
- export type { ActionButtonProps, ActionButtonVariant, ActionProps, AvatarProps, AvatarSize, BadgeProps, BottomSheetActionsProps, BottomSheetContentProps, BottomSheetHeaderProps, BottomSheetProps, ButtonProps, ButtonVariant, CalendarDateProps, CalendarDisabledDays, CalendarProps, CalendarRangeProps, CalendarVariant, CellProps, CellVariant, CheckboxProps, CompactInputProps, CopyableProps, CurrencyDefinition, DateFormatOptions, DateRangeFormatOptions, DateTimeFormatOptions, DetailsCellProps, DropdownOptions, DropdownProps, DropdownState, FilterButtonProps, FootnoteProps, GroupProps, GroupVariant, HStackProps, IconName, IconProps, ImageFit, ImageProp, ImageProps, InputProps, InputType, IntlMessages, LinkProps, ListProps, MapCenter, MapControls, MapLoadingState, MapMarker, MapProps, MessageBubbleProps, PageHeaderProps, PageMainProps, PageProps, PageTabsProps, PlaceholderProps, PopupProps, ProgressStepsProps, RadioProps, RangeSliderProps, RootProviderProps, SearchProps, SingleSliderProps, SliderProps, Space, SpacerProps, StackAlignment, StarRatingProps, StatusSheetAction, StatusSheetInstance, StatusSheetOptions, StatusSheetVariant, SubheaderProps, SubheaderVariant, SwitchProps, TabBarItem, TabBarProps, TabBarVariant, TextAreaProps, TextProps, TextVariant, ThemeBackground, ThemeMode, TimeFormatOptions, ToastActions, ToastProps, ToggleButtonProps, UseMoneyFormatOptions, VStackProps, VisuallyHiddenProps };
6688
+ export { Action, ActionButton, Avatar, Badge, BottomSheet, Button, Calendar, Cell, CellSkeleton, Checkbox, CompactInput, Copyable, DetailsCell, Dropdown, FilterButton, Footnote, Group, HStack, Icon, Image, Input, Link, List, Map, MessageBubble, Page, Placeholder, Popup, ProgressSteps, Radio, ReflectiveSurface, RootProvider, Search, Slider, SliderVariant, Spacer, StarRating, Subheader, Switch, TabBar, Text, TextArea, Toast, ToggleButton, Token, VStack, VisuallyHidden, copyToClipboard, nodeChain, useDateFormat, useDateRangeFormat, useDateTimeFormat, useDropdown, useIsRTL, useMoneyFormat, useStatusSheet, useTimeFormat, useToast };
6689
+ export type { ActionButtonProps, ActionButtonVariant, ActionProps, AvatarProps, AvatarSize, BadgeProps, BottomSheetActionsProps, BottomSheetContentProps, BottomSheetHeaderProps, BottomSheetProps, ButtonProps, ButtonVariant, CalendarDateProps, CalendarDisabledDays, CalendarProps, CalendarRangeProps, CalendarVariant, CellProps, CellVariant, CheckboxProps, CompactInputProps, CopyableProps, CurrencyDefinition, DateFormatOptions, DateRangeFormatOptions, DateTimeFormatOptions, DetailsCellProps, DropdownOptions, DropdownProps, DropdownState, FilterButtonProps, FootnoteProps, GroupProps, GroupVariant, HStackProps, IconName, IconProps, ImageFit, ImageProp, ImageProps, InputProps, InputType, IntlMessages, LinkProps, ListProps, MapCenter, MapControls, MapLoadingState, MapMarker, MapProps, MessageBubbleProps, PageHeaderProps, PageMainProps, PageProps, PageTabsProps, PlaceholderProps, PopupProps, ProgressStepsItem, ProgressStepsItemState, ProgressStepsProps, RadioProps, RangeSliderProps, ReflectiveSurfaceProps, RootProviderProps, SearchProps, SingleSliderProps, SliderProps, Space, SpacerProps, StackAlignment, StarRatingProps, StatusSheetAction, StatusSheetInstance, StatusSheetOptions, StatusSheetVariant, SubheaderProps, SubheaderVariant, SwitchProps, TabBarItem, TabBarProps, TabBarVariant, TextAreaProps, TextProps, TextVariant, ThemeBackground, ThemeMode, TimeFormatOptions, ToastActions, ToastProps, ToggleButtonProps, UseMoneyFormatOptions, VStackProps, VisuallyHiddenProps };