@altruist03/ui 0.0.0-stage → 0.2.0

package/src/tokens/components/fileupload.json

@@ -0,0 +1,57 @@
+{
+  "fileupload": {
+    "size": {
+      "sm": {
+        "height": "{semantic.size.sm.height}",
+        "padding": "{semantic.size.sm.paddingY} {semantic.size.sm.paddingX}",
+        "fontSize": "{semantic.size.sm.fontSize}",
+        "borderRadius": "{radius.lg}"
+      },
+      "md": {
+        "height": "{semantic.size.md.height}",
+        "padding": "{semantic.size.md.paddingY} {semantic.size.md.paddingX}",
+        "fontSize": "{semantic.size.md.fontSize}",
+        "borderRadius": "{radius.xl}"
+      },
+      "lg": {
+        "height": "{semantic.size.lg.height}",
+        "padding": "{semantic.size.lg.paddingY} {semantic.size.lg.paddingX}",
+        "fontSize": "{semantic.size.lg.fontSize}",
+        "borderRadius": "{radius.xl}"
+      }
+    },
+    "container": {
+      "borderRadius": "{radius.xl}",
+      "background": "{color.background.default}",
+      "backgroundWhite": "{colors.white}",
+      "border": "1px solid {color.border.transparent}",
+      "borderFocus": "{semantic.field.border.focus}",
+      "borderError": "{semantic.field.border.error}",
+      "gap": "{spacing.3}"
+    },
+    "label": {
+      "fontSize": "{typography.label.medium.fontSize}",
+      "fontWeight": "{typography.label.medium.fontWeight}",
+      "fontFamily": "{typography.label.medium.fontFamily}",
+      "color": "{semantic.field.labelColor}",
+      "requiredColor": "{semantic.field.labelRequiredColor}",
+      "marginBottom": "{spacing.2}"
+    },
+    "button": {
+      "fontWeight": "{typography.label.medium.fontWeight}",
+      "fontFamily": "{typography.body.medium.fontFamily}",
+      "color": "{color.text.fileupload}",
+      "background": "{color.background.default}",
+      "border": "{color.border.default}",
+      "borderRadius": "{radius.md}"
+    },
+    "placeholder": {
+      "fontFamily": "{typography.body.medium.fontFamily}",
+      "fontSize": "{typography.body.medium.fontSize}",
+      "color": "{color.text.secondary}"
+    },
+    "disabled": {
+      "opacity": "{semantic.opacity.disabled}"
+    }
+  }
+}

package/src/tokens/components/filterpopover.json

@@ -0,0 +1,29 @@
+{
+  "filterpopover": {
+    "minWidth": "{size.filterpopover.minWidth}",
+    "minHeight": "{size.filterpopover.minHeight}",
+    "padding": "{size.filterpopover.padding}",
+    "borderRadius": "{size.filterpopover.borderRadius}",
+    "innerBorderRadius": "{size.filterpopover.innerBorderRadius}",
+    "background": "{color.background.filterpopover}",
+    "border": "1px solid {color.border.default}",
+    "boxShadow": "0px 3px 15px -3px rgba(16, 24, 40, 0.1), 0px 2px 8px -4px rgba(16, 24, 40, 0.1)",
+    "header": {
+      "background": "{color.background.warm}",
+      "padding": "{spacing.4}",
+      "titleFontSize": "{typography.fontSize.md}",
+      "titleFontWeight": "{typography.fontWeight.medium}",
+      "titleColor": "{color.text.primary}",
+      "marginBottom": "{spacing.0}"
+    },
+    "content": {
+      "padding": "{spacing.4}",
+      "gap": "{spacing.3}"
+    },
+    "footer": {
+      "padding": "{spacing.4}",
+      "gap": "{spacing.4}",
+      "marginTop": "{spacing.0}"
+    }
+  }
+}

package/src/tokens/components/input.json

