@nimbus-ds/components 5.12.0 → 5.13.0

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 (21) hide show
  1. package/CHANGELOG.md +13 -1
  2. package/dist/Accordion/index.js +1 -1
  3. package/dist/Alert/index.js +1 -1
  4. package/dist/Button/index.js +1 -1
  5. package/dist/CHANGELOG.md +13 -1
  6. package/dist/Chip/index.js +1 -1
  7. package/dist/FileUploader/index.js +1 -1
  8. package/dist/Input/index.js +1 -1
  9. package/dist/Modal/index.js +1 -1
  10. package/dist/MultiSelect/index.js +1 -1
  11. package/dist/Pagination/index.js +1 -1
  12. package/dist/Popover/index.d.ts +5 -0
  13. package/dist/Popover/index.js +1 -1
  14. package/dist/Select/index.js +1 -1
  15. package/dist/Stepper/index.js +1 -1
  16. package/dist/Thumbnail/index.js +1 -1
  17. package/dist/Toast/index.js +1 -1
  18. package/dist/components-props.json +1 -1
  19. package/dist/index.d.ts +5 -0
  20. package/dist/index.js +1 -1
  21. package/package.json +2 -2
package/dist/components-props.json CHANGED
@@ -1 +1 @@
1
- {"badge":{"id":"badge","name":"Badge","totalProps":3,"packageName":"@nimbus-ds/badge","version":"3.1.2","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/badge","props":[{"description":"Change the visual style of the badge.","default":"neutral","enum":["danger","neutral","primary","success","warning"],"type":"string","title":"appearance","required":false},{"description":"Total items to be displayed without badge","type":["string","number"],"title":"count","required":true},{"description":"Change the color scheme of the badge.","default":"surface","enum":["light","surface"],"type":"string","title":"theme","required":false}],"subComponents":[{"name":"Badge.Skeleton","totalProps":3,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"box":{"id":"box","name":"Box","totalProps":90,"packageName":"@nimbus-ds/box","version":"4.2.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/box","props":[{"description":"Element to be rendered inside the Box component.","type":"React.ReactNode","title":"children","required":false},{"description":"The width property specifies the width of a box's content area.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"width","required":false},{"description":"The height property specifies the height of a box's content area.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"height","required":false},{"description":"The max width property specifies the width of a box's content area.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"maxWidth","required":false},{"description":"The max height property specifies the height of a box's content area.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"maxHeight","required":false},{"description":"The min width property specifies the width of a box's content area.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"minWidth","required":false},{"description":"The min height property specifies the height of a box's content area.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"minHeight","required":false},{"description":"The bottom property participates in setting the vertical position of a positioned box.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"bottom","required":false},{"description":"The left property participates in specifying the horizontal position of a positioned box.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"left","required":false},{"description":"The right property participates in specifying the horizontal position of a positioned box.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"right","required":false},{"description":"The top property participates in setting the vertical position of a positioned box.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"top","required":false},{"description":"This is the shorthand for flexGrow, flexShrink and flexBasis combined.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"flex","required":false},{"description":"This defines the ability for a flex item to shrink if necessary.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"flexShrink","required":false},{"description":"This defines the ability for a flex item to grow if necessary.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"flexGrow","required":false},{"description":"The flexWrap property sets whether flex items are forced onto one line or can wrap onto multiple lines.","anyOf":[{"type":"object","properties":{"focus":{"enum":["nowrap","wrap","wrap-reverse"],"type":"string","title":"focus"},"focusWithin":{"enum":["nowrap","wrap","wrap-reverse"],"type":"string","title":"focusWithin"},"active":{"enum":["nowrap","wrap","wrap-reverse"],"type":"string","title":"active"},"hover":{"enum":["nowrap","wrap","wrap-reverse"],"type":"string","title":"hover"},"disabled":{"enum":["nowrap","wrap","wrap-reverse"],"type":"string","title":"disabled"},"xs":{"enum":["nowrap","wrap","wrap-reverse"],"type":"string","title":"xs"},"md":{"enum":["nowrap","wrap","wrap-reverse"],"type":"string","title":"md"},"lg":{"enum":["nowrap","wrap","wrap-reverse"],"type":"string","title":"lg"},"xl":{"enum":["nowrap","wrap","wrap-reverse"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["nowrap","wrap","wrap-reverse"],"type":"string"}],"title":"flexWrap","required":false},{"description":"The order property controls the order in which they appear in a flex container.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"order","required":false},{"description":"The gridTemplateColumns property defines the line names and track sizing functions of the grid columns.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"gridTemplateColumns","required":false},{"description":"The gridTemplateAreas property specifies named grid areas, establishing the cells in the grid and assigning them names.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"gridTemplateAreas","required":false},{"description":"The gridTemplateRows property defines the line names and track sizing functions of the grid rows.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"gridTemplateRows","required":false},{"description":"The gridArea shorthand property specifies a grid item's size and location within a grid by contributing a line,\na span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"gridArea","required":false},{"description":"The display property sets whether an box is treated as a block or inline element and the layout used for its children,\nsuch as grid or flex.","anyOf":[{"type":"object","properties":{"focus":{"enum":["block","flex","grid","inline-flex","inline-grid","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["block","flex","grid","inline-flex","inline-grid","none"],"type":"string","title":"focusWithin"},"active":{"enum":["block","flex","grid","inline-flex","inline-grid","none"],"type":"string","title":"active"},"hover":{"enum":["block","flex","grid","inline-flex","inline-grid","none"],"type":"string","title":"hover"},"disabled":{"enum":["block","flex","grid","inline-flex","inline-grid","none"],"type":"string","title":"disabled"},"xs":{"enum":["block","flex","grid","inline-flex","inline-grid","none"],"type":"string","title":"xs"},"md":{"enum":["block","flex","grid","inline-flex","inline-grid","none"],"type":"string","title":"md"},"lg":{"enum":["block","flex","grid","inline-flex","inline-grid","none"],"type":"string","title":"lg"},"xl":{"enum":["block","flex","grid","inline-flex","inline-grid","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["block","flex","grid","inline-flex","inline-grid","none"],"type":"string"}],"title":"display","required":false},{"description":"The justifyContent property defines how the browser distributes space between and around content items along\nthe main-axis of a flex container, and the inline axis of a grid container.","anyOf":[{"type":"object","properties":{"focus":{"enum":["center","flex-end","flex-start","space-around","space-between","space-evenly"],"type":"string","title":"focus"},"focusWithin":{"enum":["center","flex-end","flex-start","space-around","space-between","space-evenly"],"type":"string","title":"focusWithin"},"active":{"enum":["center","flex-end","flex-start","space-around","space-between","space-evenly"],"type":"string","title":"active"},"hover":{"enum":["center","flex-end","flex-start","space-around","space-between","space-evenly"],"type":"string","title":"hover"},"disabled":{"enum":["center","flex-end","flex-start","space-around","space-between","space-evenly"],"type":"string","title":"disabled"},"xs":{"enum":["center","flex-end","flex-start","space-around","space-between","space-evenly"],"type":"string","title":"xs"},"md":{"enum":["center","flex-end","flex-start","space-around","space-between","space-evenly"],"type":"string","title":"md"},"lg":{"enum":["center","flex-end","flex-start","space-around","space-between","space-evenly"],"type":"string","title":"lg"},"xl":{"enum":["center","flex-end","flex-start","space-around","space-between","space-evenly"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["center","flex-end","flex-start","space-around","space-between","space-evenly"],"type":"string"}],"title":"justifyContent","required":false},{"description":"The flexDirection property sets how flex items are placed in the flex container defining the main axis and the direction.","anyOf":[{"type":"object","properties":{"focus":{"enum":["column","column-reverse","row","row-reverse"],"type":"string","title":"focus"},"focusWithin":{"enum":["column","column-reverse","row","row-reverse"],"type":"string","title":"focusWithin"},"active":{"enum":["column","column-reverse","row","row-reverse"],"type":"string","title":"active"},"hover":{"enum":["column","column-reverse","row","row-reverse"],"type":"string","title":"hover"},"disabled":{"enum":["column","column-reverse","row","row-reverse"],"type":"string","title":"disabled"},"xs":{"enum":["column","column-reverse","row","row-reverse"],"type":"string","title":"xs"},"md":{"enum":["column","column-reverse","row","row-reverse"],"type":"string","title":"md"},"lg":{"enum":["column","column-reverse","row","row-reverse"],"type":"string","title":"lg"},"xl":{"enum":["column","column-reverse","row","row-reverse"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["column","column-reverse","row","row-reverse"],"type":"string"}],"title":"flexDirection","required":false},{"description":"The alignItems property sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis.\nIn Grid Layout, it controls the alignment of items on the Block Axis within their grid area.","anyOf":[{"type":"object","properties":{"focus":{"enum":["baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"focus"},"focusWithin":{"enum":["baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"focusWithin"},"active":{"enum":["baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"active"},"hover":{"enum":["baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"hover"},"disabled":{"enum":["baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"disabled"},"xs":{"enum":["baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"xs"},"md":{"enum":["baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"md"},"lg":{"enum":["baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"lg"},"xl":{"enum":["baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["baseline","center","flex-end","flex-start","stretch"],"type":"string"}],"title":"alignItems","required":false},{"description":"The alignSelf property overrides a grid or flex item's align-items value. In Grid, it aligns the item inside the grid area.\nIn Flexbox, it aligns the item on the cross axis.","anyOf":[{"type":"object","properties":{"focus":{"enum":["auto","baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"focus"},"focusWithin":{"enum":["auto","baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"focusWithin"},"active":{"enum":["auto","baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"active"},"hover":{"enum":["auto","baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"hover"},"disabled":{"enum":["auto","baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"disabled"},"xs":{"enum":["auto","baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"xs"},"md":{"enum":["auto","baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"md"},"lg":{"enum":["auto","baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"lg"},"xl":{"enum":["auto","baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["auto","baseline","center","flex-end","flex-start","stretch"],"type":"string"}],"title":"alignSelf","required":false},{"description":"The gap property sets the gaps between rows and columns. It is a shorthand for rowGap and columnGap.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"gap","required":false},{"description":"The gridGap property sets the gaps between rows and columns. It is a shorthand for rowGap and columnGap.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"gridGap","required":false},{"description":"The pointerEvents property sets under what circumstances (if any) a particular graphic element can become the target of pointer events.","anyOf":[{"type":"object","properties":{"focus":{"enum":["all","auto","fill","inherit","none","painted","stroke","visible","visibleFill","visiblePainted","visibleStroke"],"type":"string","title":"focus"},"focusWithin":{"enum":["all","auto","fill","inherit","none","painted","stroke","visible","visibleFill","visiblePainted","visibleStroke"],"type":"string","title":"focusWithin"},"active":{"enum":["all","auto","fill","inherit","none","painted","stroke","visible","visibleFill","visiblePainted","visibleStroke"],"type":"string","title":"active"},"hover":{"enum":["all","auto","fill","inherit","none","painted","stroke","visible","visibleFill","visiblePainted","visibleStroke"],"type":"string","title":"hover"},"disabled":{"enum":["all","auto","fill","inherit","none","painted","stroke","visible","visibleFill","visiblePainted","visibleStroke"],"type":"string","title":"disabled"},"xs":{"enum":["all","auto","fill","inherit","none","painted","stroke","visible","visibleFill","visiblePainted","visibleStroke"],"type":"string","title":"xs"},"md":{"enum":["all","auto","fill","inherit","none","painted","stroke","visible","visibleFill","visiblePainted","visibleStroke"],"type":"string","title":"md"},"lg":{"enum":["all","auto","fill","inherit","none","painted","stroke","visible","visibleFill","visiblePainted","visibleStroke"],"type":"string","title":"lg"},"xl":{"enum":["all","auto","fill","inherit","none","painted","stroke","visible","visibleFill","visiblePainted","visibleStroke"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["all","auto","fill","inherit","none","painted","stroke","visible","visibleFill","visiblePainted","visibleStroke"],"type":"string"}],"title":"pointerEvents","required":false},{"description":"The position property sets how an box is positioned in a document.","anyOf":[{"type":"object","properties":{"focus":{"enum":["absolute","fixed","relative","static","sticky"],"type":"string","title":"focus"},"focusWithin":{"enum":["absolute","fixed","relative","static","sticky"],"type":"string","title":"focusWithin"},"active":{"enum":["absolute","fixed","relative","static","sticky"],"type":"string","title":"active"},"hover":{"enum":["absolute","fixed","relative","static","sticky"],"type":"string","title":"hover"},"disabled":{"enum":["absolute","fixed","relative","static","sticky"],"type":"string","title":"disabled"},"xs":{"enum":["absolute","fixed","relative","static","sticky"],"type":"string","title":"xs"},"md":{"enum":["absolute","fixed","relative","static","sticky"],"type":"string","title":"md"},"lg":{"enum":["absolute","fixed","relative","static","sticky"],"type":"string","title":"lg"},"xl":{"enum":["absolute","fixed","relative","static","sticky"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["absolute","fixed","relative","static","sticky"],"type":"string"}],"title":"position","required":false},{"description":"The overflow shorthand property sets the desired behavior for an box's overflow.","anyOf":[{"type":"object","properties":{"focus":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"focus"},"focusWithin":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"focusWithin"},"active":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"active"},"hover":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"hover"},"disabled":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"disabled"},"xs":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"xs"},"md":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"md"},"lg":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"lg"},"xl":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["auto","hidden","scroll","visible"],"type":"string"}],"title":"overflow","required":false},{"description":"The overflow-x property sets what shows when content overflows a block-level box's left and right edges.","anyOf":[{"type":"object","properties":{"focus":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"focus"},"focusWithin":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"focusWithin"},"active":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"active"},"hover":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"hover"},"disabled":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"disabled"},"xs":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"xs"},"md":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"md"},"lg":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"lg"},"xl":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["auto","hidden","scroll","visible"],"type":"string"}],"title":"overflowX","required":false},{"description":"The overflow-y property sets what shows when content overflows a block-level box's top and bottom edges.","anyOf":[{"type":"object","properties":{"focus":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"focus"},"focusWithin":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"focusWithin"},"active":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"active"},"hover":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"hover"},"disabled":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"disabled"},"xs":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"xs"},"md":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"md"},"lg":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"lg"},"xl":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["auto","hidden","scroll","visible"],"type":"string"}],"title":"overflowY","required":false},{"description":"The cursor property sets the mouse cursor, if any, to show when the mouse pointer is over an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["auto","grab","inherit","not-allowed","pointer"],"type":"string","title":"focus"},"focusWithin":{"enum":["auto","grab","inherit","not-allowed","pointer"],"type":"string","title":"focusWithin"},"active":{"enum":["auto","grab","inherit","not-allowed","pointer"],"type":"string","title":"active"},"hover":{"enum":["auto","grab","inherit","not-allowed","pointer"],"type":"string","title":"hover"},"disabled":{"enum":["auto","grab","inherit","not-allowed","pointer"],"type":"string","title":"disabled"},"xs":{"enum":["auto","grab","inherit","not-allowed","pointer"],"type":"string","title":"xs"},"md":{"enum":["auto","grab","inherit","not-allowed","pointer"],"type":"string","title":"md"},"lg":{"enum":["auto","grab","inherit","not-allowed","pointer"],"type":"string","title":"lg"},"xl":{"enum":["auto","grab","inherit","not-allowed","pointer"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["auto","grab","inherit","not-allowed","pointer"],"type":"string"}],"title":"cursor","required":false},{"description":"The backgroundColor property sets the background color of the box.","default":"neutral-background","examples":"[\"neutral-interactive\", { xs: \"neutral-surface\", md: \"neutral-interactive\" }]","anyOf":[{"type":"object","properties":{"focus":{"enum":["danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"focus"},"focusWithin":{"enum":["danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"focusWithin"},"active":{"enum":["danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"active"},"hover":{"enum":["danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"hover"},"disabled":{"enum":["danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"disabled"},"xs":{"enum":["danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"xs"},"md":{"enum":["danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"md"},"lg":{"enum":["danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"lg"},"xl":{"enum":["danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string"}],"title":"backgroundColor","required":false},{"description":"The color property is used to set the color of the box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["currentColor","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"focus"},"focusWithin":{"enum":["currentColor","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"focusWithin"},"active":{"enum":["currentColor","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"active"},"hover":{"enum":["currentColor","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"hover"},"disabled":{"enum":["currentColor","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"disabled"},"xs":{"enum":["currentColor","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"xs"},"md":{"enum":["currentColor","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"md"},"lg":{"enum":["currentColor","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"lg"},"xl":{"enum":["currentColor","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["currentColor","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string"}],"title":"color","required":false},{"description":"The borderRadius property rounds the corners of an box's outer border edge.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","2","3","4","5","6","base","full","half","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","2","3","4","5","6","base","full","half","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","2","3","4","5","6","base","full","half","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","2","3","4","5","6","base","full","half","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","2","3","4","5","6","base","full","half","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","2","3","4","5","6","base","full","half","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","2","3","4","5","6","base","full","half","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","2","3","4","5","6","base","full","half","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","2","3","4","5","6","base","full","half","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","2","3","4","5","6","base","full","half","none"],"type":"string"}],"title":"borderRadius","required":false},{"description":"The borderWidth property sets the width of an box's border.","anyOf":[{"type":"object","properties":{"focus":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focusWithin"},"active":{"enum":["1","2","3","4","5","none"],"type":"string","title":"active"},"hover":{"enum":["1","2","3","4","5","none"],"type":"string","title":"hover"},"disabled":{"enum":["1","2","3","4","5","none"],"type":"string","title":"disabled"},"xs":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xs"},"md":{"enum":["1","2","3","4","5","none"],"type":"string","title":"md"},"lg":{"enum":["1","2","3","4","5","none"],"type":"string","title":"lg"},"xl":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["1","2","3","4","5","none"],"type":"string"}],"title":"borderWidth","required":false},{"description":"The borderTopWidth property defines the width of the border at the top of a box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focusWithin"},"active":{"enum":["1","2","3","4","5","none"],"type":"string","title":"active"},"hover":{"enum":["1","2","3","4","5","none"],"type":"string","title":"hover"},"disabled":{"enum":["1","2","3","4","5","none"],"type":"string","title":"disabled"},"xs":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xs"},"md":{"enum":["1","2","3","4","5","none"],"type":"string","title":"md"},"lg":{"enum":["1","2","3","4","5","none"],"type":"string","title":"lg"},"xl":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["1","2","3","4","5","none"],"type":"string"}],"title":"borderTopWidth","required":false},{"description":"The borderBottomWidth property defines the width of the border at the bottom of a box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focusWithin"},"active":{"enum":["1","2","3","4","5","none"],"type":"string","title":"active"},"hover":{"enum":["1","2","3","4","5","none"],"type":"string","title":"hover"},"disabled":{"enum":["1","2","3","4","5","none"],"type":"string","title":"disabled"},"xs":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xs"},"md":{"enum":["1","2","3","4","5","none"],"type":"string","title":"md"},"lg":{"enum":["1","2","3","4","5","none"],"type":"string","title":"lg"},"xl":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["1","2","3","4","5","none"],"type":"string"}],"title":"borderBottomWidth","required":false},{"description":"The borderLeftWidth property defines the width of the border at the left of a box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focusWithin"},"active":{"enum":["1","2","3","4","5","none"],"type":"string","title":"active"},"hover":{"enum":["1","2","3","4","5","none"],"type":"string","title":"hover"},"disabled":{"enum":["1","2","3","4","5","none"],"type":"string","title":"disabled"},"xs":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xs"},"md":{"enum":["1","2","3","4","5","none"],"type":"string","title":"md"},"lg":{"enum":["1","2","3","4","5","none"],"type":"string","title":"lg"},"xl":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["1","2","3","4","5","none"],"type":"string"}],"title":"borderLeftWidth","required":false},{"description":"The borderRightWidth property defines the width of the border at the right of a box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focusWithin"},"active":{"enum":["1","2","3","4","5","none"],"type":"string","title":"active"},"hover":{"enum":["1","2","3","4","5","none"],"type":"string","title":"hover"},"disabled":{"enum":["1","2","3","4","5","none"],"type":"string","title":"disabled"},"xs":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xs"},"md":{"enum":["1","2","3","4","5","none"],"type":"string","title":"md"},"lg":{"enum":["1","2","3","4","5","none"],"type":"string","title":"lg"},"xl":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["1","2","3","4","5","none"],"type":"string"}],"title":"borderRightWidth","required":false},{"description":"The borderWidthX shorthand property defines the width of the element's border on the left and right.","anyOf":[{"type":"object","properties":{"focus":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focusWithin"},"active":{"enum":["1","2","3","4","5","none"],"type":"string","title":"active"},"hover":{"enum":["1","2","3","4","5","none"],"type":"string","title":"hover"},"disabled":{"enum":["1","2","3","4","5","none"],"type":"string","title":"disabled"},"xs":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xs"},"md":{"enum":["1","2","3","4","5","none"],"type":"string","title":"md"},"lg":{"enum":["1","2","3","4","5","none"],"type":"string","title":"lg"},"xl":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["1","2","3","4","5","none"],"type":"string"}],"title":"borderWidthX","required":false},{"description":"The borderWidthY shorthand property defines the width of the element's border on the top and bottom.","anyOf":[{"type":"object","properties":{"focus":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focusWithin"},"active":{"enum":["1","2","3","4","5","none"],"type":"string","title":"active"},"hover":{"enum":["1","2","3","4","5","none"],"type":"string","title":"hover"},"disabled":{"enum":["1","2","3","4","5","none"],"type":"string","title":"disabled"},"xs":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xs"},"md":{"enum":["1","2","3","4","5","none"],"type":"string","title":"md"},"lg":{"enum":["1","2","3","4","5","none"],"type":"string","title":"lg"},"xl":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["1","2","3","4","5","none"],"type":"string"}],"title":"borderWidthY","required":false},{"description":"The borderColor property sets the color of the box's four borders.","anyOf":[{"type":"object","properties":{"focus":{"enum":["danger-interactive","danger-surface","danger-surfaceHighlight","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","primary-interactive","primary-surface","primary-surfaceHighlight","success-interactive","success-surface","success-surfaceHighlight","transparent","warning-interactive","warning-surface","warning-surfaceHighlight"],"type":"string","title":"focus"},"focusWithin":{"enum":["danger-interactive","danger-surface","danger-surfaceHighlight","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","primary-interactive","primary-surface","primary-surfaceHighlight","success-interactive","success-surface","success-surfaceHighlight","transparent","warning-interactive","warning-surface","warning-surfaceHighlight"],"type":"string","title":"focusWithin"},"active":{"enum":["danger-interactive","danger-surface","danger-surfaceHighlight","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","primary-interactive","primary-surface","primary-surfaceHighlight","success-interactive","success-surface","success-surfaceHighlight","transparent","warning-interactive","warning-surface","warning-surfaceHighlight"],"type":"string","title":"active"},"hover":{"enum":["danger-interactive","danger-surface","danger-surfaceHighlight","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","primary-interactive","primary-surface","primary-surfaceHighlight","success-interactive","success-surface","success-surfaceHighlight","transparent","warning-interactive","warning-surface","warning-surfaceHighlight"],"type":"string","title":"hover"},"disabled":{"enum":["danger-interactive","danger-surface","danger-surfaceHighlight","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","primary-interactive","primary-surface","primary-surfaceHighlight","success-interactive","success-surface","success-surfaceHighlight","transparent","warning-interactive","warning-surface","warning-surfaceHighlight"],"type":"string","title":"disabled"},"xs":{"enum":["danger-interactive","danger-surface","danger-surfaceHighlight","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","primary-interactive","primary-surface","primary-surfaceHighlight","success-interactive","success-surface","success-surfaceHighlight","transparent","warning-interactive","warning-surface","warning-surfaceHighlight"],"type":"string","title":"xs"},"md":{"enum":["danger-interactive","danger-surface","danger-surfaceHighlight","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","primary-interactive","primary-surface","primary-surfaceHighlight","success-interactive","success-surface","success-surfaceHighlight","transparent","warning-interactive","warning-surface","warning-surfaceHighlight"],"type":"string","title":"md"},"lg":{"enum":["danger-interactive","danger-surface","danger-surfaceHighlight","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","primary-interactive","primary-surface","primary-surfaceHighlight","success-interactive","success-surface","success-surfaceHighlight","transparent","warning-interactive","warning-surface","warning-surfaceHighlight"],"type":"string","title":"lg"},"xl":{"enum":["danger-interactive","danger-surface","danger-surfaceHighlight","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","primary-interactive","primary-surface","primary-surfaceHighlight","success-interactive","success-surface","success-surfaceHighlight","transparent","warning-interactive","warning-surface","warning-surfaceHighlight"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["danger-interactive","danger-surface","danger-surfaceHighlight","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","primary-interactive","primary-surface","primary-surfaceHighlight","success-interactive","success-surface","success-surfaceHighlight","transparent","warning-interactive","warning-surface","warning-surfaceHighlight"],"type":"string"}],"title":"borderColor","required":false},{"description":"borderStyle property sets the line style for all four sides of an box's border.","anyOf":[{"type":"object","properties":{"focus":{"enum":["dashed","dotted","hidden","none","solid"],"type":"string","title":"focus"},"focusWithin":{"enum":["dashed","dotted","hidden","none","solid"],"type":"string","title":"focusWithin"},"active":{"enum":["dashed","dotted","hidden","none","solid"],"type":"string","title":"active"},"hover":{"enum":["dashed","dotted","hidden","none","solid"],"type":"string","title":"hover"},"disabled":{"enum":["dashed","dotted","hidden","none","solid"],"type":"string","title":"disabled"},"xs":{"enum":["dashed","dotted","hidden","none","solid"],"type":"string","title":"xs"},"md":{"enum":["dashed","dotted","hidden","none","solid"],"type":"string","title":"md"},"lg":{"enum":["dashed","dotted","hidden","none","solid"],"type":"string","title":"lg"},"xl":{"enum":["dashed","dotted","hidden","none","solid"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["dashed","dotted","hidden","none","solid"],"type":"string"}],"title":"borderStyle","required":false},{"description":"The boxSizing property sets how the total width and height of an box is calculated.","default":"border-box","anyOf":[{"type":"object","properties":{"focus":{"enum":["border-box","content-box"],"type":"string","title":"focus"},"focusWithin":{"enum":["border-box","content-box"],"type":"string","title":"focusWithin"},"active":{"enum":["border-box","content-box"],"type":"string","title":"active"},"hover":{"enum":["border-box","content-box"],"type":"string","title":"hover"},"disabled":{"enum":["border-box","content-box"],"type":"string","title":"disabled"},"xs":{"enum":["border-box","content-box"],"type":"string","title":"xs"},"md":{"enum":["border-box","content-box"],"type":"string","title":"md"},"lg":{"enum":["border-box","content-box"],"type":"string","title":"lg"},"xl":{"enum":["border-box","content-box"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["border-box","content-box"],"type":"string"}],"title":"boxSizing","required":false},{"description":"The boxShadow property adds shadow effects around an box's frame.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0","1","2","3","4","5","focusRing"],"type":"string","title":"focus"},"focusWithin":{"enum":["0","1","2","3","4","5","focusRing"],"type":"string","title":"focusWithin"},"active":{"enum":["0","1","2","3","4","5","focusRing"],"type":"string","title":"active"},"hover":{"enum":["0","1","2","3","4","5","focusRing"],"type":"string","title":"hover"},"disabled":{"enum":["0","1","2","3","4","5","focusRing"],"type":"string","title":"disabled"},"xs":{"enum":["0","1","2","3","4","5","focusRing"],"type":"string","title":"xs"},"md":{"enum":["0","1","2","3","4","5","focusRing"],"type":"string","title":"md"},"lg":{"enum":["0","1","2","3","4","5","focusRing"],"type":"string","title":"lg"},"xl":{"enum":["0","1","2","3","4","5","focusRing"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0","1","2","3","4","5","focusRing"],"type":"string"}],"title":"boxShadow","required":false},{"description":"The padding properties are used to generate space around an box's content area.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"padding","required":false},{"description":"The paddingTop property sets the height of the padding area on the top of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"paddingTop","required":false},{"description":"The paddingBottom property sets the height of the padding area on the bottom of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"paddingBottom","required":false},{"description":"The paddingLeft property sets the width of the padding area to the left of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"paddingLeft","required":false},{"description":"The paddingLeft property sets the width of the padding area to the right of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"paddingRight","required":false},{"description":"The margin shorthand property sets the margin area on all four sides of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"margin","required":false},{"description":"The marginTop property sets the margin area on the top of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"marginTop","required":false},{"description":"The marginBottom property sets the margin area on the bottom of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"marginBottom","required":false},{"description":"The marginLeft property sets the margin area on the left side of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"marginLeft","required":false},{"description":"The marginRight property sets the margin area on the right side of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"marginRight","required":false},{"description":"The transitionTimingFunction property sets how intermediate values are calculated for CSS properties being affected by a transition effect.","anyOf":[{"type":"object","properties":{"focus":{"enum":["ease","ease-in","ease-in-out","ease-out","linear","step-end","step-start"],"type":"string","title":"focus"},"focusWithin":{"enum":["ease","ease-in","ease-in-out","ease-out","linear","step-end","step-start"],"type":"string","title":"focusWithin"},"active":{"enum":["ease","ease-in","ease-in-out","ease-out","linear","step-end","step-start"],"type":"string","title":"active"},"hover":{"enum":["ease","ease-in","ease-in-out","ease-out","linear","step-end","step-start"],"type":"string","title":"hover"},"disabled":{"enum":["ease","ease-in","ease-in-out","ease-out","linear","step-end","step-start"],"type":"string","title":"disabled"},"xs":{"enum":["ease","ease-in","ease-in-out","ease-out","linear","step-end","step-start"],"type":"string","title":"xs"},"md":{"enum":["ease","ease-in","ease-in-out","ease-out","linear","step-end","step-start"],"type":"string","title":"md"},"lg":{"enum":["ease","ease-in","ease-in-out","ease-out","linear","step-end","step-start"],"type":"string","title":"lg"},"xl":{"enum":["ease","ease-in","ease-in-out","ease-out","linear","step-end","step-start"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["ease","ease-in","ease-in-out","ease-out","linear","step-end","step-start"],"type":"string"}],"title":"transitionTimingFunction","required":false},{"description":"The transitionProperty property sets the CSS properties to which a transition effect should be applied.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"transitionProperty","required":false},{"description":"The transitionDelay property specifies the duration to wait before starting a property's transition effect when its value changes.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"transitionDelay","required":false},{"description":"The transitionDuration property sets the length of time a transition animation should take to complete. By default, the value is 0s, meaning that no animation will occur.","anyOf":[{"type":"object","properties":{"focus":{"enum":["base","fast","slow","slower"],"type":"string","title":"focus"},"focusWithin":{"enum":["base","fast","slow","slower"],"type":"string","title":"focusWithin"},"active":{"enum":["base","fast","slow","slower"],"type":"string","title":"active"},"hover":{"enum":["base","fast","slow","slower"],"type":"string","title":"hover"},"disabled":{"enum":["base","fast","slow","slower"],"type":"string","title":"disabled"},"xs":{"enum":["base","fast","slow","slower"],"type":"string","title":"xs"},"md":{"enum":["base","fast","slow","slower"],"type":"string","title":"md"},"lg":{"enum":["base","fast","slow","slower"],"type":"string","title":"lg"},"xl":{"enum":["base","fast","slow","slower"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["base","fast","slow","slower"],"type":"string"}],"title":"transitionDuration","required":false},{"description":"The zIndex property specifies the stack order of the box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"focus"},"focusWithin":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"focusWithin"},"active":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"active"},"hover":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"hover"},"disabled":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"disabled"},"xs":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"xs"},"md":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"md"},"lg":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"lg"},"xl":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string"}],"title":"zIndex","required":false},{"description":"The backgroundImage property sets one or more background images on an element.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"backgroundImage","required":false},{"description":"The backgroundPosition property sets the initial position for each background image.\nThe position is relative to the position layer set by background-origin.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"backgroundPosition","required":false},{"description":"The backgroundBlendMode property sets how an element's background images should blend with each\nother and with the element's background color.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"backgroundBlendMode","required":false},{"description":"The backgroundRepeat property sets how background images are repeated. A background image can be repeated along the horizontal and vertical axes, or not repeated at all.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"backgroundRepeat","required":false},{"description":"The textDecoration shorthand property sets the appearance of decorative lines on text.","anyOf":[{"type":"object","properties":{"focus":{"enum":["line-through","none","underline"],"type":"string","title":"focus"},"focusWithin":{"enum":["line-through","none","underline"],"type":"string","title":"focusWithin"},"active":{"enum":["line-through","none","underline"],"type":"string","title":"active"},"hover":{"enum":["line-through","none","underline"],"type":"string","title":"hover"},"disabled":{"enum":["line-through","none","underline"],"type":"string","title":"disabled"},"xs":{"enum":["line-through","none","underline"],"type":"string","title":"xs"},"md":{"enum":["line-through","none","underline"],"type":"string","title":"md"},"lg":{"enum":["line-through","none","underline"],"type":"string","title":"lg"},"xl":{"enum":["line-through","none","underline"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["line-through","none","underline"],"type":"string"}],"title":"textDecoration","required":false},{"description":"The backgroundSize property sets the size of the element's background image. The image can be left to its natural size, stretched, or constrained to fit the available space.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"backgroundSize","required":false},{"description":"The p shorthand property sets the margin area on all four sides of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"p","required":false},{"description":"The pl shorthand property sets the width of the padding area to the left of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"pl","required":false},{"description":"The pl shorthand property sets the width of the padding area to the right of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"pr","required":false},{"description":"The pt shorthand property sets the height of the padding area on the top of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"pt","required":false},{"description":"The pb shorthand property sets the height of the padding area on the botton of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"pb","required":false},{"description":"The px shorthand property defines the width of the left and right padding area of a box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"px","required":false},{"description":"The py pt shorthand property sets the height of the padding area at the top and bottom of a box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"py","required":false},{"description":"The paddingX shorthand property defines the width of the left and right padding area of a box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"paddingX","required":false},{"description":"The paddingY pt shorthand property sets the height of the padding area at the top and bottom of a box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"paddingY","required":false},{"description":"The m shorthand property sets the margin area on all four sides of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"m","required":false},{"description":"The mr property sets the margin area on the right side of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"mr","required":false},{"description":"The ml property sets the margin area on the left side of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"ml","required":false},{"description":"The mt property sets the margin area on the top of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"mt","required":false},{"description":"The marginBottom property sets the margin area on the bottom of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"mb","required":false},{"description":"The mx property defines the margin area on the left and right side of a box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"mx","required":false},{"description":"The my property defines the margin area on the top and bottom of a box","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"my","required":false},{"description":"The marginX property defines the margin area on the left and right side of a box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"marginX","required":false},{"description":"The marginY property defines the margin area on the top and bottom of a box","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"marginY","required":false},{"description":"The fontSize property sets the size of the box.","default":"base","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string"}],"title":"fontSize","required":false},{"description":"The fontWeight property sets how thick or thin characters in box should be displayed.","default":"regular","anyOf":[{"type":"object","properties":{"focus":{"enum":["bold","medium","regular"],"type":"string","title":"focus"},"focusWithin":{"enum":["bold","medium","regular"],"type":"string","title":"focusWithin"},"active":{"enum":["bold","medium","regular"],"type":"string","title":"active"},"hover":{"enum":["bold","medium","regular"],"type":"string","title":"hover"},"disabled":{"enum":["bold","medium","regular"],"type":"string","title":"disabled"},"xs":{"enum":["bold","medium","regular"],"type":"string","title":"xs"},"md":{"enum":["bold","medium","regular"],"type":"string","title":"md"},"lg":{"enum":["bold","medium","regular"],"type":"string","title":"lg"},"xl":{"enum":["bold","medium","regular"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["bold","medium","regular"],"type":"string"}],"title":"fontWeight","required":false},{"description":"The lineHeight property specifies the line height of the box.","default":"base","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string"}],"title":"lineHeight","required":false},{"description":"The textAlign property specifies the horizontal alignment of box.","default":"left","anyOf":[{"type":"object","properties":{"focus":{"enum":["center","justify","left","right"],"type":"string","title":"focus"},"focusWithin":{"enum":["center","justify","left","right"],"type":"string","title":"focusWithin"},"active":{"enum":["center","justify","left","right"],"type":"string","title":"active"},"hover":{"enum":["center","justify","left","right"],"type":"string","title":"hover"},"disabled":{"enum":["center","justify","left","right"],"type":"string","title":"disabled"},"xs":{"enum":["center","justify","left","right"],"type":"string","title":"xs"},"md":{"enum":["center","justify","left","right"],"type":"string","title":"md"},"lg":{"enum":["center","justify","left","right"],"type":"string","title":"lg"},"xl":{"enum":["center","justify","left","right"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["center","justify","left","right"],"type":"string"}],"title":"textAlign","required":false}],"subComponents":[]},"button":{"id":"button","name":"Button","totalProps":4,"packageName":"@nimbus-ds/button","version":"2.6.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/button","props":[{"default":"button","description":"The underlying element to render — either a HTML element name or a React component.","anyOf":[{"enum":["button","a"],"type":"string"},{"type":"React.ElementType"}],"title":"as","required":false},{"description":"The content of the button.","type":"React.ReactNode","title":"children","required":true},{"description":"Change the visual style of the button.","default":"neutral","enum":["danger","neutral","primary","transparent"],"type":"string","title":"appearance","required":false},{"description":"Disables the button, disallowing user interaction.","default":false,"type":"boolean","title":"disabled","required":false}],"subComponents":[{"name":"Button.Skeleton","totalProps":2,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"checkbox":{"id":"checkbox","name":"Checkbox","totalProps":6,"packageName":"@nimbus-ds/checkbox","version":"2.3.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/checkbox","props":[{"description":"The name of the input element.","type":"string","title":"name","required":true},{"description":"Change the visual style of the checkbox.","default":"neutral","enum":["danger","primary"],"type":"string","title":"appearance","required":false},{"description":"Modifies true/false value of the native checkbox.","type":"boolean","title":"checked","required":false},{"description":"Modifies the native disabled state of the native checkbox.","type":"boolean","title":"disabled","required":false},{"description":"If true, the component appears indeterminate. This does not set the native input element to indeterminate due to inconsistent behavior across browsers. However, we set a data-indeterminate attribute on the input.","default":false,"type":"boolean","title":"indeterminate","required":false},{"description":"Text to be rendered inside the component.","type":"string","title":"label","required":false}],"subComponents":[{"name":"Checkbox.Skeleton","totalProps":2,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"chip":{"id":"chip","name":"Chip","totalProps":3,"packageName":"@nimbus-ds/chip","version":"2.3.4","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/chip","props":[{"description":"Text to be displayed on chip.","type":"string","title":"text","required":true},{"description":"SVG icon to be displayed on chip.","type":"React.ReactNode","title":"icon","required":false},{"description":"Informs whether the close icon should be displayed.","type":"boolean","title":"removable","required":false}],"subComponents":[{"name":"Chip.Skeleton","totalProps":3,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"fileUploader":{"id":"fileUploader","name":"FileUploader","totalProps":6,"packageName":"@nimbus-ds/file-uploader","version":"2.6.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/file-uploader","props":[{"description":"Provide additional context to the action.","type":"string","title":"placeholder","required":false},{"description":"Accept file types","default":"image/jpeg,image/gif,image/png","type":"string","title":"accept","required":false},{"description":"Height value of the file uploader. Defaults to 100%.","default":"100%","type":"string","title":"height","required":false},{"description":"Width value of the file uploader. Defaults to 100%.","default":"100%","type":"string","title":"width","required":false},{"description":"Permitted aspect ratios for the size of the file uploader.","default":"1/1","enum":["1/1","1/2","16/9","2/1","3/4","4/3","9/16","none"],"type":"string","title":"aspectRatio","required":false},{"description":"Defines the position of the placeholder in relation to the icon.","default":"column","enum":["column","row"],"type":"string","title":"flexDirection","required":false}],"subComponents":[{"name":"FileUploader.Skeleton","totalProps":4,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":false},{"description":"Permitted aspect ratios for the size of the file uploader.","default":"1/1","enum":["1/1","1/2","16/9","2/1","3/4","4/3","9/16","none"],"type":"string","title":"aspectRatio","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"icon":{"id":"icon","name":"Icon","totalProps":3,"packageName":"@nimbus-ds/icon","version":"3.0.1","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/icon","props":[{"description":"The SVG contents to display in the Icon.","type":"React.ReactNode","title":"source","required":true},{"description":"Set the color for the SVG fill.","default":"neutral-textLow","enum":["currentColor","danger-interactive","danger-surface","danger-textHigh","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-textDisabled","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-textHigh","primary-textLow","success-interactive","success-surface","success-textHigh","success-textLow","warning-interactive","warning-surface","warning-textHigh","warning-textLow"],"type":"string","title":"color","required":false},{"description":"The cursor property specifies the mouse cursor to be displayed when pointing over an element.","default":"inherit","enum":["auto","grab","inherit","not-allowed","pointer"],"type":"string","title":"cursor","required":false}],"subComponents":[{"name":"Icon.Skeleton","totalProps":3,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"iconButton":{"id":"iconButton","name":"IconButton","totalProps":5,"packageName":"@nimbus-ds/icon-button","version":"4.1.2","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/icon-button","props":[{"description":"Type of html tag to create for the Icon Button component.","default":"button","enum":["button","div"],"type":"string","title":"as","required":false},{"description":"The SVG contents to display in the Icon button.","type":"React.ReactNode","title":"source","required":true},{"description":"The size of the component.","default":"2.75rem","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","active","hover","xs","md","lg","xl"]},{"type":"string"}],"title":"size","required":false},{"description":"The borderColor property sets the color of the icon button's four borders.","default":"{ xs: \"neutral-interactive\", active: \"neutral-interactivePressed\", hover: \"neutral-interactiveHover\", focus: \"primary-interactive\" }","anyOf":[{"type":"object","properties":{"focus":{"enum":["neutral-interactive","neutral-interactiveHover","neutral-interactivePressed","neutral-surface","neutral-surfaceHighlight","primary-interactive","transparent"],"type":"string","title":"focus"},"active":{"enum":["neutral-interactive","neutral-interactiveHover","neutral-interactivePressed","neutral-surface","neutral-surfaceHighlight","primary-interactive","transparent"],"type":"string","title":"active"},"hover":{"enum":["neutral-interactive","neutral-interactiveHover","neutral-interactivePressed","neutral-surface","neutral-surfaceHighlight","primary-interactive","transparent"],"type":"string","title":"hover"},"xs":{"enum":["neutral-interactive","neutral-interactiveHover","neutral-interactivePressed","neutral-surface","neutral-surfaceHighlight","primary-interactive","transparent"],"type":"string","title":"xs"},"md":{"enum":["neutral-interactive","neutral-interactiveHover","neutral-interactivePressed","neutral-surface","neutral-surfaceHighlight","primary-interactive","transparent"],"type":"string","title":"md"},"lg":{"enum":["neutral-interactive","neutral-interactiveHover","neutral-interactivePressed","neutral-surface","neutral-surfaceHighlight","primary-interactive","transparent"],"type":"string","title":"lg"},"xl":{"enum":["neutral-interactive","neutral-interactiveHover","neutral-interactivePressed","neutral-surface","neutral-surfaceHighlight","primary-interactive","transparent"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","active","hover","xs","md","lg","xl"]},{"enum":["neutral-interactive","neutral-interactiveHover","neutral-interactivePressed","neutral-surface","neutral-surfaceHighlight","primary-interactive","transparent"],"type":"string"}],"title":"borderColor","required":false},{"description":"The backgroundColor property sets the background color of the icon button.","default":"{ xs: \"neutral-surface\", active: \"neutral-interactive\", hover: \"neutral-surfaceHighlight\" }","anyOf":[{"type":"object","properties":{"focus":{"enum":["neutral-interactive","neutral-surface","neutral-surfaceHighlight","transparent"],"type":"string","title":"focus"},"active":{"enum":["neutral-interactive","neutral-surface","neutral-surfaceHighlight","transparent"],"type":"string","title":"active"},"hover":{"enum":["neutral-interactive","neutral-surface","neutral-surfaceHighlight","transparent"],"type":"string","title":"hover"},"xs":{"enum":["neutral-interactive","neutral-surface","neutral-surfaceHighlight","transparent"],"type":"string","title":"xs"},"md":{"enum":["neutral-interactive","neutral-surface","neutral-surfaceHighlight","transparent"],"type":"string","title":"md"},"lg":{"enum":["neutral-interactive","neutral-surface","neutral-surfaceHighlight","transparent"],"type":"string","title":"lg"},"xl":{"enum":["neutral-interactive","neutral-surface","neutral-surfaceHighlight","transparent"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","active","hover","xs","md","lg","xl"]},{"enum":["neutral-interactive","neutral-surface","neutral-surfaceHighlight","transparent"],"type":"string"}],"title":"backgroundColor","required":false}],"subComponents":[{"name":"IconButton.Skeleton","totalProps":3,"props":[{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":false},{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"input":{"id":"input","name":"Input","totalProps":5,"packageName":"@nimbus-ds/input","version":"2.5.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/input","props":[{"description":"Change the visual style of the input.","default":"neutral","enum":["danger","neutral","success","warning"],"type":"string","title":"appearance","required":false},{"description":"Disables the input, disallowing user interaction.","type":"boolean","title":"disabled","required":false},{"description":"Sent icon display position","default":"start","enum":["end","start"],"type":"string","title":"appendPosition","required":false},{"description":"SVG icon to be displayed on input.","type":"React.ReactNode","title":"append","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}],"subComponents":[{"name":"Input.Password","totalProps":2,"props":[{"description":"Change the visual style of the input.","default":"neutral","enum":["danger","neutral","success","warning"],"type":"string","title":"appearance","required":false},{"description":"Disables the input, disallowing user interaction.","type":"boolean","title":"disabled","required":false}]},{"name":"Input.Search","totalProps":2,"props":[{"description":"Change the visual style of the input.","default":"neutral","enum":["danger","neutral","success","warning"],"type":"string","title":"appearance","required":false},{"description":"Disables the input, disallowing user interaction.","type":"boolean","title":"disabled","required":false}]},{"name":"Input.Skeleton","totalProps":2,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"label":{"id":"label","name":"Label","totalProps":3,"packageName":"@nimbus-ds/label","version":"2.2.1","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/label","props":[{"description":"The content of the label.","type":"React.ReactNode","title":"children","required":true},{"description":"The for attribute specifies which form element a label is bound to.","type":"string","title":"htmlFor","required":false},{"description":"If true the label will be visually hidden but maintain accessibility purpose","default":false,"type":"boolean","title":"hidden","required":false}],"subComponents":[{"name":"Label.Skeleton","totalProps":3,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"link":{"id":"link","name":"Link","totalProps":6,"packageName":"@nimbus-ds/link","version":"4.3.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/link","props":[{"default":"a","description":"The underlying element to render — either a HTML element name or a React component.","anyOf":[{"enum":["a","button"],"type":"string"},{"type":"React.ElementType"}],"title":"as","required":false},{"description":"The content of the link.","type":"React.ReactNode","title":"children","required":true},{"description":"Change the visual style of the link.","default":"neutral","enum":["danger","neutral","neutral-background","primary"],"type":"string","title":"appearance","required":false},{"description":"The textDecoration property specifies the decoration added to link.","default":"neutral","enum":["line-through","none","underline"],"type":"string","title":"textDecoration","required":false},{"description":"The fontSize property sets the size of the link.","default":"base","enum":["base","caption","highlight"],"type":"string","title":"fontSize","required":false},{"description":"The lineHeight property specifies the line height of the link","default":"base","enum":["base","caption","highlight"],"type":"string","title":"lineHeight","required":false}],"subComponents":[{"name":"Link.Skeleton","totalProps":2,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"list":{"id":"list","name":"List","totalProps":2,"packageName":"@nimbus-ds/list","version":"2.2.1","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/list","props":[{"description":"The content of the list.","type":"React.ReactNode","title":"children","required":true},{"description":"Determines the type of html list that will be rendered","default":"ul","enum":["ol","ul"],"type":"string","title":"as","required":false}],"subComponents":[{"name":"List.Item","totalProps":1,"props":[{"description":"The content of the list item.","type":"React.ReactNode","title":"children","required":true}]},{"name":"List.Skeleton","totalProps":2,"props":[{"description":"The content of the list skeleton.","type":"React.ReactNode","title":"children","required":true},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]},{"name":"List.SkeletonItem","totalProps":3,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"multiSelect":{"id":"multiSelect","name":"MultiSelect","totalProps":7,"packageName":"@nimbus-ds/multi-select","version":"1.1.1","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/multi-select","props":[{"description":"The name of the wrapper element or the select element when native.","type":"string","title":"name","required":true},{"description":"The id of the wrapper element or the select element when native.","type":"string","title":"id","required":true},{"description":"Change the visual style of the select.","default":"neutral","enum":["danger","neutral","success","warning"],"type":"string","title":"appearance","required":false},{"description":"Options of the MultiSelect","type":"array","items":{"type":"object","properties":{"label":{"description":"Label for the option.","type":"string","title":"label"},"value":{"description":"Value of the option","type":"string","title":"value"}},"additionalProperties":false,"propertyOrder":["label","value"],"required":["label","value"]},"title":"options","required":true},{"description":"Options of the MultiSelect","type":"object","additionalProperties":false,"propertyOrder":[],"title":"onChange","required":false},{"description":"Deafult of the MultiSelect","type":"array","items":{"type":"object","properties":{"label":{"description":"Label for the option.","type":"string","title":"label"},"value":{"description":"Value of the option","type":"string","title":"value"}},"additionalProperties":false,"propertyOrder":["label","value"],"required":["label","value"]},"title":"value","required":false},{"description":"ZIndex of the MultiSelect","enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"zIndex","required":false}],"subComponents":[{"name":"MultiSelect.Skeleton","totalProps":2,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"popover":{"id":"popover","name":"Popover","totalProps":19,"packageName":"@nimbus-ds/popover","version":"4.2.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/popover","props":[{"description":"An HTML element, or a function that returns one. It's used to set the position of the popover.","type":"React.ReactNode | ((data: { open: boolean, setVisibility: (visibility: boolean) => void }) => React.ReactNode);","title":"children","required":true},{"description":"The content of the popover.","type":"React.ReactNode","title":"content","required":true},{"description":"If true, the component is shown.","type":"boolean","title":"visible","required":false},{"description":"Function to control popover opening and closing.","type":"(visible: boolean) => void;","title":"onVisibility","required":false},{"description":"Conditional for displaying the popover arrow.","default":true,"type":"boolean","title":"arrow","required":false},{"description":"A common feature of select dropdowns is that the dropdown matches the width of the reference regardless of its contents.","default":false,"type":"boolean","title":"matchReferenceWidth","required":false},{"description":"Position of the popover.","default":"bottom","enum":["bottom","bottom-end","bottom-start","left","left-end","left-start","right","right-end","right-start","top","top-end","top-start"],"type":"string","title":"position","required":false},{"description":"Adds hover event listeners that change the open state, like CSS :hover.","default":false,"type":"boolean","title":"enabledHover","required":false},{"description":"Adds click event listeners that change the open state.","default":true,"type":"boolean","title":"enabledClick","required":false},{"description":"Adds listeners that dismiss (close) the floating element.","default":true,"type":"boolean","title":"enabledDismiss","required":false},{"description":"Offest displaces the floating element from its core placement along the specified axes.","default":10,"type":"number","title":"offset","required":false},{"description":"The width property specifies the width of a popover's content area.","default":"fit-content","anyOf":[{"type":"object","properties":{"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"type":"string"}],"title":"width","required":false},{"description":"The maxWidth property specifies the maximum width of a popover's content area.","anyOf":[{"type":"object","properties":{"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"type":"string"}],"title":"maxWidth","required":false},{"description":"The height property specifies the height of a popover's content area.","anyOf":[{"type":"object","properties":{"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"type":"string"}],"title":"height","required":false},{"description":"The zIndex property specifies the stack order of the popover.","anyOf":[{"type":"object","properties":{"xs":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"xs"},"md":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"md"},"lg":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"lg"},"xl":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string"}],"title":"zIndex","required":false},{"description":"The backgroundColor property sets the background color of the popover.","default":"neutral-background","examples":"[\"neutral-interactive\", { xs: \"neutral-surface\", md: \"neutral-interactive\" }]","anyOf":[{"type":"object","properties":{"xs":{"enum":["danger-surfaceHighlight","neutral-background","neutral-surfaceHighlight","primary-interactiveHover","primary-surfaceHighlight","success-surfaceHighlight","warning-surfaceHighlight"],"type":"string","title":"xs"},"md":{"enum":["danger-surfaceHighlight","neutral-background","neutral-surfaceHighlight","primary-interactiveHover","primary-surfaceHighlight","success-surfaceHighlight","warning-surfaceHighlight"],"type":"string","title":"md"},"lg":{"enum":["danger-surfaceHighlight","neutral-background","neutral-surfaceHighlight","primary-interactiveHover","primary-surfaceHighlight","success-surfaceHighlight","warning-surfaceHighlight"],"type":"string","title":"lg"},"xl":{"enum":["danger-surfaceHighlight","neutral-background","neutral-surfaceHighlight","primary-interactiveHover","primary-surfaceHighlight","success-surfaceHighlight","warning-surfaceHighlight"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"enum":["danger-surfaceHighlight","neutral-background","neutral-surfaceHighlight","primary-interactiveHover","primary-surfaceHighlight","success-surfaceHighlight","warning-surfaceHighlight"],"type":"string"}],"title":"backgroundColor","required":false},{"description":"The color property is used to set the color of the popover.","default":"neutral-background","anyOf":[{"type":"object","properties":{"xs":{"enum":["danger-surfaceHighlight","neutral-background","neutral-surfaceHighlight","primary-interactiveHover","primary-surfaceHighlight","success-surfaceHighlight","warning-surfaceHighlight"],"type":"string","title":"xs"},"md":{"enum":["danger-surfaceHighlight","neutral-background","neutral-surfaceHighlight","primary-interactiveHover","primary-surfaceHighlight","success-surfaceHighlight","warning-surfaceHighlight"],"type":"string","title":"md"},"lg":{"enum":["danger-surfaceHighlight","neutral-background","neutral-surfaceHighlight","primary-interactiveHover","primary-surfaceHighlight","success-surfaceHighlight","warning-surfaceHighlight"],"type":"string","title":"lg"},"xl":{"enum":["danger-surfaceHighlight","neutral-background","neutral-surfaceHighlight","primary-interactiveHover","primary-surfaceHighlight","success-surfaceHighlight","warning-surfaceHighlight"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"enum":["danger-surfaceHighlight","neutral-background","neutral-surfaceHighlight","primary-interactiveHover","primary-surfaceHighlight","success-surfaceHighlight","warning-surfaceHighlight"],"type":"string"}],"title":"color","required":false},{"description":"The padding properties are used to generate space around an popover's content area.","default":"base","anyOf":[{"type":"object","properties":{"xs":{"enum":["base","none","small"],"type":"string","title":"xs"},"md":{"enum":["base","none","small"],"type":"string","title":"md"},"lg":{"enum":["base","none","small"],"type":"string","title":"lg"},"xl":{"enum":["base","none","small"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"enum":["base","none","small"],"type":"string"}],"title":"padding","required":false},{"description":"The overflow shorthand property sets the desired behavior for an popover's content overflow.","anyOf":[{"type":"object","properties":{"xs":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"xs"},"md":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"md"},"lg":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"lg"},"xl":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"enum":["auto","hidden","scroll","visible"],"type":"string"}],"title":"overflow","required":false}],"subComponents":[]},"radio":{"id":"radio","name":"Radio","totalProps":5,"packageName":"@nimbus-ds/radio","version":"2.3.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/radio","props":[{"description":"Name attribute of the input element.","type":"string","title":"name","required":true},{"description":"Change the visual style of the radio.","default":"radio","enum":["button","radio"],"type":"string","title":"as","required":false},{"description":"Modifies true/false value of the native radio.","type":"boolean","title":"checked","required":false},{"description":"Modifies the native disabled state of the native radio.","type":"boolean","title":"disabled","required":false},{"description":"Text to be rendered inside the component.","type":"string","title":"label","required":false}],"subComponents":[{"name":"Radio.Skeleton","totalProps":3,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"description":"Change the visual style of the radio.","default":"radio","enum":["button","radio"],"type":"string","title":"as","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"select":{"id":"select","name":"Select","totalProps":4,"packageName":"@nimbus-ds/select","version":"2.5.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/select","props":[{"description":"The name of the wrapper element or the select element when native.","type":"string","title":"name","required":true},{"description":"The id of the wrapper element or the select element when native.","type":"string","title":"id","required":true},{"description":"The content of the select.","type":"React.ReactNode","title":"children","required":true},{"description":"Change the visual style of the select.","default":"neutral","enum":["danger","neutral","success","warning"],"type":"string","title":"appearance","required":false}],"subComponents":[{"name":"Select.Group","totalProps":2,"props":[{"description":"Label for the option group.","type":"string","title":"label","required":true},{"description":"The content of the option group.","type":"React.ReactNode","title":"children","required":true}]},{"name":"Select.Option","totalProps":2,"props":[{"description":"Label for the option.","type":"string","title":"label","required":true},{"description":"Value of the option","type":"string","title":"value","required":true}]},{"name":"Select.Skeleton","totalProps":2,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"skeleton":{"id":"skeleton","name":"Skeleton","totalProps":4,"packageName":"@nimbus-ds/skeleton","version":"3.0.1","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/skeleton","props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":true},{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":true},{"description":"The border radius of the skeleton.","type":"string","title":"borderRadius","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}],"subComponents":[]},"spinner":{"id":"spinner","name":"Spinner","totalProps":2,"packageName":"@nimbus-ds/spinner","version":"3.1.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/spinner","props":[{"description":"Sets the width and height of the spinner.","default":"large","anyOf":[{"enum":["large","medium","small"],"type":"string"},{"type":"number"}],"title":"size","required":false},{"description":"Set the color for the spinner SVG fill.","default":"primary-interactive","enum":["currentColor","danger-interactive","danger-surface","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-textLow","primary-interactive","primary-surface","primary-textLow","success-interactive","success-surface","success-textLow"],"type":"string","title":"color","required":false}],"subComponents":[]},"tag":{"id":"tag","name":"Tag","totalProps":2,"packageName":"@nimbus-ds/tag","version":"2.3.1","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/tag","props":[{"description":"The content of the tag.","type":"React.ReactNode","title":"children","required":true},{"description":"Change the visual style of the tag.","default":"neutral","enum":["danger","neutral","primary","success","warning"],"type":"string","title":"appearance","required":false}],"subComponents":[{"name":"Tag.Skeleton","totalProps":3,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"text":{"id":"text","name":"Text","totalProps":10,"packageName":"@nimbus-ds/text","version":"6.4.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/text","props":[{"description":"The content of the link.","type":"React.ReactNode","title":"children","required":true},{"description":"Type of html tag to create for the Text component.","default":"p","enum":["p","span"],"type":"string","title":"as","required":false},{"description":"The color property is used to set the color of the text.","default":"neutral-textLow","anyOf":[{"type":"object","properties":{"xs":{"enum":["currentColor","danger-interactive","danger-surface","danger-textHigh","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-textDisabled","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-textHigh","primary-textLow","success-interactive","success-surface","success-textHigh","success-textLow","warning-interactive","warning-surface","warning-textHigh","warning-textLow"],"type":"string","title":"xs"},"md":{"enum":["currentColor","danger-interactive","danger-surface","danger-textHigh","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-textDisabled","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-textHigh","primary-textLow","success-interactive","success-surface","success-textHigh","success-textLow","warning-interactive","warning-surface","warning-textHigh","warning-textLow"],"type":"string","title":"md"},"lg":{"enum":["currentColor","danger-interactive","danger-surface","danger-textHigh","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-textDisabled","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-textHigh","primary-textLow","success-interactive","success-surface","success-textHigh","success-textLow","warning-interactive","warning-surface","warning-textHigh","warning-textLow"],"type":"string","title":"lg"},"xl":{"enum":["currentColor","danger-interactive","danger-surface","danger-textHigh","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-textDisabled","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-textHigh","primary-textLow","success-interactive","success-surface","success-textHigh","success-textLow","warning-interactive","warning-surface","warning-textHigh","warning-textLow"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"enum":["currentColor","danger-interactive","danger-surface","danger-textHigh","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-textDisabled","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-textHigh","primary-textLow","success-interactive","success-surface","success-textHigh","success-textLow","warning-interactive","warning-surface","warning-textHigh","warning-textLow"],"type":"string"}],"title":"color","required":false},{"description":"The fontSize property sets the size of the text.","default":"base","anyOf":[{"type":"object","properties":{"xs":{"enum":["base","caption","highlight"],"type":"string","title":"xs"},"md":{"enum":["base","caption","highlight"],"type":"string","title":"md"},"lg":{"enum":["base","caption","highlight"],"type":"string","title":"lg"},"xl":{"enum":["base","caption","highlight"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"enum":["base","caption","highlight"],"type":"string"}],"title":"fontSize","required":false},{"description":"The fontWeight property sets how thick or thin characters in text should be displayed.","default":"regular","anyOf":[{"type":"object","properties":{"xs":{"enum":["bold","medium","regular"],"type":"string","title":"xs"},"md":{"enum":["bold","medium","regular"],"type":"string","title":"md"},"lg":{"enum":["bold","medium","regular"],"type":"string","title":"lg"},"xl":{"enum":["bold","medium","regular"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"enum":["bold","medium","regular"],"type":"string"}],"title":"fontWeight","required":false},{"description":"The lineHeight property specifies the line height of the text.","default":"base","anyOf":[{"type":"object","properties":{"xs":{"enum":["base","caption","highlight"],"type":"string","title":"xs"},"md":{"enum":["base","caption","highlight"],"type":"string","title":"md"},"lg":{"enum":["base","caption","highlight"],"type":"string","title":"lg"},"xl":{"enum":["base","caption","highlight"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"enum":["base","caption","highlight"],"type":"string"}],"title":"lineHeight","required":false},{"description":"The textAlign property specifies the horizontal alignment of text.","default":"left","anyOf":[{"type":"object","properties":{"xs":{"enum":["center","justify","left","right"],"type":"string","title":"xs"},"md":{"enum":["center","justify","left","right"],"type":"string","title":"md"},"lg":{"enum":["center","justify","left","right"],"type":"string","title":"lg"},"xl":{"enum":["center","justify","left","right"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"enum":["center","justify","left","right"],"type":"string"}],"title":"textAlign","required":false},{"description":"The textDecoration shorthand property sets the appearance of decorative lines on text.","anyOf":[{"type":"object","properties":{"xs":{"enum":["line-through","none","underline"],"type":"string","title":"xs"},"md":{"enum":["line-through","none","underline"],"type":"string","title":"md"},"lg":{"enum":["line-through","none","underline"],"type":"string","title":"lg"},"xl":{"enum":["line-through","none","underline"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"enum":["line-through","none","underline"],"type":"string"}],"title":"textDecoration","required":false},{"description":"The amount of lines at which the text will be trimmed, showing an ellipsis when overflowed.","anyOf":[{"type":"object","properties":{"xs":{"enum":["break-all","break-word","keep-all","normal"],"type":"string","title":"xs"},"md":{"enum":["break-all","break-word","keep-all","normal"],"type":"string","title":"md"},"lg":{"enum":["break-all","break-word","keep-all","normal"],"type":"string","title":"lg"},"xl":{"enum":["break-all","break-word","keep-all","normal"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"enum":["break-all","break-word","keep-all","normal"],"type":"string"}],"title":"wordBreak","required":false},{"description":"The amount of lines at which the text will be trimmed, showing an ellipsis when overflowed.","anyOf":[{"type":"object","properties":{"xs":{"type":"number","title":"xs"},"md":{"type":"number","title":"md"},"lg":{"type":"number","title":"lg"},"xl":{"type":"number","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"type":"number"}],"title":"lineClamp","required":false}],"subComponents":[{"name":"Text.Skeleton","totalProps":4,"props":[{"enum":["base","caption","highlight"],"type":"string","title":"fontSize","required":false},{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":false},{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"textarea":{"id":"textarea","name":"Textarea","totalProps":3,"packageName":"@nimbus-ds/textarea","version":"2.3.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/textarea","props":[{"description":"Change the visual style of the textarea.","default":"neutral","enum":["danger","neutral","success","warning"],"type":"string","title":"appearance","required":false},{"description":"Number of lines to be rendered for the user to input text","default":2,"type":"number","title":"lines","required":false},{"description":"ID of the textarea","type":"string","title":"id","required":true}],"subComponents":[{"name":"Textarea.Skeleton","totalProps":2,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"thumbnail":{"id":"thumbnail","name":"Thumbnail","totalProps":4,"packageName":"@nimbus-ds/thumbnail","version":"2.3.2","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/thumbnail","props":[{"description":"The required alt attribute specifies an alternate text for an image, if the image cannot be displayed.","type":"string","title":"alt","required":true},{"description":"The content of the thumbnail.","type":"React.ReactNode","title":"children","required":false},{"description":"Permitted aspect ratios for the size of the thumbnail image.","default":"1/1","enum":["1/1","1/2","16/9","2/1","3/4","4/3","9/16"],"type":"string","title":"aspectRatio","required":false},{"description":"Width value of the thumbnail image. Defaults to 100%.","default":"100%","type":"string","title":"width","required":false}],"subComponents":[{"name":"Thumbnail.Skeleton","totalProps":3,"props":[{"description":"Permitted aspect ratios for the size of the thumbnail image.","default":"1/1","enum":["1/1","1/2","16/9","2/1","3/4","4/3","9/16"],"type":"string","title":"aspectRatio","required":false},{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"title":{"id":"title","name":"Title","totalProps":7,"packageName":"@nimbus-ds/title","version":"3.1.3","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/title","props":[{"description":"The content of the title.","type":"React.ReactNode","title":"children","required":true},{"description":"Type of html tag to create for the title.","default":"h1","enum":["h1","h2","h3","h4","h5","h6"],"type":"string","title":"as","required":false},{"description":"The fontSize property sets the size of the title.","default":"base","anyOf":[{"type":"object","properties":{"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string"}],"title":"fontSize","required":false},{"description":"The fontWeight property sets how thick or thin characters in title should be displayed.","default":"regular","anyOf":[{"type":"object","properties":{"xs":{"enum":["bold","medium","regular"],"type":"string","title":"xs"},"md":{"enum":["bold","medium","regular"],"type":"string","title":"md"},"lg":{"enum":["bold","medium","regular"],"type":"string","title":"lg"},"xl":{"enum":["bold","medium","regular"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"enum":["bold","medium","regular"],"type":"string"}],"title":"fontWeight","required":false},{"description":"The lineHeight property specifies the line height of the title.","default":"base","anyOf":[{"type":"object","properties":{"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string"}],"title":"lineHeight","required":false},{"description":"The textAlign property specifies the horizontal alignment of title.","default":"left","anyOf":[{"type":"object","properties":{"xs":{"enum":["center","justify","left","right"],"type":"string","title":"xs"},"md":{"enum":["center","justify","left","right"],"type":"string","title":"md"},"lg":{"enum":["center","justify","left","right"],"type":"string","title":"lg"},"xl":{"enum":["center","justify","left","right"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"enum":["center","justify","left","right"],"type":"string"}],"title":"textAlign","required":false},{"description":"The color property is used to set the color of the title.","default":"neutral-textLow","anyOf":[{"type":"object","properties":{"xs":{"enum":["danger-textHigh","danger-textLow","neutral-background","neutral-textHigh","neutral-textLow","primary-textHigh","primary-textLow","success-textHigh","success-textLow","warning-textHigh","warning-textLow"],"type":"string","title":"xs"},"md":{"enum":["danger-textHigh","danger-textLow","neutral-background","neutral-textHigh","neutral-textLow","primary-textHigh","primary-textLow","success-textHigh","success-textLow","warning-textHigh","warning-textLow"],"type":"string","title":"md"},"lg":{"enum":["danger-textHigh","danger-textLow","neutral-background","neutral-textHigh","neutral-textLow","primary-textHigh","primary-textLow","success-textHigh","success-textLow","warning-textHigh","warning-textLow"],"type":"string","title":"lg"},"xl":{"enum":["danger-textHigh","danger-textLow","neutral-background","neutral-textHigh","neutral-textLow","primary-textHigh","primary-textLow","success-textHigh","success-textLow","warning-textHigh","warning-textLow"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"enum":["danger-textHigh","danger-textLow","neutral-background","neutral-textHigh","neutral-textLow","primary-textHigh","primary-textLow","success-textHigh","success-textLow","warning-textHigh","warning-textLow"],"type":"string"}],"title":"color","required":false}],"subComponents":[{"name":"Title.Skeleton","totalProps":4,"props":[{"description":"Type of html tag to create for the title.","default":"h1","enum":["h1","h2","h3","h4","h5","h6"],"type":"string","title":"as","required":false},{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":false},{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"toast":{"id":"toast","name":"Toast","totalProps":6,"packageName":"@nimbus-ds/toast","version":"2.4.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/toast","props":[{"description":"Unique toast ID used when hiding or removing a toast.","type":"string","title":"id","required":true},{"description":"The text that should appear in the toast message.","type":"string","title":"text","required":true},{"description":"Change the visual style of the toast.","default":"primary","enum":["danger","primary","progress","success"],"type":"string","title":"type","required":false},{"description":"The time in milliseconds that the toast message should persist.","default":4000,"enum":[16000,4000,8000],"type":"number","title":"duration","required":false},{"description":"Tells you whether or not Toast should close automatically.","default":true,"type":"boolean","title":"autoClose","required":false},{"description":"Tells the toast position when we are using multiple toasts.","default":0,"type":"number","title":"position","required":false}],"subComponents":[{"name":"Toast.Provider","totalProps":1,"props":[{"type":"React.ReactNode","title":"children","required":true}]}]},"toggle":{"id":"toggle","name":"Toggle","totalProps":3,"packageName":"@nimbus-ds/toggle","version":"2.2.2","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/toggle","props":[{"description":"The name of the input element.","type":"string","title":"name","required":true},{"description":"Sets toggle state to activated or deactivated.","type":"boolean","title":"active","required":false},{"description":"Text to be rendered inside the component","type":"string","title":"label","required":false}],"subComponents":[{"name":"Toggle.Skeleton","totalProps":2,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"tooltip":{"id":"tooltip","name":"Tooltip","totalProps":5,"packageName":"@nimbus-ds/tooltip","version":"2.6.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/tooltip","props":[{"description":"An HTML element, or a function that returns one. It's used to set the position of the tooltip.","type":"React.ReactNode","title":"children","required":true},{"description":"The text that should appear in the tooltip message.","type":"string","title":"content","required":true},{"description":"Conditional for displaying the popover arrow.","default":false,"type":"boolean","title":"arrow","required":false},{"description":"Position of the popover.","default":"bottom","enum":["bottom","left","right","top"],"type":"string","title":"position","required":false},{"description":"The maxWidth property specifies the maximum width of a popover's content area.","anyOf":[{"type":"object","properties":{"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"type":"string"}],"title":"maxWidth","required":false}],"subComponents":[]},"accordion":{"id":"accordion","name":"Accordion","totalProps":2,"packageName":"@nimbus-ds/accordion","version":"1.5.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/accordion","props":[{"description":"The content of the accordion.","type":"React.ReactNode","title":"children","required":false},{"description":"Informs which accordion item is open by default, this value must be the same as informed in the index of each item","type":"string","title":"selectedDefault","required":false}],"subComponents":[{"name":"Accordion.Body","totalProps":4,"props":[{"description":"The content of the accordion body.","type":"React.ReactNode","title":"children","required":true},{"description":"The borderBottom property defines a lower border of the accordion body.","default":"none","enum":["base","none"],"type":"string","title":"borderBottom","required":false},{"description":"The borderTop property defines a top border of the accordion body.","default":"none","enum":["base","none"],"type":"string","title":"borderTop","required":false},{"description":"Padding properties are used to generate space around the content area of an Accordion.Body..","default":"base","enum":["base","none"],"type":"string","title":"padding","required":false}]},{"name":"Accordion.Item","totalProps":3,"props":[{"description":"The content of the accordion body.","type":"React.ReactNode","title":"children","required":true},{"description":"Unique indicator to identify accordion items","type":"string","title":"index","required":true},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"testId","required":false}]},{"name":"Accordion.Header","totalProps":7,"props":[{"description":"The content of the accordion header.","type":"React.ReactNode | ((data: { selected: string; index: string }) => React.ReactNode);","title":"children","required":false},{"description":"The title to display in the accordion header.","type":"string","title":"title","required":false},{"description":"The subtitle to display in the accordion header.","type":"string","title":"subtitle","required":false},{"description":"The SVG contents to display in the accordion header.","type":"React.ReactNode","title":"icon","required":false},{"description":"Removes the arrow icon that shows if the accordion item is open or not which makes it possible to create a custom indicator.","default":false,"type":"boolean","title":"noIconToggle","required":false},{"description":"The borderTop property defines a lower border of the accordion header.","default":"base","enum":["base","none"],"type":"string","title":"borderTop","required":false},{"description":"The borderBottom property defines a lower border of the accordion header.","enum":["base","none"],"type":"string","title":"borderBottom","required":false}]}]},"alert":{"id":"alert","name":"Alert","totalProps":5,"packageName":"@nimbus-ds/alert","version":"2.4.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/alert","props":[{"description":"The content for the title of the alert.","type":"string","title":"title","required":false},{"description":"Change the visual style of the alert.","default":"neutral","enum":["danger","neutral","primary","success","warning"],"type":"string","title":"appearance","required":false},{"description":"The content of the alert.","type":"React.ReactNode","title":"children","required":true},{"description":"Function to be passed on actioning the dismiss button.","type":"() => void;","title":"onRemove","required":false},{"description":"Determines if the alert is shown or not.","default":true,"type":"boolean","title":"show","required":false}],"subComponents":[{"name":"Alert.Skeleton","totalProps":3,"props":[{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":false},{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"card":{"id":"card","name":"Card","totalProps":3,"packageName":"@nimbus-ds/card","version":"3.1.2","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/card","props":[{"description":"The content of the card.","type":"React.ReactNode","title":"children","required":true},{"description":"The padding properties are used to generate space around an card's content area.","default":"base","enum":["base","none","small"],"type":"string","title":"padding","required":false},{"description":"The backgroundColor property sets the background color of the card.","default":"neutral-background","enum":["danger-surface","danger-surfaceHighlight","neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","success-surface","success-surfaceHighlight","warning-surface","warning-surfaceHighlight"],"type":"string","title":"backgroundColor","required":false}],"subComponents":[{"name":"Card.Body","totalProps":2,"props":[{"description":"The content of the card body.","type":"React.ReactNode","title":"children","required":true},{"description":"The padding properties are used to generate space around an card's body content area.","default":"none","enum":["base","none","small"],"type":"string","title":"padding","required":false}]},{"name":"Card.Footer","totalProps":2,"props":[{"description":"The content of the card footer.","type":"React.ReactNode","title":"children","required":true},{"description":"The padding properties are used to generate space around an card's footer content area.","default":"none","enum":["base","none","small"],"type":"string","title":"padding","required":false}]},{"name":"Card.Header","totalProps":3,"props":[{"description":"The content of the card header.","type":"React.ReactNode","title":"children","required":false},{"description":"The title to display in the card header.","type":"string","title":"title","required":false},{"description":"The padding properties are used to generate space around an card's header content area.","default":"none","enum":["base","none","small"],"type":"string","title":"padding","required":false}]}]},"collapsible":{"id":"collapsible","name":"Collapsible","totalProps":2,"packageName":"@nimbus-ds/collapsible","version":"1.1.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/collapsible","props":[{"$ref":"#/definitions/React.ReactNode","description":"Represents all of the things React can render.\n\nWhere {@link ReactElement} only represents JSX, `ReactNode` represents everything that can be rendered.","title":"children","required":false},{"type":"boolean","title":"open","required":false}],"subComponents":[]},"modal":{"id":"modal","name":"Modal","totalProps":6,"packageName":"@nimbus-ds/modal","version":"1.6.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/modal","props":[{"description":"The content of the modal.","type":"React.ReactNode","title":"children","required":true},{"description":"Whether the modal is open or not.","type":"boolean","title":"open","required":true},{"description":"Callback fired when the component requests to be closed.","type":"(open: boolean) => void;","title":"onDismiss","required":false},{"description":"Id to be embedded in the portal element","type":"string","title":"portalId","required":false},{"description":"The padding properties are used to generate space around an modal's content area.","default":"base","enum":["base","none","small"],"type":"string","title":"padding","required":false},{"description":"The maxWidth property specifies the maxWidth of a modal's content area. The width of the modal will be defined by the width of the content in this prop.","default":"{ xs: \"100%\", md: \"500px\" }","anyOf":[{"type":"object","properties":{"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"type":"string"}],"title":"maxWidth","required":false}],"subComponents":[{"name":"Modal.Body","totalProps":2,"props":[{"description":"The content of the modal body.","type":"React.ReactNode","title":"children","required":true},{"description":"The padding properties are used to generate space around an modal's body content area.","default":"none","enum":["base","none","small"],"type":"string","title":"padding","required":false}]},{"name":"Modal.Footer","totalProps":2,"props":[{"description":"The content of the modal footer.","type":"React.ReactNode","title":"children","required":true},{"description":"The padding properties are used to generate space around an modal's footer content area.","default":"none","enum":["base","none","small"],"type":"string","title":"padding","required":false}]},{"name":"Modal.Header","totalProps":3,"props":[{"description":"The content of the modal header.","type":"React.ReactNode","title":"children","required":false},{"description":"The title to display in the modal header.","type":"string","title":"title","required":false},{"description":"The padding properties are used to generate space around an modal's header content area.","default":"none","enum":["base","none","small"],"type":"string","title":"padding","required":false}]}]},"pagination":{"id":"pagination","name":"Pagination","totalProps":5,"packageName":"@nimbus-ds/pagination","version":"2.4.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/pagination","props":[{"description":"The currently selected page.","type":"number","title":"activePage","required":true},{"description":"The total number of pages.","type":"number","title":"pageCount","required":true},{"description":"Called with event and page number when a page is clicked.","type":"(page: number) => void;","title":"onPageChange","required":true},{"description":"Determines whether page numbers should be shown.","default":true,"type":"boolean","title":"showNumbers","required":false},{"description":"Custom render function for pagination items.","type":"object","additionalProperties":false,"propertyOrder":[],"title":"renderItem","required":false}],"subComponents":[]},"segmentedControl":{"id":"segmentedControl","name":"SegmentedControl","totalProps":4,"packageName":"@nimbus-ds/segmented-control","version":"1.0.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/segmented-control","props":[{"description":"The content of the segmented control.","type":"ReactElement<SegmentedControlButtonProps | SegmentedControlButtonSkeletonProps>[];","title":"children","required":true},{"description":"Determines if segments span all available width.","default":false,"type":"boolean","title":"fullWidth","required":false},{"description":"The currently selected segment indices.\nAllows for single or multiple selection.","type":"array","items":{"type":"number"},"title":"selectedSegments","required":true},{"description":"Callback fired when the selected segments change.\nThis will only be called if the change results in at least one selected segment.","type":"object","additionalProperties":false,"propertyOrder":[],"title":"onSegmentsSelect","required":true}],"subComponents":[{"name":"SegmentedControl.Button","totalProps":4,"props":[{"description":"Label of the segment.","type":"string","title":"label","required":true},{"description":"Determines if segment is active.","default":false,"type":"boolean","title":"selected","required":false},{"description":"Determines if segment spans all available width.","default":false,"type":"boolean","title":"fullWidth","required":false},{"$ref":"#/definitions/React.ReactNode","description":"Represents all of the things React can render.\n\nWhere {@link ReactElement} only represents JSX, `ReactNode` represents everything that can be rendered.","title":"children","required":false}]},{"name":"SegmentedControl.ButtonSkeleton","totalProps":0,"props":[]}]},"sidebar":{"id":"sidebar","name":"Sidebar","totalProps":8,"packageName":"@nimbus-ds/sidebar","version":"3.4.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/sidebar","props":[{"description":"Side from which the sidebar will appear.","default":"right","enum":["left","right"],"type":"string","title":"position","required":false},{"description":"The padding properties are used to generate space around an sidebar's content area.","default":"base","enum":["base","none","small"],"type":"string","title":"padding","required":false},{"description":"The content of the sidebar.","type":"React.ReactNode","title":"children","required":true},{"description":"Callback fired when the component requests to be closed.\n() => void;","type":"object","additionalProperties":false,"propertyOrder":[],"title":"onRemove","required":false},{"description":"Determines if the sidebar is shown or not.","default":true,"type":"boolean","title":"open","required":false},{"description":"Determines if RemoveScroll wraps sidebar's children component.","default":true,"type":"boolean","title":"needRemoveScroll","required":false},{"description":"The maxWidth property specifies the maxWidth of a sidebar's content area.","default":"375px","anyOf":[{"type":"object","properties":{"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"type":"string"}],"title":"maxWidth","required":false},{"description":"The zIndex property specifies the stack order of the sidebar.","anyOf":[{"type":"object","properties":{"xs":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"xs"},"md":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"md"},"lg":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"lg"},"xl":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string"}],"title":"zIndex","required":false}],"subComponents":[{"name":"Sidebar.Body","totalProps":2,"props":[{"description":"The content of the sidebar body.","type":"React.ReactNode","title":"children","required":true},{"description":"The padding properties are used to generate space around an sidebar's body content area.","default":"base","enum":["base","none","small"],"type":"string","title":"padding","required":false}]},{"name":"Sidebar.Footer","totalProps":2,"props":[{"description":"The content of the sidebar footer.","type":"React.ReactNode","title":"children","required":true},{"description":"The padding properties are used to generate space around an sidebar's footer content area.","default":"base","enum":["base","none","small"],"type":"string","title":"padding","required":false}]},{"name":"Sidebar.Header","totalProps":3,"props":[{"description":"The content of the sidebar header.","type":"React.ReactNode","title":"children","required":false},{"description":"The title to display in the sidebar header.","type":"string","title":"title","required":false},{"description":"The padding properties are used to generate space around an sidebar's header content area.","default":"base","enum":["base","none","small"],"type":"string","title":"padding","required":false}]}]},"stepper":{"id":"stepper","name":"Stepper","totalProps":4,"packageName":"@nimbus-ds/stepper","version":"0.0.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/stepper","props":[{"description":"The currently active step (0-based index).\nSteps before this will be marked as completed.","type":"number","title":"activeStep","required":true},{"description":"The content of the stepper (StepperItem components).\nTotal steps will be calculated automatically based on the number of children.","type":"React.ReactNode","title":"children","required":true},{"description":"The currently selected step (0-based index).\nThis step will be visually highlighted to show user selection.","type":"number","title":"selectedStep","required":true},{"description":"Callback called when a step is selected.\nReceives the step number (0-based index) as parameter.","type":"object","additionalProperties":false,"propertyOrder":[],"title":"onSelectStep","required":true}],"subComponents":[{"name":"Stepper.Item","totalProps":2,"props":[{"description":"The step number (0-based index) for this item.\nThis is automatically assigned by the parent Stepper component.","type":"number","title":"step","required":true},{"description":"The label text to display for this step","type":"string","title":"label","required":false}]},{"name":"Stepper.Card","totalProps":1,"props":[{"description":"The content to be rendered inside the card container","type":"React.ReactNode","title":"children","required":true}]}]},"table":{"id":"table","name":"Table","totalProps":1,"packageName":"@nimbus-ds/table","version":"2.0.1","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/table","props":[{"description":"The content of the table.","type":"React.ReactNode","title":"children","required":true}],"subComponents":[{"name":"Table.Body","totalProps":1,"props":[{"description":"The content of the table body.","type":"React.ReactNode","title":"children","required":true}]},{"name":"Table.Cell","totalProps":7,"props":[{"description":"The content of the table cell.","type":"React.ReactNode","title":"children","required":true},{"description":"Type of html tag to create for the table cell.","default":"td","enum":["td","th"],"type":"string","title":"as","required":false},{"description":"The width property specifies the width of a table's content area.","anyOf":[{"type":"object","properties":{"rest":{"type":"string","title":"rest"},"focus":{"type":"string","title":"focus"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["rest","focus","active","hover","xs","md","lg","xl"]},{"type":"string"}],"title":"width","required":false},{"description":"The maxWidth property specifies the maxWidth of a table's content area.","anyOf":[{"type":"object","properties":{"rest":{"type":"string","title":"rest"},"focus":{"type":"string","title":"focus"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["rest","focus","active","hover","xs","md","lg","xl"]},{"type":"string"}],"title":"maxWidth","required":false},{"description":"The minWidth property specifies the minWidth of a table's content area.","anyOf":[{"type":"object","properties":{"rest":{"type":"string","title":"rest"},"focus":{"type":"string","title":"focus"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["rest","focus","active","hover","xs","md","lg","xl"]},{"type":"string"}],"title":"minWidth","required":false},{"description":"The backgroundColor property sets the background color of the table.","anyOf":[{"type":"object","properties":{"rest":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"rest"},"focus":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"focus"},"active":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"active"},"hover":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"hover"},"xs":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"xs"},"md":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"md"},"lg":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"lg"},"xl":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["rest","focus","active","hover","xs","md","lg","xl"]},{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string"}],"title":"backgroundColor","required":false},{"description":"The padding properties are used to generate space around an table's content area.","anyOf":[{"type":"object","properties":{"rest":{"enum":["base","none","small"],"type":"string","title":"rest"},"focus":{"enum":["base","none","small"],"type":"string","title":"focus"},"active":{"enum":["base","none","small"],"type":"string","title":"active"},"hover":{"enum":["base","none","small"],"type":"string","title":"hover"},"xs":{"enum":["base","none","small"],"type":"string","title":"xs"},"md":{"enum":["base","none","small"],"type":"string","title":"md"},"lg":{"enum":["base","none","small"],"type":"string","title":"lg"},"xl":{"enum":["base","none","small"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["rest","focus","active","hover","xs","md","lg","xl"]},{"enum":["base","none","small"],"type":"string"}],"title":"padding","required":false}]},{"name":"Table.Head","totalProps":1,"props":[{"description":"The content of the table head.","type":"React.ReactNode","title":"children","required":true}]},{"name":"Table.Row","totalProps":8,"props":[{"description":"The content of the table row.","type":"React.ReactNode","title":"children","required":true},{"description":"The ID of the table row.","type":"string","title":"id","required":false},{"description":"Function to be passed when clicking on the table row.","type":"() => void;","title":"onClick","required":false},{"description":"The width property specifies the width of a table's content area.","anyOf":[{"type":"object","properties":{"rest":{"type":"string","title":"rest"},"focus":{"type":"string","title":"focus"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["rest","focus","active","hover","xs","md","lg","xl"]},{"type":"string"}],"title":"width","required":false},{"description":"The maxWidth property specifies the maxWidth of a table's content area.","anyOf":[{"type":"object","properties":{"rest":{"type":"string","title":"rest"},"focus":{"type":"string","title":"focus"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["rest","focus","active","hover","xs","md","lg","xl"]},{"type":"string"}],"title":"maxWidth","required":false},{"description":"The minWidth property specifies the minWidth of a table's content area.","anyOf":[{"type":"object","properties":{"rest":{"type":"string","title":"rest"},"focus":{"type":"string","title":"focus"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["rest","focus","active","hover","xs","md","lg","xl"]},{"type":"string"}],"title":"minWidth","required":false},{"description":"The backgroundColor property sets the background color of the table.","anyOf":[{"type":"object","properties":{"rest":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"rest"},"focus":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"focus"},"active":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"active"},"hover":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"hover"},"xs":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"xs"},"md":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"md"},"lg":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"lg"},"xl":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["rest","focus","active","hover","xs","md","lg","xl"]},{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string"}],"title":"backgroundColor","required":false},{"description":"The padding properties are used to generate space around an table's content area.","anyOf":[{"type":"object","properties":{"rest":{"enum":["base","none","small"],"type":"string","title":"rest"},"focus":{"enum":["base","none","small"],"type":"string","title":"focus"},"active":{"enum":["base","none","small"],"type":"string","title":"active"},"hover":{"enum":["base","none","small"],"type":"string","title":"hover"},"xs":{"enum":["base","none","small"],"type":"string","title":"xs"},"md":{"enum":["base","none","small"],"type":"string","title":"md"},"lg":{"enum":["base","none","small"],"type":"string","title":"lg"},"xl":{"enum":["base","none","small"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["rest","focus","active","hover","xs","md","lg","xl"]},{"enum":["base","none","small"],"type":"string"}],"title":"padding","required":false}]}]},"tabs":{"id":"tabs","name":"Tabs","totalProps":5,"packageName":"@nimbus-ds/tabs","version":"2.5.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/tabs","props":[{"description":"The content of the tabs.","type":"ReactElement<TabsButtonProps>[];","title":"children","required":true},{"description":"Sets the indicated tab as active by default. If unset, defaults to first tab.","type":"number","title":"preSelectedTab","required":false},{"description":"Determines if tabs should span available width.","default":false,"type":"boolean","title":"fullWidth","required":false},{"description":"The currently selected tab index.","type":"number","title":"selected","required":true},{"description":"Callback fired when the selected tab changes.","type":"object","additionalProperties":false,"propertyOrder":[],"title":"onTabSelect","required":true}],"subComponents":[{"name":"Tabs.Item","totalProps":3,"props":[{"description":"Label of the tabpanel. Used to pair with it's corresponding tab control.","type":"string","title":"label","required":true},{"description":"Optional content of the tabpanel.","type":"ReactNode;","title":"labelContent","required":false},{"description":"The content of the tabs item.","type":"ReactNode | ReactNode[];","title":"children","required":true}]},{"name":"Tabs.Button","totalProps":6,"props":[{"description":"Label of the tab button.","type":"string","title":"label","required":true},{"$ref":"#/definitions/React.ReactNode","description":"Content of the tab button.","title":"labelContent","required":false},{"description":"Determines if tab is active.","default":false,"type":"boolean","title":"active","required":false},{"description":"Position of the tab inside the tab list.","type":"number","title":"index","required":true},{"description":"Function executed when clicking the tab.","type":"(index: number) => void;","title":"setActiveTab","required":true},{"description":"Determines if tab spans all available width.","default":false,"type":"boolean","title":"fullWidth","required":false}]}]}}
1
+ {"badge":{"id":"badge","name":"Badge","totalProps":3,"packageName":"@nimbus-ds/badge","version":"3.1.2","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/badge","props":[{"description":"Change the visual style of the badge.","default":"neutral","enum":["danger","neutral","primary","success","warning"],"type":"string","title":"appearance","required":false},{"description":"Total items to be displayed without badge","type":["string","number"],"title":"count","required":true},{"description":"Change the color scheme of the badge.","default":"surface","enum":["light","surface"],"type":"string","title":"theme","required":false}],"subComponents":[{"name":"Badge.Skeleton","totalProps":3,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"box":{"id":"box","name":"Box","totalProps":90,"packageName":"@nimbus-ds/box","version":"4.2.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/box","props":[{"description":"Element to be rendered inside the Box component.","type":"React.ReactNode","title":"children","required":false},{"description":"The width property specifies the width of a box's content area.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"width","required":false},{"description":"The height property specifies the height of a box's content area.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"height","required":false},{"description":"The max width property specifies the width of a box's content area.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"maxWidth","required":false},{"description":"The max height property specifies the height of a box's content area.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"maxHeight","required":false},{"description":"The min width property specifies the width of a box's content area.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"minWidth","required":false},{"description":"The min height property specifies the height of a box's content area.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"minHeight","required":false},{"description":"The bottom property participates in setting the vertical position of a positioned box.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"bottom","required":false},{"description":"The left property participates in specifying the horizontal position of a positioned box.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"left","required":false},{"description":"The right property participates in specifying the horizontal position of a positioned box.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"right","required":false},{"description":"The top property participates in setting the vertical position of a positioned box.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"top","required":false},{"description":"This is the shorthand for flexGrow, flexShrink and flexBasis combined.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"flex","required":false},{"description":"This defines the ability for a flex item to shrink if necessary.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"flexShrink","required":false},{"description":"This defines the ability for a flex item to grow if necessary.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"flexGrow","required":false},{"description":"The flexWrap property sets whether flex items are forced onto one line or can wrap onto multiple lines.","anyOf":[{"type":"object","properties":{"focus":{"enum":["nowrap","wrap","wrap-reverse"],"type":"string","title":"focus"},"focusWithin":{"enum":["nowrap","wrap","wrap-reverse"],"type":"string","title":"focusWithin"},"active":{"enum":["nowrap","wrap","wrap-reverse"],"type":"string","title":"active"},"hover":{"enum":["nowrap","wrap","wrap-reverse"],"type":"string","title":"hover"},"disabled":{"enum":["nowrap","wrap","wrap-reverse"],"type":"string","title":"disabled"},"xs":{"enum":["nowrap","wrap","wrap-reverse"],"type":"string","title":"xs"},"md":{"enum":["nowrap","wrap","wrap-reverse"],"type":"string","title":"md"},"lg":{"enum":["nowrap","wrap","wrap-reverse"],"type":"string","title":"lg"},"xl":{"enum":["nowrap","wrap","wrap-reverse"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["nowrap","wrap","wrap-reverse"],"type":"string"}],"title":"flexWrap","required":false},{"description":"The order property controls the order in which they appear in a flex container.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"order","required":false},{"description":"The gridTemplateColumns property defines the line names and track sizing functions of the grid columns.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"gridTemplateColumns","required":false},{"description":"The gridTemplateAreas property specifies named grid areas, establishing the cells in the grid and assigning them names.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"gridTemplateAreas","required":false},{"description":"The gridTemplateRows property defines the line names and track sizing functions of the grid rows.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"gridTemplateRows","required":false},{"description":"The gridArea shorthand property specifies a grid item's size and location within a grid by contributing a line,\na span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"gridArea","required":false},{"description":"The display property sets whether an box is treated as a block or inline element and the layout used for its children,\nsuch as grid or flex.","anyOf":[{"type":"object","properties":{"focus":{"enum":["block","flex","grid","inline-flex","inline-grid","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["block","flex","grid","inline-flex","inline-grid","none"],"type":"string","title":"focusWithin"},"active":{"enum":["block","flex","grid","inline-flex","inline-grid","none"],"type":"string","title":"active"},"hover":{"enum":["block","flex","grid","inline-flex","inline-grid","none"],"type":"string","title":"hover"},"disabled":{"enum":["block","flex","grid","inline-flex","inline-grid","none"],"type":"string","title":"disabled"},"xs":{"enum":["block","flex","grid","inline-flex","inline-grid","none"],"type":"string","title":"xs"},"md":{"enum":["block","flex","grid","inline-flex","inline-grid","none"],"type":"string","title":"md"},"lg":{"enum":["block","flex","grid","inline-flex","inline-grid","none"],"type":"string","title":"lg"},"xl":{"enum":["block","flex","grid","inline-flex","inline-grid","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["block","flex","grid","inline-flex","inline-grid","none"],"type":"string"}],"title":"display","required":false},{"description":"The justifyContent property defines how the browser distributes space between and around content items along\nthe main-axis of a flex container, and the inline axis of a grid container.","anyOf":[{"type":"object","properties":{"focus":{"enum":["center","flex-end","flex-start","space-around","space-between","space-evenly"],"type":"string","title":"focus"},"focusWithin":{"enum":["center","flex-end","flex-start","space-around","space-between","space-evenly"],"type":"string","title":"focusWithin"},"active":{"enum":["center","flex-end","flex-start","space-around","space-between","space-evenly"],"type":"string","title":"active"},"hover":{"enum":["center","flex-end","flex-start","space-around","space-between","space-evenly"],"type":"string","title":"hover"},"disabled":{"enum":["center","flex-end","flex-start","space-around","space-between","space-evenly"],"type":"string","title":"disabled"},"xs":{"enum":["center","flex-end","flex-start","space-around","space-between","space-evenly"],"type":"string","title":"xs"},"md":{"enum":["center","flex-end","flex-start","space-around","space-between","space-evenly"],"type":"string","title":"md"},"lg":{"enum":["center","flex-end","flex-start","space-around","space-between","space-evenly"],"type":"string","title":"lg"},"xl":{"enum":["center","flex-end","flex-start","space-around","space-between","space-evenly"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["center","flex-end","flex-start","space-around","space-between","space-evenly"],"type":"string"}],"title":"justifyContent","required":false},{"description":"The flexDirection property sets how flex items are placed in the flex container defining the main axis and the direction.","anyOf":[{"type":"object","properties":{"focus":{"enum":["column","column-reverse","row","row-reverse"],"type":"string","title":"focus"},"focusWithin":{"enum":["column","column-reverse","row","row-reverse"],"type":"string","title":"focusWithin"},"active":{"enum":["column","column-reverse","row","row-reverse"],"type":"string","title":"active"},"hover":{"enum":["column","column-reverse","row","row-reverse"],"type":"string","title":"hover"},"disabled":{"enum":["column","column-reverse","row","row-reverse"],"type":"string","title":"disabled"},"xs":{"enum":["column","column-reverse","row","row-reverse"],"type":"string","title":"xs"},"md":{"enum":["column","column-reverse","row","row-reverse"],"type":"string","title":"md"},"lg":{"enum":["column","column-reverse","row","row-reverse"],"type":"string","title":"lg"},"xl":{"enum":["column","column-reverse","row","row-reverse"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["column","column-reverse","row","row-reverse"],"type":"string"}],"title":"flexDirection","required":false},{"description":"The alignItems property sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis.\nIn Grid Layout, it controls the alignment of items on the Block Axis within their grid area.","anyOf":[{"type":"object","properties":{"focus":{"enum":["baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"focus"},"focusWithin":{"enum":["baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"focusWithin"},"active":{"enum":["baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"active"},"hover":{"enum":["baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"hover"},"disabled":{"enum":["baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"disabled"},"xs":{"enum":["baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"xs"},"md":{"enum":["baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"md"},"lg":{"enum":["baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"lg"},"xl":{"enum":["baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["baseline","center","flex-end","flex-start","stretch"],"type":"string"}],"title":"alignItems","required":false},{"description":"The alignSelf property overrides a grid or flex item's align-items value. In Grid, it aligns the item inside the grid area.\nIn Flexbox, it aligns the item on the cross axis.","anyOf":[{"type":"object","properties":{"focus":{"enum":["auto","baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"focus"},"focusWithin":{"enum":["auto","baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"focusWithin"},"active":{"enum":["auto","baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"active"},"hover":{"enum":["auto","baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"hover"},"disabled":{"enum":["auto","baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"disabled"},"xs":{"enum":["auto","baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"xs"},"md":{"enum":["auto","baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"md"},"lg":{"enum":["auto","baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"lg"},"xl":{"enum":["auto","baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["auto","baseline","center","flex-end","flex-start","stretch"],"type":"string"}],"title":"alignSelf","required":false},{"description":"The gap property sets the gaps between rows and columns. It is a shorthand for rowGap and columnGap.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"gap","required":false},{"description":"The gridGap property sets the gaps between rows and columns. It is a shorthand for rowGap and columnGap.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"gridGap","required":false},{"description":"The pointerEvents property sets under what circumstances (if any) a particular graphic element can become the target of pointer events.","anyOf":[{"type":"object","properties":{"focus":{"enum":["all","auto","fill","inherit","none","painted","stroke","visible","visibleFill","visiblePainted","visibleStroke"],"type":"string","title":"focus"},"focusWithin":{"enum":["all","auto","fill","inherit","none","painted","stroke","visible","visibleFill","visiblePainted","visibleStroke"],"type":"string","title":"focusWithin"},"active":{"enum":["all","auto","fill","inherit","none","painted","stroke","visible","visibleFill","visiblePainted","visibleStroke"],"type":"string","title":"active"},"hover":{"enum":["all","auto","fill","inherit","none","painted","stroke","visible","visibleFill","visiblePainted","visibleStroke"],"type":"string","title":"hover"},"disabled":{"enum":["all","auto","fill","inherit","none","painted","stroke","visible","visibleFill","visiblePainted","visibleStroke"],"type":"string","title":"disabled"},"xs":{"enum":["all","auto","fill","inherit","none","painted","stroke","visible","visibleFill","visiblePainted","visibleStroke"],"type":"string","title":"xs"},"md":{"enum":["all","auto","fill","inherit","none","painted","stroke","visible","visibleFill","visiblePainted","visibleStroke"],"type":"string","title":"md"},"lg":{"enum":["all","auto","fill","inherit","none","painted","stroke","visible","visibleFill","visiblePainted","visibleStroke"],"type":"string","title":"lg"},"xl":{"enum":["all","auto","fill","inherit","none","painted","stroke","visible","visibleFill","visiblePainted","visibleStroke"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["all","auto","fill","inherit","none","painted","stroke","visible","visibleFill","visiblePainted","visibleStroke"],"type":"string"}],"title":"pointerEvents","required":false},{"description":"The position property sets how an box is positioned in a document.","anyOf":[{"type":"object","properties":{"focus":{"enum":["absolute","fixed","relative","static","sticky"],"type":"string","title":"focus"},"focusWithin":{"enum":["absolute","fixed","relative","static","sticky"],"type":"string","title":"focusWithin"},"active":{"enum":["absolute","fixed","relative","static","sticky"],"type":"string","title":"active"},"hover":{"enum":["absolute","fixed","relative","static","sticky"],"type":"string","title":"hover"},"disabled":{"enum":["absolute","fixed","relative","static","sticky"],"type":"string","title":"disabled"},"xs":{"enum":["absolute","fixed","relative","static","sticky"],"type":"string","title":"xs"},"md":{"enum":["absolute","fixed","relative","static","sticky"],"type":"string","title":"md"},"lg":{"enum":["absolute","fixed","relative","static","sticky"],"type":"string","title":"lg"},"xl":{"enum":["absolute","fixed","relative","static","sticky"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["absolute","fixed","relative","static","sticky"],"type":"string"}],"title":"position","required":false},{"description":"The overflow shorthand property sets the desired behavior for an box's overflow.","anyOf":[{"type":"object","properties":{"focus":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"focus"},"focusWithin":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"focusWithin"},"active":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"active"},"hover":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"hover"},"disabled":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"disabled"},"xs":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"xs"},"md":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"md"},"lg":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"lg"},"xl":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["auto","hidden","scroll","visible"],"type":"string"}],"title":"overflow","required":false},{"description":"The overflow-x property sets what shows when content overflows a block-level box's left and right edges.","anyOf":[{"type":"object","properties":{"focus":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"focus"},"focusWithin":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"focusWithin"},"active":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"active"},"hover":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"hover"},"disabled":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"disabled"},"xs":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"xs"},"md":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"md"},"lg":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"lg"},"xl":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["auto","hidden","scroll","visible"],"type":"string"}],"title":"overflowX","required":false},{"description":"The overflow-y property sets what shows when content overflows a block-level box's top and bottom edges.","anyOf":[{"type":"object","properties":{"focus":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"focus"},"focusWithin":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"focusWithin"},"active":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"active"},"hover":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"hover"},"disabled":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"disabled"},"xs":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"xs"},"md":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"md"},"lg":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"lg"},"xl":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["auto","hidden","scroll","visible"],"type":"string"}],"title":"overflowY","required":false},{"description":"The cursor property sets the mouse cursor, if any, to show when the mouse pointer is over an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["auto","grab","inherit","not-allowed","pointer"],"type":"string","title":"focus"},"focusWithin":{"enum":["auto","grab","inherit","not-allowed","pointer"],"type":"string","title":"focusWithin"},"active":{"enum":["auto","grab","inherit","not-allowed","pointer"],"type":"string","title":"active"},"hover":{"enum":["auto","grab","inherit","not-allowed","pointer"],"type":"string","title":"hover"},"disabled":{"enum":["auto","grab","inherit","not-allowed","pointer"],"type":"string","title":"disabled"},"xs":{"enum":["auto","grab","inherit","not-allowed","pointer"],"type":"string","title":"xs"},"md":{"enum":["auto","grab","inherit","not-allowed","pointer"],"type":"string","title":"md"},"lg":{"enum":["auto","grab","inherit","not-allowed","pointer"],"type":"string","title":"lg"},"xl":{"enum":["auto","grab","inherit","not-allowed","pointer"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["auto","grab","inherit","not-allowed","pointer"],"type":"string"}],"title":"cursor","required":false},{"description":"The backgroundColor property sets the background color of the box.","default":"neutral-background","examples":"[\"neutral-interactive\", { xs: \"neutral-surface\", md: \"neutral-interactive\" }]","anyOf":[{"type":"object","properties":{"focus":{"enum":["danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"focus"},"focusWithin":{"enum":["danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"focusWithin"},"active":{"enum":["danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"active"},"hover":{"enum":["danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"hover"},"disabled":{"enum":["danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"disabled"},"xs":{"enum":["danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"xs"},"md":{"enum":["danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"md"},"lg":{"enum":["danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"lg"},"xl":{"enum":["danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string"}],"title":"backgroundColor","required":false},{"description":"The color property is used to set the color of the box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["currentColor","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"focus"},"focusWithin":{"enum":["currentColor","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"focusWithin"},"active":{"enum":["currentColor","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"active"},"hover":{"enum":["currentColor","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"hover"},"disabled":{"enum":["currentColor","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"disabled"},"xs":{"enum":["currentColor","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"xs"},"md":{"enum":["currentColor","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"md"},"lg":{"enum":["currentColor","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"lg"},"xl":{"enum":["currentColor","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["currentColor","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string"}],"title":"color","required":false},{"description":"The borderRadius property rounds the corners of an box's outer border edge.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","2","3","4","5","6","base","full","half","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","2","3","4","5","6","base","full","half","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","2","3","4","5","6","base","full","half","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","2","3","4","5","6","base","full","half","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","2","3","4","5","6","base","full","half","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","2","3","4","5","6","base","full","half","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","2","3","4","5","6","base","full","half","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","2","3","4","5","6","base","full","half","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","2","3","4","5","6","base","full","half","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","2","3","4","5","6","base","full","half","none"],"type":"string"}],"title":"borderRadius","required":false},{"description":"The borderWidth property sets the width of an box's border.","anyOf":[{"type":"object","properties":{"focus":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focusWithin"},"active":{"enum":["1","2","3","4","5","none"],"type":"string","title":"active"},"hover":{"enum":["1","2","3","4","5","none"],"type":"string","title":"hover"},"disabled":{"enum":["1","2","3","4","5","none"],"type":"string","title":"disabled"},"xs":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xs"},"md":{"enum":["1","2","3","4","5","none"],"type":"string","title":"md"},"lg":{"enum":["1","2","3","4","5","none"],"type":"string","title":"lg"},"xl":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["1","2","3","4","5","none"],"type":"string"}],"title":"borderWidth","required":false},{"description":"The borderTopWidth property defines the width of the border at the top of a box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focusWithin"},"active":{"enum":["1","2","3","4","5","none"],"type":"string","title":"active"},"hover":{"enum":["1","2","3","4","5","none"],"type":"string","title":"hover"},"disabled":{"enum":["1","2","3","4","5","none"],"type":"string","title":"disabled"},"xs":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xs"},"md":{"enum":["1","2","3","4","5","none"],"type":"string","title":"md"},"lg":{"enum":["1","2","3","4","5","none"],"type":"string","title":"lg"},"xl":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["1","2","3","4","5","none"],"type":"string"}],"title":"borderTopWidth","required":false},{"description":"The borderBottomWidth property defines the width of the border at the bottom of a box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focusWithin"},"active":{"enum":["1","2","3","4","5","none"],"type":"string","title":"active"},"hover":{"enum":["1","2","3","4","5","none"],"type":"string","title":"hover"},"disabled":{"enum":["1","2","3","4","5","none"],"type":"string","title":"disabled"},"xs":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xs"},"md":{"enum":["1","2","3","4","5","none"],"type":"string","title":"md"},"lg":{"enum":["1","2","3","4","5","none"],"type":"string","title":"lg"},"xl":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["1","2","3","4","5","none"],"type":"string"}],"title":"borderBottomWidth","required":false},{"description":"The borderLeftWidth property defines the width of the border at the left of a box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focusWithin"},"active":{"enum":["1","2","3","4","5","none"],"type":"string","title":"active"},"hover":{"enum":["1","2","3","4","5","none"],"type":"string","title":"hover"},"disabled":{"enum":["1","2","3","4","5","none"],"type":"string","title":"disabled"},"xs":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xs"},"md":{"enum":["1","2","3","4","5","none"],"type":"string","title":"md"},"lg":{"enum":["1","2","3","4","5","none"],"type":"string","title":"lg"},"xl":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["1","2","3","4","5","none"],"type":"string"}],"title":"borderLeftWidth","required":false},{"description":"The borderRightWidth property defines the width of the border at the right of a box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focusWithin"},"active":{"enum":["1","2","3","4","5","none"],"type":"string","title":"active"},"hover":{"enum":["1","2","3","4","5","none"],"type":"string","title":"hover"},"disabled":{"enum":["1","2","3","4","5","none"],"type":"string","title":"disabled"},"xs":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xs"},"md":{"enum":["1","2","3","4","5","none"],"type":"string","title":"md"},"lg":{"enum":["1","2","3","4","5","none"],"type":"string","title":"lg"},"xl":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["1","2","3","4","5","none"],"type":"string"}],"title":"borderRightWidth","required":false},{"description":"The borderWidthX shorthand property defines the width of the element's border on the left and right.","anyOf":[{"type":"object","properties":{"focus":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focusWithin"},"active":{"enum":["1","2","3","4","5","none"],"type":"string","title":"active"},"hover":{"enum":["1","2","3","4","5","none"],"type":"string","title":"hover"},"disabled":{"enum":["1","2","3","4","5","none"],"type":"string","title":"disabled"},"xs":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xs"},"md":{"enum":["1","2","3","4","5","none"],"type":"string","title":"md"},"lg":{"enum":["1","2","3","4","5","none"],"type":"string","title":"lg"},"xl":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["1","2","3","4","5","none"],"type":"string"}],"title":"borderWidthX","required":false},{"description":"The borderWidthY shorthand property defines the width of the element's border on the top and bottom.","anyOf":[{"type":"object","properties":{"focus":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focusWithin"},"active":{"enum":["1","2","3","4","5","none"],"type":"string","title":"active"},"hover":{"enum":["1","2","3","4","5","none"],"type":"string","title":"hover"},"disabled":{"enum":["1","2","3","4","5","none"],"type":"string","title":"disabled"},"xs":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xs"},"md":{"enum":["1","2","3","4","5","none"],"type":"string","title":"md"},"lg":{"enum":["1","2","3","4","5","none"],"type":"string","title":"lg"},"xl":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["1","2","3","4","5","none"],"type":"string"}],"title":"borderWidthY","required":false},{"description":"The borderColor property sets the color of the box's four borders.","anyOf":[{"type":"object","properties":{"focus":{"enum":["danger-interactive","danger-surface","danger-surfaceHighlight","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","primary-interactive","primary-surface","primary-surfaceHighlight","success-interactive","success-surface","success-surfaceHighlight","transparent","warning-interactive","warning-surface","warning-surfaceHighlight"],"type":"string","title":"focus"},"focusWithin":{"enum":["danger-interactive","danger-surface","danger-surfaceHighlight","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","primary-interactive","primary-surface","primary-surfaceHighlight","success-interactive","success-surface","success-surfaceHighlight","transparent","warning-interactive","warning-surface","warning-surfaceHighlight"],"type":"string","title":"focusWithin"},"active":{"enum":["danger-interactive","danger-surface","danger-surfaceHighlight","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","primary-interactive","primary-surface","primary-surfaceHighlight","success-interactive","success-surface","success-surfaceHighlight","transparent","warning-interactive","warning-surface","warning-surfaceHighlight"],"type":"string","title":"active"},"hover":{"enum":["danger-interactive","danger-surface","danger-surfaceHighlight","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","primary-interactive","primary-surface","primary-surfaceHighlight","success-interactive","success-surface","success-surfaceHighlight","transparent","warning-interactive","warning-surface","warning-surfaceHighlight"],"type":"string","title":"hover"},"disabled":{"enum":["danger-interactive","danger-surface","danger-surfaceHighlight","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","primary-interactive","primary-surface","primary-surfaceHighlight","success-interactive","success-surface","success-surfaceHighlight","transparent","warning-interactive","warning-surface","warning-surfaceHighlight"],"type":"string","title":"disabled"},"xs":{"enum":["danger-interactive","danger-surface","danger-surfaceHighlight","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","primary-interactive","primary-surface","primary-surfaceHighlight","success-interactive","success-surface","success-surfaceHighlight","transparent","warning-interactive","warning-surface","warning-surfaceHighlight"],"type":"string","title":"xs"},"md":{"enum":["danger-interactive","danger-surface","danger-surfaceHighlight","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","primary-interactive","primary-surface","primary-surfaceHighlight","success-interactive","success-surface","success-surfaceHighlight","transparent","warning-interactive","warning-surface","warning-surfaceHighlight"],"type":"string","title":"md"},"lg":{"enum":["danger-interactive","danger-surface","danger-surfaceHighlight","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","primary-interactive","primary-surface","primary-surfaceHighlight","success-interactive","success-surface","success-surfaceHighlight","transparent","warning-interactive","warning-surface","warning-surfaceHighlight"],"type":"string","title":"lg"},"xl":{"enum":["danger-interactive","danger-surface","danger-surfaceHighlight","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","primary-interactive","primary-surface","primary-surfaceHighlight","success-interactive","success-surface","success-surfaceHighlight","transparent","warning-interactive","warning-surface","warning-surfaceHighlight"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["danger-interactive","danger-surface","danger-surfaceHighlight","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","primary-interactive","primary-surface","primary-surfaceHighlight","success-interactive","success-surface","success-surfaceHighlight","transparent","warning-interactive","warning-surface","warning-surfaceHighlight"],"type":"string"}],"title":"borderColor","required":false},{"description":"borderStyle property sets the line style for all four sides of an box's border.","anyOf":[{"type":"object","properties":{"focus":{"enum":["dashed","dotted","hidden","none","solid"],"type":"string","title":"focus"},"focusWithin":{"enum":["dashed","dotted","hidden","none","solid"],"type":"string","title":"focusWithin"},"active":{"enum":["dashed","dotted","hidden","none","solid"],"type":"string","title":"active"},"hover":{"enum":["dashed","dotted","hidden","none","solid"],"type":"string","title":"hover"},"disabled":{"enum":["dashed","dotted","hidden","none","solid"],"type":"string","title":"disabled"},"xs":{"enum":["dashed","dotted","hidden","none","solid"],"type":"string","title":"xs"},"md":{"enum":["dashed","dotted","hidden","none","solid"],"type":"string","title":"md"},"lg":{"enum":["dashed","dotted","hidden","none","solid"],"type":"string","title":"lg"},"xl":{"enum":["dashed","dotted","hidden","none","solid"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["dashed","dotted","hidden","none","solid"],"type":"string"}],"title":"borderStyle","required":false},{"description":"The boxSizing property sets how the total width and height of an box is calculated.","default":"border-box","anyOf":[{"type":"object","properties":{"focus":{"enum":["border-box","content-box"],"type":"string","title":"focus"},"focusWithin":{"enum":["border-box","content-box"],"type":"string","title":"focusWithin"},"active":{"enum":["border-box","content-box"],"type":"string","title":"active"},"hover":{"enum":["border-box","content-box"],"type":"string","title":"hover"},"disabled":{"enum":["border-box","content-box"],"type":"string","title":"disabled"},"xs":{"enum":["border-box","content-box"],"type":"string","title":"xs"},"md":{"enum":["border-box","content-box"],"type":"string","title":"md"},"lg":{"enum":["border-box","content-box"],"type":"string","title":"lg"},"xl":{"enum":["border-box","content-box"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["border-box","content-box"],"type":"string"}],"title":"boxSizing","required":false},{"description":"The boxShadow property adds shadow effects around an box's frame.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0","1","2","3","4","5","focusRing"],"type":"string","title":"focus"},"focusWithin":{"enum":["0","1","2","3","4","5","focusRing"],"type":"string","title":"focusWithin"},"active":{"enum":["0","1","2","3","4","5","focusRing"],"type":"string","title":"active"},"hover":{"enum":["0","1","2","3","4","5","focusRing"],"type":"string","title":"hover"},"disabled":{"enum":["0","1","2","3","4","5","focusRing"],"type":"string","title":"disabled"},"xs":{"enum":["0","1","2","3","4","5","focusRing"],"type":"string","title":"xs"},"md":{"enum":["0","1","2","3","4","5","focusRing"],"type":"string","title":"md"},"lg":{"enum":["0","1","2","3","4","5","focusRing"],"type":"string","title":"lg"},"xl":{"enum":["0","1","2","3","4","5","focusRing"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0","1","2","3","4","5","focusRing"],"type":"string"}],"title":"boxShadow","required":false},{"description":"The padding properties are used to generate space around an box's content area.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"padding","required":false},{"description":"The paddingTop property sets the height of the padding area on the top of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"paddingTop","required":false},{"description":"The paddingBottom property sets the height of the padding area on the bottom of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"paddingBottom","required":false},{"description":"The paddingLeft property sets the width of the padding area to the left of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"paddingLeft","required":false},{"description":"The paddingLeft property sets the width of the padding area to the right of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"paddingRight","required":false},{"description":"The margin shorthand property sets the margin area on all four sides of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"margin","required":false},{"description":"The marginTop property sets the margin area on the top of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"marginTop","required":false},{"description":"The marginBottom property sets the margin area on the bottom of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"marginBottom","required":false},{"description":"The marginLeft property sets the margin area on the left side of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"marginLeft","required":false},{"description":"The marginRight property sets the margin area on the right side of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"marginRight","required":false},{"description":"The transitionTimingFunction property sets how intermediate values are calculated for CSS properties being affected by a transition effect.","anyOf":[{"type":"object","properties":{"focus":{"enum":["ease","ease-in","ease-in-out","ease-out","linear","step-end","step-start"],"type":"string","title":"focus"},"focusWithin":{"enum":["ease","ease-in","ease-in-out","ease-out","linear","step-end","step-start"],"type":"string","title":"focusWithin"},"active":{"enum":["ease","ease-in","ease-in-out","ease-out","linear","step-end","step-start"],"type":"string","title":"active"},"hover":{"enum":["ease","ease-in","ease-in-out","ease-out","linear","step-end","step-start"],"type":"string","title":"hover"},"disabled":{"enum":["ease","ease-in","ease-in-out","ease-out","linear","step-end","step-start"],"type":"string","title":"disabled"},"xs":{"enum":["ease","ease-in","ease-in-out","ease-out","linear","step-end","step-start"],"type":"string","title":"xs"},"md":{"enum":["ease","ease-in","ease-in-out","ease-out","linear","step-end","step-start"],"type":"string","title":"md"},"lg":{"enum":["ease","ease-in","ease-in-out","ease-out","linear","step-end","step-start"],"type":"string","title":"lg"},"xl":{"enum":["ease","ease-in","ease-in-out","ease-out","linear","step-end","step-start"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["ease","ease-in","ease-in-out","ease-out","linear","step-end","step-start"],"type":"string"}],"title":"transitionTimingFunction","required":false},{"description":"The transitionProperty property sets the CSS properties to which a transition effect should be applied.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"transitionProperty","required":false},{"description":"The transitionDelay property specifies the duration to wait before starting a property's transition effect when its value changes.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"transitionDelay","required":false},{"description":"The transitionDuration property sets the length of time a transition animation should take to complete. By default, the value is 0s, meaning that no animation will occur.","anyOf":[{"type":"object","properties":{"focus":{"enum":["base","fast","slow","slower"],"type":"string","title":"focus"},"focusWithin":{"enum":["base","fast","slow","slower"],"type":"string","title":"focusWithin"},"active":{"enum":["base","fast","slow","slower"],"type":"string","title":"active"},"hover":{"enum":["base","fast","slow","slower"],"type":"string","title":"hover"},"disabled":{"enum":["base","fast","slow","slower"],"type":"string","title":"disabled"},"xs":{"enum":["base","fast","slow","slower"],"type":"string","title":"xs"},"md":{"enum":["base","fast","slow","slower"],"type":"string","title":"md"},"lg":{"enum":["base","fast","slow","slower"],"type":"string","title":"lg"},"xl":{"enum":["base","fast","slow","slower"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["base","fast","slow","slower"],"type":"string"}],"title":"transitionDuration","required":false},{"description":"The zIndex property specifies the stack order of the box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"focus"},"focusWithin":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"focusWithin"},"active":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"active"},"hover":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"hover"},"disabled":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"disabled"},"xs":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"xs"},"md":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"md"},"lg":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"lg"},"xl":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string"}],"title":"zIndex","required":false},{"description":"The backgroundImage property sets one or more background images on an element.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"backgroundImage","required":false},{"description":"The backgroundPosition property sets the initial position for each background image.\nThe position is relative to the position layer set by background-origin.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"backgroundPosition","required":false},{"description":"The backgroundBlendMode property sets how an element's background images should blend with each\nother and with the element's background color.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"backgroundBlendMode","required":false},{"description":"The backgroundRepeat property sets how background images are repeated. A background image can be repeated along the horizontal and vertical axes, or not repeated at all.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"backgroundRepeat","required":false},{"description":"The textDecoration shorthand property sets the appearance of decorative lines on text.","anyOf":[{"type":"object","properties":{"focus":{"enum":["line-through","none","underline"],"type":"string","title":"focus"},"focusWithin":{"enum":["line-through","none","underline"],"type":"string","title":"focusWithin"},"active":{"enum":["line-through","none","underline"],"type":"string","title":"active"},"hover":{"enum":["line-through","none","underline"],"type":"string","title":"hover"},"disabled":{"enum":["line-through","none","underline"],"type":"string","title":"disabled"},"xs":{"enum":["line-through","none","underline"],"type":"string","title":"xs"},"md":{"enum":["line-through","none","underline"],"type":"string","title":"md"},"lg":{"enum":["line-through","none","underline"],"type":"string","title":"lg"},"xl":{"enum":["line-through","none","underline"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["line-through","none","underline"],"type":"string"}],"title":"textDecoration","required":false},{"description":"The backgroundSize property sets the size of the element's background image. The image can be left to its natural size, stretched, or constrained to fit the available space.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"type":"string"}],"title":"backgroundSize","required":false},{"description":"The p shorthand property sets the margin area on all four sides of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"p","required":false},{"description":"The pl shorthand property sets the width of the padding area to the left of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"pl","required":false},{"description":"The pl shorthand property sets the width of the padding area to the right of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"pr","required":false},{"description":"The pt shorthand property sets the height of the padding area on the top of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"pt","required":false},{"description":"The pb shorthand property sets the height of the padding area on the botton of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"pb","required":false},{"description":"The px shorthand property defines the width of the left and right padding area of a box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"px","required":false},{"description":"The py pt shorthand property sets the height of the padding area at the top and bottom of a box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"py","required":false},{"description":"The paddingX shorthand property defines the width of the left and right padding area of a box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"paddingX","required":false},{"description":"The paddingY pt shorthand property sets the height of the padding area at the top and bottom of a box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"paddingY","required":false},{"description":"The m shorthand property sets the margin area on all four sides of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"m","required":false},{"description":"The mr property sets the margin area on the right side of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"mr","required":false},{"description":"The ml property sets the margin area on the left side of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"ml","required":false},{"description":"The mt property sets the margin area on the top of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"mt","required":false},{"description":"The marginBottom property sets the margin area on the bottom of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"mb","required":false},{"description":"The mx property defines the margin area on the left and right side of a box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"mx","required":false},{"description":"The my property defines the margin area on the top and bottom of a box","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"my","required":false},{"description":"The marginX property defines the margin area on the left and right side of a box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"marginX","required":false},{"description":"The marginY property defines the margin area on the top and bottom of a box","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"marginY","required":false},{"description":"The fontSize property sets the size of the box.","default":"base","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string"}],"title":"fontSize","required":false},{"description":"The fontWeight property sets how thick or thin characters in box should be displayed.","default":"regular","anyOf":[{"type":"object","properties":{"focus":{"enum":["bold","medium","regular"],"type":"string","title":"focus"},"focusWithin":{"enum":["bold","medium","regular"],"type":"string","title":"focusWithin"},"active":{"enum":["bold","medium","regular"],"type":"string","title":"active"},"hover":{"enum":["bold","medium","regular"],"type":"string","title":"hover"},"disabled":{"enum":["bold","medium","regular"],"type":"string","title":"disabled"},"xs":{"enum":["bold","medium","regular"],"type":"string","title":"xs"},"md":{"enum":["bold","medium","regular"],"type":"string","title":"md"},"lg":{"enum":["bold","medium","regular"],"type":"string","title":"lg"},"xl":{"enum":["bold","medium","regular"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["bold","medium","regular"],"type":"string"}],"title":"fontWeight","required":false},{"description":"The lineHeight property specifies the line height of the box.","default":"base","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"focus"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string"}],"title":"lineHeight","required":false},{"description":"The textAlign property specifies the horizontal alignment of box.","default":"left","anyOf":[{"type":"object","properties":{"focus":{"enum":["center","justify","left","right"],"type":"string","title":"focus"},"focusWithin":{"enum":["center","justify","left","right"],"type":"string","title":"focusWithin"},"active":{"enum":["center","justify","left","right"],"type":"string","title":"active"},"hover":{"enum":["center","justify","left","right"],"type":"string","title":"hover"},"disabled":{"enum":["center","justify","left","right"],"type":"string","title":"disabled"},"xs":{"enum":["center","justify","left","right"],"type":"string","title":"xs"},"md":{"enum":["center","justify","left","right"],"type":"string","title":"md"},"lg":{"enum":["center","justify","left","right"],"type":"string","title":"lg"},"xl":{"enum":["center","justify","left","right"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","focusWithin","active","hover","disabled","xs","md","lg","xl"]},{"enum":["center","justify","left","right"],"type":"string"}],"title":"textAlign","required":false}],"subComponents":[]},"button":{"id":"button","name":"Button","totalProps":4,"packageName":"@nimbus-ds/button","version":"2.6.1","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/button","props":[{"default":"button","description":"The underlying element to render — either a HTML element name or a React component.","anyOf":[{"enum":["button","a"],"type":"string"},{"type":"React.ElementType"}],"title":"as","required":false},{"description":"The content of the button.","type":"React.ReactNode","title":"children","required":true},{"description":"Change the visual style of the button.","default":"neutral","enum":["danger","neutral","primary","transparent"],"type":"string","title":"appearance","required":false},{"description":"Disables the button, disallowing user interaction.","default":false,"type":"boolean","title":"disabled","required":false}],"subComponents":[{"name":"Button.Skeleton","totalProps":2,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"checkbox":{"id":"checkbox","name":"Checkbox","totalProps":6,"packageName":"@nimbus-ds/checkbox","version":"2.3.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/checkbox","props":[{"description":"The name of the input element.","type":"string","title":"name","required":true},{"description":"Change the visual style of the checkbox.","default":"neutral","enum":["danger","primary"],"type":"string","title":"appearance","required":false},{"description":"Modifies true/false value of the native checkbox.","type":"boolean","title":"checked","required":false},{"description":"Modifies the native disabled state of the native checkbox.","type":"boolean","title":"disabled","required":false},{"description":"If true, the component appears indeterminate. This does not set the native input element to indeterminate due to inconsistent behavior across browsers. However, we set a data-indeterminate attribute on the input.","default":false,"type":"boolean","title":"indeterminate","required":false},{"description":"Text to be rendered inside the component.","type":"string","title":"label","required":false}],"subComponents":[{"name":"Checkbox.Skeleton","totalProps":2,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"chip":{"id":"chip","name":"Chip","totalProps":3,"packageName":"@nimbus-ds/chip","version":"2.3.4","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/chip","props":[{"description":"Text to be displayed on chip.","type":"string","title":"text","required":true},{"description":"SVG icon to be displayed on chip.","type":"React.ReactNode","title":"icon","required":false},{"description":"Informs whether the close icon should be displayed.","type":"boolean","title":"removable","required":false}],"subComponents":[{"name":"Chip.Skeleton","totalProps":3,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"fileUploader":{"id":"fileUploader","name":"FileUploader","totalProps":6,"packageName":"@nimbus-ds/file-uploader","version":"2.6.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/file-uploader","props":[{"description":"Provide additional context to the action.","type":"string","title":"placeholder","required":false},{"description":"Accept file types","default":"image/jpeg,image/gif,image/png","type":"string","title":"accept","required":false},{"description":"Height value of the file uploader. Defaults to 100%.","default":"100%","type":"string","title":"height","required":false},{"description":"Width value of the file uploader. Defaults to 100%.","default":"100%","type":"string","title":"width","required":false},{"description":"Permitted aspect ratios for the size of the file uploader.","default":"1/1","enum":["1/1","1/2","16/9","2/1","3/4","4/3","9/16","none"],"type":"string","title":"aspectRatio","required":false},{"description":"Defines the position of the placeholder in relation to the icon.","default":"column","enum":["column","row"],"type":"string","title":"flexDirection","required":false}],"subComponents":[{"name":"FileUploader.Skeleton","totalProps":4,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":false},{"description":"Permitted aspect ratios for the size of the file uploader.","default":"1/1","enum":["1/1","1/2","16/9","2/1","3/4","4/3","9/16","none"],"type":"string","title":"aspectRatio","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"icon":{"id":"icon","name":"Icon","totalProps":3,"packageName":"@nimbus-ds/icon","version":"3.1.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/icon","props":[{"description":"The SVG contents to display in the Icon.","type":"React.ReactNode","title":"source","required":true},{"description":"Set the color for the SVG fill.","default":"neutral-textLow","enum":["currentColor","danger-interactive","danger-surface","danger-textHigh","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-textDisabled","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-textHigh","primary-textLow","success-interactive","success-surface","success-textHigh","success-textLow","warning-interactive","warning-surface","warning-textHigh","warning-textLow"],"type":"string","title":"color","required":false},{"description":"The cursor property specifies the mouse cursor to be displayed when pointing over an element.","default":"inherit","enum":["auto","grab","inherit","not-allowed","pointer"],"type":"string","title":"cursor","required":false}],"subComponents":[{"name":"Icon.Skeleton","totalProps":3,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"iconButton":{"id":"iconButton","name":"IconButton","totalProps":5,"packageName":"@nimbus-ds/icon-button","version":"4.1.2","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/icon-button","props":[{"description":"Type of html tag to create for the Icon Button component.","default":"button","enum":["button","div"],"type":"string","title":"as","required":false},{"description":"The SVG contents to display in the Icon button.","type":"React.ReactNode","title":"source","required":true},{"description":"The size of the component.","default":"2.75rem","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","active","hover","xs","md","lg","xl"]},{"type":"string"}],"title":"size","required":false},{"description":"The borderColor property sets the color of the icon button's four borders.","default":"{ xs: \"neutral-interactive\", active: \"neutral-interactivePressed\", hover: \"neutral-interactiveHover\", focus: \"primary-interactive\" }","anyOf":[{"type":"object","properties":{"focus":{"enum":["neutral-interactive","neutral-interactiveHover","neutral-interactivePressed","neutral-surface","neutral-surfaceHighlight","primary-interactive","transparent"],"type":"string","title":"focus"},"active":{"enum":["neutral-interactive","neutral-interactiveHover","neutral-interactivePressed","neutral-surface","neutral-surfaceHighlight","primary-interactive","transparent"],"type":"string","title":"active"},"hover":{"enum":["neutral-interactive","neutral-interactiveHover","neutral-interactivePressed","neutral-surface","neutral-surfaceHighlight","primary-interactive","transparent"],"type":"string","title":"hover"},"xs":{"enum":["neutral-interactive","neutral-interactiveHover","neutral-interactivePressed","neutral-surface","neutral-surfaceHighlight","primary-interactive","transparent"],"type":"string","title":"xs"},"md":{"enum":["neutral-interactive","neutral-interactiveHover","neutral-interactivePressed","neutral-surface","neutral-surfaceHighlight","primary-interactive","transparent"],"type":"string","title":"md"},"lg":{"enum":["neutral-interactive","neutral-interactiveHover","neutral-interactivePressed","neutral-surface","neutral-surfaceHighlight","primary-interactive","transparent"],"type":"string","title":"lg"},"xl":{"enum":["neutral-interactive","neutral-interactiveHover","neutral-interactivePressed","neutral-surface","neutral-surfaceHighlight","primary-interactive","transparent"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","active","hover","xs","md","lg","xl"]},{"enum":["neutral-interactive","neutral-interactiveHover","neutral-interactivePressed","neutral-surface","neutral-surfaceHighlight","primary-interactive","transparent"],"type":"string"}],"title":"borderColor","required":false},{"description":"The backgroundColor property sets the background color of the icon button.","default":"{ xs: \"neutral-surface\", active: \"neutral-interactive\", hover: \"neutral-surfaceHighlight\" }","anyOf":[{"type":"object","properties":{"focus":{"enum":["neutral-interactive","neutral-surface","neutral-surfaceHighlight","transparent"],"type":"string","title":"focus"},"active":{"enum":["neutral-interactive","neutral-surface","neutral-surfaceHighlight","transparent"],"type":"string","title":"active"},"hover":{"enum":["neutral-interactive","neutral-surface","neutral-surfaceHighlight","transparent"],"type":"string","title":"hover"},"xs":{"enum":["neutral-interactive","neutral-surface","neutral-surfaceHighlight","transparent"],"type":"string","title":"xs"},"md":{"enum":["neutral-interactive","neutral-surface","neutral-surfaceHighlight","transparent"],"type":"string","title":"md"},"lg":{"enum":["neutral-interactive","neutral-surface","neutral-surfaceHighlight","transparent"],"type":"string","title":"lg"},"xl":{"enum":["neutral-interactive","neutral-surface","neutral-surfaceHighlight","transparent"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["focus","active","hover","xs","md","lg","xl"]},{"enum":["neutral-interactive","neutral-surface","neutral-surfaceHighlight","transparent"],"type":"string"}],"title":"backgroundColor","required":false}],"subComponents":[{"name":"IconButton.Skeleton","totalProps":3,"props":[{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":false},{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"input":{"id":"input","name":"Input","totalProps":5,"packageName":"@nimbus-ds/input","version":"2.5.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/input","props":[{"description":"Change the visual style of the input.","default":"neutral","enum":["danger","neutral","success","warning"],"type":"string","title":"appearance","required":false},{"description":"Disables the input, disallowing user interaction.","type":"boolean","title":"disabled","required":false},{"description":"Sent icon display position","default":"start","enum":["end","start"],"type":"string","title":"appendPosition","required":false},{"description":"SVG icon to be displayed on input.","type":"React.ReactNode","title":"append","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}],"subComponents":[{"name":"Input.Password","totalProps":2,"props":[{"description":"Change the visual style of the input.","default":"neutral","enum":["danger","neutral","success","warning"],"type":"string","title":"appearance","required":false},{"description":"Disables the input, disallowing user interaction.","type":"boolean","title":"disabled","required":false}]},{"name":"Input.Search","totalProps":2,"props":[{"description":"Change the visual style of the input.","default":"neutral","enum":["danger","neutral","success","warning"],"type":"string","title":"appearance","required":false},{"description":"Disables the input, disallowing user interaction.","type":"boolean","title":"disabled","required":false}]},{"name":"Input.Skeleton","totalProps":2,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"label":{"id":"label","name":"Label","totalProps":3,"packageName":"@nimbus-ds/label","version":"2.2.1","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/label","props":[{"description":"The content of the label.","type":"React.ReactNode","title":"children","required":true},{"description":"The for attribute specifies which form element a label is bound to.","type":"string","title":"htmlFor","required":false},{"description":"If true the label will be visually hidden but maintain accessibility purpose","default":false,"type":"boolean","title":"hidden","required":false}],"subComponents":[{"name":"Label.Skeleton","totalProps":3,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"link":{"id":"link","name":"Link","totalProps":6,"packageName":"@nimbus-ds/link","version":"4.3.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/link","props":[{"default":"a","description":"The underlying element to render — either a HTML element name or a React component.","anyOf":[{"enum":["a","button"],"type":"string"},{"type":"React.ElementType"}],"title":"as","required":false},{"description":"The content of the link.","type":"React.ReactNode","title":"children","required":true},{"description":"Change the visual style of the link.","default":"neutral","enum":["danger","neutral","neutral-background","primary"],"type":"string","title":"appearance","required":false},{"description":"The textDecoration property specifies the decoration added to link.","default":"neutral","enum":["line-through","none","underline"],"type":"string","title":"textDecoration","required":false},{"description":"The fontSize property sets the size of the link.","default":"base","enum":["base","caption","highlight"],"type":"string","title":"fontSize","required":false},{"description":"The lineHeight property specifies the line height of the link","default":"base","enum":["base","caption","highlight"],"type":"string","title":"lineHeight","required":false}],"subComponents":[{"name":"Link.Skeleton","totalProps":2,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"list":{"id":"list","name":"List","totalProps":2,"packageName":"@nimbus-ds/list","version":"2.2.1","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/list","props":[{"description":"The content of the list.","type":"React.ReactNode","title":"children","required":true},{"description":"Determines the type of html list that will be rendered","default":"ul","enum":["ol","ul"],"type":"string","title":"as","required":false}],"subComponents":[{"name":"List.Item","totalProps":1,"props":[{"description":"The content of the list item.","type":"React.ReactNode","title":"children","required":true}]},{"name":"List.Skeleton","totalProps":2,"props":[{"description":"The content of the list skeleton.","type":"React.ReactNode","title":"children","required":true},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]},{"name":"List.SkeletonItem","totalProps":3,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"multiSelect":{"id":"multiSelect","name":"MultiSelect","totalProps":7,"packageName":"@nimbus-ds/multi-select","version":"1.1.1","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/multi-select","props":[{"description":"The name of the wrapper element or the select element when native.","type":"string","title":"name","required":true},{"description":"The id of the wrapper element or the select element when native.","type":"string","title":"id","required":true},{"description":"Change the visual style of the select.","default":"neutral","enum":["danger","neutral","success","warning"],"type":"string","title":"appearance","required":false},{"description":"Options of the MultiSelect","type":"array","items":{"type":"object","properties":{"label":{"description":"Label for the option.","type":"string","title":"label"},"value":{"description":"Value of the option","type":"string","title":"value"}},"additionalProperties":false,"propertyOrder":["label","value"],"required":["label","value"]},"title":"options","required":true},{"description":"Options of the MultiSelect","type":"object","additionalProperties":false,"propertyOrder":[],"title":"onChange","required":false},{"description":"Deafult of the MultiSelect","type":"array","items":{"type":"object","properties":{"label":{"description":"Label for the option.","type":"string","title":"label"},"value":{"description":"Value of the option","type":"string","title":"value"}},"additionalProperties":false,"propertyOrder":["label","value"],"required":["label","value"]},"title":"value","required":false},{"description":"ZIndex of the MultiSelect","enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"zIndex","required":false}],"subComponents":[{"name":"MultiSelect.Skeleton","totalProps":2,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"popover":{"id":"popover","name":"Popover","totalProps":20,"packageName":"@nimbus-ds/popover","version":"4.3.0-rc.11","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/popover","props":[{"description":"An HTML element, or a function that returns one. It's used to set the position of the popover.","type":"React.ReactNode | ((data: { open: boolean, setVisibility: (visibility: boolean) => void }) => React.ReactNode);","title":"children","required":true},{"description":"The content of the popover.","type":"React.ReactNode","title":"content","required":true},{"description":"If true, the component is shown.","type":"boolean","title":"visible","required":false},{"description":"Function to control popover opening and closing.","type":"(visible: boolean) => void;","title":"onVisibility","required":false},{"description":"Conditional for displaying the popover arrow.","default":true,"type":"boolean","title":"arrow","required":false},{"description":"A common feature of select dropdowns is that the dropdown matches the width of the reference regardless of its contents.","default":false,"type":"boolean","title":"matchReferenceWidth","required":false},{"description":"Position of the popover.","default":"bottom","enum":["bottom","bottom-end","bottom-start","left","left-end","left-start","right","right-end","right-start","top","top-end","top-start"],"type":"string","title":"position","required":false},{"description":"Adds hover event listeners that change the open state, like CSS :hover.","default":false,"type":"boolean","title":"enabledHover","required":false},{"description":"Adds click event listeners that change the open state.","default":true,"type":"boolean","title":"enabledClick","required":false},{"description":"Adds listeners that dismiss (close) the floating element.","default":true,"type":"boolean","title":"enabledDismiss","required":false},{"description":"Offest displaces the floating element from its core placement along the specified axes.","default":10,"type":"number","title":"offset","required":false},{"description":"When enabled, renders an invisible overlay that prevents accidental clicks on elements behind the popover.","default":false,"type":"boolean","title":"renderOverlay","required":false},{"description":"The width property specifies the width of a popover's content area.","default":"fit-content","anyOf":[{"type":"object","properties":{"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"type":"string"}],"title":"width","required":false},{"description":"The maxWidth property specifies the maximum width of a popover's content area.","anyOf":[{"type":"object","properties":{"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"type":"string"}],"title":"maxWidth","required":false},{"description":"The height property specifies the height of a popover's content area.","anyOf":[{"type":"object","properties":{"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"type":"string"}],"title":"height","required":false},{"description":"The zIndex property specifies the stack order of the popover.","anyOf":[{"type":"object","properties":{"xs":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"xs"},"md":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"md"},"lg":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"lg"},"xl":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string"}],"title":"zIndex","required":false},{"description":"The backgroundColor property sets the background color of the popover.","default":"neutral-background","examples":"[\"neutral-interactive\", { xs: \"neutral-surface\", md: \"neutral-interactive\" }]","anyOf":[{"type":"object","properties":{"xs":{"enum":["danger-surfaceHighlight","neutral-background","neutral-surfaceHighlight","primary-interactiveHover","primary-surfaceHighlight","success-surfaceHighlight","warning-surfaceHighlight"],"type":"string","title":"xs"},"md":{"enum":["danger-surfaceHighlight","neutral-background","neutral-surfaceHighlight","primary-interactiveHover","primary-surfaceHighlight","success-surfaceHighlight","warning-surfaceHighlight"],"type":"string","title":"md"},"lg":{"enum":["danger-surfaceHighlight","neutral-background","neutral-surfaceHighlight","primary-interactiveHover","primary-surfaceHighlight","success-surfaceHighlight","warning-surfaceHighlight"],"type":"string","title":"lg"},"xl":{"enum":["danger-surfaceHighlight","neutral-background","neutral-surfaceHighlight","primary-interactiveHover","primary-surfaceHighlight","success-surfaceHighlight","warning-surfaceHighlight"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"enum":["danger-surfaceHighlight","neutral-background","neutral-surfaceHighlight","primary-interactiveHover","primary-surfaceHighlight","success-surfaceHighlight","warning-surfaceHighlight"],"type":"string"}],"title":"backgroundColor","required":false},{"description":"The color property is used to set the color of the popover.","default":"neutral-background","anyOf":[{"type":"object","properties":{"xs":{"enum":["danger-surfaceHighlight","neutral-background","neutral-surfaceHighlight","primary-interactiveHover","primary-surfaceHighlight","success-surfaceHighlight","warning-surfaceHighlight"],"type":"string","title":"xs"},"md":{"enum":["danger-surfaceHighlight","neutral-background","neutral-surfaceHighlight","primary-interactiveHover","primary-surfaceHighlight","success-surfaceHighlight","warning-surfaceHighlight"],"type":"string","title":"md"},"lg":{"enum":["danger-surfaceHighlight","neutral-background","neutral-surfaceHighlight","primary-interactiveHover","primary-surfaceHighlight","success-surfaceHighlight","warning-surfaceHighlight"],"type":"string","title":"lg"},"xl":{"enum":["danger-surfaceHighlight","neutral-background","neutral-surfaceHighlight","primary-interactiveHover","primary-surfaceHighlight","success-surfaceHighlight","warning-surfaceHighlight"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"enum":["danger-surfaceHighlight","neutral-background","neutral-surfaceHighlight","primary-interactiveHover","primary-surfaceHighlight","success-surfaceHighlight","warning-surfaceHighlight"],"type":"string"}],"title":"color","required":false},{"description":"The padding properties are used to generate space around an popover's content area.","default":"base","anyOf":[{"type":"object","properties":{"xs":{"enum":["base","none","small"],"type":"string","title":"xs"},"md":{"enum":["base","none","small"],"type":"string","title":"md"},"lg":{"enum":["base","none","small"],"type":"string","title":"lg"},"xl":{"enum":["base","none","small"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"enum":["base","none","small"],"type":"string"}],"title":"padding","required":false},{"description":"The overflow shorthand property sets the desired behavior for an popover's content overflow.","anyOf":[{"type":"object","properties":{"xs":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"xs"},"md":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"md"},"lg":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"lg"},"xl":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"enum":["auto","hidden","scroll","visible"],"type":"string"}],"title":"overflow","required":false}],"subComponents":[]},"radio":{"id":"radio","name":"Radio","totalProps":5,"packageName":"@nimbus-ds/radio","version":"2.3.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/radio","props":[{"description":"Name attribute of the input element.","type":"string","title":"name","required":true},{"description":"Change the visual style of the radio.","default":"radio","enum":["button","radio"],"type":"string","title":"as","required":false},{"description":"Modifies true/false value of the native radio.","type":"boolean","title":"checked","required":false},{"description":"Modifies the native disabled state of the native radio.","type":"boolean","title":"disabled","required":false},{"description":"Text to be rendered inside the component.","type":"string","title":"label","required":false}],"subComponents":[{"name":"Radio.Skeleton","totalProps":3,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"description":"Change the visual style of the radio.","default":"radio","enum":["button","radio"],"type":"string","title":"as","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"select":{"id":"select","name":"Select","totalProps":4,"packageName":"@nimbus-ds/select","version":"2.5.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/select","props":[{"description":"The name of the wrapper element or the select element when native.","type":"string","title":"name","required":true},{"description":"The id of the wrapper element or the select element when native.","type":"string","title":"id","required":true},{"description":"The content of the select.","type":"React.ReactNode","title":"children","required":true},{"description":"Change the visual style of the select.","default":"neutral","enum":["danger","neutral","success","warning"],"type":"string","title":"appearance","required":false}],"subComponents":[{"name":"Select.Group","totalProps":2,"props":[{"description":"Label for the option group.","type":"string","title":"label","required":true},{"description":"The content of the option group.","type":"React.ReactNode","title":"children","required":true}]},{"name":"Select.Option","totalProps":2,"props":[{"description":"Label for the option.","type":"string","title":"label","required":true},{"description":"Value of the option","type":"string","title":"value","required":true}]},{"name":"Select.Skeleton","totalProps":2,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"skeleton":{"id":"skeleton","name":"Skeleton","totalProps":4,"packageName":"@nimbus-ds/skeleton","version":"3.0.1","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/skeleton","props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":true},{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":true},{"description":"The border radius of the skeleton.","type":"string","title":"borderRadius","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}],"subComponents":[]},"spinner":{"id":"spinner","name":"Spinner","totalProps":2,"packageName":"@nimbus-ds/spinner","version":"3.1.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/spinner","props":[{"description":"Sets the width and height of the spinner.","default":"large","anyOf":[{"enum":["large","medium","small"],"type":"string"},{"type":"number"}],"title":"size","required":false},{"description":"Set the color for the spinner SVG fill.","default":"primary-interactive","enum":["currentColor","danger-interactive","danger-surface","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-textLow","primary-interactive","primary-surface","primary-textLow","success-interactive","success-surface","success-textLow"],"type":"string","title":"color","required":false}],"subComponents":[]},"tag":{"id":"tag","name":"Tag","totalProps":2,"packageName":"@nimbus-ds/tag","version":"2.3.1","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/tag","props":[{"description":"The content of the tag.","type":"React.ReactNode","title":"children","required":true},{"description":"Change the visual style of the tag.","default":"neutral","enum":["danger","neutral","primary","success","warning"],"type":"string","title":"appearance","required":false}],"subComponents":[{"name":"Tag.Skeleton","totalProps":3,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"text":{"id":"text","name":"Text","totalProps":10,"packageName":"@nimbus-ds/text","version":"6.4.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/text","props":[{"description":"The content of the link.","type":"React.ReactNode","title":"children","required":true},{"description":"Type of html tag to create for the Text component.","default":"p","enum":["p","span"],"type":"string","title":"as","required":false},{"description":"The color property is used to set the color of the text.","default":"neutral-textLow","anyOf":[{"type":"object","properties":{"xs":{"enum":["currentColor","danger-interactive","danger-surface","danger-textHigh","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-textDisabled","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-textHigh","primary-textLow","success-interactive","success-surface","success-textHigh","success-textLow","warning-interactive","warning-surface","warning-textHigh","warning-textLow"],"type":"string","title":"xs"},"md":{"enum":["currentColor","danger-interactive","danger-surface","danger-textHigh","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-textDisabled","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-textHigh","primary-textLow","success-interactive","success-surface","success-textHigh","success-textLow","warning-interactive","warning-surface","warning-textHigh","warning-textLow"],"type":"string","title":"md"},"lg":{"enum":["currentColor","danger-interactive","danger-surface","danger-textHigh","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-textDisabled","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-textHigh","primary-textLow","success-interactive","success-surface","success-textHigh","success-textLow","warning-interactive","warning-surface","warning-textHigh","warning-textLow"],"type":"string","title":"lg"},"xl":{"enum":["currentColor","danger-interactive","danger-surface","danger-textHigh","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-textDisabled","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-textHigh","primary-textLow","success-interactive","success-surface","success-textHigh","success-textLow","warning-interactive","warning-surface","warning-textHigh","warning-textLow"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"enum":["currentColor","danger-interactive","danger-surface","danger-textHigh","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-textDisabled","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-textHigh","primary-textLow","success-interactive","success-surface","success-textHigh","success-textLow","warning-interactive","warning-surface","warning-textHigh","warning-textLow"],"type":"string"}],"title":"color","required":false},{"description":"The fontSize property sets the size of the text.","default":"base","anyOf":[{"type":"object","properties":{"xs":{"enum":["base","caption","highlight"],"type":"string","title":"xs"},"md":{"enum":["base","caption","highlight"],"type":"string","title":"md"},"lg":{"enum":["base","caption","highlight"],"type":"string","title":"lg"},"xl":{"enum":["base","caption","highlight"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"enum":["base","caption","highlight"],"type":"string"}],"title":"fontSize","required":false},{"description":"The fontWeight property sets how thick or thin characters in text should be displayed.","default":"regular","anyOf":[{"type":"object","properties":{"xs":{"enum":["bold","medium","regular"],"type":"string","title":"xs"},"md":{"enum":["bold","medium","regular"],"type":"string","title":"md"},"lg":{"enum":["bold","medium","regular"],"type":"string","title":"lg"},"xl":{"enum":["bold","medium","regular"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"enum":["bold","medium","regular"],"type":"string"}],"title":"fontWeight","required":false},{"description":"The lineHeight property specifies the line height of the text.","default":"base","anyOf":[{"type":"object","properties":{"xs":{"enum":["base","caption","highlight"],"type":"string","title":"xs"},"md":{"enum":["base","caption","highlight"],"type":"string","title":"md"},"lg":{"enum":["base","caption","highlight"],"type":"string","title":"lg"},"xl":{"enum":["base","caption","highlight"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"enum":["base","caption","highlight"],"type":"string"}],"title":"lineHeight","required":false},{"description":"The textAlign property specifies the horizontal alignment of text.","default":"left","anyOf":[{"type":"object","properties":{"xs":{"enum":["center","justify","left","right"],"type":"string","title":"xs"},"md":{"enum":["center","justify","left","right"],"type":"string","title":"md"},"lg":{"enum":["center","justify","left","right"],"type":"string","title":"lg"},"xl":{"enum":["center","justify","left","right"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"enum":["center","justify","left","right"],"type":"string"}],"title":"textAlign","required":false},{"description":"The textDecoration shorthand property sets the appearance of decorative lines on text.","anyOf":[{"type":"object","properties":{"xs":{"enum":["line-through","none","underline"],"type":"string","title":"xs"},"md":{"enum":["line-through","none","underline"],"type":"string","title":"md"},"lg":{"enum":["line-through","none","underline"],"type":"string","title":"lg"},"xl":{"enum":["line-through","none","underline"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"enum":["line-through","none","underline"],"type":"string"}],"title":"textDecoration","required":false},{"description":"The amount of lines at which the text will be trimmed, showing an ellipsis when overflowed.","anyOf":[{"type":"object","properties":{"xs":{"enum":["break-all","break-word","keep-all","normal"],"type":"string","title":"xs"},"md":{"enum":["break-all","break-word","keep-all","normal"],"type":"string","title":"md"},"lg":{"enum":["break-all","break-word","keep-all","normal"],"type":"string","title":"lg"},"xl":{"enum":["break-all","break-word","keep-all","normal"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"enum":["break-all","break-word","keep-all","normal"],"type":"string"}],"title":"wordBreak","required":false},{"description":"The amount of lines at which the text will be trimmed, showing an ellipsis when overflowed.","anyOf":[{"type":"object","properties":{"xs":{"type":"number","title":"xs"},"md":{"type":"number","title":"md"},"lg":{"type":"number","title":"lg"},"xl":{"type":"number","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"type":"number"}],"title":"lineClamp","required":false}],"subComponents":[{"name":"Text.Skeleton","totalProps":4,"props":[{"enum":["base","caption","highlight"],"type":"string","title":"fontSize","required":false},{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":false},{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"textarea":{"id":"textarea","name":"Textarea","totalProps":3,"packageName":"@nimbus-ds/textarea","version":"2.3.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/textarea","props":[{"description":"Change the visual style of the textarea.","default":"neutral","enum":["danger","neutral","success","warning"],"type":"string","title":"appearance","required":false},{"description":"Number of lines to be rendered for the user to input text","default":2,"type":"number","title":"lines","required":false},{"description":"ID of the textarea","type":"string","title":"id","required":true}],"subComponents":[{"name":"Textarea.Skeleton","totalProps":2,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"thumbnail":{"id":"thumbnail","name":"Thumbnail","totalProps":4,"packageName":"@nimbus-ds/thumbnail","version":"2.3.2","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/thumbnail","props":[{"description":"The required alt attribute specifies an alternate text for an image, if the image cannot be displayed.","type":"string","title":"alt","required":true},{"description":"The content of the thumbnail.","type":"React.ReactNode","title":"children","required":false},{"description":"Permitted aspect ratios for the size of the thumbnail image.","default":"1/1","enum":["1/1","1/2","16/9","2/1","3/4","4/3","9/16"],"type":"string","title":"aspectRatio","required":false},{"description":"Width value of the thumbnail image. Defaults to 100%.","default":"100%","type":"string","title":"width","required":false}],"subComponents":[{"name":"Thumbnail.Skeleton","totalProps":3,"props":[{"description":"Permitted aspect ratios for the size of the thumbnail image.","default":"1/1","enum":["1/1","1/2","16/9","2/1","3/4","4/3","9/16"],"type":"string","title":"aspectRatio","required":false},{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"title":{"id":"title","name":"Title","totalProps":7,"packageName":"@nimbus-ds/title","version":"3.1.3","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/title","props":[{"description":"The content of the title.","type":"React.ReactNode","title":"children","required":true},{"description":"Type of html tag to create for the title.","default":"h1","enum":["h1","h2","h3","h4","h5","h6"],"type":"string","title":"as","required":false},{"description":"The fontSize property sets the size of the title.","default":"base","anyOf":[{"type":"object","properties":{"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string"}],"title":"fontSize","required":false},{"description":"The fontWeight property sets how thick or thin characters in title should be displayed.","default":"regular","anyOf":[{"type":"object","properties":{"xs":{"enum":["bold","medium","regular"],"type":"string","title":"xs"},"md":{"enum":["bold","medium","regular"],"type":"string","title":"md"},"lg":{"enum":["bold","medium","regular"],"type":"string","title":"lg"},"xl":{"enum":["bold","medium","regular"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"enum":["bold","medium","regular"],"type":"string"}],"title":"fontWeight","required":false},{"description":"The lineHeight property specifies the line height of the title.","default":"base","anyOf":[{"type":"object","properties":{"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string"}],"title":"lineHeight","required":false},{"description":"The textAlign property specifies the horizontal alignment of title.","default":"left","anyOf":[{"type":"object","properties":{"xs":{"enum":["center","justify","left","right"],"type":"string","title":"xs"},"md":{"enum":["center","justify","left","right"],"type":"string","title":"md"},"lg":{"enum":["center","justify","left","right"],"type":"string","title":"lg"},"xl":{"enum":["center","justify","left","right"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"enum":["center","justify","left","right"],"type":"string"}],"title":"textAlign","required":false},{"description":"The color property is used to set the color of the title.","default":"neutral-textLow","anyOf":[{"type":"object","properties":{"xs":{"enum":["danger-textHigh","danger-textLow","neutral-background","neutral-textHigh","neutral-textLow","primary-textHigh","primary-textLow","success-textHigh","success-textLow","warning-textHigh","warning-textLow"],"type":"string","title":"xs"},"md":{"enum":["danger-textHigh","danger-textLow","neutral-background","neutral-textHigh","neutral-textLow","primary-textHigh","primary-textLow","success-textHigh","success-textLow","warning-textHigh","warning-textLow"],"type":"string","title":"md"},"lg":{"enum":["danger-textHigh","danger-textLow","neutral-background","neutral-textHigh","neutral-textLow","primary-textHigh","primary-textLow","success-textHigh","success-textLow","warning-textHigh","warning-textLow"],"type":"string","title":"lg"},"xl":{"enum":["danger-textHigh","danger-textLow","neutral-background","neutral-textHigh","neutral-textLow","primary-textHigh","primary-textLow","success-textHigh","success-textLow","warning-textHigh","warning-textLow"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"enum":["danger-textHigh","danger-textLow","neutral-background","neutral-textHigh","neutral-textLow","primary-textHigh","primary-textLow","success-textHigh","success-textLow","warning-textHigh","warning-textLow"],"type":"string"}],"title":"color","required":false}],"subComponents":[{"name":"Title.Skeleton","totalProps":4,"props":[{"description":"Type of html tag to create for the title.","default":"h1","enum":["h1","h2","h3","h4","h5","h6"],"type":"string","title":"as","required":false},{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":false},{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"toast":{"id":"toast","name":"Toast","totalProps":6,"packageName":"@nimbus-ds/toast","version":"2.4.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/toast","props":[{"description":"Unique toast ID used when hiding or removing a toast.","type":"string","title":"id","required":true},{"description":"The text that should appear in the toast message.","type":"string","title":"text","required":true},{"description":"Change the visual style of the toast.","default":"primary","enum":["danger","primary","progress","success"],"type":"string","title":"type","required":false},{"description":"The time in milliseconds that the toast message should persist.","default":4000,"enum":[16000,4000,8000],"type":"number","title":"duration","required":false},{"description":"Tells you whether or not Toast should close automatically.","default":true,"type":"boolean","title":"autoClose","required":false},{"description":"Tells the toast position when we are using multiple toasts.","default":0,"type":"number","title":"position","required":false}],"subComponents":[{"name":"Toast.Provider","totalProps":1,"props":[{"type":"React.ReactNode","title":"children","required":true}]}]},"toggle":{"id":"toggle","name":"Toggle","totalProps":3,"packageName":"@nimbus-ds/toggle","version":"2.2.2","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/toggle","props":[{"description":"The name of the input element.","type":"string","title":"name","required":true},{"description":"Sets toggle state to activated or deactivated.","type":"boolean","title":"active","required":false},{"description":"Text to be rendered inside the component","type":"string","title":"label","required":false}],"subComponents":[{"name":"Toggle.Skeleton","totalProps":2,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"tooltip":{"id":"tooltip","name":"Tooltip","totalProps":5,"packageName":"@nimbus-ds/tooltip","version":"2.6.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/tooltip","props":[{"description":"An HTML element, or a function that returns one. It's used to set the position of the tooltip.","type":"React.ReactNode","title":"children","required":true},{"description":"The text that should appear in the tooltip message.","type":"string","title":"content","required":true},{"description":"Conditional for displaying the popover arrow.","default":false,"type":"boolean","title":"arrow","required":false},{"description":"Position of the popover.","default":"bottom","enum":["bottom","left","right","top"],"type":"string","title":"position","required":false},{"description":"The maxWidth property specifies the maximum width of a popover's content area.","anyOf":[{"type":"object","properties":{"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"type":"string"}],"title":"maxWidth","required":false}],"subComponents":[]},"accordion":{"id":"accordion","name":"Accordion","totalProps":2,"packageName":"@nimbus-ds/accordion","version":"1.5.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/accordion","props":[{"description":"The content of the accordion.","type":"React.ReactNode","title":"children","required":false},{"description":"Informs which accordion item is open by default, this value must be the same as informed in the index of each item","type":"string","title":"selectedDefault","required":false}],"subComponents":[{"name":"Accordion.Body","totalProps":4,"props":[{"description":"The content of the accordion body.","type":"React.ReactNode","title":"children","required":true},{"description":"The borderBottom property defines a lower border of the accordion body.","default":"none","enum":["base","none"],"type":"string","title":"borderBottom","required":false},{"description":"The borderTop property defines a top border of the accordion body.","default":"none","enum":["base","none"],"type":"string","title":"borderTop","required":false},{"description":"Padding properties are used to generate space around the content area of an Accordion.Body..","default":"base","enum":["base","none"],"type":"string","title":"padding","required":false}]},{"name":"Accordion.Item","totalProps":3,"props":[{"description":"The content of the accordion body.","type":"React.ReactNode","title":"children","required":true},{"description":"Unique indicator to identify accordion items","type":"string","title":"index","required":true},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"testId","required":false}]},{"name":"Accordion.Header","totalProps":7,"props":[{"description":"The content of the accordion header.","type":"React.ReactNode | ((data: { selected: string; index: string }) => React.ReactNode);","title":"children","required":false},{"description":"The title to display in the accordion header.","type":"string","title":"title","required":false},{"description":"The subtitle to display in the accordion header.","type":"string","title":"subtitle","required":false},{"description":"The SVG contents to display in the accordion header.","type":"React.ReactNode","title":"icon","required":false},{"description":"Removes the arrow icon that shows if the accordion item is open or not which makes it possible to create a custom indicator.","default":false,"type":"boolean","title":"noIconToggle","required":false},{"description":"The borderTop property defines a lower border of the accordion header.","default":"base","enum":["base","none"],"type":"string","title":"borderTop","required":false},{"description":"The borderBottom property defines a lower border of the accordion header.","enum":["base","none"],"type":"string","title":"borderBottom","required":false}]}]},"alert":{"id":"alert","name":"Alert","totalProps":5,"packageName":"@nimbus-ds/alert","version":"2.4.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/alert","props":[{"description":"The content for the title of the alert.","type":"string","title":"title","required":false},{"description":"Change the visual style of the alert.","default":"neutral","enum":["danger","neutral","primary","success","warning"],"type":"string","title":"appearance","required":false},{"description":"The content of the alert.","type":"React.ReactNode","title":"children","required":true},{"description":"Function to be passed on actioning the dismiss button.","type":"() => void;","title":"onRemove","required":false},{"description":"Determines if the alert is shown or not.","default":true,"type":"boolean","title":"show","required":false}],"subComponents":[{"name":"Alert.Skeleton","totalProps":3,"props":[{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":false},{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"card":{"id":"card","name":"Card","totalProps":3,"packageName":"@nimbus-ds/card","version":"3.1.2","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/card","props":[{"description":"The content of the card.","type":"React.ReactNode","title":"children","required":true},{"description":"The padding properties are used to generate space around an card's content area.","default":"base","enum":["base","none","small"],"type":"string","title":"padding","required":false},{"description":"The backgroundColor property sets the background color of the card.","default":"neutral-background","enum":["danger-surface","danger-surfaceHighlight","neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","success-surface","success-surfaceHighlight","warning-surface","warning-surfaceHighlight"],"type":"string","title":"backgroundColor","required":false}],"subComponents":[{"name":"Card.Body","totalProps":2,"props":[{"description":"The content of the card body.","type":"React.ReactNode","title":"children","required":true},{"description":"The padding properties are used to generate space around an card's body content area.","default":"none","enum":["base","none","small"],"type":"string","title":"padding","required":false}]},{"name":"Card.Footer","totalProps":2,"props":[{"description":"The content of the card footer.","type":"React.ReactNode","title":"children","required":true},{"description":"The padding properties are used to generate space around an card's footer content area.","default":"none","enum":["base","none","small"],"type":"string","title":"padding","required":false}]},{"name":"Card.Header","totalProps":3,"props":[{"description":"The content of the card header.","type":"React.ReactNode","title":"children","required":false},{"description":"The title to display in the card header.","type":"string","title":"title","required":false},{"description":"The padding properties are used to generate space around an card's header content area.","default":"none","enum":["base","none","small"],"type":"string","title":"padding","required":false}]}]},"collapsible":{"id":"collapsible","name":"Collapsible","totalProps":2,"packageName":"@nimbus-ds/collapsible","version":"1.1.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/collapsible","props":[{"$ref":"#/definitions/React.ReactNode","description":"Represents all of the things React can render.\n\nWhere {@link ReactElement} only represents JSX, `ReactNode` represents everything that can be rendered.","title":"children","required":false},{"type":"boolean","title":"open","required":false}],"subComponents":[]},"modal":{"id":"modal","name":"Modal","totalProps":6,"packageName":"@nimbus-ds/modal","version":"1.6.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/modal","props":[{"description":"The content of the modal.","type":"React.ReactNode","title":"children","required":true},{"description":"Whether the modal is open or not.","type":"boolean","title":"open","required":true},{"description":"Callback fired when the component requests to be closed.","type":"(open: boolean) => void;","title":"onDismiss","required":false},{"description":"Id to be embedded in the portal element","type":"string","title":"portalId","required":false},{"description":"The padding properties are used to generate space around an modal's content area.","default":"base","enum":["base","none","small"],"type":"string","title":"padding","required":false},{"description":"The maxWidth property specifies the maxWidth of a modal's content area. The width of the modal will be defined by the width of the content in this prop.","default":"{ xs: \"100%\", md: \"500px\" }","anyOf":[{"type":"object","properties":{"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"type":"string"}],"title":"maxWidth","required":false}],"subComponents":[{"name":"Modal.Body","totalProps":2,"props":[{"description":"The content of the modal body.","type":"React.ReactNode","title":"children","required":true},{"description":"The padding properties are used to generate space around an modal's body content area.","default":"none","enum":["base","none","small"],"type":"string","title":"padding","required":false}]},{"name":"Modal.Footer","totalProps":2,"props":[{"description":"The content of the modal footer.","type":"React.ReactNode","title":"children","required":true},{"description":"The padding properties are used to generate space around an modal's footer content area.","default":"none","enum":["base","none","small"],"type":"string","title":"padding","required":false}]},{"name":"Modal.Header","totalProps":3,"props":[{"description":"The content of the modal header.","type":"React.ReactNode","title":"children","required":false},{"description":"The title to display in the modal header.","type":"string","title":"title","required":false},{"description":"The padding properties are used to generate space around an modal's header content area.","default":"none","enum":["base","none","small"],"type":"string","title":"padding","required":false}]}]},"pagination":{"id":"pagination","name":"Pagination","totalProps":5,"packageName":"@nimbus-ds/pagination","version":"2.4.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/pagination","props":[{"description":"The currently selected page.","type":"number","title":"activePage","required":true},{"description":"The total number of pages.","type":"number","title":"pageCount","required":true},{"description":"Called with event and page number when a page is clicked.","type":"(page: number) => void;","title":"onPageChange","required":true},{"description":"Determines whether page numbers should be shown.","default":true,"type":"boolean","title":"showNumbers","required":false},{"description":"Custom render function for pagination items.","type":"object","additionalProperties":false,"propertyOrder":[],"title":"renderItem","required":false}],"subComponents":[]},"segmentedControl":{"id":"segmentedControl","name":"SegmentedControl","totalProps":4,"packageName":"@nimbus-ds/segmented-control","version":"1.0.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/segmented-control","props":[{"description":"The content of the segmented control.","type":"ReactElement<SegmentedControlButtonProps | SegmentedControlButtonSkeletonProps>[];","title":"children","required":true},{"description":"Determines if segments span all available width.","default":false,"type":"boolean","title":"fullWidth","required":false},{"description":"The currently selected segment indices.\nAllows for single or multiple selection.","type":"array","items":{"type":"number"},"title":"selectedSegments","required":true},{"description":"Callback fired when the selected segments change.\nThis will only be called if the change results in at least one selected segment.","type":"object","additionalProperties":false,"propertyOrder":[],"title":"onSegmentsSelect","required":true}],"subComponents":[{"name":"SegmentedControl.Button","totalProps":4,"props":[{"description":"Label of the segment.","type":"string","title":"label","required":true},{"description":"Determines if segment is active.","default":false,"type":"boolean","title":"selected","required":false},{"description":"Determines if segment spans all available width.","default":false,"type":"boolean","title":"fullWidth","required":false},{"$ref":"#/definitions/React.ReactNode","description":"Represents all of the things React can render.\n\nWhere {@link ReactElement} only represents JSX, `ReactNode` represents everything that can be rendered.","title":"children","required":false}]},{"name":"SegmentedControl.ButtonSkeleton","totalProps":0,"props":[]}]},"sidebar":{"id":"sidebar","name":"Sidebar","totalProps":8,"packageName":"@nimbus-ds/sidebar","version":"3.4.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/sidebar","props":[{"description":"Side from which the sidebar will appear.","default":"right","enum":["left","right"],"type":"string","title":"position","required":false},{"description":"The padding properties are used to generate space around an sidebar's content area.","default":"base","enum":["base","none","small"],"type":"string","title":"padding","required":false},{"description":"The content of the sidebar.","type":"React.ReactNode","title":"children","required":true},{"description":"Callback fired when the component requests to be closed.\n() => void;","type":"object","additionalProperties":false,"propertyOrder":[],"title":"onRemove","required":false},{"description":"Determines if the sidebar is shown or not.","default":true,"type":"boolean","title":"open","required":false},{"description":"Determines if RemoveScroll wraps sidebar's children component.","default":true,"type":"boolean","title":"needRemoveScroll","required":false},{"description":"The maxWidth property specifies the maxWidth of a sidebar's content area.","default":"375px","anyOf":[{"type":"object","properties":{"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"type":"string"}],"title":"maxWidth","required":false},{"description":"The zIndex property specifies the stack order of the sidebar.","anyOf":[{"type":"object","properties":{"xs":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"xs"},"md":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"md"},"lg":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"lg"},"xl":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl"]},{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string"}],"title":"zIndex","required":false}],"subComponents":[{"name":"Sidebar.Body","totalProps":2,"props":[{"description":"The content of the sidebar body.","type":"React.ReactNode","title":"children","required":true},{"description":"The padding properties are used to generate space around an sidebar's body content area.","default":"base","enum":["base","none","small"],"type":"string","title":"padding","required":false}]},{"name":"Sidebar.Footer","totalProps":2,"props":[{"description":"The content of the sidebar footer.","type":"React.ReactNode","title":"children","required":true},{"description":"The padding properties are used to generate space around an sidebar's footer content area.","default":"base","enum":["base","none","small"],"type":"string","title":"padding","required":false}]},{"name":"Sidebar.Header","totalProps":3,"props":[{"description":"The content of the sidebar header.","type":"React.ReactNode","title":"children","required":false},{"description":"The title to display in the sidebar header.","type":"string","title":"title","required":false},{"description":"The padding properties are used to generate space around an sidebar's header content area.","default":"base","enum":["base","none","small"],"type":"string","title":"padding","required":false}]}]},"stepper":{"id":"stepper","name":"Stepper","totalProps":4,"packageName":"@nimbus-ds/stepper","version":"1.0.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/stepper","props":[{"description":"The currently active step (0-based index).\nSteps before this will be marked as completed.","type":"number","title":"activeStep","required":true},{"description":"The content of the stepper (StepperItem components).\nTotal steps will be calculated automatically based on the number of children.","type":"React.ReactNode","title":"children","required":true},{"description":"The currently selected step (0-based index).\nThis step will be visually highlighted to show user selection.","type":"number","title":"selectedStep","required":true},{"description":"Callback called when a step is selected.\nReceives the step number (0-based index) as parameter.","type":"object","additionalProperties":false,"propertyOrder":[],"title":"onSelectStep","required":true}],"subComponents":[{"name":"Stepper.Item","totalProps":2,"props":[{"description":"The step number (0-based index) for this item.\nThis is automatically assigned by the parent Stepper component.","type":"number","title":"step","required":true},{"description":"The label text to display for this step","type":"string","title":"label","required":false}]},{"name":"Stepper.Card","totalProps":1,"props":[{"description":"The content to be rendered inside the card container","type":"React.ReactNode","title":"children","required":true}]}]},"table":{"id":"table","name":"Table","totalProps":1,"packageName":"@nimbus-ds/table","version":"2.0.1","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/table","props":[{"description":"The content of the table.","type":"React.ReactNode","title":"children","required":true}],"subComponents":[{"name":"Table.Body","totalProps":1,"props":[{"description":"The content of the table body.","type":"React.ReactNode","title":"children","required":true}]},{"name":"Table.Cell","totalProps":7,"props":[{"description":"The content of the table cell.","type":"React.ReactNode","title":"children","required":true},{"description":"Type of html tag to create for the table cell.","default":"td","enum":["td","th"],"type":"string","title":"as","required":false},{"description":"The width property specifies the width of a table's content area.","anyOf":[{"type":"object","properties":{"rest":{"type":"string","title":"rest"},"focus":{"type":"string","title":"focus"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["rest","focus","active","hover","xs","md","lg","xl"]},{"type":"string"}],"title":"width","required":false},{"description":"The maxWidth property specifies the maxWidth of a table's content area.","anyOf":[{"type":"object","properties":{"rest":{"type":"string","title":"rest"},"focus":{"type":"string","title":"focus"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["rest","focus","active","hover","xs","md","lg","xl"]},{"type":"string"}],"title":"maxWidth","required":false},{"description":"The minWidth property specifies the minWidth of a table's content area.","anyOf":[{"type":"object","properties":{"rest":{"type":"string","title":"rest"},"focus":{"type":"string","title":"focus"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["rest","focus","active","hover","xs","md","lg","xl"]},{"type":"string"}],"title":"minWidth","required":false},{"description":"The backgroundColor property sets the background color of the table.","anyOf":[{"type":"object","properties":{"rest":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"rest"},"focus":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"focus"},"active":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"active"},"hover":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"hover"},"xs":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"xs"},"md":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"md"},"lg":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"lg"},"xl":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["rest","focus","active","hover","xs","md","lg","xl"]},{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string"}],"title":"backgroundColor","required":false},{"description":"The padding properties are used to generate space around an table's content area.","anyOf":[{"type":"object","properties":{"rest":{"enum":["base","none","small"],"type":"string","title":"rest"},"focus":{"enum":["base","none","small"],"type":"string","title":"focus"},"active":{"enum":["base","none","small"],"type":"string","title":"active"},"hover":{"enum":["base","none","small"],"type":"string","title":"hover"},"xs":{"enum":["base","none","small"],"type":"string","title":"xs"},"md":{"enum":["base","none","small"],"type":"string","title":"md"},"lg":{"enum":["base","none","small"],"type":"string","title":"lg"},"xl":{"enum":["base","none","small"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["rest","focus","active","hover","xs","md","lg","xl"]},{"enum":["base","none","small"],"type":"string"}],"title":"padding","required":false}]},{"name":"Table.Head","totalProps":1,"props":[{"description":"The content of the table head.","type":"React.ReactNode","title":"children","required":true}]},{"name":"Table.Row","totalProps":8,"props":[{"description":"The content of the table row.","type":"React.ReactNode","title":"children","required":true},{"description":"The ID of the table row.","type":"string","title":"id","required":false},{"description":"Function to be passed when clicking on the table row.","type":"() => void;","title":"onClick","required":false},{"description":"The width property specifies the width of a table's content area.","anyOf":[{"type":"object","properties":{"rest":{"type":"string","title":"rest"},"focus":{"type":"string","title":"focus"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["rest","focus","active","hover","xs","md","lg","xl"]},{"type":"string"}],"title":"width","required":false},{"description":"The maxWidth property specifies the maxWidth of a table's content area.","anyOf":[{"type":"object","properties":{"rest":{"type":"string","title":"rest"},"focus":{"type":"string","title":"focus"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["rest","focus","active","hover","xs","md","lg","xl"]},{"type":"string"}],"title":"maxWidth","required":false},{"description":"The minWidth property specifies the minWidth of a table's content area.","anyOf":[{"type":"object","properties":{"rest":{"type":"string","title":"rest"},"focus":{"type":"string","title":"focus"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["rest","focus","active","hover","xs","md","lg","xl"]},{"type":"string"}],"title":"minWidth","required":false},{"description":"The backgroundColor property sets the background color of the table.","anyOf":[{"type":"object","properties":{"rest":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"rest"},"focus":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"focus"},"active":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"active"},"hover":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"hover"},"xs":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"xs"},"md":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"md"},"lg":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"lg"},"xl":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["rest","focus","active","hover","xs","md","lg","xl"]},{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string"}],"title":"backgroundColor","required":false},{"description":"The padding properties are used to generate space around an table's content area.","anyOf":[{"type":"object","properties":{"rest":{"enum":["base","none","small"],"type":"string","title":"rest"},"focus":{"enum":["base","none","small"],"type":"string","title":"focus"},"active":{"enum":["base","none","small"],"type":"string","title":"active"},"hover":{"enum":["base","none","small"],"type":"string","title":"hover"},"xs":{"enum":["base","none","small"],"type":"string","title":"xs"},"md":{"enum":["base","none","small"],"type":"string","title":"md"},"lg":{"enum":["base","none","small"],"type":"string","title":"lg"},"xl":{"enum":["base","none","small"],"type":"string","title":"xl"}},"additionalProperties":false,"propertyOrder":["rest","focus","active","hover","xs","md","lg","xl"]},{"enum":["base","none","small"],"type":"string"}],"title":"padding","required":false}]}]},"tabs":{"id":"tabs","name":"Tabs","totalProps":5,"packageName":"@nimbus-ds/tabs","version":"2.5.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/tabs","props":[{"description":"The content of the tabs.","type":"ReactElement<TabsButtonProps>[];","title":"children","required":true},{"description":"Sets the indicated tab as active by default. If unset, defaults to first tab.","type":"number","title":"preSelectedTab","required":false},{"description":"Determines if tabs should span available width.","default":false,"type":"boolean","title":"fullWidth","required":false},{"description":"The currently selected tab index.","type":"number","title":"selected","required":true},{"description":"Callback fired when the selected tab changes.","type":"object","additionalProperties":false,"propertyOrder":[],"title":"onTabSelect","required":true}],"subComponents":[{"name":"Tabs.Item","totalProps":3,"props":[{"description":"Label of the tabpanel. Used to pair with it's corresponding tab control.","type":"string","title":"label","required":true},{"description":"Optional content of the tabpanel.","type":"ReactNode;","title":"labelContent","required":false},{"description":"The content of the tabs item.","type":"ReactNode | ReactNode[];","title":"children","required":true}]},{"name":"Tabs.Button","totalProps":6,"props":[{"description":"Label of the tab button.","type":"string","title":"label","required":true},{"$ref":"#/definitions/React.ReactNode","description":"Content of the tab button.","title":"labelContent","required":false},{"description":"Determines if tab is active.","default":false,"type":"boolean","title":"active","required":false},{"description":"Position of the tab inside the tab list.","type":"number","title":"index","required":true},{"description":"Function executed when clicking the tab.","type":"(index: number) => void;","title":"setActiveTab","required":true},{"description":"Determines if tab spans all available width.","default":false,"type":"boolean","title":"fullWidth","required":false}]}]}}