npm - @hero-design/rn-work-uikit - Versions diffs - 1.9.4 → 1.9.6 - Mend

@hero-design/rn-work-uikit 1.9.4 → 1.9.6

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 (41) hide show

package/src/theme/__tests__/__snapshots__/index.spec.ts.snap DELETED Viewed

@@ -1,2042 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`theme returns correct theme object 1`] = `
-{
-  "__hd__": {
-    "accordion": {
-      "colors": {
-        "background": "#ffffff",
-      },
-      "radii": {
-        "card": 8,
-      },
-      "space": {
-        "padding": 15.692307692307693,
-      },
-    },
-    "alert": {
-      "borderWidths": {
-        "base": 1,
-      },
-      "colors": {
-        "backgrounds": {
-          "error": "#fcebe7",
-          "info": "#ecf0ff",
-          "notification": "#ffffff",
-          "success": "#f0fef4",
-          "warning": "#fff6eb",
-        },
-        "divider": "#e8e9ea",
-        "texts": {
-          "error": "#cb300a",
-          "info": "#355bfb",
-          "notification": "#001f23",
-          "success": "#017d6d",
-          "warning": "#ac5d00",
-        },
-      },
-      "radii": {
-        "default": 16,
-      },
-      "shadows": {
-        "wrapper": {
-          "elevation": 6,
-          "shadowColor": "#001f23",
-          "shadowOffset": {
-            "height": 2,
-            "width": 0,
-          },
-          "shadowOpacity": 0.12,
-          "shadowRadius": 2,
-        },
-      },
-      "sizes": {
-        "height": 47.07692307692308,
-      },
-      "space": {
-        "contentPaddingHorizontal": 11.76923076923077,
-        "ctaPadding": 11.76923076923077,
-        "iconLeftPadding": 11.76923076923077,
-        "textPaddingHorizontal": 11.76923076923077,
-      },
-    },
-    "appCue": {
-      "colors": {
-        "backdropColor": "rgba(0, 0, 0, 0.5)",
-        "background": "#001f23",
-      },
-      "radii": {
-        "container": 12,
-      },
-      "space": {
-        "arrowOffset": 11.76923076923077,
-        "offset": 7.846153846153847,
-        "padding": 15.692307692307693,
-      },
-    },
-    "attachment": {
-      "colors": {
-        "highlightedBackground": undefined,
-      },
-      "radii": {
-        "container": 8,
-        "image": 4,
-      },
-      "sizes": {
-        "imageHeight": 47.07692307692308,
-        "imageWidth": 31.384615384615387,
-      },
-      "space": {
-        "containerPadding": 15.692307692307693,
-        "containerVerticalPadding": 11.76923076923077,
-        "ctaPadding": 15.692307692307693,
-        "textHorizontalPadding": 7.846153846153847,
-      },
-    },
-    "avatar": {
-      "colors": {
-        "danger": "#f46363",
-        "info": "#b5c3fd",
-        "primary": "#401960",
-        "success": "#5ace7d",
-        "text": "#ffffff",
-        "warning": "#ffbe71",
-      },
-      "fontSizes": {
-        "large": 19.615384615384613,
-        "medium": 17.653846153846153,
-        "small": 15.692307692307693,
-        "xlarge": 23.53846153846154,
-        "xxlarge": 31.384615384615387,
-        "xxxlarge": 35.30769230769231,
-        "xxxxlarge": 47.07692307692308,
-        "xxxxxlarge": 58.84615384615384,
-      },
-      "fonts": {
-        "default": "BeVietnamPro-Regular",
-      },
-      "radii": {
-        "rounded": 999,
-      },
-      "sizes": {
-        "large": 47.07692307692308,
-        "medium": 39.230769230769226,
-        "small": 31.384615384615387,
-        "xlarge": 54.92307692307692,
-        "xxlarge": 62.769230769230774,
-        "xxxlarge": 78.46153846153845,
-        "xxxxlarge": 94.15384615384616,
-        "xxxxxlarge": 133.3846153846154,
-      },
-      "spaces": {
-        "titleMarginTopForAndroid": {
-          "large": -3.9230769230769234,
-          "medium": -3.9230769230769234,
-          "small": -1.9615384615384617,
-          "xlarge": -3.9230769230769234,
-          "xxlarge": -5.884615384615385,
-          "xxxlarge": -5.884615384615385,
-          "xxxxlarge": -7.846153846153847,
-          "xxxxxlarge": -7.846153846153847,
-        },
-      },
-    },
-    "badge": {
-      "borderWidths": {
-        "default": 2,
-      },
-      "colors": {
-        "archived": "#606065",
-        "border": "#ffffff",
-        "countText": "#ffffff",
-        "danger": "#cb300a",
-        "info": "#355bfb",
-        "primary": "#401960",
-        "success": "#017d6d",
-        "text": "#ffffff",
-        "warning": "#ac5d00",
-      },
-      "fontSizes": {
-        "count": 8,
-        "icon": {
-          "medium": 11.76923076923077,
-          "small": 8,
-        },
-        "medium": 11.76923076923077,
-        "small": 8,
-      },
-      "fonts": {
-        "medium": "BeVietnamPro-Regular",
-        "small": "BeVietnamPro-SemiBold",
-      },
-      "lineHeights": {
-        "count": 15.76923076923077,
-        "medium": 15.76923076923077,
-        "small": 10,
-      },
-      "radii": {
-        "count": 999,
-      },
-      "sizes": {
-        "count": {
-          "height": 15.692307692307693,
-          "width": 15.692307692307693,
-        },
-        "medium": {
-          "height": 23.53846153846154,
-          "minWidth": 23.53846153846154,
-        },
-        "small": {
-          "height": 15.692307692307693,
-          "minWidth": 15.692307692307693,
-        },
-        "statusHeight": 7.846153846153847,
-        "statusWidth": 7.846153846153847,
-      },
-      "space": {
-        "countPaddingHorizontal": 1.9615384615384617,
-        "countPositionRight": -3.9230769230769234,
-        "countPositionTop": -3.9230769230769234,
-        "medium": {
-          "horizontalPadding": 7.846153846153847,
-        },
-        "small": {
-          "horizontalPadding": 3.9230769230769234,
-        },
-        "statusPositionRight": -1.9615384615384617,
-        "statusPositionTop": -1.9615384615384617,
-      },
-    },
-    "bottomNavigation": {
-      "borderWidths": {
-        "borderTop": 1,
-      },
-      "colors": {
-        "background": "#ffffff",
-        "borderTop": "#e8e9ea",
-        "shadow": "#401960",
-      },
-      "shadows": {
-        "wrapper": {
-          "elevation": 10,
-          "shadowColor": "#001f23",
-          "shadowOffset": {
-            "height": -4,
-            "width": 0,
-          },
-          "shadowOpacity": 0.04,
-          "shadowRadius": 6,
-        },
-      },
-      "sizes": {
-        "height": 70.61538461538461,
-      },
-      "space": {
-        "titleMarginTop": 3.9230769230769234,
-      },
-    },
-    "bottomSheet": {
-      "colors": {
-        "backdrop": "#000000",
-        "background": "#ffffff",
-        "floatingHeaderIconBackground": "#dadbde",
-        "shadow": "#001f23",
-      },
-      "radii": {
-        "default": 16,
-        "floating": 32,
-        "floatingHeaderIcon": 999,
-      },
-      "sizes": {
-        "closeIcon": 47.07692307692308,
-        "floatingCloseIcon": 11.76923076923077,
-      },
-      "space": {
-        "closeIconMargin": 11.76923076923077,
-        "floatingContentMargin": 15.692307692307693,
-        "floatingHeaderIconPadding": 7.846153846153847,
-        "floatingInnerPadding": 7.846153846153847,
-        "footerHorizontalPadding": 11.76923076923077,
-        "footerVerticalPadding": 1.9615384615384617,
-        "headerWrapperHorizontalPadding": 15.692307692307693,
-        "headerWrapperVerticalPadding": 7.846153846153847,
-      },
-    },
-    "button": {
-      "borderWidth": {
-        "default": 1.9615384615384617,
-      },
-      "colors": {
-        "background": {
-          "filledDanger": "#f46363",
-          "filledInverted": "#ffffff",
-          "filledPrimary": "#401960",
-          "filledSecondary": "#f6f6f7",
-          "filledWhite": "#ffffff",
-        },
-        "border": {
-          "outlinedDanger": "#cb300a",
-          "outlinedInverted": "#ffffff",
-          "outlinedPrimary": "#401960",
-          "outlinedSecondary": "#e8e9ea",
-          "outlinedWhite": "#ffffff",
-        },
-        "invertedText": "#ffffff",
-        "pressedBackground": {
-          "filledDanger": "#f68282",
-          "filledInverted": "#ece8ef",
-          "filledPrimary": "#33144d",
-          "filledSecondary": "#dadbde",
-          "filledWhite": "#ece8ef",
-          "outlinedDanger": "#fcebe7",
-          "outlinedInverted": "#33144d",
-          "outlinedPrimary": "#ece8ef",
-          "outlinedSecondary": "#ece8ef",
-          "outlinedWhite": "#33144d",
-          "textDanger": "#fcebe7",
-          "textInverted": "#33144d",
-          "textPrimary": "#ece8ef",
-          "textSecondary": "#ece8ef",
-          "textWhite": "#33144d",
-        },
-        "pressedText": {
-          "inlineTextDanger": "#f46363",
-          "inlineTextInverted": "#795e90",
-          "inlineTextPrimary": "#795e90",
-          "inlineTextSecondary": "#606065",
-          "inlineTextWhite": "#795e90",
-        },
-        "text": {
-          "filledDanger": "#ffffff",
-          "filledInverted": "#401960",
-          "filledPrimary": "#ffffff",
-          "filledSecondary": "#001f23",
-          "filledWhite": "#401960",
-          "outlinedDanger": "#cb300a",
-          "outlinedInverted": "#ffffff",
-          "outlinedPrimary": "#401960",
-          "outlinedSecondary": "#001f23",
-          "outlinedWhite": "#ffffff",
-          "textDanger": "#cb300a",
-          "textInverted": "#ffffff",
-          "textPrimary": "#401960",
-          "textSecondary": "#001f23",
-          "textWhite": "#ffffff",
-        },
-        "utilityBackground": "#ffffff",
-      },
-      "fontSize": {
-        "default": 17.653846153846153,
-        "textVariant": 15.692307692307693,
-        "utility": 15.692307692307693,
-      },
-      "fonts": {
-        "default": "BeVietnamPro-SemiBold",
-        "utility": "BeVietnamPro-Regular",
-      },
-      "lineHeights": {
-        "buttonText": undefined,
-        "compactButtonText": undefined,
-        "titleOfTextVariant": {
-          "compact": 15.76923076923077,
-          "default": 21.73076923076923,
-        },
-        "utilityButtonText": undefined,
-      },
-      "radii": {
-        "default": 32,
-        "rounded": 999,
-        "text": 4,
-        "utilityRadii": 8,
-      },
-      "sizes": {
-        "iconSize": {
-          "compact": 11.76923076923077,
-          "default": 19.615384615384613,
-        },
-      },
-      "space": {
-        "compact": {
-          "buttonPaddingHorizontal": 15.692307692307693,
-          "buttonPaddingVertical": 7.846153846153847,
-          "iconPadding": 7.846153846153847,
-        },
-        "default": {
-          "buttonPadding": 15.692307692307693,
-          "iconPadding": 11.76923076923077,
-          "textButtonPadding": 11.76923076923077,
-        },
-        "medium": {
-          "buttonPadding": 15.692307692307693,
-          "buttonPaddingHorizontal": 15.692307692307693,
-          "buttonPaddingVertical": 7.846153846153847,
-          "iconPadding": 11.76923076923077,
-          "textButtonPadding": 31.384615384615387,
-        },
-        "utilityPadding": 7.846153846153847,
-      },
-    },
-    "calendar": {
-      "colors": {
-        "background": "#ffffff",
-        "border": "#001f23",
-        "inverted": "#ffffff",
-        "primary": "#401960",
-        "rowItem": {
-          "highlighted": "#ece8ef",
-          "selected": "#401960",
-        },
-      },
-      "radii": {
-        "default": 999,
-      },
-      "sizes": {
-        "cellCircleHeight": 51,
-        "cellCircleWidth": 51,
-        "cellHeight": 54.92307692307692,
-        "cellWidth": 54.92307692307692,
-        "markHeight": 3.9230769230769234,
-        "markWidth": 3.9230769230769234,
-      },
-      "space": {
-        "cellPadding": 31.384615384615387,
-        "headerHorizontalPadding": 11.76923076923077,
-        "headerMarginRight": 7.846153846153847,
-        "headerVerticalPadding": 15.692307692307693,
-        "iosPickerMarginVertical": 62.769230769230774,
-        "rowVerticalPadding": 15.692307692307693,
-      },
-    },
-    "card": {
-      "colors": {
-        "archived": "#abacaf",
-        "danger": "#f46363",
-        "dataCardBackground": "#f6f6f7",
-        "dataCardIndicator": "#401960",
-        "info": "#b5c3fd",
-        "neutral": "#f6f6f7",
-        "primary": "#401960",
-        "secondary": "#ece8ef",
-        "success": "#5ace7d",
-        "warning": "#ffbe71",
-      },
-      "radii": {
-        "default": 12,
-        "superRound": 24,
-      },
-      "sizes": {
-        "indicatorWidth": 15.692307692307693,
-      },
-      "space": {
-        "dataCardContentPadding": 15.692307692307693,
-      },
-    },
-    "cardCarousel": {
-      "colors": {
-        "carouselItemBackground": "#f6f6f7",
-      },
-      "radii": {
-        "card": 8,
-      },
-      "space": {
-        "carouselItemSpacing": {
-          "medium": 7.846153846153847,
-          "small": 3.9230769230769234,
-          "xsmall": 1.9615384615384617,
-        },
-        "contentContainerPaddingHorizontal": 23.53846153846154,
-        "pageControlMarginTop": 15.692307692307693,
-      },
-    },
-    "carousel": {
-      "fontSizes": {
-        "heading": 31.384615384615387,
-      },
-      "fonts": {
-        "heading": "Saiga-Medium",
-      },
-      "lineHeights": {
-        "heading": 43.30769230769231,
-      },
-      "space": {
-        "footerMarginBottom": 23.53846153846154,
-        "footerPaddingHorizontal": 23.53846153846154,
-        "footerPaddingVertical": 15.692307692307693,
-        "headingMarginBottom": 15.692307692307693,
-        "pageControlPaddingVertical": 7.846153846153847,
-        "pageControlWrapperHeight": 47.07692307692308,
-      },
-    },
-    "chart": {
-      "colors": {
-        "gridStroke": "#e8e9ea",
-      },
-      "sizes": {
-        "defaultWebEmptyStateHeight": 23.53846153846154,
-        "defaultWebEmptyStateWidth": 172.6153846153846,
-        "xAxisDefaultTextHeight": 31.384615384615387,
-        "yAxisDefaultTextHeight": 7.846153846153847,
-        "yAxisDefaultTextWidth": 31.384615384615387,
-      },
-      "space": {
-        "headerMarginBottom": 15.692307692307693,
-        "xAxisGridTextMarginTop": 11.76923076923077,
-        "xAxisMarginLeft": 15.692307692307693,
-        "yAxisGridMarginTop": 7.846153846153847,
-        "yAxisGridTextMarginRight": 15.692307692307693,
-        "yAxisMarginBottom": 23.53846153846154,
-      },
-    },
-    "checkbox": {
-      "borderWidths": {
-        "icon": 2,
-        "wrapper": 1,
-      },
-      "colors": {
-        "borders": {
-          "checked": "#001f23",
-          "default": "#001f23",
-          "disabled": "#bfc1c5",
-          "readonly": "#808f91",
-        },
-        "checkboxBorder": {
-          "checked": "#401960",
-          "default": "#001f23",
-          "disabled": "#bfc1c5",
-          "readonly": "#4d6265",
-        },
-      },
-      "radii": {
-        "icon": 4,
-        "wrapper": 8,
-      },
-      "sizes": {
-        "icon": 23.53846153846154,
-        "inlineCheckbox": {
-          "large": 15.692307692307693,
-          "medium": 14.387884615384616,
-        },
-      },
-      "space": {
-        "iconDescriptionPadding": 11.76923076923077,
-        "iconTop": 0,
-        "inlineCheckboxGap": 7.846153846153847,
-        "inlineCheckboxMargin": 7.846153846153847,
-        "wrapperPadding": 15.692307692307693,
-      },
-    },
-    "chip": {
-      "borderWidths": {
-        "icon": 2,
-        "outlinedDefaultBorder": 1,
-        "wrapper": 1,
-      },
-      "colors": {
-        "filledBackground": "#ffffff",
-        "outlinedDefaultBackground": "#ffffff",
-        "outlinedDefaultBorder": "#bfc1c5",
-        "outlinedSelectedBackground": "#e8e9ea",
-        "outlinedSelectedBorder": "#001f23",
-        "secondaryBackground": undefined,
-        "wrapperSelectedBorder": "transparent",
-      },
-      "fontSizes": {
-        "icon": 11.76923076923077,
-      },
-      "radii": {
-        "wrapper": 999,
-      },
-      "shadows": {
-        "filledWrapper": {
-          "elevation": 6,
-          "shadowColor": "#001f23",
-          "shadowOffset": {
-            "height": 2,
-            "width": 0,
-          },
-          "shadowOpacity": 0.12,
-          "shadowRadius": 2,
-        },
-      },
-      "space": {
-        "compactWrapperHorizontalPadding": 7.846153846153847,
-        "compactWrapperVerticalPadding": 3.9230769230769234,
-        "iconWrapperHorizontalMargin": 7.846153846153847,
-        "wrapperHorizontalPadding": 11.76923076923077,
-        "wrapperVerticalPadding": 7.846153846153847,
-      },
-    },
-    "columnChart": {
-      "sizes": {
-        "columnWidth": 15.692307692307693,
-      },
-      "space": {
-        "segmentGap": 1.9615384615384617,
-      },
-    },
-    "contentNavigator": {
-      "space": {
-        "valueHorizontalPadding": 7.846153846153847,
-      },
-    },
-    "datePicker": {
-      "sizes": {
-        "height": 172.6153846153846,
-      },
-    },
-    "divider": {
-      "borderWidths": {
-        "default": 1,
-      },
-      "colors": {
-        "default": "#e8e9ea",
-      },
-      "space": {
-        "large": 23.53846153846154,
-        "medium": 15.692307692307693,
-        "small": 7.846153846153847,
-        "xlarge": 31.384615384615387,
-        "xsmall": 3.9230769230769234,
-      },
-    },
-    "drawer": {
-      "colors": {
-        "backdrop": "#000000",
-        "background": "#ffffff",
-        "handler": "#001f23",
-        "shadow": "#001f23",
-      },
-      "radii": {
-        "default": 16,
-        "handler": 4,
-      },
-      "shadows": {
-        "elevation": 10,
-        "offset": {
-          "height": 3,
-          "width": 0,
-        },
-        "opacity": 0.27,
-        "radius": 4.65,
-      },
-      "sizes": {
-        "handlerHeight": 3.9230769230769234,
-        "handlerWidth": 54.92307692307692,
-      },
-      "space": {
-        "handlerPaddingVertical": 7.846153846153847,
-      },
-    },
-    "empty": {
-      "colors": {
-        "invertedSubduedText": "#ffffff",
-        "invertedText": "#ffffff",
-        "subduedText": "#4d6265",
-        "text": "#001f23",
-      },
-      "fontSizes": {
-        "description": 17.653846153846153,
-        "title": 23.53846153846154,
-      },
-      "fonts": {
-        "description": "Saiga-Regular",
-        "title": "Saiga-Medium",
-      },
-      "sizes": {
-        "image": 164.76923076923077,
-      },
-      "space": {
-        "imageMargin": 23.53846153846154,
-        "titleMargin": 7.846153846153847,
-        "wrapperPadding": 15.692307692307693,
-      },
-    },
-    "error": {
-      "colors": {
-        "description": "#4d6265",
-        "fullScreenBackground": "#ffffff",
-        "inPageBackground": "#f6f6f7",
-        "title": "#001f23",
-      },
-      "fontSizes": {
-        "description": 17.653846153846153,
-        "title": 23.53846153846154,
-      },
-      "fonts": {
-        "description": "Saiga-Regular",
-        "title": "Saiga-Medium",
-      },
-      "lineHeight": {
-        "description": 25.653846153846153,
-        "title": 31.53846153846154,
-      },
-      "sizes": {
-        "icon": 70.61538461538461,
-        "image": 70.61538461538461,
-      },
-      "space": {
-        "button": {
-          "margin": 15.692307692307693,
-          "padding": 15.692307692307693,
-          "wrapperHorizontalPadding": 23.53846153846154,
-          "wrapperVerticalPadding": 47.07692307692308,
-        },
-        "imageMarginBottom": 23.53846153846154,
-        "titleMarginBottom": 7.846153846153847,
-        "wrapperPadding": 23.53846153846154,
-      },
-    },
-    "fab": {
-      "colors": {
-        "actionItemBackground": "#000000",
-        "actionItemPressedBackground": "#000000",
-        "actionItemText": "#ffffff",
-        "backdropBackground": "#000000",
-        "buttonActiveBackground": "#000000",
-        "buttonBackground": "#000000",
-        "buttonPressedBackground": "#000000",
-        "icon": "#ffffff",
-        "titleText": "#ffffff",
-      },
-      "fontSizes": {
-        "actionItemText": 15.692307692307693,
-        "title": 15.692307692307693,
-      },
-      "fonts": {
-        "actionItemText": "BeVietnamPro-Regular",
-        "title": "BeVietnamPro-SemiBold",
-      },
-      "lineHeights": {
-        "actionItemText": 21.73076923076923,
-        "icon": 23.692307692307693,
-        "title": 23.692307692307693,
-      },
-      "radii": {
-        "actionItem": 999,
-      },
-      "shadows": {
-        "default": {
-          "elevation": 6,
-          "shadowColor": "#001f23",
-          "shadowOffset": {
-            "height": 2,
-            "width": 0,
-          },
-          "shadowOpacity": 0.12,
-          "shadowRadius": 2,
-        },
-      },
-      "sizes": {
-        "fabPairHeight": 47.07692307692308,
-        "fabPairIconOnlyWidth": 47.07692307692308,
-        "height": 62.769230769230774,
-        "iconContainerHeight": 23.53846153846154,
-        "iconContainerWidth": 23.53846153846154,
-        "width": 62.769230769230774,
-      },
-      "space": {
-        "actionItemMargin": 7.846153846153847,
-        "actionItemMarginRight": 23.53846153846154,
-        "actionItemPadding": 11.76923076923077,
-        "actionItemTextPaddingLeft": 3.9230769230769234,
-        "buttonMarginRight": 23.53846153846154,
-        "buttonMarginTop": 23.53846153846154,
-        "containerPadding": 19.615384615384617,
-        "fabPairMarginRight": 7.846153846153847,
-        "titleMarginHorizontal": 7.846153846153847,
-      },
-    },
-    "filterTrigger": {
-      "borderWidths": {
-        "wrapper": {
-          "filled": 2,
-          "ghost": 0,
-          "outlined": 2,
-        },
-      },
-      "colors": {
-        "wrapper": {
-          "activeBackground": "#ece8ef",
-          "background": {
-            "active": {
-              "filled": "#ece8ef",
-              "filledLabeless": "#f6f6f7",
-              "ghost": "transparent",
-              "outlined": "transparent",
-            },
-            "inactive": {
-              "filled": "#f6f6f7",
-              "ghost": "transparent",
-              "outlined": "transparent",
-            },
-          },
-          "border": {
-            "active": {
-              "filled": "#ece8ef",
-              "filledLabeless": "#f6f6f7",
-              "ghost": "transparent",
-              "outlined": "#001f23",
-            },
-            "inactive": {
-              "filled": "#f6f6f7",
-              "ghost": "transparent",
-              "outlined": "#e8e9ea",
-            },
-          },
-          "inactiveBackground": "#f6f6f7",
-        },
-      },
-      "lineHeights": {
-        "text": 15.76923076923077,
-      },
-      "radii": {
-        "wrapper": {
-          "default": 24,
-          "labeless": 16,
-        },
-      },
-      "sizes": {
-        "wrapperHeight": 35.30769230769231,
-      },
-      "space": {
-        "badge": {
-          "labelessBottom": 1.9615384615384617,
-          "labelessRight": 1.9615384615384617,
-        },
-        "wrapper": {
-          "default": {
-            "paddingHorizontal": 11.76923076923077,
-            "paddingVertical": 3.9230769230769234,
-          },
-          "itemGap": 3.9230769230769234,
-          "labeless": {
-            "paddingHorizontal": 7.846153846153847,
-            "paddingVertical": 3.9230769230769234,
-          },
-        },
-      },
-    },
-    "floatingIsland": {
-      "colors": {
-        "wrapperBackground": "#ffffff",
-      },
-      "fontSizes": {
-        "iconSize": 13.73076923076923,
-      },
-      "radii": {
-        "wrapper": 999,
-      },
-      "shadows": {
-        "wrapper": {
-          "elevation": 6,
-          "shadowColor": "#001f23",
-          "shadowOffset": {
-            "height": 2,
-            "width": 0,
-          },
-          "shadowOpacity": 0.12,
-          "shadowRadius": 2,
-        },
-      },
-      "space": {
-        "iconPadding": 11.76923076923077,
-        "prefixMarginRight": 7.846153846153847,
-        "suffixMarginLeft": 15.692307692307693,
-        "wrapperPadding": 7.846153846153847,
-        "wrapperTop": 11.76923076923077,
-      },
-    },
-    "icon": {
-      "colors": {
-        "danger": "#cb300a",
-        "disabledText": "#bfc1c5",
-        "inactive": "#808f91",
-        "info": "#355bfb",
-        "invertedText": "#ffffff",
-        "muted": "#4d6265",
-        "primary": "#401960",
-        "secondary": "#795e90",
-        "success": "#5ace7d",
-        "text": "#001f23",
-        "warning": "#ffbe71",
-      },
-      "sizes": {
-        "large": 27.46153846153846,
-        "medium": 23.53846153846154,
-        "small": 19.615384615384613,
-        "xlarge": 31.384615384615387,
-        "xsmall": 15.692307692307693,
-        "xxxsmall": 11.76923076923077,
-      },
-    },
-    "image": {
-      "sizes": {
-        "15xlarge": 141.23076923076923,
-        "6xlarge": 70.61538461538461,
-      },
-    },
-    "list": {
-      "colors": {
-        "checkedListItemContainerBackground": undefined,
-        "leadingStatus": {
-          "archived": "#abacaf",
-          "danger": "#f46363",
-          "info": "#b5c3fd",
-          "success": "#5ace7d",
-          "warning": "#ffbe71",
-        },
-        "listItemContainerBackground": "#ffffff",
-      },
-      "opacity": {
-        "disabled": 0.38,
-        "enabled": 1,
-      },
-      "radii": {
-        "basicItem": 4,
-        "item": 8,
-        "leadingStatus": 999,
-      },
-      "shadows": {
-        "card": {
-          "elevation": 6,
-          "shadowColor": "#001f23",
-          "shadowOffset": {
-            "height": 2,
-            "width": 0,
-          },
-          "shadowOpacity": 0.12,
-          "shadowRadius": 2,
-        },
-      },
-      "space": {
-        "childrenContainerTopMargin": 7.846153846153847,
-        "leadingStatusMarginRight": 7.846153846153847,
-        "listItemContainerPadding": 15.692307692307693,
-        "prefixContainerMarginRight": 7.846153846153847,
-        "suffixContainerMarginLeft": 7.846153846153847,
-      },
-      "widths": {
-        "leadingStatus": 8,
-      },
-    },
-    "mapPin": {
-      "borderWidths": {
-        "default": 4,
-      },
-      "colors": {
-        "background": "#ffffff",
-        "badge": "#795e90",
-        "badgeIcon": "#ffffff",
-        "border": {
-          "applied": "#795e90",
-          "idle": "#ffffff",
-          "selected": "#795e90",
-        },
-        "icon": "#000000",
-      },
-      "fontSizes": {
-        "icon": 42,
-      },
-      "radii": {
-        "badge": 999,
-        "default": 12,
-      },
-      "shadows": {
-        "color": "#001f23",
-        "elevation": 10,
-        "offset": {
-          "height": 4,
-          "width": 0,
-        },
-        "opacity": 0.28,
-        "radius": 8,
-      },
-      "sizes": {
-        "badge": 23.53846153846154,
-        "default": 42,
-      },
-      "space": {
-        "iconRight": -7.846153846153847,
-        "iconTop": -7.846153846153847,
-      },
-    },
-    "pageControl": {
-      "colors": {
-        "paginatorBackgroundColor": "#401960",
-      },
-      "radii": {
-        "paginatorBorderRadius": 999,
-      },
-      "sizes": {
-        "indicatorWidth": 15.692307692307693,
-        "paginatorHeight": 7.846153846153847,
-        "paginatorWidth": 7.846153846153847,
-      },
-      "space": {
-        "paginatorMarginHorizontal": 7.846153846153847,
-      },
-    },
-    "pinInput": {
-      "borderWidths": {
-        "default": 1,
-        "focused": 2,
-      },
-      "colors": {
-        "default": "#001f23",
-        "disabled": "#bfc1c5",
-        "error": "#cb300a",
-        "mask": "#001f23",
-      },
-      "fontSizes": {
-        "cellText": 27.46153846153846,
-        "errorMessage": 11.76923076923077,
-        "hiddenInputText": 41.19230769230769,
-      },
-      "fonts": {
-        "cellText": "BeVietnamPro-SemiBold",
-        "errorMessage": "BeVietnamPro-Regular",
-      },
-      "lineHeights": {
-        "cellText": 35.46153846153846,
-        "errorMessage": 11.76923076923077,
-      },
-      "radii": {
-        "cell": 8,
-        "mask": 999,
-      },
-      "sizes": {
-        "cellHeight": 47.07692307692308,
-        "cellWidth": 39.230769230769226,
-        "mask": 15.692307692307693,
-      },
-      "space": {
-        "errorMessagePadding": 3.9230769230769234,
-        "hiddenInputHorrizontalPadding": 7.846153846153847,
-        "hiddenInputText": 3.9230769230769234,
-        "spacer": 15.692307692307693,
-      },
-    },
-    "progress": {
-      "colors": {
-        "completeness": {
-          "archived": "#606065",
-          "archivedInverted": "#ffffff",
-          "danger": "#f46363",
-          "dangerInverted": "#ffffff",
-          "info": "#b5c3fd",
-          "infoInverted": "#ffffff",
-          "primary": "#401960",
-          "primaryInverted": "#ffffff",
-          "success": "#5ace7d",
-          "successInverted": "#ffffff",
-          "warning": "#ffbe71",
-          "warningInverted": "#ffffff",
-        },
-        "incompleteness": {
-          "archived": "#000000",
-          "archivedInverted": "#000000",
-          "danger": "#000000",
-          "dangerInverted": "#000000",
-          "info": "#000000",
-          "infoInverted": "#000000",
-          "primary": "#000000",
-          "primaryInverted": "#000000",
-          "success": "#000000",
-          "successInverted": "#000000",
-          "warning": "#000000",
-          "warningInverted": "#000000",
-        },
-        "step": {
-          "complete": "#401960",
-          "current": "#ccd2d3",
-          "incomplete": "#dadbde",
-        },
-      },
-      "radii": {
-        "default": 999,
-      },
-      "sizes": {
-        "barHeight": 7.846153846153847,
-        "circleCompletenessHeight": 7.846153846153847,
-        "circleDiameter": 70.61538461538461,
-        "stepHeight": 7.846153846153847,
-      },
-      "space": {
-        "stepGap": 3.9230769230769234,
-      },
-    },
-    "radio": {
-      "borderWidths": {
-        "circle": 2,
-      },
-      "colors": {
-        "checked": "#ece8ef",
-        "circle": "#401960",
-        "intents": {
-          "dark": "#f6f6f7",
-          "light": "#ffffff",
-        },
-      },
-      "sizes": {
-        "circle": 19.615384615384617,
-        "innerCircle": 9.807692307692308,
-      },
-      "space": {
-        "circleLeftMargin": 7.846153846153847,
-        "groupTopMarginMedium": 15.692307692307693,
-        "groupTopMarginSmall": 3.9230769230769234,
-      },
-    },
-    "rate": {
-      "colors": {
-        "iconStroke": "#401960",
-      },
-      "spaces": {
-        "iconWrapperMarginRight": 3.9230769230769234,
-        "iconWrapperPadding": 7.846153846153847,
-      },
-    },
-    "refreshControl": {
-      "colors": {
-        "indicator": "#401960",
-      },
-    },
-    "richTextEditor": {
-      "colors": {
-        "text": "#001f23",
-        "toolbarBackgroundColor": "#f6f6f7",
-        "toolbarBorderColor": "#e8e9ea",
-        "toolbarButtonSelectedBackground": "#ece8ef",
-      },
-      "fontSizes": {
-        "editor": 13.73076923076923,
-      },
-      "radii": {
-        "mention": 8,
-      },
-      "sizes": {
-        "editorMinHeight": 23.53846153846154,
-        "toolbarButtonSize": 47.07692307692308,
-        "toolbarSeparatorHeight": 15.692307692307693,
-        "toolbarSeparatorWidth": 1.9615384615384617,
-      },
-      "space": {
-        "editorPadding": 15.692307692307693,
-        "mention": 3.9230769230769234,
-        "toolbarHorizontalPadding": 7.846153846153847,
-        "wrapperMarginBottom": 15.692307692307693,
-      },
-    },
-    "search": {
-      "borderWidths": {
-        "container": {
-          "default": 1,
-        },
-      },
-      "colors": {
-        "basic": {
-          "border": "#f6f6f7",
-          "containerBackground": "#f6f6f7",
-        },
-        "placeholder": "#4d6265",
-        "reversed": {
-          "border": "#e8e9ea",
-          "containerBackground": "#ffffff",
-        },
-        "shadow": "#001f23",
-        "suffixBackground": "#ffffff",
-        "text": "#001f23",
-      },
-      "fontSizes": {
-        "text": 15.692307692307693,
-      },
-      "fonts": {
-        "text": "BeVietnamPro-Regular",
-      },
-      "radii": {
-        "container": 999,
-        "surfix": 999,
-      },
-      "shadows": {
-        "container": {
-          "elevation": 6,
-          "shadowColor": "#001f23",
-          "shadowOffset": {
-            "height": 2,
-            "width": 0,
-          },
-          "shadowOpacity": 0.12,
-          "shadowRadius": 2,
-        },
-      },
-      "sizes": {
-        "surfixSize": 39.230769230769226,
-      },
-      "space": {
-        "badgeRight": -1.9615384615384617,
-        "badgeTop": -1.9615384615384617,
-        "containerHorizontalPadding": 7.846153846153847,
-        "containerVerticalPadding": 7.846153846153847,
-        "inputHorizontalMargin": 7.846153846153847,
-        "inputVerticalPadding": 1.9615384615384617,
-        "prefixHorizontalPadding": 3.9230769230769234,
-        "surfixPadding": 7.846153846153847,
-      },
-    },
-    "sectionHeading": {
-      "colors": {
-        "background": "#f6f6f7",
-        "backgroundSmall": "#ccd2d3",
-      },
-      "space": {
-        "headingHorizontalPadding": 15.692307692307693,
-        "headingMarginBottom": 15.692307692307693,
-        "headingVerticalPadding": 7.846153846153847,
-        "iconMarginRight": 11.76923076923077,
-      },
-    },
-    "segmentedControl": {
-      "colors": {
-        "itemBackground": {
-          "active": "#ffffff",
-          "inactive": "transparent",
-        },
-        "wrapperBackground": "#f6f6f7",
-      },
-      "lineHeights": {
-        "itemText": undefined,
-      },
-      "radii": {
-        "item": {
-          "large": 16,
-          "medium": 12,
-        },
-        "wrapper": {
-          "large": 20,
-          "medium": 16,
-        },
-      },
-      "shadows": {
-        "item": {
-          "active": {
-            "elevation": 6,
-            "shadowColor": "#001f23",
-            "shadowOffset": {
-              "height": 2,
-              "width": 0,
-            },
-            "shadowOpacity": 0.12,
-            "shadowRadius": 2,
-          },
-          "inactive": undefined,
-        },
-      },
-      "sizes": {
-        "itemHeight": {
-          "large": 35.30769230769231,
-          "medium": 27.46153846153846,
-        },
-        "wrapperHeight": {
-          "large": 43.15384615384615,
-          "medium": 35.30769230769231,
-        },
-      },
-      "space": {
-        "itemAffixGap": 7.846153846153847,
-        "itemLabelGap": 3.9230769230769234,
-        "itemLabelMarginEnd": 11.76923076923077,
-        "wrapperHorizontalPadding": 3.9230769230769234,
-      },
-    },
-    "select": {
-      "radii": {
-        "option": 4,
-      },
-      "space": {
-        "minimumOptionListHeight": 274.6153846153846,
-        "optionListHorizontalPadding": 11.76923076923077,
-        "optionSpacing": 3.9230769230769234,
-        "searchBarBottomSpacing": 7.846153846153847,
-        "searchBarHorizontalSpacing": 15.692307692307693,
-        "searchBarMarginTopSpacing": 7.846153846153847,
-        "sectionSpacing": 11.76923076923077,
-        "singleSelectContentPaddingBottom": 15.692307692307693,
-        "suffixMarginRight": 11.76923076923077,
-      },
-    },
-    "skeleton": {
-      "colors": {
-        "darkBackground": "#ffffff",
-        "darkGradientEnd": "#dadbde",
-        "darkGradientStart": "#ffffff",
-        "lightBackground": "#f6f6f7",
-        "lightGradientEnd": "#dadbde",
-        "lightGradientStart": "#f6f6f7",
-      },
-      "radii": {
-        "circular": 999,
-        "rectangular": 0,
-        "rounded": 16,
-      },
-    },
-    "slider": {
-      "colors": {
-        "disabledSelectedTrack": "#b3a3bf",
-        "disabledThumb": "#b3a3bf",
-        "disabledUnselectedTrack": "#999999",
-        "selectedTrack": "#401960",
-        "thumb": "#401960",
-        "unselectedTrack": "rgba(0,0,0,0.1)",
-      },
-      "radii": {
-        "marker": 999,
-      },
-      "shadows": {
-        "marker": {
-          "elevation": 6,
-          "shadowColor": "#001f23",
-          "shadowOffset": {
-            "height": 2,
-            "width": 0,
-          },
-          "shadowOpacity": 0.12,
-          "shadowRadius": 2,
-        },
-      },
-      "sizes": {
-        "markerBorderRadius": 999,
-        "markerHeight": 23.53846153846154,
-        "markerWidth": 23.53846153846154,
-        "trackHeight": 3.9230769230769234,
-      },
-    },
-    "spinner": {
-      "colors": {
-        "dot": {
-          "inverted": "#ffffff",
-          "primary": "#401960",
-        },
-      },
-      "radii": {
-        "default": 999,
-      },
-      "space": {
-        "spinnerDot": {
-          "medium": 15.692307692307693,
-          "small": 7.846153846153847,
-        },
-        "spinnerDotPadding": {
-          "medium": 7.846153846153847,
-          "small": 3.9230769230769234,
-        },
-        "spinnerTextPaddingTop": {
-          "medium": 7.846153846153847,
-          "small": 3.9230769230769234,
-        },
-      },
-    },
-    "success": {
-      "colors": {
-        "description": "#4d6265",
-        "fullScreenBackground": "#ffffff",
-        "inPageBackground": "#f6f6f7",
-        "title": "#001f23",
-      },
-      "fontSizes": {
-        "description": 17.653846153846153,
-        "title": 23.53846153846154,
-      },
-      "fonts": {
-        "description": "Saiga-Regular",
-        "title": "Saiga-Medium",
-      },
-      "sizes": {
-        "icon": 70.61538461538461,
-        "image": 172.6153846153846,
-      },
-      "space": {
-        "button": {
-          "margin": 15.692307692307693,
-          "padding": 15.692307692307693,
-          "secondaryCTAMarginTop": 15.692307692307693,
-          "wrapperHorizontalPadding": 23.53846153846154,
-          "wrapperVerticalPadding": 47.07692307692308,
-        },
-        "imageMarginBottom": 31.384615384615387,
-        "titleMarginBottom": 7.846153846153847,
-        "wrapperPadding": 23.53846153846154,
-      },
-    },
-    "swipeable": {
-      "colors": {
-        "danger": "#f46363",
-        "defaultContainerBackground": "#ffffff",
-        "primary": "#401960",
-        "success": "#5ace7d",
-      },
-      "radii": {
-        "swipeableContainer": 8,
-      },
-      "space": {
-        "containerExtraWidth": 3.9230769230769234,
-      },
-    },
-    "switch": {
-      "colors": {
-        "backgroundColors": {
-          "checked": "#33144d",
-          "disabled-checked": "#808f91",
-          "disabled-unchecked": "#808f91",
-          "unchecked": "#808f91",
-        },
-        "selector": {
-          "background": "#f6f6f7",
-          "textBackground": "#ccd2d3",
-        },
-        "thumb": "#ffffff",
-      },
-      "radii": {
-        "rounded": 999,
-        "selector": {
-          "default": 999,
-        },
-      },
-      "sizes": {
-        "height": 23.53846153846154,
-        "selector": {
-          "height": 39.230769230769226,
-        },
-        "thumb": 15.692307692307693,
-        "width": 47.07692307692308,
-      },
-      "spaces": {
-        "paddingHorizontal": 3.9230769230769234,
-        "selector": {
-          "iconPadding": 15.692307692307693,
-          "wrapperHorizontalPadding": 3.9230769230769234,
-        },
-      },
-    },
-    "tabs": {
-      "borderWidths": {
-        "headerBottom": 2,
-      },
-      "colors": {
-        "active": "#001f23",
-        "activeBackground": "#ccd2d3",
-        "headerBackground": "#ffffff",
-        "headerBottom": "#e8e9ea",
-        "inactive": "#001f23",
-        "indicator": "#401960",
-        "text": "#001f23",
-      },
-      "radii": {
-        "outline": 16,
-      },
-      "sizes": {
-        "indicator": 1.9615384615384617,
-      },
-      "space": {
-        "flatListHorizontalPadding": 7.846153846153847,
-        "itemHorizontalPadding": 7.846153846153847,
-        "itemMargin": 11.76923076923077,
-        "itemVerticalPadding": 7.846153846153847,
-        "outlineHorizontalPadding": 7.846153846153847,
-        "outlineVerticalPadding": 3.9230769230769234,
-        "tabIndicatorBottom": -1.9615384615384617,
-      },
-    },
-    "tag": {
-      "borderWidths": {
-        "default": 1,
-      },
-      "colors": {
-        "archived": "#606065",
-        "archivedBackground": "#dadbde",
-        "danger": "#cb300a",
-        "dangerBackground": "#fcebe7",
-        "info": "#355bfb",
-        "infoBackground": "#ecf0ff",
-        "primary": "#401960",
-        "primaryBackground": "#ece8ef",
-        "success": "#017d6d",
-        "successBackground": "#f0fef4",
-        "text": "#001f23",
-        "warning": "#ac5d00",
-        "warningBackground": "#fff6eb",
-      },
-      "fontSizes": {
-        "default": 11.76923076923077,
-      },
-      "fonts": {
-        "default": "BeVietnamPro-SemiBold",
-      },
-      "lineHeights": {
-        "default": 15.76923076923077,
-      },
-      "radii": {
-        "default": 4,
-      },
-      "space": {
-        "horizontalPadding": 7.846153846153847,
-        "verticalPadding": 3.9230769230769234,
-      },
-    },
-    "textInput": {
-      "borderWidths": {
-        "container": {
-          "focused": 2,
-          "normal": 2,
-        },
-      },
-      "colors": {
-        "asterisks": {
-          "default": "#cb300a",
-          "disabled": "#bfc1c5",
-          "error": "#cb300a",
-          "filled": "#cb300a",
-          "readonly": "#808f91",
-        },
-        "borders": {
-          "default": "#e8e9ea",
-          "disabled": "#bfc1c5",
-          "error": "#cb300a",
-          "filled": "#e8e9ea",
-          "focused": "#001f23",
-          "readonly": "#bfc1c5",
-        },
-        "containerBackground": "#ffffff",
-        "error": "#cb300a",
-        "labelBackground": "#ffffff",
-        "labels": {
-          "default": "#808f91",
-          "disabled": "#bfc1c5",
-          "error": "#cb300a",
-          "filled": "#808f91",
-          "focused": "#001f23",
-          "readonly": "#808f91",
-        },
-        "labelsInsideTextInput": {
-          "default": "#001f23",
-          "disabled": "#bfc1c5",
-          "error": "#001f23",
-          "filled": "#001f23",
-          "readonly": "#808f91",
-        },
-        "maxLengthLabels": {
-          "default": "#001f23",
-          "disabled": "#bfc1c5",
-          "error": "#cb300a",
-          "filled": "#001f23",
-          "focused": "#001f23",
-          "readonly": "#808f91",
-        },
-        "placeholder": {
-          "default": "#001f23",
-          "disabled": "#bfc1c5",
-          "error": "#001f23",
-          "filled": "#001f23",
-          "readonly": "#001f23",
-        },
-        "text": "#001f23",
-      },
-      "fontSizes": {
-        "asteriskLabel": 15.692307692307693,
-        "error": 11.76923076923077,
-        "labelInsideTextInput": 15.692307692307693,
-        "maxLength": 11.76923076923077,
-        "text": 15.692307692307693,
-        "topLabel": 11.76923076923077,
-      },
-      "fonts": {
-        "text": "BeVietnamPro-Regular",
-      },
-      "lineHeights": {
-        "topLabel": 11.846153846153847,
-      },
-      "radii": {
-        "container": 8,
-      },
-      "sizes": {
-        "containerMinHeight": 54.92307692307692,
-        "errorAndHelpTextContainerHeight": 0,
-        "textInputMaxHeight": 141.23076923076923,
-        "textInputMinHeight": 23.53846153846154,
-        "textareaHeight": 141.23076923076923,
-      },
-      "space": {
-        "containerMarginTop": 7.846153846153847,
-        "containerPadding": 15.692307692307693,
-        "errorAndHelpTextContainerHorizontalPadding": 15.692307692307693,
-        "errorAndHelpTextContainerMarginTop": 1.9615384615384617,
-        "errorAndHelpTextContainerPaddingTop": 1.9615384615384617,
-        "errorContainerMarginRight": 3.9230769230769234,
-        "errorMarginLeft": 3.9230769230769234,
-        "inputHorizontalMargin": 7.846153846153847,
-        "inputWrapperMarginVertical": 7.846153846153847,
-        "labelHorizontalPadding": 3.9230769230769234,
-        "labelInsideTextInputMarginTop": -1.9615384615384617,
-        "labelLeft": 31.384615384615387,
-        "labelPaddingBottom": 7.846153846153847,
-        "labelTop": 10.461538461538462,
-        "prefixAndInputContainerGap": 3.9230769230769234,
-      },
-    },
-    "timePicker": {
-      "sizes": {
-        "height": 172.6153846153846,
-      },
-    },
-    "toast": {
-      "borderWidths": {
-        "base": 1,
-      },
-      "colors": {
-        "backgrounds": {
-          "error": "#fcebe7",
-          "info": "#ecf0ff",
-          "notification": "#ffffff",
-          "snackbar": "#001f23",
-          "success": "#f0fef4",
-          "warning": "#fff6eb",
-        },
-        "divider": "#e8e9ea",
-        "texts": {
-          "error": "#cb300a",
-          "info": "#355bfb",
-          "notification": "#001f23",
-          "snackbar": "#ffffff",
-          "success": "#017d6d",
-          "warning": "#ac5d00",
-        },
-      },
-      "radii": {
-        "default": 16,
-      },
-      "shadows": {
-        "wrapper": {
-          "elevation": 6,
-          "shadowColor": "#001f23",
-          "shadowOffset": {
-            "height": 2,
-            "width": 0,
-          },
-          "shadowOpacity": 0.12,
-          "shadowRadius": 2,
-        },
-      },
-      "sizes": {
-        "height": 47.07692307692308,
-      },
-      "space": {
-        "contentVerticalPadding": 11.76923076923077,
-        "ctaPadding": 11.76923076923077,
-        "iconLeftPadding": 11.76923076923077,
-        "textHorizontalPadding": 11.76923076923077,
-        "wrapperHorizontalPadding": 15.692307692307693,
-        "wrapperVerticalPadding": 23.53846153846154,
-      },
-    },
-    "toolbar": {
-      "borderWidths": {
-        "default": 1,
-      },
-      "colors": {
-        "background": "#ffffff",
-        "border": "#e8e9ea",
-        "danger": "#cb300a",
-        "disabled": "#bfc1c5",
-        "iconButtonBackground": "#ece8ef",
-        "info": "#b5c3fd",
-        "inputContainerBackground": "#f6f6f7",
-        "placeholder": "#4d6265",
-        "primary": "#401960",
-        "secondary": "#4d6265",
-        "success": "#5ace7d",
-        "text": "#001f23",
-      },
-      "fontSizes": {
-        "text": 15.692307692307693,
-      },
-      "fonts": {
-        "text": "BeVietnamPro-Regular",
-      },
-      "radii": {
-        "iconButtonWrapperBorderRadius": 24,
-        "messageContainer": 999,
-      },
-      "sizes": {
-        "itemWrapperHeight": 62.769230769230774,
-        "messageInputHeight": 39.230769230769226,
-        "messageWrapperHeight": 62.769230769230774,
-      },
-      "space": {
-        "affixInnerMargin": 15.692307692307693,
-        "horizontalPadding": 7.846153846153847,
-        "iconButtonLabelMarginLeft": 7.846153846153847,
-        "iconButtonWrapperPadding": 11.76923076923077,
-        "messageInputPaddingHorizontal": 11.76923076923077,
-        "messageInputPaddingVertical": 7.846153846153847,
-        "messageWrapperMarginHorizontal": 7.846153846153847,
-        "messageWrapperPaddingHorizontal": 7.846153846153847,
-        "messageWrapperPaddingVertical": 11.76923076923077,
-        "verticalPadding": 7.846153846153847,
-      },
-    },
-    "typography": {
-      "colors": {
-        "archived": "#606065",
-        "body": "#001f23",
-        "danger": "#cb300a",
-        "disabled": "#bfc1c5",
-        "inactive": "#808f91",
-        "info": "#355bfb",
-        "inverted": "#ffffff",
-        "muted": "#4d6265",
-        "primary": "#401960",
-        "secondary": "#795e90",
-        "subdued": "#4d6265",
-        "success": "#5ace7d",
-        "warning": "#ffbe71",
-      },
-      "fontSizes": {
-        "6xlarge": 35.30769230769231,
-        "7xlarge": 41.19230769230769,
-        "body": {
-          "neutral": {
-            "regular": 15.692307692307693,
-            "small": 13.73076923076923,
-          },
-          "playful": {
-            "regular": 17.653846153846153,
-            "small": 15.692307692307693,
-          },
-        },
-        "caption": 11.76923076923077,
-        "label": 9.807692307692307,
-        "large": 15.692307692307693,
-        "medium": 13.73076923076923,
-        "small": 11.76923076923077,
-        "titles": {
-          "neutral": {
-            "h1": 41.19230769230769,
-            "h2": 31.384615384615387,
-            "h3": 27.46153846153846,
-            "h4": 23.53846153846154,
-            "h5": 17.653846153846153,
-            "h6": 17.653846153846153,
-          },
-          "playful": {
-            "h1": 35.30769230769231,
-            "h2": 31.384615384615387,
-            "h3": 27.46153846153846,
-            "h4": 23.53846153846154,
-            "h5": 17.653846153846153,
-            "h6": 15.692307692307693,
-          },
-        },
-        "xlarge": 17.653846153846153,
-        "xsmall": 9.807692307692307,
-        "xxxlarge": 23.53846153846154,
-        "xxxxlarge": 27.46153846153846,
-        "xxxxxlarge": 31.384615384615387,
-      },
-      "fontWeights": {
-        "titles": {
-          "neutral": {
-            "h1": "BeVietnamPro-Regular",
-            "h1Italic": "BeVietnamPro-RegularItalic",
-            "h2": "BeVietnamPro-SemiBold",
-            "h2Italic": "BeVietnamPro-SemiBoldItalic",
-            "h3": "BeVietnamPro-SemiBold",
-            "h3Italic": "BeVietnamPro-SemiBoldItalic",
-            "h4": "BeVietnamPro-SemiBold",
-            "h4Italic": "BeVietnamPro-SemiBoldItalic",
-            "h5": "BeVietnamPro-SemiBold",
-            "h5Italic": "BeVietnamPro-SemiBoldItalic",
-            "h6": "BeVietnamPro-Regular",
-            "h6Italic": "BeVietnamPro-RegularItalic",
-          },
-          "playful": {
-            "h1": "Saiga-Medium",
-            "h1Italic": "Saiga-MediumItalic",
-            "h2": "Saiga-Medium",
-            "h2Italic": "Saiga-MediumItalic",
-            "h3": "Saiga-Medium",
-            "h3Italic": "Saiga-MediumItalic",
-            "h4": "Saiga-Medium",
-            "h4Italic": "Saiga-MediumItalic",
-            "h5": "Saiga-Medium",
-            "h5Italic": "Saiga-MediumItalic",
-            "h6": "Saiga-Regular",
-            "h6Italic": "Saiga-RegularItalic",
-          },
-        },
-      },
-      "fonts": {
-        "neutral": {
-          "light": "BeVietnamPro-Light",
-          "lightItalic": "BeVietnamPro-LightItalic",
-          "regular": "BeVietnamPro-Regular",
-          "regularItalic": "BeVietnamPro-RegularItalic",
-          "semiBold": "BeVietnamPro-SemiBold",
-          "semiBoldItalic": "BeVietnamPro-SemiBoldItalic",
-        },
-        "playful": {
-          "light": "Saiga-Light",
-          "lightItalic": "Saiga-LightItalic",
-          "regular": "Saiga-Regular",
-          "regularItalic": "Saiga-RegularItalic",
-          "semiBold": "Saiga-Medium",
-          "semiBoldItalic": "Saiga-MediumItalic",
-        },
-      },
-      "letterSpacings": {
-        "body": {
-          "neutral": {
-            "regular": 0.48,
-            "semiBold": 0.24,
-            "small": 0.48,
-          },
-          "playful": {
-            "regular": 0.54,
-            "semiBold": 0.54,
-            "small": 0.54,
-          },
-        },
-        "titles": {
-          "neutral": {
-            "h1": 0,
-            "h2": 1.5,
-            "h3": 0.24,
-            "h4": 0,
-            "h5": 0.24,
-            "h6": 0.48,
-          },
-          "playful": {
-            "h1": 1.5,
-            "h2": 1.5,
-            "h3": 0.24,
-            "h4": 0.24,
-            "h5": 0.24,
-            "h6": 0.48,
-          },
-        },
-      },
-      "lineHeights": {
-        "6xlarge": 43.30769230769231,
-        "7xlarge": 49.19230769230769,
-        "body": {
-          "neutral": {
-            "regular": 23.692307692307693,
-            "small": 21.73076923076923,
-          },
-          "playful": {
-            "regular": 25.653846153846153,
-            "small": 23.692307692307693,
-          },
-        },
-        "caption": 15.76923076923077,
-        "label": 13.807692307692307,
-        "large": 23.692307692307693,
-        "medium": 21.73076923076923,
-        "small": 15.76923076923077,
-        "titles": {
-          "neutral": {
-            "h1": 49.19230769230769,
-            "h2": 39.38461538461539,
-            "h3": 35.46153846153846,
-            "h4": 31.53846153846154,
-            "h5": 27.615384615384613,
-            "h6": 27.615384615384613,
-          },
-          "playful": {
-            "h1": 43.30769230769231,
-            "h2": 39.38461538461539,
-            "h3": 35.46153846153846,
-            "h4": 31.53846153846154,
-            "h5": 25.653846153846153,
-            "h6": 27.615384615384613,
-          },
-        },
-        "xlarge": 25.653846153846153,
-        "xsmall": 13.807692307692307,
-        "xxxlarge": 31.53846153846154,
-        "xxxxlarge": 35.46153846153846,
-        "xxxxxlarge": 39.38461538461539,
-      },
-    },
-  },
-  "borderWidths": {
-    "base": 1,
-    "medium": 2,
-  },
-  "colors": {
-    "archived": "#abacaf",
-    "archivedSurface": "#dadbde",
-    "black": "#000000",
-    "darkGlobalSurface": "#001f23",
-    "decorativePrimary": "#ffffff",
-    "decorativePrimarySurface": "#ccd2d3",
-    "defaultGlobalSurface": "#ffffff",
-    "defaultSurface": "#f6f6f7",
-    "disabledOnDefaultGlobalSurface": "#bfc1c5",
-    "disabledOutline": "#bfc1c5",
-    "error": "#f46363",
-    "errorSurface": "#fcebe7",
-    "highlightedSurface": "#ece8ef",
-    "inactiveOnDefaultGlobalSurface": "#808f91",
-    "inactiveOutline": "#808f91",
-    "info": "#b5c3fd",
-    "infoSurface": "#ecf0ff",
-    "mutedArchived": "#bcbdbf",
-    "mutedError": "#f68282",
-    "mutedInfo": "#c4cffd",
-    "mutedOnDefaultGlobalSurface": "#4d6265",
-    "mutedSuccess": "#7bd897",
-    "mutedWarning": "#ffcb8d",
-    "neutralGlobalSurface": "#f6f6f7",
-    "onArchivedSurface": "#606065",
-    "onDarkGlobalSurface": "#ffffff",
-    "onDefaultGlobalSurface": "#001f23",
-    "onErrorSurface": "#cb300a",
-    "onInfoSurface": "#355bfb",
-    "onPrimary": "#ffffff",
-    "onSecondary": "#ffffff",
-    "onSuccessSurface": "#017d6d",
-    "onWarningSurface": "#ac5d00",
-    "overlayGlobalSurface": "#000000",
-    "pressedSurface": "#33144d",
-    "primary": "#401960",
-    "primaryOutline": "#001f23",
-    "secondary": "#795e90",
-    "secondaryOutline": "#e8e9ea",
-    "success": "#5ace7d",
-    "successSurface": "#f0fef4",
-    "warning": "#ffbe71",
-    "warningSurface": "#fff6eb",
-    "white": "#ffffff",
-  },
-  "fontSizes": {
-    "6xlarge": 35.30769230769231,
-    "7xlarge": 41.19230769230769,
-    "large": 15.692307692307693,
-    "medium": 13.73076923076923,
-    "small": 11.76923076923077,
-    "xlarge": 17.653846153846153,
-    "xsmall": 9.807692307692307,
-    "xxlarge": 19.615384615384613,
-    "xxxlarge": 23.53846153846154,
-    "xxxxlarge": 27.46153846153846,
-    "xxxxxlarge": 31.384615384615387,
-  },
-  "fonts": {
-    "neutral": {
-      "light": "BeVietnamPro-Light",
-      "lightItalic": "BeVietnamPro-LightItalic",
-      "regular": "BeVietnamPro-Regular",
-      "regularItalic": "BeVietnamPro-RegularItalic",
-      "semiBold": "BeVietnamPro-SemiBold",
-      "semiBoldItalic": "BeVietnamPro-SemiBoldItalic",
-    },
-    "playful": {
-      "light": "Saiga-Light",
-      "lightItalic": "Saiga-LightItalic",
-      "regular": "Saiga-Regular",
-      "regularItalic": "Saiga-RegularItalic",
-      "semiBold": "Saiga-Medium",
-      "semiBoldItalic": "Saiga-MediumItalic",
-    },
-  },
-  "lineHeights": {
-    "6xlarge": 43.30769230769231,
-    "7xlarge": 49.19230769230769,
-    "large": 23.692307692307693,
-    "medium": 21.73076923076923,
-    "small": 15.76923076923077,
-    "xlarge": 25.653846153846153,
-    "xsmall": 13.807692307692307,
-    "xxlarge": 27.615384615384613,
-    "xxxlarge": 31.53846153846154,
-    "xxxxlarge": 35.46153846153846,
-    "xxxxxlarge": 39.38461538461539,
-  },
-  "radii": {
-    "5xlarge": 32,
-    "base": 4,
-    "large": 12,
-    "medium": 8,
-    "rounded": 999,
-    "xlarge": 16,
-    "xxlarge": 20,
-    "xxxlarge": 24,
-  },
-  "shadows": {
-    "deep": {
-      "elevation": 10,
-      "shadowColor": "#001f23",
-      "shadowOffset": {
-        "height": 4,
-        "width": 0,
-      },
-      "shadowOpacity": 0.28,
-      "shadowRadius": 8,
-    },
-    "default": {
-      "elevation": 6,
-      "shadowColor": "#001f23",
-      "shadowOffset": {
-        "height": 2,
-        "width": 0,
-      },
-      "shadowOpacity": 0.12,
-      "shadowRadius": 2,
-    },
-    "medium": {
-      "elevation": 10,
-      "shadowColor": "#001f23",
-      "shadowOffset": {
-        "height": -4,
-        "width": 0,
-      },
-      "shadowOpacity": 0.04,
-      "shadowRadius": 6,
-    },
-  },
-  "sizes": {
-    "14xlarge": 133.3846153846154,
-    "15xlarge": 141.23076923076923,
-    "18xlarge": 164.76923076923077,
-    "19xlarge": 172.6153846153846,
-    "5xlarge": 62.769230769230774,
-    "6xlarge": 70.61538461538461,
-    "7xlarge": 78.46153846153845,
-    "9xlarge": 94.15384615384616,
-    "large": 23.53846153846154,
-    "medium": 15.692307692307693,
-    "small": 7.846153846153847,
-    "smallMedium": 11.76923076923077,
-    "xlarge": 31.384615384615387,
-    "xsmall": 3.9230769230769234,
-    "xxlarge": 39.230769230769226,
-    "xxsmall": 1.9615384615384617,
-    "xxxlarge": 47.07692307692308,
-    "xxxxlarge": 54.92307692307692,
-    "xxxxxlarge": 62.769230769230774,
-  },
-  "space": {
-    "5xlarge": 62.769230769230774,
-    "large": 23.53846153846154,
-    "medium": 15.692307692307693,
-    "small": 7.846153846153847,
-    "smallMedium": 11.76923076923077,
-    "xlarge": 31.384615384615387,
-    "xsmall": 3.9230769230769234,
-    "xxlarge": 39.230769230769226,
-    "xxsmall": 1.9615384615384617,
-    "xxxlarge": 47.07692307692308,
-    "xxxxlarge": 54.92307692307692,
-  },
-  "themeMode": undefined,
-}
-`;