@@ -0,0 +1,31 @@
+{
+  "input": {
+    "height": "{semantic.size.md.height}",
+    "borderRadius": "{semantic.size.md.radius}",
+    "fontFamily": "{typography.body.medium.fontFamily}",
+    "fontSize": "{semantic.size.md.fontSize}",
+    "label": {
+      "fontSize": "{typography.label.medium.fontSize}",
+      "activeFontSize": "{typography.label.medium.fontSize}",
+      "color": "{color.text.tertiary}",
+      "activeColor": "{color.primary.default}"
+    },
+    "helper": {
+      "fontSize": "{typography.body.small.fontSize}"
+    },
+    "textColor": "{color.text.primary}",
+    "outline": {
+      "default": "{color.border.default}",
+      "active": "{color.border.active}",
+      "error": "{color.error.default}"
+    },
+    "error": {
+      "color": "{color.error.default}"
+    },
+    "background": "{color.background.default}",
+    "padding": {
+      "sm": "{semantic.size.sm.paddingY} {semantic.size.sm.paddingX}",
+      "md": "{semantic.size.md.paddingY} {semantic.size.md.paddingX}"
+    }
+  }
+}

package/src/tokens/components/ipwhitelistfield.json

@@ -0,0 +1,16 @@
+{
+  "ipwhitelistfield": {
+    "label": {
+      "marginTop": "{spacing.3}",
+      "color": "{semantic.field.labelColor}",
+      "requiredColor": "{semantic.field.labelRequiredColor}",
+      "requiredGap": "{spacing.1}"
+    },
+    "row": {
+      "marginTop": "{spacing.4}",
+      "groupGap": "{spacing.3}",
+      "buttonsGap": "{spacing.2}",
+      "width": "{semantic.field.otpWidth}"
+    }
+  }
+}

package/src/tokens/components/loader.json

@@ -0,0 +1,15 @@
+{
+  "loader": {
+    "backdrop": {
+      "background": "{colors.black}",
+      "opacity": "{semantic.opacity.disabled}",
+      "zIndex": "9999"
+    },
+    "dot": {
+      "color": "{color.primary.default}",
+      "size": "{spacing.1}",
+      "activeSpread": "{spacing.1_25}",
+      "gap": "{spacing.5}"
+    }
+  }
+}

package/src/tokens/components/menu.json

@@ -0,0 +1,21 @@
+{
+  "menu": {
+    "minWidth": "{size.menu.minWidth}",
+    "borderRadius": "{radius.2xl}",
+    "padding": "{spacing.component.md}",
+    "marginTop": "{spacing.component.md}",
+    "itemPaddingY": "{spacing.component.md}",
+    "itemPaddingX": "{spacing.component.lg}",
+    "itemIconLabelGap": "{spacing.component.md}",
+    "itemBorderRadius": "{radius.control}",
+    "fontFamily": "{typography.body.large.fontFamily}",
+    "fontSize": "{typography.body.large.fontSize}",
+    "fontWeight": "{typography.body.large.fontWeight}",
+    "lineHeight": "{typography.body.large.lineHeight}",
+    "textColor": "{color.text.primary}",
+    "selectedBackground": "{color.background.secondary}",
+    "hoverBackground": "{color.background.tertiary}",
+    "background": "{color.background.default}",
+    "listMaxHeight": "{size.menu.listMaxHeight}"
+  }
+}

package/src/tokens/components/modal.json

@@ -0,0 +1,25 @@
+{
+  "modal": {
+    "background": "{color.background.dropdown}",
+    "backdrop": {
+      "background": "{color.background.overlay}",
+      "opacityVisible": "1",
+      "opacityHidden": "0"
+    },
+    "radius": "{radius.md}",
+    "padding": "{spacing.component.lg}",
+    "title": {
+      "background": "{color.background.modalHeader}",
+      "color": "{color.text.tableHeader}",
+      "typography": "{typography.heading.h4}"
+    },
+    "size": {
+      "sm": {
+        "width": "{size.modal.sm.width}"
+      },
+      "lg": {
+        "width": "{size.modal.lg.width}"
+      }
+    }
+  }
+}

package/src/tokens/components/pagination.json

