zIndex

const zIndex: {
  select: {
     list: {
        value: "{zIndex.popup}";
     };
  };
  modal: {
     overlay: {
        value: "{zIndex.scrim}";
     };
     dialog: {
        value: "{zIndex.floating}";
     };
  };
  base: {
     value: 0;
     unit: "none";
  };
  raised: {
     value: 1;
     unit: "none";
  };
  popup: {
     value: 200;
     unit: "none";
  };
  scrim: {
     value: 400;
     unit: "none";
  };
  floating: {
     value: 500;
     unit: "none";
  };
};

All the z-index tokens.

Type declaration

Name	Type	Default value
select	{ list: { value: "{zIndex.popup}"; }; }	-
select.list	{ value: "{zIndex.popup}"; }	-
select.list.value	"{zIndex.popup}"	"{zIndex.popup}"
modal	{ overlay: { value: "{zIndex.scrim}"; }; dialog: { value: "{zIndex.floating}"; }; }	-
modal.overlay	{ value: "{zIndex.scrim}"; }	-
modal.overlay.value	"{zIndex.scrim}"	"{zIndex.scrim}"
modal.dialog	{ value: "{zIndex.floating}"; }	-
modal.dialog.value	"{zIndex.floating}"	"{zIndex.floating}"
base	{ value: 0; unit: "none"; }	-
base.value	0	0
base.unit	"none"	"none"
raised	{ value: 1; unit: "none"; }	-
raised.value	1	1
raised.unit	"none"	"none"
popup	{ value: 200; unit: "none"; }	-
popup.value	200	200
popup.unit	"none"	"none"
scrim	{ value: 400; unit: "none"; }	-
scrim.value	400	400
scrim.unit	"none"	"none"
floating	{ value: 500; unit: "none"; }	-
floating.value	500	500
floating.unit	"none"	"none"