borders: {
borderStyle: "--tile--border-style";
borderColor: "--tile--border-color";
borderWidth: "--tile--border-width";
borderRadius025: "--tile--border-radius-025";
borderRadius050: "--tile--border-radius-050";
borderRadius075: "--tile--border-radius-075";
borderRadius100: "--tile--border-radius-100";
borderRadius: "--tile--border-radius";
outlineFocus: "--tile--outline-focus";
outlineInvalid: "--tile--outline-invalid";
strokeWidth: "--tile--stroke-width";
} = ...
Type Declaration
-
ReadonlyborderStyle: "--tile--border-style"
-
ReadonlyborderColor: "--tile--border-color"
-
ReadonlyborderWidth: "--tile--border-width"
-
ReadonlyborderRadius025: "--tile--border-radius-025"
-
ReadonlyborderRadius050: "--tile--border-radius-050"
-
ReadonlyborderRadius075: "--tile--border-radius-075"
-
ReadonlyborderRadius100: "--tile--border-radius-100"
-
ReadonlyborderRadius: "--tile--border-radius"
-
ReadonlyoutlineFocus: "--tile--outline-focus"
-
ReadonlyoutlineInvalid: "--tile--outline-invalid"
-
ReadonlystrokeWidth: "--tile--stroke-width"
The custom property behind every border token.
Narrowed to literals, so the design system contract can name the tokens and the custom properties they resolve to.