@@ -0,0 +1,45 @@
+{
+  "pagination": {
+    "size": {
+      "xs": {
+        "height": "{semantic.size.xs.height}",
+        "minWidth": "{semantic.size.xs.width}",
+        "padding": "{semantic.size.xs.paddingY} {semantic.size.xs.paddingX}",
+        "fontSize": "{typography.body.medium.fontSize}",
+        "borderRadius": "{semantic.size.lg.radius}"
+      },
+      "sm": {
+        "height": "{semantic.size.sm.height}",
+        "minWidth": "{semantic.size.sm.height}",
+        "padding": "{semantic.size.sm.paddingY} {semantic.size.sm.paddingX}",
+        "fontSize": "{semantic.size.sm.fontSize}",
+        "borderRadius": "{semantic.size.lg.radius}"
+      },
+      "md": {
+        "height": "{semantic.size.md.height}",
+        "minWidth": "{semantic.size.md.height}",
+        "padding": "{semantic.size.md.paddingY} {semantic.size.md.paddingX}",
+        "fontSize": "{semantic.size.md.fontSize}",
+        "borderRadius": "{semantic.size.lg.radius}"
+      },
+      "lg": {
+        "height": "{semantic.size.lg.height}",
+        "minWidth": "{semantic.size.lg.height}",
+        "padding": "{semantic.size.lg.paddingY} {semantic.size.lg.paddingX}",
+        "fontSize": "{semantic.size.lg.fontSize}",
+        "borderRadius": "{semantic.size.lg.radius}"
+      }
+    },
+    "item": {
+      "activeBackground": "{color.primary.default}",
+      "activeColor": "{color.text.inverse}",
+      "inactiveColor": "{color.text.primary}",
+      "iconColor": "{color.text.primary}",
+      "hoverBackground": "{color.background.tertiary}",
+      "disabledOpacity": "{semantic.opacity.disabled}"
+    },
+    "gap": "{spacing.2}",
+    "fontFamily": "{typography.body.medium.fontFamily}",
+    "fontWeight": "{typography.label.medium.fontWeight}"
+  }
+}

package/src/tokens/components/phonefield.json

@@ -0,0 +1,41 @@
+{
+  "phonefield": {
+    "size": {
+      "sm": {
+        "borderRadius": "{radius.md}",
+        "selectorWidth": "100"
+      },
+      "md": {
+        "borderRadius": "{radius.md}",
+        "selectorWidth": "110"
+      },
+      "lg": {
+        "borderRadius": "{radius.md}",
+        "selectorWidth": "120"
+      }
+    },
+    "label": {
+      "fontSize": "{typography.label.medium.fontSize}",
+      "fontWeight": "{typography.label.medium.fontWeight}",
+      "marginBottom": "{spacing.2}",
+      "color": "{color.text.primary}",
+      "requiredColor": "{color.error.default}"
+    },
+    "container": {
+      "border": "2px solid {color.border.transparent}",
+      "borderError": "2px solid {color.error.default}"
+    },
+    "selector": {
+      "background": "{colors.background.default}",
+      "backgroundWhite": "{colors.white}",
+      "borderRight": "1px solid {color.border.default}"
+    },
+    "fontFamily": "{typography.body.medium.fontFamily}",
+    "outline": {
+      "default": "{color.border.transparent}",
+      "active": "{color.border.active}",
+      "error": "{color.error.default}"
+    },
+    "disabledOpacity": "{semantic.opacity.disabled}"
+  }
+}

package/src/tokens/components/progress.json

@@ -0,0 +1,12 @@
+{
+  "progress": {
+    "height": "{size.8}",
+    "borderRadius": "{radius.md}",
+    "track": {
+      "background": "{color.primary.light}"
+    },
+    "bar": {
+      "background": "{color.primary.default}"
+    }
+  }
+}

package/src/tokens/components/radio.json

