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

NameTypeDefault value
none{ value: 0; }-
none.value00
xs{ value: "{font.size.base}"; modify: { type: "multiply"; value: 0.25; }; }-
xs.value"{font.size.base}""{font.size.base}"
xs.modify{ type: "multiply"; value: 0.25; }-
xs.modify.type"multiply""multiply"
xs.modify.value0.250.25
sm{ value: "{font.size.base}"; modify: { type: "multiply"; value: 0.5; }; }-
sm.value"{font.size.base}""{font.size.base}"
sm.modify{ type: "multiply"; value: 0.5; }-
sm.modify.type"multiply""multiply"
sm.modify.value0.50.5
md{ value: "{font.size.base}"; modify: { type: "multiply"; value: 0.75; }; }-
md.value"{font.size.base}""{font.size.base}"
md.modify{ type: "multiply"; value: 0.75; }-
md.modify.type"multiply""multiply"
md.modify.value0.750.75
lg{ value: "{font.size.base}"; modify: { type: "multiply"; value: 1; }; }-
lg.value"{font.size.base}""{font.size.base}"
lg.modify{ type: "multiply"; value: 1; }-
lg.modify.type"multiply""multiply"
lg.modify.value11
xl{ value: "{font.size.base}"; modify: { type: "multiply"; value: 1.5; }; }-
xl.value"{font.size.base}""{font.size.base}"
xl.modify{ type: "multiply"; value: 1.5; }-
xl.modify.type"multiply""multiply"
xl.modify.value1.51.5
full{ value: 99999; }-
full.value9999999999