Skip to main content
const borderRadiusSemantic: {
  none: {
     value: 0;
  };
  xs: {
     value: "{font.size.base}";
     modify: {
        type: "multiply";
        value: 0.25;
     };
  };
  sm: {
     value: "{font.size.base}";
     modify: {
        type: "multiply";
        value: 0.5;
     };
  };
  md: {
     value: "{font.size.base}";
     modify: {
        type: "multiply";
        value: 0.75;
     };
  };
  lg: {
     value: "{font.size.base}";
     modify: {
        type: "multiply";
        value: 1;
     };
  };
  xl: {
     value: "{font.size.base}";
     modify: {
        type: "multiply";
        value: 1.5;
     };
  };
  full: {
     value: 99999;
  };
};
Semantic border radius tokens.

Type declaration

none

readonly none: {
  value: 0;
};

Type declaration

none.value

readonly value: 0 = 0;

xs

readonly xs: {
  value: "{font.size.base}";
  modify: {
     type: "multiply";
     value: 0.25;
  };
};

Type declaration

xs.value

readonly value: "{font.size.base}" = "{font.size.base}";

xs.modify

readonly modify: {
  type: "multiply";
  value: 0.25;
};
Type declaration

xs.modify.type

readonly type: "multiply" = "multiply";

xs.modify.value

readonly value: 0.25 = 0.25;

sm

readonly sm: {
  value: "{font.size.base}";
  modify: {
     type: "multiply";
     value: 0.5;
  };
};

Type declaration

sm.value

readonly value: "{font.size.base}" = "{font.size.base}";

sm.modify

readonly modify: {
  type: "multiply";
  value: 0.5;
};
Type declaration

sm.modify.type

readonly type: "multiply" = "multiply";

sm.modify.value

readonly value: 0.5 = 0.5;

md

readonly md: {
  value: "{font.size.base}";
  modify: {
     type: "multiply";
     value: 0.75;
  };
};

Type declaration

md.value

readonly value: "{font.size.base}" = "{font.size.base}";

md.modify

readonly modify: {
  type: "multiply";
  value: 0.75;
};
Type declaration

md.modify.type

readonly type: "multiply" = "multiply";

md.modify.value

readonly value: 0.75 = 0.75;

lg

readonly lg: {
  value: "{font.size.base}";
  modify: {
     type: "multiply";
     value: 1;
  };
};

Type declaration

lg.value

readonly value: "{font.size.base}" = "{font.size.base}";

lg.modify

readonly modify: {
  type: "multiply";
  value: 1;
};
Type declaration

lg.modify.type

readonly type: "multiply" = "multiply";

lg.modify.value

readonly value: 1 = 1;

xl

readonly xl: {
  value: "{font.size.base}";
  modify: {
     type: "multiply";
     value: 1.5;
  };
};

Type declaration

xl.value

readonly value: "{font.size.base}" = "{font.size.base}";

xl.modify

readonly modify: {
  type: "multiply";
  value: 1.5;
};
Type declaration

xl.modify.type

readonly type: "multiply" = "multiply";

xl.modify.value

readonly value: 1.5 = 1.5;

full

readonly full: {
  value: 99999;
};

Type declaration

full.value

readonly value: 99999 = 99999;