@@ -0,0 +1,87 @@
+{
+  "radio": {
+    "heading": {
+      "fontSize": "{typography.label.medium.fontSize}",
+      "fontWeight": "{typography.label.medium.fontWeight}",
+      "fontFamily": "{typography.fontFamily.sans}",
+      "color": "{color.text.primary}",
+      "marginBottom": "{spacing.2}"
+    },
+    "label": {
+      "fontSize": "{typography.body.medium.fontSize}",
+      "fontWeight": "{typography.radio.label.fontWeight}",
+      "fontFamily": "{typography.radio.label.fontFamily}",
+      "color": {
+        "active": "{color.radio.label.color.active}",
+        "inactive": "{color.radio.label.color.inactive}"
+      },
+      "marginBottom": "{spacing.0}",
+      "marginLeft": "{spacing.4}"
+    },
+    "description": {
+      "fontSize": "{typography.body.small.fontSize}",
+      "fontWeight": "{typography.body.small.fontWeight}",
+      "fontFamily": "{typography.body.small.fontFamily}",
+      "color": "{color.text.description}"
+    },
+    "radio": {
+      "size": "{typography.icon.size.fontSize}",
+      "borderRadius": "{radius.xs}",
+      "strokeWidth": "1px",
+      "color": {
+        "active": "{color.radio.color.active}",
+        "inactive": "{color.radio.color.inactive}",
+        "dot": "{color.radio.color.dot}"
+      },
+      "background": "{color.radio.background}",
+      "focusRing": "0 0 0 1px {color.border.radioActive}"
+    },
+    "option": {
+      "border": {
+        "active": "{color.radio.option.border.active}",
+        "inactive": "{color.radio.option.border.inactive}"
+      },
+      "background": {
+        "active": "{color.radio.option.background.active}",
+        "inactive": "{color.radio.option.background.inactive}"
+      },
+      "text": {
+        "active": "{color.radio.option.text.active}",
+        "inactive": "{color.radio.option.text.inactive}"
+      }
+    },
+    "size": {
+      "sm": {
+        "radioSize": "{size.radio.sm.radioSize}",
+        "labelFontSize": "{size.radio.sm.labelFontSize}",
+        "headingFontSize": "{size.radio.sm.headingFontSize}",
+        "descriptionFontSize": "{size.radio.sm.descriptionFontSize}",
+        "dotSize": "{size.radio.sm.dotSize}"
+      },
+      "md": {
+        "radioSize": "{size.radio.md.radioSize}",
+        "labelFontSize": "{size.radio.md.labelFontSize}",
+        "headingFontSize": "{size.radio.md.headingFontSize}",
+        "descriptionFontSize": "{size.radio.md.descriptionFontSize}",
+        "dotSize": "{size.radio.md.dotSize}"
+      },
+      "lg": {
+        "radioSize": "{size.radio.lg.radioSize}",
+        "labelFontSize": "{size.radio.lg.labelFontSize}",
+        "headingFontSize": "{size.radio.lg.headingFontSize}",
+        "descriptionFontSize": "{size.radio.lg.descriptionFontSize}",
+        "dotSize": "{size.radio.lg.dotSize}"
+      }
+    },
+    "group": {
+      "gapHorizontal": "{spacing.6}",
+      "gapVertical": "{spacing.3}"
+    },
+    "helper": {
+      "fontSize": "{typography.body.small.fontSize}",
+      "color": "{color.text.secondary}",
+      "errorColor": "{color.error.default}",
+      "marginTop": "{spacing.1}"
+    }
+  }
+}

package/src/tokens/components/reportcard.json

@@ -0,0 +1,17 @@
+{
+  "reportcard": {
+    "header": {
+      "background": "{color.primary.default}",
+      "color": "{colors.white}"
+    },
+    "body": {
+      "background": "{colors.white}",
+      "dividerColor": "{colors.gray.200}",
+      "bulletColor": "{colors.gray.300}",
+      "itemColor": "{colors.gray.600}",
+      "itemHoverColor": "{color.primary.default}"
+    },
+    "borderRadius": "8px",
+    "shadow": "0 1px 4px rgba(0,0,0,0.08)"
+  }
+}

package/src/tokens/components/selector.json

