{
  "name": "Casso Design System",
  "base": "https://brand.casso.vn/ds/",
  "pages": [
    {
      "group": "Foundations",
      "title": "Introduction",
      "url": "index.html",
      "sections": []
    },
    {
      "group": "Foundations",
      "title": "Theming",
      "url": "foundations-theming.html",
      "sections": [
        {
          "name": "Modes Side by Side",
          "url": "foundations-theming.html#modes-side-by-side"
        },
        {
          "name": "Nesting Goes One Way",
          "url": "foundations-theming.html#nesting-goes-one-way"
        },
        {
          "name": "Usage",
          "url": "foundations-theming.html#usage"
        }
      ]
    },
    {
      "group": "Foundations",
      "title": "Colors",
      "url": "foundations-colors.html",
      "sections": [
        {
          "name": "Tier 3: Semantic",
          "url": "foundations-colors.html#tier-3-semantic"
        },
        {
          "name": "Color Tiers",
          "url": "foundations-colors.html#color-tiers"
        }
      ]
    },
    {
      "group": "Foundations",
      "title": "Typography",
      "url": "foundations-typography.html",
      "sections": []
    },
    {
      "group": "Foundations",
      "title": "Spacing",
      "url": "foundations-spacing.html",
      "sections": []
    },
    {
      "group": "Foundations",
      "title": "Radius",
      "url": "foundations-radius.html",
      "sections": []
    },
    {
      "group": "Foundations",
      "title": "Elevation",
      "url": "foundations-elevation.html",
      "sections": []
    },
    {
      "group": "Foundations",
      "title": "Iconography",
      "url": "foundations-iconography.html",
      "sections": [
        {
          "name": "Icon Search",
          "url": "foundations-iconography.html#icon-search"
        },
        {
          "name": "Categories",
          "url": "foundations-iconography.html#categories"
        },
        {
          "name": "Icon Aliases",
          "url": "foundations-iconography.html#icon-aliases"
        }
      ]
    },
    {
      "group": "Components",
      "title": "Button",
      "url": "components-button.html",
      "sections": [
        {
          "name": "Primary",
          "url": "components-button.html#primary"
        },
        {
          "name": "Levels (8)",
          "url": "components-button.html#levels-8"
        },
        {
          "name": "Sizes (5)",
          "url": "components-button.html#sizes-5"
        },
        {
          "name": "Level × State",
          "url": "components-button.html#level-state"
        },
        {
          "name": "Tertiary on Backgrounds",
          "url": "components-button.html#tertiary-on-backgrounds"
        },
        {
          "name": "With Icons",
          "url": "components-button.html#with-icons"
        },
        {
          "name": "Size × Level (40)",
          "url": "components-button.html#size-level-40"
        }
      ]
    },
    {
      "group": "Components",
      "title": "Button Flat",
      "url": "components-button-flat.html",
      "sections": [
        {
          "name": "Default",
          "url": "components-button-flat.html#default"
        },
        {
          "name": "Sizes",
          "url": "components-button-flat.html#sizes"
        },
        {
          "name": "Level × Size",
          "url": "components-button-flat.html#level-size"
        },
        {
          "name": "States",
          "url": "components-button-flat.html#states"
        }
      ]
    },
    {
      "group": "Components",
      "title": "Button Icon-Flat",
      "url": "components-button-icon-flat.html",
      "sections": [
        {
          "name": "Default",
          "url": "components-button-icon-flat.html#default"
        },
        {
          "name": "Sizes",
          "url": "components-button-icon-flat.html#sizes"
        },
        {
          "name": "Level × Size",
          "url": "components-button-icon-flat.html#level-size"
        },
        {
          "name": "States",
          "url": "components-button-icon-flat.html#states"
        }
      ]
    },
    {
      "group": "Components",
      "title": "Button Icon-Main",
      "url": "components-button-icon-main.html",
      "sections": [
        {
          "name": "Default",
          "url": "components-button-icon-main.html#default"
        },
        {
          "name": "Sizes",
          "url": "components-button-icon-main.html#sizes"
        },
        {
          "name": "Level × Size",
          "url": "components-button-icon-main.html#level-size"
        },
        {
          "name": "States",
          "url": "components-button-icon-main.html#states"
        }
      ]
    },
    {
      "group": "Components",
      "title": "Checkbox",
      "url": "components-checkbox.html",
      "sections": [
        {
          "name": "Default",
          "url": "components-checkbox.html#default"
        },
        {
          "name": "Checked",
          "url": "components-checkbox.html#checked"
        },
        {
          "name": "Indeterminate",
          "url": "components-checkbox.html#indeterminate"
        },
        {
          "name": "Disabled",
          "url": "components-checkbox.html#disabled"
        },
        {
          "name": "Sizes",
          "url": "components-checkbox.html#sizes"
        },
        {
          "name": "Select × State",
          "url": "components-checkbox.html#select-state"
        }
      ]
    },
    {
      "group": "Components",
      "title": "Chip",
      "url": "components-chip.html",
      "sections": [
        {
          "name": "Default",
          "url": "components-chip.html#default"
        },
        {
          "name": "Selected",
          "url": "components-chip.html#selected"
        },
        {
          "name": "Leading",
          "url": "components-chip.html#leading"
        },
        {
          "name": "Level × Select × State",
          "url": "components-chip.html#level-select-state"
        },
        {
          "name": "Sizes",
          "url": "components-chip.html#sizes"
        }
      ]
    },
    {
      "group": "Components",
      "title": "Date Picker",
      "url": "components-date-picker.html",
      "sections": [
        {
          "name": "Day Cell",
          "url": "components-date-picker.html#day-cell"
        },
        {
          "name": "State × Selection (42)",
          "url": "components-date-picker.html#state-selection-42"
        },
        {
          "name": "Selection",
          "url": "components-date-picker.html#selection"
        },
        {
          "name": "In Calendar",
          "url": "components-date-picker.html#in-calendar"
        }
      ]
    },
    {
      "group": "Components",
      "title": "Input",
      "url": "components-input.html",
      "sections": [
        {
          "name": "Default",
          "url": "components-input.html#default"
        },
        {
          "name": "Inputted",
          "url": "components-input.html#inputted"
        },
        {
          "name": "Inputted-Error",
          "url": "components-input.html#inputted-error"
        },
        {
          "name": "Blank-Error",
          "url": "components-input.html#blank-error"
        },
        {
          "name": "Read-Only",
          "url": "components-input.html#read-only"
        },
        {
          "name": "Disabled",
          "url": "components-input.html#disabled"
        },
        {
          "name": "With Icons",
          "url": "components-input.html#with-icons"
        },
        {
          "name": "Sizes",
          "url": "components-input.html#sizes"
        },
        {
          "name": "All States (9)",
          "url": "components-input.html#all-states-9"
        }
      ]
    },
    {
      "group": "Components",
      "title": "Radio",
      "url": "components-radio.html",
      "sections": [
        {
          "name": "Default",
          "url": "components-radio.html#default"
        },
        {
          "name": "Checked",
          "url": "components-radio.html#checked"
        },
        {
          "name": "Disabled",
          "url": "components-radio.html#disabled"
        },
        {
          "name": "Sizes",
          "url": "components-radio.html#sizes"
        },
        {
          "name": "Select × State",
          "url": "components-radio.html#select-state"
        },
        {
          "name": "Group",
          "url": "components-radio.html#group"
        }
      ]
    },
    {
      "group": "Components",
      "title": "Top-Navigation",
      "url": "components-top-navigation.html",
      "sections": [
        {
          "name": "Default",
          "url": "components-top-navigation.html#default"
        },
        {
          "name": "Two-Line",
          "url": "components-top-navigation.html#two-line"
        },
        {
          "name": "No-Text",
          "url": "components-top-navigation.html#no-text"
        },
        {
          "name": "Sizes",
          "url": "components-top-navigation.html#sizes"
        },
        {
          "name": "Types",
          "url": "components-top-navigation.html#types"
        },
        {
          "name": "Inverse",
          "url": "components-top-navigation.html#inverse"
        }
      ]
    },
    {
      "group": "Components",
      "title": "Top-Navigation (Master)",
      "url": "components-top-navigation-master.html",
      "sections": [
        {
          "name": "Default",
          "url": "components-top-navigation-master.html#default"
        },
        {
          "name": "Sizes",
          "url": "components-top-navigation-master.html#sizes"
        },
        {
          "name": "Inverse",
          "url": "components-top-navigation-master.html#inverse"
        }
      ]
    },
    {
      "group": "Components",
      "title": "Extending",
      "url": "components-extending.html",
      "sections": [
        {
          "name": "In the Kit",
          "url": "components-extending.html#in-the-kit"
        },
        {
          "name": "Not in the Kit Yet",
          "url": "components-extending.html#not-in-the-kit-yet"
        },
        {
          "name": "Back into the Kit",
          "url": "components-extending.html#back-into-the-kit"
        }
      ]
    },
    {
      "group": "Showcase",
      "title": "Overview",
      "url": "showcase-tong-quan.html",
      "sections": []
    },
    {
      "group": "Showcase",
      "title": "Casso Capital",
      "url": "showcase-casso-capital.html",
      "sections": []
    },
    {
      "group": "Showcase",
      "title": "Quán X",
      "url": "showcase-quan-x.html",
      "sections": []
    },
    {
      "group": "Showcase",
      "title": "Cas ID",
      "url": "showcase-cas-id.html",
      "sections": []
    }
  ]
}