@devoinc/genesys-tokens/dist/tokens/component/layout/Modal/modal.json

Design tokens generator

{
  "cmp": {
    "modal": {
      "color": {
        "background": {
          "value": "{alias.color.background.surface.base.base.value}"
        }
      },
      "elevation": {
        "zIndex": {
          "base": {
            "value": "{alias.elevation.zIndex.depth.popOut.value}"
          }
        }
      },
      "space": {
        "padding": {
          "value": "{alias.space.layout.xs.value}"
        }
      },
      "size": {
        "height": {
          "full": {
            "value": "100%"
          }
        },
        "minWidth": {
          "value": "48rem"
        },
        "width": {
          "value": "100%"
        },
        "maxWidth": {
          "sm": {
            "value": "60rem"
          },
          "md": {
            "value": "70rem"
          },
          "lg": {
            "value": "80rem"
          },
          "xl": {
            "value": "99rem"
          },
          "full": {
            "value": "calc(100% - {cmp.modal.space.padding.value} * 2)"
          }
        },
        "maxHeight": {
          "value": "calc(100% - {cmp.modal.space.padding.value} * 2)"
        },
        "minHeight": {
          "sm": {
            "value": "32rem"
          },
          "md": {
            "value": "36rem"
          },
          "lg": {
            "value": "44rem"
          },
          "xl": {
            "value": "75vh"
          },
          "full": {
            "value": "calc(100% - {cmp.modal.space.padding.value} * 2)"
          }
        }
      }
    }
  }
}