@@ -0,0 +1,87 @@
+{
+  "selector": {
+    "input": {
+      "size": {
+        "xs": {
+          "height": "{semantic.size.xs.height}",
+          "padding": "{semantic.size.xs.paddingY} {semantic.size.xs.paddingX}",
+          "fontSize": "{semantic.size.xs.fontSize}",
+          "borderRadius": "{radius.md}"
+        },
+        "sm": {
+          "height": "{semantic.size.sm.height}",
+          "padding": "{semantic.size.sm.paddingY} {semantic.size.sm.paddingX}",
+          "fontSize": "{semantic.size.sm.fontSize}",
+          "borderRadius": "{radius.md}"
+        },
+        "md": {
+          "height": "{semantic.size.md.height}",
+          "padding": "{semantic.size.md.paddingY} {semantic.size.md.paddingX}",
+          "fontSize": "{semantic.size.md.fontSize}",
+          "borderRadius": "{radius.md}"
+        },
+        "lg": {
+          "height": "{semantic.size.lg.height}",
+          "padding": "{semantic.size.lg.paddingY} {semantic.size.lg.paddingX}",
+          "fontSize": "{semantic.size.lg.fontSize}",
+          "borderRadius": "{radius.md}"
+        }
+      },
+      "border": {
+        "default": "2px solid {color.border.transparent}",
+        "active": "2px solid {color.border.active}",
+        "error": "2px solid {color.error.default}"
+      },
+      "color": "{color.text.primary}",
+      "background": "{color.background.default}",
+      "backgroundWhite": "{color.white}",
+      "backgroundDisabled": "{colors.white}",
+      "disabledOpacity": "{semantic.opacity.disabled}"
+    },
+    "listbox": {
+      "background": "{color.background.dropdown}",
+      "groupHeadingBackground": "{color.background.groupHeading}",
+      "groupHeadingBorder": "1px solid {color.border.default}",
+      "border": "1px solid {color.border.default}",
+      "borderRadius": "{radius.md}"
+    },
+    "option": {
+      "padding": "{spacing.component.md} {spacing.component.lg}",
+      "fontSize": "{typography.body.medium.fontSize}",
+      "color": "{color.text.primary}",
+      "hoverBackground": "{color.background.tertiary}"
+    },
+    "wrapper": {
+      "background": "{color.background.default}",
+      "backgroundWhite": "{colors.white}",
+      "backgroundDisabled": "{colors.white}",
+      "borderRadius": "{radius.xl}"
+    },
+    "chip": {
+      "background": "{color.background.chip}",
+      "color": "{color.text.badge}",
+      "fontSize": "{typography.body.medium.fontSize}",
+      "borderRadius": "{radius.xl}"
+    },
+    "checkbox": {
+      "accentColor": "{color.primary.default}"
+    },
+    "label": {
+      "fontSize": "{typography.label.medium.fontSize}",
+      "fontWeight": "{typography.label.medium.fontWeight}",
+      "marginBottom": "{spacing.2}",
+      "color": "{color.text.primary}",
+      "requiredColor": "{color.error.default}"
+    },
+    "helper": {
+      "fontSize": "{typography.body.small.fontSize}",
+      "color": "{color.text.secondary}",
+      "errorColor": "{color.error.default}"
+    },
+    "button": {
+      "hoverBackground": "{color.background.tertiary}",
+      "hoverColor": "{color.text.secondary}",
+      "color": "{color.text.primary}"
+    }
+  }
+}

package/src/tokens/components/selectscroll.json

@@ -0,0 +1,65 @@
+{
+  "selectscroll": {
+    "input": {
+      "size": {
+        "sm": {
+          "height": "{semantic.size.sm.height}",
+          "padding": "{semantic.size.sm.paddingY} {semantic.size.sm.paddingX}",
+          "fontSize": "{semantic.size.sm.fontSize}",
+          "borderRadius": "{radius.md}"
+        },
+        "md": {
+          "height": "{semantic.size.md.height}",
+          "padding": "{semantic.size.md.paddingY} {semantic.size.md.paddingX}",
+          "fontSize": "{semantic.size.md.fontSize}",
+          "borderRadius": "{radius.md}"
+        },
+        "lg": {
+          "height": "{semantic.size.lg.height}",
+          "padding": "{semantic.size.lg.paddingY} {semantic.size.lg.paddingX}",
+          "fontSize": "{semantic.size.lg.fontSize}",
+          "borderRadius": "{radius.md}"
+        }
+      },
+      "border": {
+        "default": "2px solid {color.border.transparent}",
+        "active": "2px solid {color.border.active}",
+        "error": "2px solid {color.error.default}"
+      },
+      "color": "{color.text.primary}",
+      "background": "{color.background.default}",
+      "backgroundWhite": "{colors.white}",
+      "backgroundDisabled": "{color.background.disabled}",
+      "disabledOpacity": "{semantic.opacity.disabled}"
+    },
+    "listbox": {
+      "background": "{color.background.default}",
+      "border": "1px solid {color.border.default}",
+      "borderRadius": "{radius.md}"
+    },
+    "option": {
+      "padding": "{spacing.component.md} {spacing.component.lg}",
+      "fontSize": "{typography.body.medium.fontSize}",
+      "color": "{color.text.primary}",
+      "hoverBackground": "{color.background.tertiary}"
+    },
+    "label": {
+      "fontSize": "{typography.label.medium.fontSize}",
+      "fontWeight": "{typography.label.medium.fontWeight}",
+      "marginBottom": "{spacing.2}",
+      "color": "{color.text.primary}",
+      "requiredColor": "{color.error.default}"
+    },
+    "helper": {
+      "fontSize": "{typography.body.small.fontSize}",
+      "color": "{color.text.secondary}",
+      "errorColor": "{color.error.default}"
+    },
+    "placeholderColor": "{color.text.tertiary}",
+    "button": {
+      "hoverBackground": "{color.background.tertiary}",
+      "hoverColor": "{color.text.secondary}",
+      "color": "{color.text.primary}"
+    }
+  }
+}

package/src/tokens/components/skeleton.json

@@ -0,0 +1,6 @@
+{
+  "skeleton": {
+    "baseColor": "{color.background.disabled}",
+    "highlightColor": "{color.background.default}"
+  }
+}

package/src/tokens/components/stepper.json

@@ -0,0 +1,38 @@
+{
+  "stepper": {
+    "gap": "{spacing.2}",
+    "stepGap": "{spacing.2}",
+    "line": {
+      "width": "{size.40}",
+      "height": "{size.2}",
+      "completedBackground": "{color.success.default}",
+      "pendingBackground": "{color.border.default}"
+    },
+    "indicator": {
+      "size": "{size.34}",
+      "borderWidth": "{size.2}",
+      "fontFamily": "{typography.fontFamily.sans}",
+      "fontSize": "{typography.fontSize.base}",
+      "fontWeight": "{typography.fontWeight.semibold}",
+      "lineHeight": "{typography.lineHeight.normal}",
+      "completedBackground": "{color.success.default}",
+      "completedBorder": "{color.success.default}",
+      "completedColor": "{color.text.inverse}",
+      "activeBackground": "{color.success.light}",
+      "activeBorder": "{color.success.default}",
+      "activeColor": "{color.success.dark}",
+      "pendingBackground": "{color.background.default}",
+      "pendingBorder": "{color.border.default}",
+      "pendingColor": "{color.text.disabled}"
+    },
+    "label": {
+      "fontFamily": "{typography.fontFamily.sans}",
+      "fontSize": "{typography.fontSize.2xl}",
+      "fontWeight": "{typography.fontWeight.semibold}",
+      "lineHeight": "{typography.lineHeight.normal}",
+      "completedColor": "{color.success.dark}",
+      "activeColor": "{color.success.dark}",
+      "pendingColor": "{color.text.disabled}"
+    }
+  }
+}

package/src/tokens/components/subtabs.json

@@ -0,0 +1,45 @@
+{
+  "subTabs": {
+    "gap": "{spacing.component.xxs}",
+    "trackPadding": "6px",
+    "trackBorderRadius": "{radius.lg}",
+    "trackBackground": "{color.background.default}",
+    "trackBorder": "{color.border.default}",
+    "fontWeight": "{typography.body.medium.fontWeight}",
+    "activeFontWeight": "{typography.heading.h4.fontWeight}",
+    "size": {
+      "sm": {
+        "height": "{semantic.size.sm.height}",
+        "padding": "{semantic.size.sm.paddingY} {semantic.size.md.paddingX}",
+        "fontSize": "{semantic.size.sm.fontSize}",
+        "borderRadius": "{radius.md}",
+        "iconSize": "22px"
+      },
+      "md": {
+        "height": "{semantic.size.md.height}",
+        "padding": "{semantic.size.md.paddingY} {semantic.size.lg.paddingX}",
+        "fontSize": "{semantic.size.md.fontSize}",
+        "borderRadius": "{radius.md}",
+        "iconSize": "26px"
+      }
+    },
+    "colors": {
+      "primary": {
+        "accent": "{color.primary.default}",
+        "accentLight": "{color.background.default}",
+        "activeText": "{color.primary.default}",
+        "inactiveText": "{color.text.secondary}",
+        "activeIconBackground": "{color.primary.default}",
+        "inactiveIconBackground": "{color.background.default}"
+      },
+      "green": {
+        "accent": "#52760A",
+        "accentLight": "#F3F6EC",
+        "activeText": "#52760A",
+        "inactiveText": "#6B7280",
+        "activeIconBackground": "#52760A",
+        "inactiveIconBackground": "#EEF1E4"
+      }
+    }
+  }
+}