/* eslint-disable */ /** * GENERATED * Do not edit directly */ export const dictionary = Object.freeze({ properties: { asset: { font: { "Source Sans Pro": { "400": { normal: { value: "fonts/source-sans-pro-v9-latin-regular", formats: ["woff2", "woff"], filePath: "src/tokens/asset/font.json", isSource: true, original: { value: "fonts/source-sans-pro-v9-latin-regular", formats: ["woff2", "woff"], }, name: "AssetFontSourceSansPro400Normal", attributes: { category: "asset", type: "font", item: "Source Sans Pro", subitem: "400", state: "normal", family: "Source Sans Pro", weight: "400", style: "normal", }, path: ["asset", "font", "Source Sans Pro", "400", "normal"], }, italic: { value: "fonts/source-sans-pro-v9-latin-italic", formats: ["woff2", "woff"], filePath: "src/tokens/asset/font.json", isSource: true, original: { value: "fonts/source-sans-pro-v9-latin-italic", formats: ["woff2", "woff"], }, name: "AssetFontSourceSansPro400Italic", attributes: { category: "asset", type: "font", item: "Source Sans Pro", subitem: "400", state: "italic", family: "Source Sans Pro", weight: "400", style: "italic", }, path: ["asset", "font", "Source Sans Pro", "400", "italic"], }, }, "600": { normal: { value: "fonts/source-sans-pro-v9-latin-600", formats: ["woff2", "woff"], filePath: "src/tokens/asset/font.json", isSource: true, original: { value: "fonts/source-sans-pro-v9-latin-600", formats: ["woff2", "woff"], }, name: "AssetFontSourceSansPro600Normal", attributes: { category: "asset", type: "font", item: "Source Sans Pro", subitem: "600", state: "normal", family: "Source Sans Pro", weight: "600", style: "normal", }, path: ["asset", "font", "Source Sans Pro", "600", "normal"], }, italic: { value: "fonts/source-sans-pro-v9-latin-600italic", formats: ["woff2", "woff"], filePath: "src/tokens/asset/font.json", isSource: true, original: { value: "fonts/source-sans-pro-v9-latin-600italic", formats: ["woff2", "woff"], }, name: "AssetFontSourceSansPro600Italic", attributes: { category: "asset", type: "font", item: "Source Sans Pro", subitem: "600", state: "italic", family: "Source Sans Pro", weight: "600", style: "italic", }, path: ["asset", "font", "Source Sans Pro", "600", "italic"], }, }, }, "Source Code Pro": { "400": { normal: { value: "fonts/source-code-pro-v6-latin-regular", formats: ["woff2", "woff"], filePath: "src/tokens/asset/font.json", isSource: true, original: { value: "fonts/source-code-pro-v6-latin-regular", formats: ["woff2", "woff"], }, name: "AssetFontSourceCodePro400Normal", attributes: { category: "asset", type: "font", item: "Source Code Pro", subitem: "400", state: "normal", family: "Source Code Pro", weight: "400", style: "normal", }, path: ["asset", "font", "Source Code Pro", "400", "normal"], }, italic: { value: "fonts/source-code-pro-v6-latin-italic", formats: ["woff2", "woff"], filePath: "src/tokens/asset/font.json", isSource: true, original: { value: "fonts/source-code-pro-v6-latin-italic", formats: ["woff2", "woff"], }, name: "AssetFontSourceCodePro400Italic", attributes: { category: "asset", type: "font", item: "Source Code Pro", subitem: "400", state: "italic", family: "Source Code Pro", weight: "400", style: "italic", }, path: ["asset", "font", "Source Code Pro", "400", "italic"], }, }, "600": { normal: { value: "fonts/source-code-pro-v6-latin-600", formats: ["woff2", "woff"], filePath: "src/tokens/asset/font.json", isSource: true, original: { value: "fonts/source-code-pro-v6-latin-600", formats: ["woff2", "woff"], }, name: "AssetFontSourceCodePro600Normal", attributes: { category: "asset", type: "font", item: "Source Code Pro", subitem: "600", state: "normal", family: "Source Code Pro", weight: "600", style: "normal", }, path: ["asset", "font", "Source Code Pro", "600", "normal"], }, italic: { value: "fonts/source-code-pro-v6-latin-600italic", formats: ["woff2", "woff"], filePath: "src/tokens/asset/font.json", isSource: true, original: { value: "fonts/source-code-pro-v6-latin-600italic", formats: ["woff2", "woff"], }, name: "AssetFontSourceCodePro600Italic", attributes: { category: "asset", type: "font", item: "Source Code Pro", subitem: "600", state: "italic", family: "Source Code Pro", weight: "600", style: "italic", }, path: ["asset", "font", "Source Code Pro", "600", "italic"], }, }, }, "SPS-Icons": { "400": { normal: { value: "fonts/icomoon-sps-icons", formats: ["svg", "truetype", "woff", "woff2"], filePath: "src/tokens/asset/font.json", isSource: true, original: { value: "fonts/icomoon-sps-icons", formats: ["svg", "truetype", "woff", "woff2"], }, name: "AssetFontSpsIcons400Normal", attributes: { category: "asset", type: "font", item: "SPS-Icons", subitem: "400", state: "normal", family: "SPS-Icons", weight: "400", style: "normal", }, path: ["asset", "font", "SPS-Icons", "400", "normal"], }, }, }, }, }, border: { style: { standard: { value: "solid", filePath: "src/tokens/border/border.json", isSource: true, original: { value: "solid" }, name: "BorderStyleStandard", attributes: { category: "border", type: "style", item: "standard" }, path: ["border", "style", "standard"], }, }, }, color: { red: { light: { value: "#fbe6eaff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#FBE6EA" }, name: "ColorRedLight", attributes: { category: "color", type: "red", item: "light" }, path: ["color", "red", "light"], }, medium: { value: "#de002eff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#DE002E" }, name: "ColorRedMedium", attributes: { category: "color", type: "red", item: "medium" }, path: ["color", "red", "medium"], }, dark: { value: "#a30d2dff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#A30D2D" }, name: "ColorRedDark", attributes: { category: "color", type: "red", item: "dark" }, path: ["color", "red", "dark"], }, }, blue: { "extra-light": { value: "#f2f8fbff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#F2F8FB" }, name: "ColorBlueExtraLight", attributes: { category: "color", type: "blue", item: "extra-light" }, path: ["color", "blue", "extra-light"], }, light: { value: "#e6f2f8ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#E6F2F8" }, name: "ColorBlueLight", attributes: { category: "color", type: "blue", item: "light" }, path: ["color", "blue", "light"], }, medium: { value: "#007db8ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#007DB8" }, name: "ColorBlueMedium", attributes: { category: "color", type: "blue", item: "medium" }, path: ["color", "blue", "medium"], }, dark: { value: "#09638dff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#09638D" }, name: "ColorBlueDark", attributes: { category: "color", type: "blue", item: "dark" }, path: ["color", "blue", "dark"], }, }, green: { light: { value: "#e7f3ecff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#E7F3EC" }, name: "ColorGreenLight", attributes: { category: "color", type: "green", item: "light" }, path: ["color", "green", "light"], }, medium: { value: "#0b8940ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#0B8940" }, name: "ColorGreenMedium", attributes: { category: "color", type: "green", item: "medium" }, path: ["color", "green", "medium"], }, dark: { value: "#106b39ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#106B39" }, name: "ColorGreenDark", attributes: { category: "color", type: "green", item: "dark" }, path: ["color", "green", "dark"], }, }, purple: { light: { value: "#f4ecf2ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#F4ECF2" }, name: "ColorPurpleLight", attributes: { category: "color", type: "purple", item: "light" }, path: ["color", "purple", "light"], }, "medium-light": { value: "#e3d0deff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#E3D0DE" }, name: "ColorPurpleMediumLight", attributes: { category: "color", type: "purple", item: "medium-light", }, path: ["color", "purple", "medium-light"], }, medium: { value: "#91467fff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#91467F" }, name: "ColorPurpleMedium", attributes: { category: "color", type: "purple", item: "medium" }, path: ["color", "purple", "medium"], }, dark: { value: "#6e3c65ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#6E3C65" }, name: "ColorPurpleDark", attributes: { category: "color", type: "purple", item: "dark" }, path: ["color", "purple", "dark"], }, }, orange: { light: { value: "#fcf1e7ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#FCF1E7" }, name: "ColorOrangeLight", attributes: { category: "color", type: "orange", item: "light" }, path: ["color", "orange", "light"], }, medium: { value: "#e7760bff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#E7760B" }, name: "ColorOrangeMedium", attributes: { category: "color", type: "orange", item: "medium" }, path: ["color", "orange", "medium"], }, dark: { value: "#aa5e14ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#AA5E14" }, name: "ColorOrangeDark", attributes: { category: "color", type: "orange", item: "dark" }, path: ["color", "orange", "dark"], }, }, grey: { "extra-light": { value: "#f3f4f4ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#F3F4F4" }, name: "ColorGreyExtraLight", attributes: { category: "color", type: "grey", item: "extra-light" }, path: ["color", "grey", "extra-light"], }, "extra-light-80": { value: "#f3f4f4cc", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#F3F4F4CC" }, name: "ColorGreyExtraLight80", attributes: { category: "color", type: "grey", item: "extra-light-80", }, path: ["color", "grey", "extra-light-80"], }, light: { value: "#e9e9eaff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#E9E9EA" }, name: "ColorGreyLight", attributes: { category: "color", type: "grey", item: "light" }, path: ["color", "grey", "light"], }, "medium-light": { value: "#d2d4d4ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#D2D4D4" }, name: "ColorGreyMediumLight", attributes: { category: "color", type: "grey", item: "medium-light" }, path: ["color", "grey", "medium-light"], }, medium: { value: "#717779ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#717779" }, name: "ColorGreyMedium", attributes: { category: "color", type: "grey", item: "medium" }, path: ["color", "grey", "medium"], }, "medium-dark": { value: "#4b5356ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#4B5356" }, name: "ColorGreyMediumDark", attributes: { category: "color", type: "grey", item: "medium-dark" }, path: ["color", "grey", "medium-dark"], }, dark: { value: "#1f282cff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#1F282C" }, name: "ColorGreyDark", attributes: { category: "color", type: "grey", item: "dark" }, path: ["color", "grey", "dark"], }, "dark-10": { value: "#1f282c1a", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#1F282C1A" }, name: "ColorGreyDark10", attributes: { category: "color", type: "grey", item: "dark-10" }, path: ["color", "grey", "dark-10"], }, "dark-25": { value: "#1f282c40", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#1F282C40" }, name: "ColorGreyDark25", attributes: { category: "color", type: "grey", item: "dark-25" }, path: ["color", "grey", "dark-25"], }, "dark-50": { value: "#1f282c80", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#1F282C80" }, name: "ColorGreyDark50", attributes: { category: "color", type: "grey", item: "dark-50" }, path: ["color", "grey", "dark-50"], }, }, yellow: { light: { value: "#fff8e0ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#FFF8E0" }, name: "ColorYellowLight", attributes: { category: "color", type: "yellow", item: "light" }, path: ["color", "yellow", "light"], }, medium: { value: "#ffcc00ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#FFCC00" }, name: "ColorYellowMedium", attributes: { category: "color", type: "yellow", item: "medium" }, path: ["color", "yellow", "medium"], }, }, white: { value: "#ffffffff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#FFFFFF" }, name: "ColorWhite", attributes: { category: "color", type: "white" }, path: ["color", "white"], }, "white-80": { value: "#ffffffcc", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#FFFFFFCC" }, name: "ColorWhite80", attributes: { category: "color", type: "white-80" }, path: ["color", "white-80"], }, black: { value: "#000000ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#000000" }, name: "ColorBlack", attributes: { category: "color", type: "black" }, path: ["color", "black"], }, transparent: { value: "#00000000", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "transparent" }, name: "ColorTransparent", attributes: { category: "color", type: "transparent" }, path: ["color", "transparent"], }, }, component: { "action-bar": { "background-color": { value: "#ffffffff", filePath: "src/tokens/component/action-bar.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentActionBarBackgroundColor", attributes: { category: "component", type: "action-bar", item: "background-color", }, path: ["component", "action-bar", "background-color"], }, "main-content-height": { value: "2rem", filePath: "src/tokens/component/action-bar.json", isSource: true, original: { value: "{size.system.lg.value}" }, name: "ComponentActionBarMainContentHeight", attributes: { category: "component", type: "action-bar", item: "main-content-height", }, path: ["component", "action-bar", "main-content-height"], }, "max-content-width": { value: "1280px", filePath: "src/tokens/component/action-bar.json", isSource: true, original: { value: "{size.component.action-bar.max-content-width.value}", }, name: "ComponentActionBarMaxContentWidth", attributes: { category: "component", type: "action-bar", item: "max-content-width", }, path: ["component", "action-bar", "max-content-width"], }, "content-padding": { value: "1.25rem", filePath: "src/tokens/component/action-bar.json", isSource: true, original: { value: "{size.component.action-bar.content-padding.value}", }, name: "ComponentActionBarContentPadding", attributes: { category: "component", type: "action-bar", item: "content-padding", }, path: ["component", "action-bar", "content-padding"], }, padding: { value: "0.5rem", filePath: "src/tokens/component/action-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentActionBarPadding", attributes: { category: "component", type: "action-bar", item: "padding", }, path: ["component", "action-bar", "padding"], }, shadow: { value: "0 0 0.25rem 0.25rem #1f282c1a", filePath: "src/tokens/component/action-bar.json", isSource: true, original: { value: "{shadow.fixed-container.value}" }, name: "ComponentActionBarShadow", attributes: { category: "component", type: "action-bar", item: "shadow", }, path: ["component", "action-bar", "shadow"], }, }, "add-to-list": { lists: { "individual-gutter-margin": { value: "1rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentAddToListListsIndividualGutterMargin", attributes: { category: "component", type: "add-to-list", item: "lists", subitem: "individual-gutter-margin", }, path: [ "component", "add-to-list", "lists", "individual-gutter-margin", ], }, }, item: { dragHandle: { width: { value: "0.375rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.drag-handle.width.value}", }, name: "ComponentAddToListItemDragHandleWidth", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "dragHandle", state: "width", }, path: ["component", "add-to-list", "item", "dragHandle", "width"], }, height: { value: "1.125rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.drag-handle.height.value}", }, name: "ComponentAddToListItemDragHandleHeight", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "dragHandle", state: "height", }, path: [ "component", "add-to-list", "item", "dragHandle", "height", ], }, lineHeight: { value: "1.125rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.type.body-sm.line.value}" }, name: "ComponentAddToListItemDragHandleLineHeight", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "dragHandle", state: "lineHeight", }, path: [ "component", "add-to-list", "item", "dragHandle", "lineHeight", ], }, padding: { right: { value: "1rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentAddToListItemDragHandlePaddingRight", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "dragHandle", state: "padding", }, path: [ "component", "add-to-list", "item", "dragHandle", "padding", "right", ], }, }, background: { value: "url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgOCAxOCIgd2lkdGg9IjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE2IDcwODFoM3YzaC0zem0wIDVoM3YzaC0zem0wIDVoM3YzaC0zem0wIDVoM3YzaC0zem01LTE1aDN2M2gtM3ptMCA1aDN2M2gtM3ptMCA1aDN2M2gtM3ptMCA1aDN2M2gtM3oiIGZpbGw9IiNhNWE5YWIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE2IC03MDgxKSIvPjwvc3ZnPg==') no-repeat left center", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgOCAxOCIgd2lkdGg9IjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE2IDcwODFoM3YzaC0zem0wIDVoM3YzaC0zem0wIDVoM3YzaC0zem0wIDVoM3YzaC0zem01LTE1aDN2M2gtM3ptMCA1aDN2M2gtM3ptMCA1aDN2M2gtM3ptMCA1aDN2M2gtM3oiIGZpbGw9IiNhNWE5YWIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE2IC03MDgxKSIvPjwvc3ZnPg==') no-repeat left center", }, name: "ComponentAddToListItemDragHandleBackground", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "dragHandle", state: "background", }, path: [ "component", "add-to-list", "item", "dragHandle", "background", ], }, disabled: { opacity: { value: 0.25, filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: 0.25 }, name: "ComponentAddToListItemDragHandleDisabledOpacity", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "dragHandle", state: "disabled", }, path: [ "component", "add-to-list", "item", "dragHandle", "disabled", "opacity", ], }, }, }, lineHeight: { value: "1.125rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.type.body-sm.line.value}" }, name: "ComponentAddToListItemLineHeight", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "lineHeight", }, path: ["component", "add-to-list", "item", "lineHeight"], }, fontSize: { value: "0.75rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "ComponentAddToListItemFontSize", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "fontSize", }, path: ["component", "add-to-list", "item", "fontSize"], }, width: { value: "100%", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "100%" }, name: "ComponentAddToListItemWidth", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "width", }, path: ["component", "add-to-list", "item", "width"], }, minWidth: { value: "17.75rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.item.minwidth.value}", }, name: "ComponentAddToListItemMinWidth", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "minWidth", }, path: ["component", "add-to-list", "item", "minWidth"], }, padding: { value: "0.75rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.item.padding.value}", }, name: "ComponentAddToListItemPadding", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "padding", }, path: ["component", "add-to-list", "item", "padding"], }, border: { weight: { value: "0.0625rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentAddToListItemBorderWeight", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "border", state: "weight", }, path: ["component", "add-to-list", "item", "border", "weight"], }, style: { value: "solid", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentAddToListItemBorderStyle", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "border", state: "style", }, path: ["component", "add-to-list", "item", "border", "style"], }, color: { value: "#d2d4d4ff", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentAddToListItemBorderColor", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "border", state: "color", }, path: ["component", "add-to-list", "item", "border", "color"], }, }, dragging: { backgroundColor: { value: "#e6f2f8ff", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{color.blue.light.value}" }, name: "ComponentAddToListItemDraggingBackgroundColor", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "dragging", state: "backgroundColor", }, path: [ "component", "add-to-list", "item", "dragging", "backgroundColor", ], }, }, closeButton: { right: { value: "0.375rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.close-button.right.value}", }, name: "ComponentAddToListItemCloseButtonRight", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "closeButton", state: "right", }, path: [ "component", "add-to-list", "item", "closeButton", "right", ], }, top: { value: "0.625rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.close-button.top.value}", }, name: "ComponentAddToListItemCloseButtonTop", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "closeButton", state: "top", }, path: ["component", "add-to-list", "item", "closeButton", "top"], }, }, dropTarget: { boxShadow: { color: { value: "#007db8ff", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentAddToListItemDropTargetBoxShadowColor", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "dropTarget", state: "boxShadow", }, path: [ "component", "add-to-list", "item", "dropTarget", "boxShadow", "color", ], }, offsetY: { value: "0.25rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.system.xs.value}" }, name: "ComponentAddToListItemDropTargetBoxShadowOffsetY", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "dropTarget", state: "boxShadow", }, path: [ "component", "add-to-list", "item", "dropTarget", "boxShadow", "offsetY", ], }, }, }, }, heading: { fontSize: { value: "0.875rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentAddToListHeadingFontSize", attributes: { category: "component", type: "add-to-list", item: "heading", subitem: "fontSize", }, path: ["component", "add-to-list", "heading", "fontSize"], }, lineHeight: { value: "1.25rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentAddToListHeadingLineHeight", attributes: { category: "component", type: "add-to-list", item: "heading", subitem: "lineHeight", }, path: ["component", "add-to-list", "heading", "lineHeight"], }, marginBottom: { value: "0.25rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentAddToListHeadingMarginBottom", attributes: { category: "component", type: "add-to-list", item: "heading", subitem: "marginBottom", }, path: ["component", "add-to-list", "heading", "marginBottom"], }, icon: { fontSize: { value: "0.875rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentAddToListHeadingIconFontSize", attributes: { category: "component", type: "add-to-list", item: "heading", subitem: "icon", state: "fontSize", }, path: ["component", "add-to-list", "heading", "icon", "fontSize"], }, lineHeight: { value: "1.25rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentAddToListHeadingIconLineHeight", attributes: { category: "component", type: "add-to-list", item: "heading", subitem: "icon", state: "lineHeight", }, path: [ "component", "add-to-list", "heading", "icon", "lineHeight", ], }, marginRight: { value: "0.25rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentAddToListHeadingIconMarginRight", attributes: { category: "component", type: "add-to-list", item: "heading", subitem: "icon", state: "marginRight", }, path: [ "component", "add-to-list", "heading", "icon", "marginRight", ], }, }, tag: { marginLeft: { value: "0.25rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentAddToListHeadingTagMarginLeft", attributes: { category: "component", type: "add-to-list", item: "heading", subitem: "tag", state: "marginLeft", }, path: [ "component", "add-to-list", "heading", "tag", "marginLeft", ], }, }, fontWeight: { value: 600, filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentAddToListHeadingFontWeight", attributes: { category: "component", type: "add-to-list", item: "heading", subitem: "fontWeight", }, path: ["component", "add-to-list", "heading", "fontWeight"], }, }, leftList: { marginRight: { value: "1rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentAddToListLeftListMarginRight", attributes: { category: "component", type: "add-to-list", item: "leftList", subitem: "marginRight", }, path: ["component", "add-to-list", "leftList", "marginRight"], }, vertical: { marginRight: { value: "0", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.leftList.vertical.marginRight.value}", }, name: "ComponentAddToListLeftListVerticalMarginRight", attributes: { category: "component", type: "add-to-list", item: "leftList", subitem: "vertical", state: "marginRight", }, path: [ "component", "add-to-list", "leftList", "vertical", "marginRight", ], }, marginBottom: { value: "1.375rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.leftList.vertical.marginBottom.value}", }, name: "ComponentAddToListLeftListVerticalMarginBottom", attributes: { category: "component", type: "add-to-list", item: "leftList", subitem: "vertical", state: "marginBottom", }, path: [ "component", "add-to-list", "leftList", "vertical", "marginBottom", ], }, }, }, rightList: { marginLeft: { value: "1rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentAddToListRightListMarginLeft", attributes: { category: "component", type: "add-to-list", item: "rightList", subitem: "marginLeft", }, path: ["component", "add-to-list", "rightList", "marginLeft"], }, vertical: { marginLeft: { value: "0", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.rightList.vertical.marginLeft.value}", }, name: "ComponentAddToListRightListVerticalMarginLeft", attributes: { category: "component", type: "add-to-list", item: "rightList", subitem: "vertical", state: "marginLeft", }, path: [ "component", "add-to-list", "rightList", "vertical", "marginLeft", ], }, }, }, separator: { width: { value: "0.0625rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentAddToListSeparatorWidth", attributes: { category: "component", type: "add-to-list", item: "separator", subitem: "width", }, path: ["component", "add-to-list", "separator", "width"], }, leftAdjustment: { value: "1rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentAddToListSeparatorLeftAdjustment", attributes: { category: "component", type: "add-to-list", item: "separator", subitem: "leftAdjustment", }, path: ["component", "add-to-list", "separator", "leftAdjustment"], }, heightAdjustmentForPhantomDroppableContainer: { value: "1.5625rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.phantomDroppableContainerTotalHeight.value}", }, name: "ComponentAddToListSeparatorHeightAdjustmentForPhantomDroppableContainer", attributes: { category: "component", type: "add-to-list", item: "separator", subitem: "heightAdjustmentForPhantomDroppableContainer", }, path: [ "component", "add-to-list", "separator", "heightAdjustmentForPhantomDroppableContainer", ], }, }, listComponentWrapper: { widthAdjustment: { value: "1rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentAddToListListComponentWrapperWidthAdjustment", attributes: { category: "component", type: "add-to-list", item: "listComponentWrapper", subitem: "widthAdjustment", }, path: [ "component", "add-to-list", "listComponentWrapper", "widthAdjustment", ], }, vertical: { width: { value: "100%", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "100%" }, name: "ComponentAddToListListComponentWrapperVerticalWidth", attributes: { category: "component", type: "add-to-list", item: "listComponentWrapper", subitem: "vertical", state: "width", }, path: [ "component", "add-to-list", "listComponentWrapper", "vertical", "width", ], }, }, }, draggableBox: { isDragging: { backgroundColor: { value: "#f3f4f4ff", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentAddToListDraggableBoxIsDraggingBackgroundColor", attributes: { category: "component", type: "add-to-list", item: "draggableBox", subitem: "isDragging", state: "backgroundColor", }, path: [ "component", "add-to-list", "draggableBox", "isDragging", "backgroundColor", ], }, color: { value: "#717779ff", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentAddToListDraggableBoxIsDraggingColor", attributes: { category: "component", type: "add-to-list", item: "draggableBox", subitem: "isDragging", state: "color", }, path: [ "component", "add-to-list", "draggableBox", "isDragging", "color", ], }, }, }, filterContainer: { marginBottom: { value: "1.25rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.filterContainer.marginBottom.value}", }, name: "ComponentAddToListFilterContainerMarginBottom", attributes: { category: "component", type: "add-to-list", item: "filterContainer", subitem: "marginBottom", }, path: [ "component", "add-to-list", "filterContainer", "marginBottom", ], }, }, moveAllButtonAdjustmentForPhantomDroppableContainer: { marginTop: { value: "1.5625rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.phantomDroppableContainerTotalHeight.value}", }, name: "ComponentAddToListMoveAllButtonAdjustmentForPhantomDroppableContainerMarginTop", attributes: { category: "component", type: "add-to-list", item: "moveAllButtonAdjustmentForPhantomDroppableContainer", subitem: "marginTop", }, path: [ "component", "add-to-list", "moveAllButtonAdjustmentForPhantomDroppableContainer", "marginTop", ], }, }, }, "advanced-search": { background: { value: "#ffffffff", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentAdvancedSearchBackground", attributes: { category: "component", type: "advanced-search", item: "background", }, path: ["component", "advanced-search", "background"], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentAdvancedSearchBorderColor", attributes: { category: "component", type: "advanced-search", item: "border-color", }, path: ["component", "advanced-search", "border-color"], }, "border-radius-bottom": { value: "0.25rem", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{size.border.radius.xs}" }, name: "ComponentAdvancedSearchBorderRadiusBottom", attributes: { category: "component", type: "advanced-search", item: "border-radius-bottom", }, path: ["component", "advanced-search", "border-radius-bottom"], }, "border-radius-top": { value: "0", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{size.border.radius.none.value}" }, name: "ComponentAdvancedSearchBorderRadiusTop", attributes: { category: "component", type: "advanced-search", item: "border-radius-top", }, path: ["component", "advanced-search", "border-radius-top"], }, "border-style": { value: "solid", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentAdvancedSearchBorderStyle", attributes: { category: "component", type: "advanced-search", item: "border-style", }, path: ["component", "advanced-search", "border-style"], }, "border-width": { value: "0.0625rem", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentAdvancedSearchBorderWidth", attributes: { category: "component", type: "advanced-search", item: "border-width", }, path: ["component", "advanced-search", "border-width"], }, "border-width-top": { value: "0", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{size.border.width.none.value}" }, name: "ComponentAdvancedSearchBorderWidthTop", attributes: { category: "component", type: "advanced-search", item: "border-width-top", }, path: ["component", "advanced-search", "border-width-top"], }, "margin-top": { value: "0.625rem", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{size.component.advanced-search.margin-top.value}", }, name: "ComponentAdvancedSearchMarginTop", attributes: { category: "component", type: "advanced-search", item: "margin-top", }, path: ["component", "advanced-search", "margin-top"], }, "margin-bottom": { value: "1rem", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentAdvancedSearchMarginBottom", attributes: { category: "component", type: "advanced-search", item: "margin-bottom", }, path: ["component", "advanced-search", "margin-bottom"], }, "form-padding": { value: "1rem", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentAdvancedSearchFormPadding", attributes: { category: "component", type: "advanced-search", item: "form-padding", }, path: ["component", "advanced-search", "form-padding"], }, footer: { background: { value: "#f3f4f4ff", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentAdvancedSearchFooterBackground", attributes: { category: "component", type: "advanced-search", item: "footer", subitem: "background", }, path: ["component", "advanced-search", "footer", "background"], }, padding: { value: "0.5rem", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentAdvancedSearchFooterPadding", attributes: { category: "component", type: "advanced-search", item: "footer", subitem: "padding", }, path: ["component", "advanced-search", "footer", "padding"], }, }, }, button: { kind: { default: { background: { value: "#e9e9eaff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentButtonKindDefaultBackground", attributes: { category: "component", type: "button", item: "kind", subitem: "default", state: "background", }, path: ["component", "button", "kind", "default", "background"], }, "hover-background": { value: "#d2d4d4ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentButtonKindDefaultHoverBackground", attributes: { category: "component", type: "button", item: "kind", subitem: "default", state: "hover-background", }, path: [ "component", "button", "kind", "default", "hover-background", ], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentButtonKindDefaultBorderColor", attributes: { category: "component", type: "button", item: "kind", subitem: "default", state: "border-color", }, path: ["component", "button", "kind", "default", "border-color"], }, }, link: { "text-color": { value: "#007db8ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentButtonKindLinkTextColor", attributes: { category: "component", type: "button", item: "kind", subitem: "link", state: "text-color", }, path: ["component", "button", "kind", "link", "text-color"], }, "text-color-hover": { value: "#09638dff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentButtonKindLinkTextColorHover", attributes: { category: "component", type: "button", item: "kind", subitem: "link", state: "text-color-hover", }, path: ["component", "button", "kind", "link", "text-color-hover"], }, }, icon: { "hover-background": { value: "#d2d4d4ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentButtonKindIconHoverBackground", attributes: { category: "component", type: "button", item: "kind", subitem: "icon", state: "hover-background", }, path: ["component", "button", "kind", "icon", "hover-background"], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentButtonKindIconBorderColor", attributes: { category: "component", type: "button", item: "kind", subitem: "icon", state: "border-color", }, path: ["component", "button", "kind", "icon", "border-color"], }, "padding-vertical": { value: "0.25rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentButtonKindIconPaddingVertical", attributes: { category: "component", type: "button", item: "kind", subitem: "icon", state: "padding-vertical", }, path: ["component", "button", "kind", "icon", "padding-vertical"], }, "padding-horizontal": { value: "0.5rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentButtonKindIconPaddingHorizontal", attributes: { category: "component", type: "button", item: "kind", subitem: "icon", state: "padding-horizontal", }, path: [ "component", "button", "kind", "icon", "padding-horizontal", ], }, }, confirm: { background: { value: "#007db8ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentButtonKindConfirmBackground", attributes: { category: "component", type: "button", item: "kind", subitem: "confirm", state: "background", }, path: ["component", "button", "kind", "confirm", "background"], }, "hover-background": { value: "#09638dff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentButtonKindConfirmHoverBackground", attributes: { category: "component", type: "button", item: "kind", subitem: "confirm", state: "hover-background", }, path: [ "component", "button", "kind", "confirm", "hover-background", ], }, "border-color": { value: "#09638dff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentButtonKindConfirmBorderColor", attributes: { category: "component", type: "button", item: "kind", subitem: "confirm", state: "border-color", }, path: ["component", "button", "kind", "confirm", "border-color"], }, }, delete: { background: { value: "#de002eff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentButtonKindDeleteBackground", attributes: { category: "component", type: "button", item: "kind", subitem: "delete", state: "background", }, path: ["component", "button", "kind", "delete", "background"], }, "hover-background": { value: "#a30d2dff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.red.dark.value}" }, name: "ComponentButtonKindDeleteHoverBackground", attributes: { category: "component", type: "button", item: "kind", subitem: "delete", state: "hover-background", }, path: [ "component", "button", "kind", "delete", "hover-background", ], }, "border-color": { value: "#a30d2dff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.red.dark.value}" }, name: "ComponentButtonKindDeleteBorderColor", attributes: { category: "component", type: "button", item: "kind", subitem: "delete", state: "border-color", }, path: ["component", "button", "kind", "delete", "border-color"], }, }, key: { background: { value: "#4b5356ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentButtonKindKeyBackground", attributes: { category: "component", type: "button", item: "kind", subitem: "key", state: "background", }, path: ["component", "button", "kind", "key", "background"], }, "hover-background": { value: "#1f282cff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentButtonKindKeyHoverBackground", attributes: { category: "component", type: "button", item: "kind", subitem: "key", state: "hover-background", }, path: ["component", "button", "kind", "key", "hover-background"], }, "border-color": { value: "#1f282cff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentButtonKindKeyBorderColor", attributes: { category: "component", type: "button", item: "kind", subitem: "key", state: "border-color", }, path: ["component", "button", "kind", "key", "border-color"], }, }, }, border: { style: { value: "solid", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentButtonBorderStyle", attributes: { category: "component", type: "button", item: "border", subitem: "style", }, path: ["component", "button", "border", "style"], }, width: { value: "0.0625rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentButtonBorderWidth", attributes: { category: "component", type: "button", item: "border", subitem: "width", }, path: ["component", "button", "border", "width"], }, radius: { value: "0.25rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentButtonBorderRadius", attributes: { category: "component", type: "button", item: "border", subitem: "radius", }, path: ["component", "button", "border", "radius"], }, }, "disabled-background": { value: "#ffffffff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentButtonDisabledBackground", attributes: { category: "component", type: "button", item: "disabled-background", }, path: ["component", "button", "disabled-background"], }, spinner: { "margin-vertical": { value: "0.875rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.component.button.spinner-margin-vertical.value}", }, name: "ComponentButtonSpinnerMarginVertical", attributes: { category: "component", type: "button", item: "spinner", subitem: "margin-vertical", }, path: ["component", "button", "spinner", "margin-vertical"], }, "margin-horizontal": { value: "0.4375rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.component.button.spinner-margin-horizontal.value}", }, name: "ComponentButtonSpinnerMarginHorizontal", attributes: { category: "component", type: "button", item: "spinner", subitem: "margin-horizontal", }, path: ["component", "button", "spinner", "margin-horizontal"], }, "border-width": { value: "0.125rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.component.button.spinner-border-width.value}", }, name: "ComponentButtonSpinnerBorderWidth", attributes: { category: "component", type: "button", item: "spinner", subitem: "border-width", }, path: ["component", "button", "spinner", "border-width"], }, size: { value: "0.875rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.component.button.spinner-size}" }, name: "ComponentButtonSpinnerSize", attributes: { category: "component", type: "button", item: "spinner", subitem: "size", }, path: ["component", "button", "spinner", "size"], }, }, "font-size": { value: "0.75rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.type.component-sm.font.value}" }, name: "ComponentButtonFontSize", attributes: { category: "component", type: "button", item: "font-size", }, path: ["component", "button", "font-size"], }, "font-weight": { value: 600, filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentButtonFontWeight", attributes: { category: "component", type: "button", item: "font-weight", }, path: ["component", "button", "font-weight"], }, "line-height": { value: "0.875rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.type.component-sm.line.value}" }, name: "ComponentButtonLineHeight", attributes: { category: "component", type: "button", item: "line-height", }, path: ["component", "button", "line-height"], }, "text-color-dark": { value: "#4b5356ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentButtonTextColorDark", attributes: { category: "component", type: "button", item: "text-color-dark", }, path: ["component", "button", "text-color-dark"], }, "text-color-light": { value: "#ffffffff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentButtonTextColorLight", attributes: { category: "component", type: "button", item: "text-color-light", }, path: ["component", "button", "text-color-light"], }, "text-color-disabled": { value: "#717779ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentButtonTextColorDisabled", attributes: { category: "component", type: "button", item: "text-color-disabled", }, path: ["component", "button", "text-color-disabled"], }, "text-color-link": { value: "#007db8ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentButtonTextColorLink", attributes: { category: "component", type: "button", item: "text-color-link", }, path: ["component", "button", "text-color-link"], }, "text-color-link-hover": { value: "#09638dff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentButtonTextColorLinkHover", attributes: { category: "component", type: "button", item: "text-color-link-hover", }, path: ["component", "button", "text-color-link-hover"], }, "padding-vertical": { value: "0.5rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentButtonPaddingVertical", attributes: { category: "component", type: "button", item: "padding-vertical", }, path: ["component", "button", "padding-vertical"], }, "padding-horizontal": { value: "1rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentButtonPaddingHorizontal", attributes: { category: "component", type: "button", item: "padding-horizontal", }, path: ["component", "button", "padding-horizontal"], }, "icon-font-size": { value: "0.875rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentButtonIconFontSize", attributes: { category: "component", type: "button", item: "icon-font-size", }, path: ["component", "button", "icon-font-size"], }, "icon-margin": { value: "0.5rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentButtonIconMargin", attributes: { category: "component", type: "button", item: "icon-margin", }, path: ["component", "button", "icon-margin"], }, "text-icon-margin": { value: "0.25rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentButtonTextIconMargin", attributes: { category: "component", type: "button", item: "text-icon-margin", }, path: ["component", "button", "text-icon-margin"], }, "icon-top": { value: "0.125rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentButtonIconTop", attributes: { category: "component", type: "button", item: "icon-top", }, path: ["component", "button", "icon-top"], }, }, "cap-content": { padding: { value: "0.5rem", filePath: "src/tokens/component/cap-content.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentCapContentPadding", attributes: { category: "component", type: "cap-content", item: "padding", }, path: ["component", "cap-content", "padding"], }, "font-size": { value: "0.75rem", filePath: "src/tokens/component/cap-content.json", isSource: true, original: { value: "{size.type.component-sm.font.value}" }, name: "ComponentCapContentFontSize", attributes: { category: "component", type: "cap-content", item: "font-size", }, path: ["component", "cap-content", "font-size"], }, "line-height": { value: "1.875rem", filePath: "src/tokens/component/cap-content.json", isSource: true, original: { value: "{size.component.cap-content.line-height.value}" }, name: "ComponentCapContentLineHeight", attributes: { category: "component", type: "cap-content", item: "line-height", }, path: ["component", "cap-content", "line-height"], }, title: { "padding-left": { value: "0.5rem", filePath: "src/tokens/component/cap-content.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentCapContentTitlePaddingLeft", attributes: { category: "component", type: "cap-content", item: "title", subitem: "padding-left", }, path: ["component", "cap-content", "title", "padding-left"], }, }, }, card: { "background-color": { value: "#ffffffff", filePath: "src/tokens/component/card.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentCardBackgroundColor", attributes: { category: "component", type: "card", item: "background-color", }, path: ["component", "card", "background-color"], }, border: { style: { value: "solid", filePath: "src/tokens/component/card.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentCardBorderStyle", attributes: { category: "component", type: "card", item: "border", subitem: "style", }, path: ["component", "card", "border", "style"], }, width: { value: "0.0625rem", filePath: "src/tokens/component/card.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentCardBorderWidth", attributes: { category: "component", type: "card", item: "border", subitem: "width", }, path: ["component", "card", "border", "width"], }, color: { value: "#d2d4d4ff", filePath: "src/tokens/component/card.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentCardBorderColor", attributes: { category: "component", type: "card", item: "border", subitem: "color", }, path: ["component", "card", "border", "color"], }, radius: { value: "0.25rem", filePath: "src/tokens/component/card.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentCardBorderRadius", attributes: { category: "component", type: "card", item: "border", subitem: "radius", }, path: ["component", "card", "border", "radius"], }, }, }, "card-body": { padding: { value: "1rem", filePath: "src/tokens/component/card.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentCardBodyPadding", attributes: { category: "component", type: "card-body", item: "padding", }, path: ["component", "card-body", "padding"], }, }, "card-title": { "font-weight": { value: 600, filePath: "src/tokens/component/card.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentCardTitleFontWeight", attributes: { category: "component", type: "card-title", item: "font-weight", }, path: ["component", "card-title", "font-weight"], }, }, "clickable-tag": { "border-radius": { value: "0.125rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentClickableTagBorderRadius", attributes: { category: "component", type: "clickable-tag", item: "border-radius", }, path: ["component", "clickable-tag", "border-radius"], }, color: { value: "#09638dff", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentClickableTagColor", attributes: { category: "component", type: "clickable-tag", item: "color", }, path: ["component", "clickable-tag", "color"], }, "font-size": { value: "0.75rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.type.component-sm.font.value}" }, name: "ComponentClickableTagFontSize", attributes: { category: "component", type: "clickable-tag", item: "font-size", }, path: ["component", "clickable-tag", "font-size"], }, "font-weight": { value: 600, filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentClickableTagFontWeight", attributes: { category: "component", type: "clickable-tag", item: "font-weight", }, path: ["component", "clickable-tag", "font-weight"], }, height: { value: "1.125rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.component.clickable-tag.height.value}" }, name: "ComponentClickableTagHeight", attributes: { category: "component", type: "clickable-tag", item: "height", }, path: ["component", "clickable-tag", "height"], }, "hover-background-color": { value: "#09638dff", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentClickableTagHoverBackgroundColor", attributes: { category: "component", type: "clickable-tag", item: "hover-background-color", }, path: ["component", "clickable-tag", "hover-background-color"], }, "hover-color": { value: "#e6f2f8ff", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{color.blue.light.value}" }, name: "ComponentClickableTagHoverColor", attributes: { category: "component", type: "clickable-tag", item: "hover-color", }, path: ["component", "clickable-tag", "hover-color"], }, "line-height": { value: "0.75rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.component.clickable-tag.line-height.value}", }, name: "ComponentClickableTagLineHeight", attributes: { category: "component", type: "clickable-tag", item: "line-height", }, path: ["component", "clickable-tag", "line-height"], }, "padding-vertical": { value: "0.125rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentClickableTagPaddingVertical", attributes: { category: "component", type: "clickable-tag", item: "padding-vertical", }, path: ["component", "clickable-tag", "padding-vertical"], }, "padding-horizontal": { value: "0.25rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentClickableTagPaddingHorizontal", attributes: { category: "component", type: "clickable-tag", item: "padding-horizontal", }, path: ["component", "clickable-tag", "padding-horizontal"], }, kind: { blue: { "background-color": { value: "#e6f2f8ff", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{color.blue.light.value}" }, name: "ComponentClickableTagKindBlueBackgroundColor", attributes: { category: "component", type: "clickable-tag", item: "kind", subitem: "blue", state: "background-color", }, path: [ "component", "clickable-tag", "kind", "blue", "background-color", ], }, }, gray: { "background-color": { value: "#e9e9eaff", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentClickableTagKindGrayBackgroundColor", attributes: { category: "component", type: "clickable-tag", item: "kind", subitem: "gray", state: "background-color", }, path: [ "component", "clickable-tag", "kind", "gray", "background-color", ], }, }, }, disabled: { "background-color": { value: "#ffffffff", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentClickableTagDisabledBackgroundColor", attributes: { category: "component", type: "clickable-tag", item: "disabled", subitem: "background-color", }, path: [ "component", "clickable-tag", "disabled", "background-color", ], }, "border-width": { value: "0.0625rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentClickableTagDisabledBorderWidth", attributes: { category: "component", type: "clickable-tag", item: "disabled", subitem: "border-width", }, path: ["component", "clickable-tag", "disabled", "border-width"], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentClickableTagDisabledBorderColor", attributes: { category: "component", type: "clickable-tag", item: "disabled", subitem: "border-color", }, path: ["component", "clickable-tag", "disabled", "border-color"], }, color: { value: "#717779ff", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentClickableTagDisabledColor", attributes: { category: "component", type: "clickable-tag", item: "disabled", subitem: "color", }, path: ["component", "clickable-tag", "disabled", "color"], }, }, label: { "border-left-radius": { value: "0.125rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.border.radius.xxs.value }" }, name: "ComponentClickableTagLabelBorderLeftRadius", attributes: { category: "component", type: "clickable-tag", item: "label", subitem: "border-left-radius", }, path: ["component", "clickable-tag", "label", "border-left-radius"], }, "border-right-radius": { value: "0", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.border.radius.none.value}" }, name: "ComponentClickableTagLabelBorderRightRadius", attributes: { category: "component", type: "clickable-tag", item: "label", subitem: "border-right-radius", }, path: [ "component", "clickable-tag", "label", "border-right-radius", ], }, }, icon: { "border-left-radius": { value: "0", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.border.radius.none.value }" }, name: "ComponentClickableTagIconBorderLeftRadius", attributes: { category: "component", type: "clickable-tag", item: "icon", subitem: "border-left-radius", }, path: ["component", "clickable-tag", "icon", "border-left-radius"], }, "border-right-radius": { value: "0.125rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentClickableTagIconBorderRightRadius", attributes: { category: "component", type: "clickable-tag", item: "icon", subitem: "border-right-radius", }, path: ["component", "clickable-tag", "icon", "border-right-radius"], }, "font-size": { value: "0.625rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.component.clickable-tag.icon-font-size.value}", }, name: "ComponentClickableTagIconFontSize", attributes: { category: "component", type: "clickable-tag", item: "icon", subitem: "font-size", }, path: ["component", "clickable-tag", "icon", "font-size"], }, "top-offset": { value: "-0.0625rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.component.clickable-tag.icon-top-offset.value}", }, name: "ComponentClickableTagIconTopOffset", attributes: { category: "component", type: "clickable-tag", item: "icon", subitem: "top-offset", }, path: ["component", "clickable-tag", "icon", "top-offset"], }, }, }, "content-row": { "background-color": { value: "#ffffffff", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentContentRowBackgroundColor", attributes: { category: "component", type: "content-row", item: "background-color", }, path: ["component", "content-row", "background-color"], }, "border-width": { value: "0.0625rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentContentRowBorderWidth", attributes: { category: "component", type: "content-row", item: "border-width", }, path: ["component", "content-row", "border-width"], }, "border-style": { value: "solid", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentContentRowBorderStyle", attributes: { category: "component", type: "content-row", item: "border-style", }, path: ["component", "content-row", "border-style"], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentContentRowBorderColor", attributes: { category: "component", type: "content-row", item: "border-color", }, path: ["component", "content-row", "border-color"], }, "border-radius": { value: "0.25rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentContentRowBorderRadius", attributes: { category: "component", type: "content-row", item: "border-radius", }, path: ["component", "content-row", "border-radius"], }, "expanded-border-radius-top": { value: "0.25rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentContentRowExpandedBorderRadiusTop", attributes: { category: "component", type: "content-row", item: "expanded-border-radius-top", }, path: ["component", "content-row", "expanded-border-radius-top"], }, "expanded-border-radius-bottom": { value: "0", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.border.radius.none.value}" }, name: "ComponentContentRowExpandedBorderRadiusBottom", attributes: { category: "component", type: "content-row", item: "expanded-border-radius-bottom", }, path: ["component", "content-row", "expanded-border-radius-bottom"], }, "selected-background-color": { value: "#e6f2f8ff", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{color.blue.light.value}" }, name: "ComponentContentRowSelectedBackgroundColor", attributes: { category: "component", type: "content-row", item: "selected-background-color", }, path: ["component", "content-row", "selected-background-color"], }, "selected-border-color": { value: "#007db8ff", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentContentRowSelectedBorderColor", attributes: { category: "component", type: "content-row", item: "selected-border-color", }, path: ["component", "content-row", "selected-border-color"], }, "expand-button-border": { value: "0", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.border.width.none.value}" }, name: "ComponentContentRowExpandButtonBorder", attributes: { category: "component", type: "content-row", item: "expand-button-border", }, path: ["component", "content-row", "expand-button-border"], }, "expand-button-color": { value: "#007db8ff", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentContentRowExpandButtonColor", attributes: { category: "component", type: "content-row", item: "expand-button-color", }, path: ["component", "content-row", "expand-button-color"], }, "expand-button-hover-color": { value: "#09638dff", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentContentRowExpandButtonHoverColor", attributes: { category: "component", type: "content-row", item: "expand-button-hover-color", }, path: ["component", "content-row", "expand-button-hover-color"], }, "expand-button-color-disabled": { value: "#d2d4d4ff", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentContentRowExpandButtonColorDisabled", attributes: { category: "component", type: "content-row", item: "expand-button-color-disabled", }, path: ["component", "content-row", "expand-button-color-disabled"], }, "expand-button-font-size": { value: "1rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.type.title-sm.font.value}" }, name: "ComponentContentRowExpandButtonFontSize", attributes: { category: "component", type: "content-row", item: "expand-button-font-size", }, path: ["component", "content-row", "expand-button-font-size"], }, "expand-button-line-height": { value: "1.125rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.type.title-md.line.value}" }, name: "ComponentContentRowExpandButtonLineHeight", attributes: { category: "component", type: "content-row", item: "expand-button-line-height", }, path: ["component", "content-row", "expand-button-line-height"], }, padding: { value: "1rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentContentRowPadding", attributes: { category: "component", type: "content-row", item: "padding", }, path: ["component", "content-row", "padding"], }, "card-spacing-margin": { value: "1rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentContentRowCardSpacingMargin", attributes: { category: "component", type: "content-row", item: "card-spacing-margin", }, path: ["component", "content-row", "card-spacing-margin"], }, }, "content-row-col": { "padding-small": { value: "0.5rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentContentRowColPaddingSmall", attributes: { category: "component", type: "content-row-col", item: "padding-small", }, path: ["component", "content-row-col", "padding-small"], }, "icon-margin-adjustment": { value: "-0.125rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.component.content-row.icon-margin-adjustment}", }, name: "ComponentContentRowColIconMarginAdjustment", attributes: { category: "component", type: "content-row-col", item: "icon-margin-adjustment", }, path: ["component", "content-row-col", "icon-margin-adjustment"], }, }, "content-row-expansion": { "background-color": { value: "#f3f4f4ff", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentContentRowExpansionBackgroundColor", attributes: { category: "component", type: "content-row-expansion", item: "background-color", }, path: ["component", "content-row-expansion", "background-color"], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentContentRowExpansionBorderColor", attributes: { category: "component", type: "content-row-expansion", item: "border-color", }, path: ["component", "content-row-expansion", "border-color"], }, "border-radius-top": { value: "0", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.border.radius.none.value}" }, name: "ComponentContentRowExpansionBorderRadiusTop", attributes: { category: "component", type: "content-row-expansion", item: "border-radius-top", }, path: ["component", "content-row-expansion", "border-radius-top"], }, "border-radius-bottom": { value: "0.25rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentContentRowExpansionBorderRadiusBottom", attributes: { category: "component", type: "content-row-expansion", item: "border-radius-bottom", }, path: ["component", "content-row-expansion", "border-radius-bottom"], }, }, "content-row-auto-layout-spacer": { height: { value: "1rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentContentRowAutoLayoutSpacerHeight", attributes: { category: "component", type: "content-row-auto-layout-spacer", item: "height", }, path: ["component", "content-row-auto-layout-spacer", "height"], }, }, "content-row-reorderable": { "min-container-height": { value: "3.875rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.component.content-row.reorderable-min-container-height.value}", }, name: "ComponentContentRowReorderableMinContainerHeight", attributes: { category: "component", type: "content-row-reorderable", item: "min-container-height", }, path: [ "component", "content-row-reorderable", "min-container-height", ], }, "index-container-size": { value: "3.5rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.component.content-row.reorderable-index-container-size.value}", }, name: "ComponentContentRowReorderableIndexContainerSize", attributes: { category: "component", type: "content-row-reorderable", item: "index-container-size", }, path: [ "component", "content-row-reorderable", "index-container-size", ], }, "index-container-padding": { value: "0.5rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentContentRowReorderableIndexContainerPadding", attributes: { category: "component", type: "content-row-reorderable", item: "index-container-padding", }, path: [ "component", "content-row-reorderable", "index-container-padding", ], }, "reorder-button-border-radius-none": { value: "0", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.border.radius.none.value}" }, name: "ComponentContentRowReorderableReorderButtonBorderRadiusNone", attributes: { category: "component", type: "content-row-reorderable", item: "reorder-button-border-radius-none", }, path: [ "component", "content-row-reorderable", "reorder-button-border-radius-none", ], }, "reorder-button-border-radius": { value: "0.1875rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.component.content-row.reorderable-button-border-radius.value}", }, name: "ComponentContentRowReorderableReorderButtonBorderRadius", attributes: { category: "component", type: "content-row-reorderable", item: "reorder-button-border-radius", }, path: [ "component", "content-row-reorderable", "reorder-button-border-radius", ], }, "reorder-button-height": { value: "1.78125rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.component.content-row.reorderable-button-height.value}", }, name: "ComponentContentRowReorderableReorderButtonHeight", attributes: { category: "component", type: "content-row-reorderable", item: "reorder-button-height", }, path: [ "component", "content-row-reorderable", "reorder-button-height", ], }, "reorder-button-width": { value: "3.3125rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.component.content-row.reorderable-button-width.value}", }, name: "ComponentContentRowReorderableReorderButtonWidth", attributes: { category: "component", type: "content-row-reorderable", item: "reorder-button-width", }, path: [ "component", "content-row-reorderable", "reorder-button-width", ], }, }, "content-tiles": { color: { value: "#000000ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.black.value}" }, name: "ComponentContentTilesColor", attributes: { category: "component", type: "content-tiles", item: "color", }, path: ["component", "content-tiles", "color"], }, "background-color": { value: "#ffffffff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentContentTilesBackgroundColor", attributes: { category: "component", type: "content-tiles", item: "background-color", }, path: ["component", "content-tiles", "background-color"], }, border: { radius: { value: "0.25rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentContentTilesBorderRadius", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "radius", }, path: ["component", "content-tiles", "border", "radius"], }, width: { value: "0.0625rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentContentTilesBorderWidth", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "width", }, path: ["component", "content-tiles", "border", "width"], }, style: { value: "solid", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentContentTilesBorderStyle", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "style", }, path: ["component", "content-tiles", "border", "style"], }, borderColor: { value: "#d2d4d4ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentContentTilesBorderBorderColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "borderColor", }, path: ["component", "content-tiles", "border", "borderColor"], }, hover: { borderColor: { value: "#007db8ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentContentTilesBorderHoverBorderColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "hover", state: "borderColor", }, path: [ "component", "content-tiles", "border", "hover", "borderColor", ], }, color: { value: "#000000ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.black.value}" }, name: "ComponentContentTilesBorderHoverColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "hover", state: "color", }, path: ["component", "content-tiles", "border", "hover", "color"], }, }, error: { borderColor: { value: "#de002eff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentContentTilesBorderErrorBorderColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "error", state: "borderColor", }, path: [ "component", "content-tiles", "border", "error", "borderColor", ], }, hover: { borderColor: { value: "#de002eff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentContentTilesBorderErrorHoverBorderColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "error", state: "hover", }, path: [ "component", "content-tiles", "border", "error", "hover", "borderColor", ], }, }, }, warning: { borderColor: { value: "#e7760bff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentContentTilesBorderWarningBorderColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "warning", state: "borderColor", }, path: [ "component", "content-tiles", "border", "warning", "borderColor", ], }, }, disabled: { borderColor: { value: "#d2d4d4ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentContentTilesBorderDisabledBorderColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "disabled", state: "borderColor", }, path: [ "component", "content-tiles", "border", "disabled", "borderColor", ], }, backgroundColor: { value: "#f3f4f4ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentContentTilesBorderDisabledBackgroundColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "disabled", state: "backgroundColor", }, path: [ "component", "content-tiles", "border", "disabled", "backgroundColor", ], }, color: { value: "#d2d4d4ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentContentTilesBorderDisabledColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "disabled", state: "color", }, path: [ "component", "content-tiles", "border", "disabled", "color", ], }, hover: { borderColor: { value: "#d2d4d4ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentContentTilesBorderDisabledHoverBorderColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "disabled", state: "hover", }, path: [ "component", "content-tiles", "border", "disabled", "hover", "borderColor", ], }, }, }, }, disabled: { opacity: { value: ".25", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: ".25" }, name: "ComponentContentTilesDisabledOpacity", attributes: { category: "component", type: "content-tiles", item: "disabled", subitem: "opacity", }, path: ["component", "content-tiles", "disabled", "opacity"], }, }, cursor: { notAllowed: { value: "not-allowed", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "not-allowed" }, name: "ComponentContentTilesCursorNotAllowed", attributes: { category: "component", type: "content-tiles", item: "cursor", subitem: "notAllowed", }, path: ["component", "content-tiles", "cursor", "notAllowed"], }, pointer: { value: "pointer", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "pointer" }, name: "ComponentContentTilesCursorPointer", attributes: { category: "component", type: "content-tiles", item: "cursor", subitem: "pointer", }, path: ["component", "content-tiles", "cursor", "pointer"], }, }, height: { value: "8.625rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.component.content-tile.height.value}" }, name: "ComponentContentTilesHeight", attributes: { category: "component", type: "content-tiles", item: "height", }, path: ["component", "content-tiles", "height"], }, transition: { value: "all 0.25s ease", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "all 0.25s ease" }, name: "ComponentContentTilesTransition", attributes: { category: "component", type: "content-tiles", item: "transition", }, path: ["component", "content-tiles", "transition"], }, "text-decoration": { value: "none", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{type.decoration.none.value}" }, name: "ComponentContentTilesTextDecoration", attributes: { category: "component", type: "content-tiles", item: "text-decoration", }, path: ["component", "content-tiles", "text-decoration"], }, links: { color: { value: "#000000ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.black.value}" }, name: "ComponentContentTilesLinksColor", attributes: { category: "component", type: "content-tiles", item: "links", subitem: "color", }, path: ["component", "content-tiles", "links", "color"], }, }, image: { height: { value: "3.75rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.component.content-tile.image.height.value}", }, name: "ComponentContentTilesImageHeight", attributes: { category: "component", type: "content-tiles", item: "image", subitem: "height", }, path: ["component", "content-tiles", "image", "height"], }, width: { value: "3.75rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.component.content-tile.image.width.value}", }, name: "ComponentContentTilesImageWidth", attributes: { category: "component", type: "content-tiles", item: "image", subitem: "width", }, path: ["component", "content-tiles", "image", "width"], }, }, icons: { warning: { value: "#e7760bff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentContentTilesIconsWarning", attributes: { category: "component", type: "content-tiles", item: "icons", subitem: "warning", }, path: ["component", "content-tiles", "icons", "warning"], }, error: { value: "#de002eff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentContentTilesIconsError", attributes: { category: "component", type: "content-tiles", item: "icons", subitem: "error", }, path: ["component", "content-tiles", "icons", "error"], }, disabled: { value: "#717779ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentContentTilesIconsDisabled", attributes: { category: "component", type: "content-tiles", item: "icons", subitem: "disabled", }, path: ["component", "content-tiles", "icons", "disabled"], }, }, iconContainer: { padding: { value: "0.5rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.component.content-tile.titleContainer.spacing.value}", }, name: "ComponentContentTilesIconContainerPadding", attributes: { category: "component", type: "content-tiles", item: "iconContainer", subitem: "padding", }, path: ["component", "content-tiles", "iconContainer", "padding"], }, }, title: { icon: { padding: { value: "0.5rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentContentTilesTitleIconPadding", attributes: { category: "component", type: "content-tiles", item: "title", subitem: "icon", state: "padding", }, path: ["component", "content-tiles", "title", "icon", "padding"], }, color: { value: "#007db8ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentContentTilesTitleIconColor", attributes: { category: "component", type: "content-tiles", item: "title", subitem: "icon", state: "color", }, path: ["component", "content-tiles", "title", "icon", "color"], }, }, }, imageContainer: { height: { value: "3.75rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.component.content-tile.image.height.value}", }, name: "ComponentContentTilesImageContainerHeight", attributes: { category: "component", type: "content-tiles", item: "imageContainer", subitem: "height", }, path: ["component", "content-tiles", "imageContainer", "height"], }, width: { value: "3.75rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.component.content-tile.image.width.value}", }, name: "ComponentContentTilesImageContainerWidth", attributes: { category: "component", type: "content-tiles", item: "imageContainer", subitem: "width", }, path: ["component", "content-tiles", "imageContainer", "width"], }, marginTop: { value: "1rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.component.content-tile.image.marginTop.value}", }, name: "ComponentContentTilesImageContainerMarginTop", attributes: { category: "component", type: "content-tiles", item: "imageContainer", subitem: "marginTop", }, path: ["component", "content-tiles", "imageContainer", "marginTop"], }, marginBottom: { value: "1rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.component.content-tile.image.marginBottom.value}", }, name: "ComponentContentTilesImageContainerMarginBottom", attributes: { category: "component", type: "content-tiles", item: "imageContainer", subitem: "marginBottom", }, path: [ "component", "content-tiles", "imageContainer", "marginBottom", ], }, }, }, "feedback-block": { kind: { tip: { "background-color": { value: "#fff8e0ff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.yellow.light.value}" }, name: "ComponentFeedbackBlockKindTipBackgroundColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "tip", state: "background-color", }, path: [ "component", "feedback-block", "kind", "tip", "background-color", ], }, "border-color": { value: "#ffcc00ff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.yellow.medium.value}" }, name: "ComponentFeedbackBlockKindTipBorderColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "tip", state: "border-color", }, path: [ "component", "feedback-block", "kind", "tip", "border-color", ], }, iconColor: { value: "#ffcc00ff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.yellow.medium.value}" }, name: "ComponentFeedbackBlockKindTipIconColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "tip", state: "iconColor", }, path: ["component", "feedback-block", "kind", "tip", "iconColor"], }, microIconColor: { value: "#09638dff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentFeedbackBlockKindTipMicroIconColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "tip", state: "microIconColor", }, path: [ "component", "feedback-block", "kind", "tip", "microIconColor", ], }, }, success: { "background-color": { value: "#e7f3ecff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.green.light.value}" }, name: "ComponentFeedbackBlockKindSuccessBackgroundColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "success", state: "background-color", }, path: [ "component", "feedback-block", "kind", "success", "background-color", ], }, "border-color": { value: "#0b8940ff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentFeedbackBlockKindSuccessBorderColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "success", state: "border-color", }, path: [ "component", "feedback-block", "kind", "success", "border-color", ], }, iconColor: { value: "#0b8940ff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentFeedbackBlockKindSuccessIconColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "success", state: "iconColor", }, path: [ "component", "feedback-block", "kind", "success", "iconColor", ], }, }, warning: { "background-color": { value: "#fcf1e7ff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.orange.light.value}" }, name: "ComponentFeedbackBlockKindWarningBackgroundColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "warning", state: "background-color", }, path: [ "component", "feedback-block", "kind", "warning", "background-color", ], }, "border-color": { value: "#e7760bff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentFeedbackBlockKindWarningBorderColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "warning", state: "border-color", }, path: [ "component", "feedback-block", "kind", "warning", "border-color", ], }, iconColor: { value: "#e7760bff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentFeedbackBlockKindWarningIconColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "warning", state: "iconColor", }, path: [ "component", "feedback-block", "kind", "warning", "iconColor", ], }, }, info: { "background-color": { value: "#e6f2f8ff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.blue.light.value}" }, name: "ComponentFeedbackBlockKindInfoBackgroundColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "info", state: "background-color", }, path: [ "component", "feedback-block", "kind", "info", "background-color", ], }, "border-color": { value: "#09638dff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentFeedbackBlockKindInfoBorderColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "info", state: "border-color", }, path: [ "component", "feedback-block", "kind", "info", "border-color", ], }, iconColor: { value: "#09638dff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentFeedbackBlockKindInfoIconColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "info", state: "iconColor", }, path: [ "component", "feedback-block", "kind", "info", "iconColor", ], }, }, error: { "background-color": { value: "#fbe6eaff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.red.light.value}" }, name: "ComponentFeedbackBlockKindErrorBackgroundColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "error", state: "background-color", }, path: [ "component", "feedback-block", "kind", "error", "background-color", ], }, "border-color": { value: "#de002eff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentFeedbackBlockKindErrorBorderColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "error", state: "border-color", }, path: [ "component", "feedback-block", "kind", "error", "border-color", ], }, iconColor: { value: "#de002eff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentFeedbackBlockKindErrorIconColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "error", state: "iconColor", }, path: [ "component", "feedback-block", "kind", "error", "iconColor", ], }, }, }, standard: { "border-radius": { value: "0.125rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentFeedbackBlockStandardBorderRadius", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "border-radius", }, path: ["component", "feedback-block", "standard", "border-radius"], }, "border-style": { value: "solid", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentFeedbackBlockStandardBorderStyle", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "border-style", }, path: ["component", "feedback-block", "standard", "border-style"], }, "border-width": { value: "0.0625rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentFeedbackBlockStandardBorderWidth", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "border-width", }, path: ["component", "feedback-block", "standard", "border-width"], }, "font-size": { value: "0.875rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentFeedbackBlockStandardFontSize", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "font-size", }, path: ["component", "feedback-block", "standard", "font-size"], }, "font-weight": { value: 400, filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{type.weight.normal.value}" }, name: "ComponentFeedbackBlockStandardFontWeight", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "font-weight", }, path: ["component", "feedback-block", "standard", "font-weight"], }, "line-height": { value: "1.25rem ", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.type.body-md.line.value} " }, name: "ComponentFeedbackBlockStandardLineHeight", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "line-height", }, path: ["component", "feedback-block", "standard", "line-height"], }, "margin-bottom": { value: "1rem ", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.spacing.md.value} " }, name: "ComponentFeedbackBlockStandardMarginBottom", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "margin-bottom", }, path: ["component", "feedback-block", "standard", "margin-bottom"], }, "padding-top": { value: "0.5rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentFeedbackBlockStandardPaddingTop", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "padding-top", }, path: ["component", "feedback-block", "standard", "padding-top"], }, "padding-bottom": { value: "0.5rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentFeedbackBlockStandardPaddingBottom", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "padding-bottom", }, path: ["component", "feedback-block", "standard", "padding-bottom"], }, "padding-left": { value: "0.5rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentFeedbackBlockStandardPaddingLeft", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "padding-left", }, path: ["component", "feedback-block", "standard", "padding-left"], }, "padding-right": { value: "1rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentFeedbackBlockStandardPaddingRight", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "padding-right", }, path: ["component", "feedback-block", "standard", "padding-right"], }, }, micro: { height: { value: "1rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentFeedbackBlockMicroHeight", attributes: { category: "component", type: "feedback-block", item: "micro", subitem: "height", }, path: ["component", "feedback-block", "micro", "height"], }, text: { color: { value: "#4b5356ff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentFeedbackBlockMicroTextColor", attributes: { category: "component", type: "feedback-block", item: "micro", subitem: "text", state: "color", }, path: ["component", "feedback-block", "micro", "text", "color"], }, "font-size": { value: "0.75rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "ComponentFeedbackBlockMicroTextFontSize", attributes: { category: "component", type: "feedback-block", item: "micro", subitem: "text", state: "font-size", }, path: [ "component", "feedback-block", "micro", "text", "font-size", ], }, "font-weight": { value: 600, filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentFeedbackBlockMicroTextFontWeight", attributes: { category: "component", type: "feedback-block", item: "micro", subitem: "text", state: "font-weight", }, path: [ "component", "feedback-block", "micro", "text", "font-weight", ], }, "line-height": { value: "1.125rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.type.body-sm.line.value}" }, name: "ComponentFeedbackBlockMicroTextLineHeight", attributes: { category: "component", type: "feedback-block", item: "micro", subitem: "text", state: "line-height", }, path: [ "component", "feedback-block", "micro", "text", "line-height", ], }, "margin-left": { value: "0.25rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentFeedbackBlockMicroTextMarginLeft", attributes: { category: "component", type: "feedback-block", item: "micro", subitem: "text", state: "margin-left", }, path: [ "component", "feedback-block", "micro", "text", "margin-left", ], }, }, }, icon: { standard: { "margin-right": { value: "0.5rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentFeedbackBlockIconStandardMarginRight", attributes: { category: "component", type: "feedback-block", item: "icon", subitem: "standard", state: "margin-right", }, path: [ "component", "feedback-block", "icon", "standard", "margin-right", ], }, "font-size": { value: "1.25rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.type.title-lg.font.value}" }, name: "ComponentFeedbackBlockIconStandardFontSize", attributes: { category: "component", type: "feedback-block", item: "icon", subitem: "standard", state: "font-size", }, path: [ "component", "feedback-block", "icon", "standard", "font-size", ], }, "margin-left": { value: "-0.25rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.component.feedback-block.standard.margin-left}", }, name: "ComponentFeedbackBlockIconStandardMarginLeft", attributes: { category: "component", type: "feedback-block", item: "icon", subitem: "standard", state: "margin-left", }, path: [ "component", "feedback-block", "icon", "standard", "margin-left", ], }, }, micro: { "font-size": { value: "0.875rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentFeedbackBlockIconMicroFontSize", attributes: { category: "component", type: "feedback-block", item: "icon", subitem: "micro", state: "font-size", }, path: [ "component", "feedback-block", "icon", "micro", "font-size", ], }, "font-weight": { value: 400, filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{type.weight.normal.value}" }, name: "ComponentFeedbackBlockIconMicroFontWeight", attributes: { category: "component", type: "feedback-block", item: "icon", subitem: "micro", state: "font-weight", }, path: [ "component", "feedback-block", "icon", "micro", "font-weight", ], }, "line-height": { value: "1.125rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.type.title-md.line.value}" }, name: "ComponentFeedbackBlockIconMicroLineHeight", attributes: { category: "component", type: "feedback-block", item: "icon", subitem: "micro", state: "line-height", }, path: [ "component", "feedback-block", "icon", "micro", "line-height", ], }, "margin-top": { value: "0.125rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.component.feedback-block.micro.margin-top}", }, name: "ComponentFeedbackBlockIconMicroMarginTop", attributes: { category: "component", type: "feedback-block", item: "icon", subitem: "micro", state: "margin-top", }, path: [ "component", "feedback-block", "icon", "micro", "margin-top", ], }, }, }, }, "file-upload": { "border-width": { value: "0.0625rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentFileUploadBorderWidth", attributes: { category: "component", type: "file-upload", item: "border-width", }, path: ["component", "file-upload", "border-width"], }, "border-color": { value: "#717779ff", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentFileUploadBorderColor", attributes: { category: "component", type: "file-upload", item: "border-color", }, path: ["component", "file-upload", "border-color"], }, "border-radius": { value: "0.25rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentFileUploadBorderRadius", attributes: { category: "component", type: "file-upload", item: "border-radius", }, path: ["component", "file-upload", "border-radius"], }, padding: { value: "1rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentFileUploadPadding", attributes: { category: "component", type: "file-upload", item: "padding", }, path: ["component", "file-upload", "padding"], }, color: { value: "#717779ff", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentFileUploadColor", attributes: { category: "component", type: "file-upload", item: "color", }, path: ["component", "file-upload", "color"], }, "content-color": { value: "#4b5356ff", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentFileUploadContentColor", attributes: { category: "component", type: "file-upload", item: "content-color", }, path: ["component", "file-upload", "content-color"], }, "download-button-margin": { value: "1rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentFileUploadDownloadButtonMargin", attributes: { category: "component", type: "file-upload", item: "download-button-margin", }, path: ["component", "file-upload", "download-button-margin"], }, "close-button-position": { value: "0.5rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentFileUploadCloseButtonPosition", attributes: { category: "component", type: "file-upload", item: "close-button-position", }, path: ["component", "file-upload", "close-button-position"], }, active: { "background-color": { value: "#f4ecf2ff", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{color.purple.light.value}" }, name: "ComponentFileUploadActiveBackgroundColor", attributes: { category: "component", type: "file-upload", item: "active", subitem: "background-color", }, path: ["component", "file-upload", "active", "background-color"], }, "border-color": { value: "#91467fff", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentFileUploadActiveBorderColor", attributes: { category: "component", type: "file-upload", item: "active", subitem: "border-color", }, path: ["component", "file-upload", "active", "border-color"], }, "border-style": { value: "solid", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentFileUploadActiveBorderStyle", attributes: { category: "component", type: "file-upload", item: "active", subitem: "border-style", }, path: ["component", "file-upload", "active", "border-style"], }, }, disabled: { color: { value: "#717779ff", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentFileUploadDisabledColor", attributes: { category: "component", type: "file-upload", item: "disabled", subitem: "color", }, path: ["component", "file-upload", "disabled", "color"], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentFileUploadDisabledBorderColor", attributes: { category: "component", type: "file-upload", item: "disabled", subitem: "border-color", }, path: ["component", "file-upload", "disabled", "border-color"], }, "icon-opacity": { value: 0.5, filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: 0.5 }, name: "ComponentFileUploadDisabledIconOpacity", attributes: { category: "component", type: "file-upload", item: "disabled", subitem: "icon-opacity", }, path: ["component", "file-upload", "disabled", "icon-opacity"], }, }, error: { color: { value: "#de002eff", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentFileUploadErrorColor", attributes: { category: "component", type: "file-upload", item: "error", subitem: "color", }, path: ["component", "file-upload", "error", "color"], }, "font-size": { value: "0.875rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentFileUploadErrorFontSize", attributes: { category: "component", type: "file-upload", item: "error", subitem: "font-size", }, path: ["component", "file-upload", "error", "font-size"], }, "font-weight": { value: 600, filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentFileUploadErrorFontWeight", attributes: { category: "component", type: "file-upload", item: "error", subitem: "font-weight", }, path: ["component", "file-upload", "error", "font-weight"], }, "line-height": { value: "1.25rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.title-lg.line.value}" }, name: "ComponentFileUploadErrorLineHeight", attributes: { category: "component", type: "file-upload", item: "error", subitem: "line-height", }, path: ["component", "file-upload", "error", "line-height"], }, }, instructions: { "font-size": { value: "0.75rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.component-sm.font.value}" }, name: "ComponentFileUploadInstructionsFontSize", attributes: { category: "component", type: "file-upload", item: "instructions", subitem: "font-size", }, path: ["component", "file-upload", "instructions", "font-size"], }, "line-height": { value: "1.25rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentFileUploadInstructionsLineHeight", attributes: { category: "component", type: "file-upload", item: "instructions", subitem: "line-height", }, path: ["component", "file-upload", "instructions", "line-height"], }, }, icon: { "margin-bottom": { value: "1rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentFileUploadIconMarginBottom", attributes: { category: "component", type: "file-upload", item: "icon", subitem: "margin-bottom", }, path: ["component", "file-upload", "icon", "margin-bottom"], }, size: { value: "3rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.component.file-upload.icon-size.value}" }, name: "ComponentFileUploadIconSize", attributes: { category: "component", type: "file-upload", item: "icon", subitem: "size", }, path: ["component", "file-upload", "icon", "size"], }, "mini-font-size": { value: "1.5rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.title-xl.font.value}" }, name: "ComponentFileUploadIconMiniFontSize", attributes: { category: "component", type: "file-upload", item: "icon", subitem: "mini-font-size", }, path: ["component", "file-upload", "icon", "mini-font-size"], }, "mini-line-height": { value: "1.5rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.title-xl.line.value}" }, name: "ComponentFileUploadIconMiniLineHeight", attributes: { category: "component", type: "file-upload", item: "icon", subitem: "mini-line-height", }, path: ["component", "file-upload", "icon", "mini-line-height"], }, }, title: { "font-weight": { value: 600, filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentFileUploadTitleFontWeight", attributes: { category: "component", type: "file-upload", item: "title", subitem: "font-weight", }, path: ["component", "file-upload", "title", "font-weight"], }, "margin-bottom": { value: "0.25rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentFileUploadTitleMarginBottom", attributes: { category: "component", type: "file-upload", item: "title", subitem: "margin-bottom", }, path: ["component", "file-upload", "title", "margin-bottom"], }, "font-size": { value: "1.125rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.title-md.font.value}" }, name: "ComponentFileUploadTitleFontSize", attributes: { category: "component", type: "file-upload", item: "title", subitem: "font-size", }, path: ["component", "file-upload", "title", "font-size"], }, "line-height": { value: "1.25rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.title-lg.line.value}" }, name: "ComponentFileUploadTitleLineHeight", attributes: { category: "component", type: "file-upload", item: "title", subitem: "line-height", }, path: ["component", "file-upload", "title", "line-height"], }, "mini-font-size": { value: "1rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.title-sm.font.value}" }, name: "ComponentFileUploadTitleMiniFontSize", attributes: { category: "component", type: "file-upload", item: "title", subitem: "mini-font-size", }, path: ["component", "file-upload", "title", "mini-font-size"], }, }, requirements: { "font-size": { value: "0.75rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "ComponentFileUploadRequirementsFontSize", attributes: { category: "component", type: "file-upload", item: "requirements", subitem: "font-size", }, path: ["component", "file-upload", "requirements", "font-size"], }, "line-height": { value: "1.125rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.title-md.line.value}" }, name: "ComponentFileUploadRequirementsLineHeight", attributes: { category: "component", type: "file-upload", item: "requirements", subitem: "line-height", }, path: ["component", "file-upload", "requirements", "line-height"], }, "margin-top": { value: "0.25rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentFileUploadRequirementsMarginTop", attributes: { category: "component", type: "file-upload", item: "requirements", subitem: "margin-top", }, path: ["component", "file-upload", "requirements", "margin-top"], }, "margin-left": { value: "0.125rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentFileUploadRequirementsMarginLeft", attributes: { category: "component", type: "file-upload", item: "requirements", subitem: "margin-left", }, path: ["component", "file-upload", "requirements", "margin-left"], }, }, }, "filter-tile": { height: { value: "6.625rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.component.filter-tile.height}" }, name: "ComponentFilterTileHeight", attributes: { category: "component", type: "filter-tile", item: "height", }, path: ["component", "filter-tile", "height"], }, maxWidth: { value: "15.625rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.component.filter-tile.maxWidth}" }, name: "ComponentFilterTileMaxWidth", attributes: { category: "component", type: "filter-tile", item: "maxWidth", }, path: ["component", "filter-tile", "maxWidth"], }, minWidth: { value: "6.875rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.component.filter-tile.minWidth}" }, name: "ComponentFilterTileMinWidth", attributes: { category: "component", type: "filter-tile", item: "minWidth", }, path: ["component", "filter-tile", "minWidth"], }, firstLastChildMargin: { value: "0", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.component.filter-tile.marginEndChildren}" }, name: "ComponentFilterTileFirstLastChildMargin", attributes: { category: "component", type: "filter-tile", item: "firstLastChildMargin", }, path: ["component", "filter-tile", "firstLastChildMargin"], }, sideMargins: { value: "0.25rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.system.xs.value}" }, name: "ComponentFilterTileSideMargins", attributes: { category: "component", type: "filter-tile", item: "sideMargins", }, path: ["component", "filter-tile", "sideMargins"], }, kind: { processing: { value: "#91467fff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentFilterTileKindProcessing", attributes: { category: "component", type: "filter-tile", item: "kind", subitem: "processing", }, path: ["component", "filter-tile", "kind", "processing"], }, general: { value: "#007db8ff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentFilterTileKindGeneral", attributes: { category: "component", type: "filter-tile", item: "kind", subitem: "general", }, path: ["component", "filter-tile", "kind", "general"], }, error: { value: "#de002eff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentFilterTileKindError", attributes: { category: "component", type: "filter-tile", item: "kind", subitem: "error", }, path: ["component", "filter-tile", "kind", "error"], }, success: { value: "#0b8940ff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentFilterTileKindSuccess", attributes: { category: "component", type: "filter-tile", item: "kind", subitem: "success", }, path: ["component", "filter-tile", "kind", "success"], }, warning: { value: "#e7760bff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentFilterTileKindWarning", attributes: { category: "component", type: "filter-tile", item: "kind", subitem: "warning", }, path: ["component", "filter-tile", "kind", "warning"], }, }, active: { kind: { processing: { value: "#f4ecf2ff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.purple.light.value}" }, name: "ComponentFilterTileActiveKindProcessing", attributes: { category: "component", type: "filter-tile", item: "active", subitem: "kind", state: "processing", }, path: [ "component", "filter-tile", "active", "kind", "processing", ], }, general: { value: "#e6f2f8ff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.blue.light.value}" }, name: "ComponentFilterTileActiveKindGeneral", attributes: { category: "component", type: "filter-tile", item: "active", subitem: "kind", state: "general", }, path: ["component", "filter-tile", "active", "kind", "general"], }, error: { value: "#fbe6eaff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.red.light.value}" }, name: "ComponentFilterTileActiveKindError", attributes: { category: "component", type: "filter-tile", item: "active", subitem: "kind", state: "error", }, path: ["component", "filter-tile", "active", "kind", "error"], }, success: { value: "#e7f3ecff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.green.light.value}" }, name: "ComponentFilterTileActiveKindSuccess", attributes: { category: "component", type: "filter-tile", item: "active", subitem: "kind", state: "success", }, path: ["component", "filter-tile", "active", "kind", "success"], }, warning: { value: "#fcf1e7ff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.orange.light.value}" }, name: "ComponentFilterTileActiveKindWarning", attributes: { category: "component", type: "filter-tile", item: "active", subitem: "kind", state: "warning", }, path: ["component", "filter-tile", "active", "kind", "warning"], }, }, }, body: { padding: { value: "1rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.system.md.value}" }, name: "ComponentFilterTileBodyPadding", attributes: { category: "component", type: "filter-tile", item: "body", subitem: "padding", }, path: ["component", "filter-tile", "body", "padding"], }, cursor: { value: "pointer", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "pointer" }, name: "ComponentFilterTileBodyCursor", attributes: { category: "component", type: "filter-tile", item: "body", subitem: "cursor", }, path: ["component", "filter-tile", "body", "cursor"], }, color: { value: "#1f282cff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentFilterTileBodyColor", attributes: { category: "component", type: "filter-tile", item: "body", subitem: "color", }, path: ["component", "filter-tile", "body", "color"], }, borderTopLeftRightRadius: { value: "0.25rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.system.xs.value}" }, name: "ComponentFilterTileBodyBorderTopLeftRightRadius", attributes: { category: "component", type: "filter-tile", item: "body", subitem: "borderTopLeftRightRadius", }, path: [ "component", "filter-tile", "body", "borderTopLeftRightRadius", ], }, borderWidth: { value: "0.0625rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "0.0625rem" }, name: "ComponentFilterTileBodyBorderWidth", attributes: { category: "component", type: "filter-tile", item: "body", subitem: "borderWidth", }, path: ["component", "filter-tile", "body", "borderWidth"], }, borderStyle: { value: "solid", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "solid" }, name: "ComponentFilterTileBodyBorderStyle", attributes: { category: "component", type: "filter-tile", item: "body", subitem: "borderStyle", }, path: ["component", "filter-tile", "body", "borderStyle"], }, borderColor: { value: "#d2d4d4ff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentFilterTileBodyBorderColor", attributes: { category: "component", type: "filter-tile", item: "body", subitem: "borderColor", }, path: ["component", "filter-tile", "body", "borderColor"], }, backgroundColor: { value: "#ffffffff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentFilterTileBodyBackgroundColor", attributes: { category: "component", type: "filter-tile", item: "body", subitem: "backgroundColor", }, path: ["component", "filter-tile", "body", "backgroundColor"], }, }, title: { fontSize: { value: "0.875rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentFilterTileTitleFontSize", attributes: { category: "component", type: "filter-tile", item: "title", subitem: "fontSize", }, path: ["component", "filter-tile", "title", "fontSize"], }, lineHeight: { value: "1.125rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.type.body-sm.line.value}" }, name: "ComponentFilterTileTitleLineHeight", attributes: { category: "component", type: "filter-tile", item: "title", subitem: "lineHeight", }, path: ["component", "filter-tile", "title", "lineHeight"], }, height: { value: "2.25rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.component.filter-tile.title.height.value}", }, name: "ComponentFilterTileTitleHeight", attributes: { category: "component", type: "filter-tile", item: "title", subitem: "height", }, path: ["component", "filter-tile", "title", "height"], }, }, tileValue: { fontSize: { value: "1.875rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.component.filter-tile.tileValue.heightFontSizeLineHeight.value}", }, name: "ComponentFilterTileTileValueFontSize", attributes: { category: "component", type: "filter-tile", item: "tileValue", subitem: "fontSize", }, path: ["component", "filter-tile", "tileValue", "fontSize"], }, lineHeight: { value: "1.875rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.component.filter-tile.tileValue.heightFontSizeLineHeight.value}", }, name: "ComponentFilterTileTileValueLineHeight", attributes: { category: "component", type: "filter-tile", item: "tileValue", subitem: "lineHeight", }, path: ["component", "filter-tile", "tileValue", "lineHeight"], }, height: { value: "1.875rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.component.filter-tile.tileValue.heightFontSizeLineHeight.value}", }, name: "ComponentFilterTileTileValueHeight", attributes: { category: "component", type: "filter-tile", item: "tileValue", subitem: "height", }, path: ["component", "filter-tile", "tileValue", "height"], }, }, footer: { normalHeight: { value: "0.25rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.system.xs.value}" }, name: "ComponentFilterTileFooterNormalHeight", attributes: { category: "component", type: "filter-tile", item: "footer", subitem: "normalHeight", }, path: ["component", "filter-tile", "footer", "normalHeight"], }, activeHeight: { value: "0.5rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.system.sm.value}" }, name: "ComponentFilterTileFooterActiveHeight", attributes: { category: "component", type: "filter-tile", item: "footer", subitem: "activeHeight", }, path: ["component", "filter-tile", "footer", "activeHeight"], }, }, }, focusedTask: { backgroundColor: { value: "#f3f4f4ff", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentFocusedTaskBackgroundColor", attributes: { category: "component", type: "focusedTask", item: "backgroundColor", }, path: ["component", "focusedTask", "backgroundColor"], }, transition: { value: "top 0.3s ease", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "top 0.3s ease" }, name: "ComponentFocusedTaskTransition", attributes: { category: "component", type: "focusedTask", item: "transition", }, path: ["component", "focusedTask", "transition"], }, paddingBottom: { value: "2rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.system.lg.value}" }, name: "ComponentFocusedTaskPaddingBottom", attributes: { category: "component", type: "focusedTask", item: "paddingBottom", }, path: ["component", "focusedTask", "paddingBottom"], }, underlay: { background: { value: "#f3f4f4ff", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentFocusedTaskUnderlayBackground", attributes: { category: "component", type: "focusedTask", item: "underlay", subitem: "background", }, path: ["component", "focusedTask", "underlay", "background"], }, padding: { value: "1rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentFocusedTaskUnderlayPadding", attributes: { category: "component", type: "focusedTask", item: "underlay", subitem: "padding", }, path: ["component", "focusedTask", "underlay", "padding"], }, }, title: { paddingLeftRight: { value: "1rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentFocusedTaskTitlePaddingLeftRight", attributes: { category: "component", type: "focusedTask", item: "title", subitem: "paddingLeftRight", }, path: ["component", "focusedTask", "title", "paddingLeftRight"], }, marginTop: { value: "1rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentFocusedTaskTitleMarginTop", attributes: { category: "component", type: "focusedTask", item: "title", subitem: "marginTop", }, path: ["component", "focusedTask", "title", "marginTop"], }, marginBottom: { value: "0.5rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentFocusedTaskTitleMarginBottom", attributes: { category: "component", type: "focusedTask", item: "title", subitem: "marginBottom", }, path: ["component", "focusedTask", "title", "marginBottom"], }, maxWidth: { value: "1280px", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{grid.content-width.value}" }, name: "ComponentFocusedTaskTitleMaxWidth", attributes: { category: "component", type: "focusedTask", item: "title", subitem: "maxWidth", }, path: ["component", "focusedTask", "title", "maxWidth"], }, }, body: { margin: { value: "0 auto", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "0 auto" }, name: "ComponentFocusedTaskBodyMargin", attributes: { category: "component", type: "focusedTask", item: "body", subitem: "margin", }, path: ["component", "focusedTask", "body", "margin"], }, maxWidth: { value: "1280px", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{grid.content-width.value}" }, name: "ComponentFocusedTaskBodyMaxWidth", attributes: { category: "component", type: "focusedTask", item: "body", subitem: "maxWidth", }, path: ["component", "focusedTask", "body", "maxWidth"], }, padding: { value: "1rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentFocusedTaskBodyPadding", attributes: { category: "component", type: "focusedTask", item: "body", subitem: "padding", }, path: ["component", "focusedTask", "body", "padding"], }, }, closeButton: { backgroundColor: { value: "#00000000", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{color.transparent.value}" }, name: "ComponentFocusedTaskCloseButtonBackgroundColor", attributes: { category: "component", type: "focusedTask", item: "closeButton", subitem: "backgroundColor", }, path: [ "component", "focusedTask", "closeButton", "backgroundColor", ], }, color: { value: "#4b5356ff", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentFocusedTaskCloseButtonColor", attributes: { category: "component", type: "focusedTask", item: "closeButton", subitem: "color", }, path: ["component", "focusedTask", "closeButton", "color"], }, right: { value: "0.5rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentFocusedTaskCloseButtonRight", attributes: { category: "component", type: "focusedTask", item: "closeButton", subitem: "right", }, path: ["component", "focusedTask", "closeButton", "right"], }, icon: { paddingLeftRight: { value: "0.25rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentFocusedTaskCloseButtonIconPaddingLeftRight", attributes: { category: "component", type: "focusedTask", item: "closeButton", subitem: "icon", state: "paddingLeftRight", }, path: [ "component", "focusedTask", "closeButton", "icon", "paddingLeftRight", ], }, }, }, listActionBarContainer: { backgroundColor: { value: "#ffffffff", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentFocusedTaskListActionBarContainerBackgroundColor", attributes: { category: "component", type: "focusedTask", item: "listActionBarContainer", subitem: "backgroundColor", }, path: [ "component", "focusedTask", "listActionBarContainer", "backgroundColor", ], }, boxShadowOffsetY: { value: "-0.0625rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.component.focused-task.box-shadow-offset-y}", }, name: "ComponentFocusedTaskListActionBarContainerBoxShadowOffsetY", attributes: { category: "component", type: "focusedTask", item: "listActionBarContainer", subitem: "boxShadowOffsetY", }, path: [ "component", "focusedTask", "listActionBarContainer", "boxShadowOffsetY", ], }, boxShadowBlurRadius: { value: "0.125rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentFocusedTaskListActionBarContainerBoxShadowBlurRadius", attributes: { category: "component", type: "focusedTask", item: "listActionBarContainer", subitem: "boxShadowBlurRadius", }, path: [ "component", "focusedTask", "listActionBarContainer", "boxShadowBlurRadius", ], }, boxShadowColor: { value: "#00000026", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "#00000026" }, name: "ComponentFocusedTaskListActionBarContainerBoxShadowColor", attributes: { category: "component", type: "focusedTask", item: "listActionBarContainer", subitem: "boxShadowColor", }, path: [ "component", "focusedTask", "listActionBarContainer", "boxShadowColor", ], }, height: { value: "3.125rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.component.focused-task.height}" }, name: "ComponentFocusedTaskListActionBarContainerHeight", attributes: { category: "component", type: "focusedTask", item: "listActionBarContainer", subitem: "height", }, path: [ "component", "focusedTask", "listActionBarContainer", "height", ], }, padding: { value: "0.5rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentFocusedTaskListActionBarContainerPadding", attributes: { category: "component", type: "focusedTask", item: "listActionBarContainer", subitem: "padding", }, path: [ "component", "focusedTask", "listActionBarContainer", "padding", ], }, }, listActionBar: { maxWidth: { value: "1180px", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "1180px" }, name: "ComponentFocusedTaskListActionBarMaxWidth", attributes: { category: "component", type: "focusedTask", item: "listActionBar", subitem: "maxWidth", }, path: ["component", "focusedTask", "listActionBar", "maxWidth"], }, }, }, growler: { borderWidth: { value: "0.0625rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.border.width.standard}" }, name: "ComponentGrowlerBorderWidth", attributes: { category: "component", type: "growler", item: "borderWidth", }, path: ["component", "growler", "borderWidth"], }, kind: { activity: { background: { value: "#e9e9eaff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentGrowlerKindActivityBackground", attributes: { category: "component", type: "growler", item: "kind", subitem: "activity", state: "background", }, path: ["component", "growler", "kind", "activity", "background"], }, border: { value: "#717779ff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentGrowlerKindActivityBorder", attributes: { category: "component", type: "growler", item: "kind", subitem: "activity", state: "border", }, path: ["component", "growler", "kind", "activity", "border"], }, }, info: { background: { value: "#007db8ff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentGrowlerKindInfoBackground", attributes: { category: "component", type: "growler", item: "kind", subitem: "info", state: "background", }, path: ["component", "growler", "kind", "info", "background"], }, border: { value: "#007db8ff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentGrowlerKindInfoBorder", attributes: { category: "component", type: "growler", item: "kind", subitem: "info", state: "border", }, path: ["component", "growler", "kind", "info", "border"], }, }, progress: { background: { value: "#91467fff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentGrowlerKindProgressBackground", attributes: { category: "component", type: "growler", item: "kind", subitem: "progress", state: "background", }, path: ["component", "growler", "kind", "progress", "background"], }, border: { value: "#91467fff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentGrowlerKindProgressBorder", attributes: { category: "component", type: "growler", item: "kind", subitem: "progress", state: "border", }, path: ["component", "growler", "kind", "progress", "border"], }, }, error: { background: { value: "#de002eff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentGrowlerKindErrorBackground", attributes: { category: "component", type: "growler", item: "kind", subitem: "error", state: "background", }, path: ["component", "growler", "kind", "error", "background"], }, border: { value: "#de002eff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentGrowlerKindErrorBorder", attributes: { category: "component", type: "growler", item: "kind", subitem: "error", state: "border", }, path: ["component", "growler", "kind", "error", "border"], }, }, success: { background: { value: "#0b8940ff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentGrowlerKindSuccessBackground", attributes: { category: "component", type: "growler", item: "kind", subitem: "success", state: "background", }, path: ["component", "growler", "kind", "success", "background"], }, border: { value: "#0b8940ff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentGrowlerKindSuccessBorder", attributes: { category: "component", type: "growler", item: "kind", subitem: "success", state: "border", }, path: ["component", "growler", "kind", "success", "border"], }, }, warning: { background: { value: "#e7760bff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentGrowlerKindWarningBackground", attributes: { category: "component", type: "growler", item: "kind", subitem: "warning", state: "background", }, path: ["component", "growler", "kind", "warning", "background"], }, border: { value: "#e7760bff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentGrowlerKindWarningBorder", attributes: { category: "component", type: "growler", item: "kind", subitem: "warning", state: "border", }, path: ["component", "growler", "kind", "warning", "border"], }, }, }, duration: { visible: { value: 7000, filePath: "src/tokens/component/growler.json", isSource: true, original: { value: 7000 }, name: "ComponentGrowlerDurationVisible", attributes: { category: "component", type: "growler", item: "duration", subitem: "visible", }, path: ["component", "growler", "duration", "visible"], }, fadeout: { value: 2000, filePath: "src/tokens/component/growler.json", isSource: true, original: { value: 2000 }, name: "ComponentGrowlerDurationFadeout", attributes: { category: "component", type: "growler", item: "duration", subitem: "fadeout", }, path: ["component", "growler", "duration", "fadeout"], }, }, base: { borderRadius: { value: "0.25rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentGrowlerBaseBorderRadius", attributes: { category: "component", type: "growler", item: "base", subitem: "borderRadius", }, path: ["component", "growler", "base", "borderRadius"], }, boxShadow: { value: "0 0 0.3125rem rgba(0, 0, 0, 0.25)", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "0 0 0.3125rem rgba(0, 0, 0, 0.25)" }, name: "ComponentGrowlerBaseBoxShadow", attributes: { category: "component", type: "growler", item: "base", subitem: "boxShadow", }, path: ["component", "growler", "base", "boxShadow"], }, display: { value: "flex", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "flex" }, name: "ComponentGrowlerBaseDisplay", attributes: { category: "component", type: "growler", item: "base", subitem: "display", }, path: ["component", "growler", "base", "display"], }, marginBottom: { value: "1rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentGrowlerBaseMarginBottom", attributes: { category: "component", type: "growler", item: "base", subitem: "marginBottom", }, path: ["component", "growler", "base", "marginBottom"], }, overflow: { value: "hidden", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "hidden" }, name: "ComponentGrowlerBaseOverflow", attributes: { category: "component", type: "growler", item: "base", subitem: "overflow", }, path: ["component", "growler", "base", "overflow"], }, width: { value: "25rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.component.growler.width.value}" }, name: "ComponentGrowlerBaseWidth", attributes: { category: "component", type: "growler", item: "base", subitem: "width", }, path: ["component", "growler", "base", "width"], }, zIndex: { value: 10000, filePath: "src/tokens/component/growler.json", isSource: true, original: { value: 10000 }, name: "ComponentGrowlerBaseZIndex", attributes: { category: "component", type: "growler", item: "base", subitem: "zIndex", }, path: ["component", "growler", "base", "zIndex"], }, }, area: { right: { value: "1.875rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.component.growler.icon.box.right.value}", }, name: "ComponentGrowlerAreaRight", attributes: { category: "component", type: "growler", item: "area", subitem: "right", }, path: ["component", "growler", "area", "right"], }, top: { value: "5.625rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.component.growler.icon.box.top.value}" }, name: "ComponentGrowlerAreaTop", attributes: { category: "component", type: "growler", item: "area", subitem: "top", }, path: ["component", "growler", "area", "top"], }, }, icon: { fontColor: { value: "#ffffffff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentGrowlerIconFontColor", attributes: { category: "component", type: "growler", item: "icon", subitem: "fontColor", }, path: ["component", "growler", "icon", "fontColor"], }, fontSize: { value: "1.875rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.component.growler.icon.fontSize.value}" }, name: "ComponentGrowlerIconFontSize", attributes: { category: "component", type: "growler", item: "icon", subitem: "fontSize", }, path: ["component", "growler", "icon", "fontSize"], }, box: { width: { value: "4.375rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.component.growler.icon.box.width.value}", }, name: "ComponentGrowlerIconBoxWidth", attributes: { category: "component", type: "growler", item: "icon", subitem: "box", state: "width", }, path: ["component", "growler", "icon", "box", "width"], }, }, }, messageBox: { backgroundColor: { value: "#ffffffff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentGrowlerMessageBoxBackgroundColor", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "backgroundColor", }, path: ["component", "growler", "messageBox", "backgroundColor"], }, titleWeight: { value: 600, filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentGrowlerMessageBoxTitleWeight", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "titleWeight", }, path: ["component", "growler", "messageBox", "titleWeight"], }, type: { size: { value: "0.75rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.type.component-sm.font.value}" }, name: "ComponentGrowlerMessageBoxTypeSize", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "type", state: "size", }, path: ["component", "growler", "messageBox", "type", "size"], }, line: { value: "1.25rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.type.title-lg.line.value}" }, name: "ComponentGrowlerMessageBoxTypeLine", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "type", state: "line", }, path: ["component", "growler", "messageBox", "type", "line"], }, }, subtitle: { color: { value: "#4b5356ff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentGrowlerMessageBoxSubtitleColor", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "subtitle", state: "color", }, path: ["component", "growler", "messageBox", "subtitle", "color"], }, width: { value: "16.5rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.component.growler.messageBox.subtitle.width.value}", }, name: "ComponentGrowlerMessageBoxSubtitleWidth", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "subtitle", state: "width", }, path: ["component", "growler", "messageBox", "subtitle", "width"], }, }, padding: { top: { value: "1rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentGrowlerMessageBoxPaddingTop", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "padding", state: "top", }, path: ["component", "growler", "messageBox", "padding", "top"], }, right: { value: "2.625rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.component.growler.messageBox.padding.right.value}", }, name: "ComponentGrowlerMessageBoxPaddingRight", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "padding", state: "right", }, path: ["component", "growler", "messageBox", "padding", "right"], }, bottom: { value: "1rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentGrowlerMessageBoxPaddingBottom", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "padding", state: "bottom", }, path: ["component", "growler", "messageBox", "padding", "bottom"], }, left: { value: "1rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentGrowlerMessageBoxPaddingLeft", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "padding", state: "left", }, path: ["component", "growler", "messageBox", "padding", "left"], }, }, }, closeButton: { right: { value: "0.5rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentGrowlerCloseButtonRight", attributes: { category: "component", type: "growler", item: "closeButton", subitem: "right", }, path: ["component", "growler", "closeButton", "right"], }, top: { value: "0.5rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentGrowlerCloseButtonTop", attributes: { category: "component", type: "growler", item: "closeButton", subitem: "top", }, path: ["component", "growler", "closeButton", "top"], }, }, }, icon: { "margin-adjustment": { value: "-0.125rem", filePath: "src/tokens/component/icon.json", isSource: true, original: { value: "{size.component.icon.margin-adjustment}" }, name: "ComponentIconMarginAdjustment", attributes: { category: "component", type: "icon", item: "margin-adjustment", }, path: ["component", "icon", "margin-adjustment"], }, }, "insight-card-wrapper": { margin: { value: "0.5rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentInsightCardWrapperMargin", attributes: { category: "component", type: "insight-card-wrapper", item: "margin", }, path: ["component", "insight-card-wrapper", "margin"], }, }, "insight-card": { kind: { general: { value: "#007db8ff", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentInsightCardKindGeneral", attributes: { category: "component", type: "insight-card", item: "kind", subitem: "general", }, path: ["component", "insight-card", "kind", "general"], }, error: { value: "#de002eff", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentInsightCardKindError", attributes: { category: "component", type: "insight-card", item: "kind", subitem: "error", }, path: ["component", "insight-card", "kind", "error"], }, success: { value: "#0b8940ff", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentInsightCardKindSuccess", attributes: { category: "component", type: "insight-card", item: "kind", subitem: "success", }, path: ["component", "insight-card", "kind", "success"], }, warning: { value: "#e7760bff", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentInsightCardKindWarning", attributes: { category: "component", type: "insight-card", item: "kind", subitem: "warning", }, path: ["component", "insight-card", "kind", "warning"], }, processing: { value: "#91467fff", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentInsightCardKindProcessing", attributes: { category: "component", type: "insight-card", item: "kind", subitem: "processing", }, path: ["component", "insight-card", "kind", "processing"], }, }, background: { value: "#ffffffff", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentInsightCardBackground", attributes: { category: "component", type: "insight-card", item: "background", }, path: ["component", "insight-card", "background"], }, "border-width": { value: "0.0625rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentInsightCardBorderWidth", attributes: { category: "component", type: "insight-card", item: "border-width", }, path: ["component", "insight-card", "border-width"], }, "border-radius": { value: "0.25rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentInsightCardBorderRadius", attributes: { category: "component", type: "insight-card", item: "border-radius", }, path: ["component", "insight-card", "border-radius"], }, "border-style": { value: "solid", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentInsightCardBorderStyle", attributes: { category: "component", type: "insight-card", item: "border-style", }, path: ["component", "insight-card", "border-style"], }, "icon-size": { value: "2rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.icon-size.value}" }, name: "ComponentInsightCardIconSize", attributes: { category: "component", type: "insight-card", item: "icon-size", }, path: ["component", "insight-card", "icon-size"], }, margin: { value: "0.5rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentInsightCardMargin", attributes: { category: "component", type: "insight-card", item: "margin", }, path: ["component", "insight-card", "margin"], }, "padding-vertical": { value: "0.9375rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.vertical-padding.value}", }, name: "ComponentInsightCardPaddingVertical", attributes: { category: "component", type: "insight-card", item: "padding-vertical", }, path: ["component", "insight-card", "padding-vertical"], }, "padding-horizontal": { value: "1.25rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.horizontal-padding.value}", }, name: "ComponentInsightCardPaddingHorizontal", attributes: { category: "component", type: "insight-card", item: "padding-horizontal", }, path: ["component", "insight-card", "padding-horizontal"], }, "metric-size": { value: "3rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.metric-size.value}", }, name: "ComponentInsightCardMetricSize", attributes: { category: "component", type: "insight-card", item: "metric-size", }, path: ["component", "insight-card", "metric-size"], }, "font-weight": { value: 600, filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentInsightCardFontWeight", attributes: { category: "component", type: "insight-card", item: "font-weight", }, path: ["component", "insight-card", "font-weight"], }, title: { color: { value: "#1f282cff", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentInsightCardTitleColor", attributes: { category: "component", type: "insight-card", item: "title", subitem: "color", }, path: ["component", "insight-card", "title", "color"], }, "font-size": { value: "1rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.type.title-sm.font.value}" }, name: "ComponentInsightCardTitleFontSize", attributes: { category: "component", type: "insight-card", item: "title", subitem: "font-size", }, path: ["component", "insight-card", "title", "font-size"], }, "line-height": { value: "1rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.type.title-sm.line.value}" }, name: "ComponentInsightCardTitleLineHeight", attributes: { category: "component", type: "insight-card", item: "title", subitem: "line-height", }, path: ["component", "insight-card", "title", "line-height"], }, "padding-bottom": { value: "0.125rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.spacing.xxs.value}" }, name: "ComponentInsightCardTitlePaddingBottom", attributes: { category: "component", type: "insight-card", item: "title", subitem: "padding-bottom", }, path: ["component", "insight-card", "title", "padding-bottom"], }, "min-height": { value: "2.125rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.min-title-height.value}", }, name: "ComponentInsightCardTitleMinHeight", attributes: { category: "component", type: "insight-card", item: "title", subitem: "min-height", }, path: ["component", "insight-card", "title", "min-height"], }, }, "description-margin": { value: "0.5rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentInsightCardDescriptionMargin", attributes: { category: "component", type: "insight-card", item: "description-margin", }, path: ["component", "insight-card", "description-margin"], }, detail: { color: { value: "#4b5356ff", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentInsightCardDetailColor", attributes: { category: "component", type: "insight-card", item: "detail", subitem: "color", }, path: ["component", "insight-card", "detail", "color"], }, height: {}, "font-size": { value: "0.75rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.type.title-xxs.font.value}" }, name: "ComponentInsightCardDetailFontSize", attributes: { category: "component", type: "insight-card", item: "detail", subitem: "font-size", }, path: ["component", "insight-card", "detail", "font-size"], }, "line-height": { value: "0.75rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.type.title-xxs.line.value}" }, name: "ComponentInsightCardDetailLineHeight", attributes: { category: "component", type: "insight-card", item: "detail", subitem: "line-height", }, path: ["component", "insight-card", "detail", "line-height"], }, "margin-top": { value: "0.25rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentInsightCardDetailMarginTop", attributes: { category: "component", type: "insight-card", item: "detail", subitem: "margin-top", }, path: ["component", "insight-card", "detail", "margin-top"], }, }, "partner-count": { color: { value: "#ffffffff", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentInsightCardPartnerCountColor", attributes: { category: "component", type: "insight-card", item: "partner-count", subitem: "color", }, path: ["component", "insight-card", "partner-count", "color"], }, "font-size": { value: "0.75rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "ComponentInsightCardPartnerCountFontSize", attributes: { category: "component", type: "insight-card", item: "partner-count", subitem: "font-size", }, path: ["component", "insight-card", "partner-count", "font-size"], }, "line-height": { value: "1.125rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.type.body-sm.line.value}" }, name: "ComponentInsightCardPartnerCountLineHeight", attributes: { category: "component", type: "insight-card", item: "partner-count", subitem: "line-height", }, path: ["component", "insight-card", "partner-count", "line-height"], }, "padding-right": { value: "0.125rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.spacing.xxs.value}" }, name: "ComponentInsightCardPartnerCountPaddingRight", attributes: { category: "component", type: "insight-card", item: "partner-count", subitem: "padding-right", }, path: [ "component", "insight-card", "partner-count", "padding-right", ], }, "margin-vertical": { value: "0.9375rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.partner-count-margin-vertical}", }, name: "ComponentInsightCardPartnerCountMarginVertical", attributes: { category: "component", type: "insight-card", item: "partner-count", subitem: "margin-vertical", }, path: [ "component", "insight-card", "partner-count", "margin-vertical", ], }, "margin-horizontal": { value: "1.25rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.partner-count-margin-horizontal}", }, name: "ComponentInsightCardPartnerCountMarginHorizontal", attributes: { category: "component", type: "insight-card", item: "partner-count", subitem: "margin-horizontal", }, path: [ "component", "insight-card", "partner-count", "margin-horizontal", ], }, "padding-vertical": { value: "0.625rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.partner-count-padding-vertical}", }, name: "ComponentInsightCardPartnerCountPaddingVertical", attributes: { category: "component", type: "insight-card", item: "partner-count", subitem: "padding-vertical", }, path: [ "component", "insight-card", "partner-count", "padding-vertical", ], }, "padding-horizontal": { value: "1.25rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.partner-count-padding-horizontal}", }, name: "ComponentInsightCardPartnerCountPaddingHorizontal", attributes: { category: "component", type: "insight-card", item: "partner-count", subitem: "padding-horizontal", }, path: [ "component", "insight-card", "partner-count", "padding-horizontal", ], }, }, horizontal: { "metric-margin": { value: "0.5rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentInsightCardHorizontalMetricMargin", attributes: { category: "component", type: "insight-card", item: "horizontal", subitem: "metric-margin", }, path: ["component", "insight-card", "horizontal", "metric-margin"], }, "title-min-height": { value: "1rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentInsightCardHorizontalTitleMinHeight", attributes: { category: "component", type: "insight-card", item: "horizontal", subitem: "title-min-height", }, path: [ "component", "insight-card", "horizontal", "title-min-height", ], }, "partner-count": { "line-height": { value: "0.875rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.type.component-sm.line.value}" }, name: "ComponentInsightCardHorizontalPartnerCountLineHeight", attributes: { category: "component", type: "insight-card", item: "horizontal", subitem: "partner-count", state: "line-height", }, path: [ "component", "insight-card", "horizontal", "partner-count", "line-height", ], }, width: { value: "3.75rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.partner-count-width.value}", }, name: "ComponentInsightCardHorizontalPartnerCountWidth", attributes: { category: "component", type: "insight-card", item: "horizontal", subitem: "partner-count", state: "width", }, path: [ "component", "insight-card", "horizontal", "partner-count", "width", ], }, "padding-vertical": { value: "1.25rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.horizontal-partner-count-padding-vertical}", }, name: "ComponentInsightCardHorizontalPartnerCountPaddingVertical", attributes: { category: "component", type: "insight-card", item: "horizontal", subitem: "partner-count", state: "padding-vertical", }, path: [ "component", "insight-card", "horizontal", "partner-count", "padding-vertical", ], }, "padding-horizontal": { value: "0.625rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.horizontal-partner-count-padding-horizontal}", }, name: "ComponentInsightCardHorizontalPartnerCountPaddingHorizontal", attributes: { category: "component", type: "insight-card", item: "horizontal", subitem: "partner-count", state: "padding-horizontal", }, path: [ "component", "insight-card", "horizontal", "partner-count", "padding-horizontal", ], }, }, }, }, "key-value-set": { "font-size": { value: "0.75rem", filePath: "src/tokens/component/key-value-set.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "ComponentKeyValueSetFontSize", attributes: { category: "component", type: "key-value-set", item: "font-size", }, path: ["component", "key-value-set", "font-size"], }, "line-height": { value: "1.125rem", filePath: "src/tokens/component/key-value-set.json", isSource: true, original: { value: "{size.type.body-sm.line.value}" }, name: "ComponentKeyValueSetLineHeight", attributes: { category: "component", type: "key-value-set", item: "line-height", }, path: ["component", "key-value-set", "line-height"], }, spacing: { value: "0.5rem", filePath: "src/tokens/component/key-value-set.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentKeyValueSetSpacing", attributes: { category: "component", type: "key-value-set", item: "spacing", }, path: ["component", "key-value-set", "spacing"], }, key: { "font-weight": { value: 600, filePath: "src/tokens/component/key-value-set.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentKeyValueSetKeyFontWeight", attributes: { category: "component", type: "key-value-set", item: "key", subitem: "font-weight", }, path: ["component", "key-value-set", "key", "font-weight"], }, }, }, "list-bar": { background: { value: "#ffffffff", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentListBarBackground", attributes: { category: "component", type: "list-bar", item: "background", }, path: ["component", "list-bar", "background"], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentListBarBorderColor", attributes: { category: "component", type: "list-bar", item: "border-color", }, path: ["component", "list-bar", "border-color"], }, "border-style": { value: "solid", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentListBarBorderStyle", attributes: { category: "component", type: "list-bar", item: "border-style", }, path: ["component", "list-bar", "border-style"], }, "border-width": { value: "0.0625rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentListBarBorderWidth", attributes: { category: "component", type: "list-bar", item: "border-width", }, path: ["component", "list-bar", "border-width"], }, "border-radius": { value: "0.25rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentListBarBorderRadius", attributes: { category: "component", type: "list-bar", item: "border-radius", }, path: ["component", "list-bar", "border-radius"], }, margin: { value: "0.5rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentListBarMargin", attributes: { category: "component", type: "list-bar", item: "margin", }, path: ["component", "list-bar", "margin"], }, pinned: { width: { value: "1280px", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.component.list-bar.pinned-width.value}" }, name: "ComponentListBarPinnedWidth", attributes: { category: "component", type: "list-bar", item: "pinned", subitem: "width", }, path: ["component", "list-bar", "pinned", "width"], }, padding: { value: "1.25rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.component.list-bar.pinned-padding.value}", }, name: "ComponentListBarPinnedPadding", attributes: { category: "component", type: "list-bar", item: "pinned", subitem: "padding", }, path: ["component", "list-bar", "pinned", "padding"], }, top: { value: "3.75rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.component.list-bar.top.value}" }, name: "ComponentListBarPinnedTop", attributes: { category: "component", type: "list-bar", item: "pinned", subitem: "top", }, path: ["component", "list-bar", "pinned", "top"], }, height: { value: "0.625rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.component.list-bar.height.value}" }, name: "ComponentListBarPinnedHeight", attributes: { category: "component", type: "list-bar", item: "pinned", subitem: "height", }, path: ["component", "list-bar", "pinned", "height"], }, }, content: { padding: { value: "0.5rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentListBarContentPadding", attributes: { category: "component", type: "list-bar", item: "content", subitem: "padding", }, path: ["component", "list-bar", "content", "padding"], }, margin: { value: "0.5rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentListBarContentMargin", attributes: { category: "component", type: "list-bar", item: "content", subitem: "margin", }, path: ["component", "list-bar", "content", "margin"], }, height: { value: "2rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.component.list-bar.content-header-height.value}", }, name: "ComponentListBarContentHeight", attributes: { category: "component", type: "list-bar", item: "content", subitem: "height", }, path: ["component", "list-bar", "content", "height"], }, }, controls: { padding: { value: "1rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentListBarControlsPadding", attributes: { category: "component", type: "list-bar", item: "controls", subitem: "padding", }, path: ["component", "list-bar", "controls", "padding"], }, margin: { value: "0.5rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentListBarControlsMargin", attributes: { category: "component", type: "list-bar", item: "controls", subitem: "margin", }, path: ["component", "list-bar", "controls", "margin"], }, height: { value: "2rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.lg.value}" }, name: "ComponentListBarControlsHeight", attributes: { category: "component", type: "list-bar", item: "controls", subitem: "height", }, path: ["component", "list-bar", "controls", "height"], }, }, "advanced-search": { padding: { value: "0.25rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentListBarAdvancedSearchPadding", attributes: { category: "component", type: "list-bar", item: "advanced-search", subitem: "padding", }, path: ["component", "list-bar", "advanced-search", "padding"], }, margin: { value: "0.25rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentListBarAdvancedSearchMargin", attributes: { category: "component", type: "list-bar", item: "advanced-search", subitem: "margin", }, path: ["component", "list-bar", "advanced-search", "margin"], }, "font-size": { value: "0.75rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "ComponentListBarAdvancedSearchFontSize", attributes: { category: "component", type: "list-bar", item: "advanced-search", subitem: "font-size", }, path: ["component", "list-bar", "advanced-search", "font-size"], }, "font-weight": { value: 600, filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentListBarAdvancedSearchFontWeight", attributes: { category: "component", type: "list-bar", item: "advanced-search", subitem: "font-weight", }, path: ["component", "list-bar", "advanced-search", "font-weight"], }, "line-height": { value: "1.5rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.type.title-xl.line.value}" }, name: "ComponentListBarAdvancedSearchLineHeight", attributes: { category: "component", type: "list-bar", item: "advanced-search", subitem: "line-height", }, path: ["component", "list-bar", "advanced-search", "line-height"], }, "title-padding": { value: "0.5rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentListBarAdvancedSearchTitlePadding", attributes: { category: "component", type: "list-bar", item: "advanced-search", subitem: "title-padding", }, path: ["component", "list-bar", "advanced-search", "title-padding"], }, "icon-font-size": { value: "0.875rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentListBarAdvancedSearchIconFontSize", attributes: { category: "component", type: "list-bar", item: "advanced-search", subitem: "icon-font-size", }, path: [ "component", "list-bar", "advanced-search", "icon-font-size", ], }, }, "search-form": { margin: { value: "0.25rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentListBarSearchFormMargin", attributes: { category: "component", type: "list-bar", item: "search-form", subitem: "margin", }, path: ["component", "list-bar", "search-form", "margin"], }, "max-width": { value: "25rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.component.list-bar.search-form-max-width.value}", }, name: "ComponentListBarSearchFormMaxWidth", attributes: { category: "component", type: "list-bar", item: "search-form", subitem: "max-width", }, path: ["component", "list-bar", "search-form", "max-width"], }, }, "search-button": { "background-color": { value: "#e9e9eaff", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{color.grey.light}" }, name: "ComponentListBarSearchButtonBackgroundColor", attributes: { category: "component", type: "list-bar", item: "search-button", subitem: "background-color", }, path: [ "component", "list-bar", "search-button", "background-color", ], }, "border-color": { value: "#717779ff", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{color.grey.medium}" }, name: "ComponentListBarSearchButtonBorderColor", attributes: { category: "component", type: "list-bar", item: "search-button", subitem: "border-color", }, path: ["component", "list-bar", "search-button", "border-color"], }, "hover-background-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{color.grey.medium-light}" }, name: "ComponentListBarSearchButtonHoverBackgroundColor", attributes: { category: "component", type: "list-bar", item: "search-button", subitem: "hover-background-color", }, path: [ "component", "list-bar", "search-button", "hover-background-color", ], }, height: { value: "1.875rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.component.list-bar.search-button-height.value}", }, name: "ComponentListBarSearchButtonHeight", attributes: { category: "component", type: "list-bar", item: "search-button", subitem: "height", }, path: ["component", "list-bar", "search-button", "height"], }, }, "sort-by": { color: { value: "#4b5356ff", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{color.grey.medium-dark}" }, name: "ComponentListBarSortByColor", attributes: { category: "component", type: "list-bar", item: "sort-by", subitem: "color", }, path: ["component", "list-bar", "sort-by", "color"], }, padding: { value: "0.25rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentListBarSortByPadding", attributes: { category: "component", type: "list-bar", item: "sort-by", subitem: "padding", }, path: ["component", "list-bar", "sort-by", "padding"], }, }, "search-field": { "select-height": { value: "2rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.lg.value}" }, name: "ComponentListBarSearchFieldSelectHeight", attributes: { category: "component", type: "list-bar", item: "search-field", subitem: "select-height", }, path: ["component", "list-bar", "search-field", "select-height"], }, "select-line-height": { value: "2rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.component.list-bar.search-field-select-line-height.value}", }, name: "ComponentListBarSearchFieldSelectLineHeight", attributes: { category: "component", type: "list-bar", item: "search-field", subitem: "select-line-height", }, path: [ "component", "list-bar", "search-field", "select-line-height", ], }, }, }, matrix: { border: { radius: { value: "0.125rem", filePath: "src/tokens/component/matrix.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentMatrixBorderRadius", attributes: { category: "component", type: "matrix", item: "border", subitem: "radius", }, path: ["component", "matrix", "border", "radius"], }, style: { value: "solid", filePath: "src/tokens/component/matrix.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentMatrixBorderStyle", attributes: { category: "component", type: "matrix", item: "border", subitem: "style", }, path: ["component", "matrix", "border", "style"], }, width: { value: "0.0625rem", filePath: "src/tokens/component/matrix.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentMatrixBorderWidth", attributes: { category: "component", type: "matrix", item: "border", subitem: "width", }, path: ["component", "matrix", "border", "width"], }, }, color: { background: { value: "#f3f4f4ff", filePath: "src/tokens/component/matrix.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentMatrixColorBackground", attributes: { category: "component", type: "matrix", item: "color", subitem: "background", }, path: ["component", "matrix", "color", "background"], }, border: { value: "#d2d4d4ff", filePath: "src/tokens/component/matrix.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentMatrixColorBorder", attributes: { category: "component", type: "matrix", item: "color", subitem: "border", }, path: ["component", "matrix", "color", "border"], }, }, font: { size: { value: "0.875rem", filePath: "src/tokens/component/matrix.json", isSource: true, original: { value: "{size.type.title-xs.font.value}" }, name: "ComponentMatrixFontSize", attributes: { category: "component", type: "matrix", item: "font", subitem: "size", }, path: ["component", "matrix", "font", "size"], }, }, "line-height": { value: "1.25rem", filePath: "src/tokens/component/matrix.json", isSource: true, original: { value: "{size.type.title-lg.line.value}" }, name: "ComponentMatrixLineHeight", attributes: { category: "component", type: "matrix", item: "line-height", }, path: ["component", "matrix", "line-height"], }, padding: { value: "0.5rem", filePath: "src/tokens/component/matrix.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentMatrixPadding", attributes: { category: "component", type: "matrix", item: "padding", }, path: ["component", "matrix", "padding"], }, }, modal: { "background-color": { value: "#ffffffff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentModalBackgroundColor", attributes: { category: "component", type: "modal", item: "background-color", }, path: ["component", "modal", "background-color"], }, "border-style": { value: "solid", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentModalBorderStyle", attributes: { category: "component", type: "modal", item: "border-style", }, path: ["component", "modal", "border-style"], }, "border-radius": { value: "0.25rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentModalBorderRadius", attributes: { category: "component", type: "modal", item: "border-radius", }, path: ["component", "modal", "border-radius"], }, "border-width": { value: "0.0625rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.border.width.standard}" }, name: "ComponentModalBorderWidth", attributes: { category: "component", type: "modal", item: "border-width", }, path: ["component", "modal", "border-width"], }, underlay: { background: { value: "#f3f4f4cc", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.grey.extra-light-80.value}" }, name: "ComponentModalUnderlayBackground", attributes: { category: "component", type: "modal", item: "underlay", subitem: "background", }, path: ["component", "modal", "underlay", "background"], }, padding: { value: "4rem 1rem 1rem 1rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.spacing.xl.value} {size.spacing.md.value} {size.spacing.md.value} {size.spacing.md.value}", }, name: "ComponentModalUnderlayPadding", attributes: { category: "component", type: "modal", item: "underlay", subitem: "padding", }, path: ["component", "modal", "underlay", "padding"], }, }, title: { color: { value: "#ffffffff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentModalTitleColor", attributes: { category: "component", type: "modal", item: "title", subitem: "color", }, path: ["component", "modal", "title", "color"], }, padding: { value: "1rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentModalTitlePadding", attributes: { category: "component", type: "modal", item: "title", subitem: "padding", }, path: ["component", "modal", "title", "padding"], }, content: { "font-size": { value: "0.875rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentModalTitleContentFontSize", attributes: { category: "component", type: "modal", item: "title", subitem: "content", state: "font-size", }, path: ["component", "modal", "title", "content", "font-size"], }, "line-height": { value: "1.25rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentModalTitleContentLineHeight", attributes: { category: "component", type: "modal", item: "title", subitem: "content", state: "line-height", }, path: ["component", "modal", "title", "content", "line-height"], }, "font-weight": { value: 600, filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentModalTitleContentFontWeight", attributes: { category: "component", type: "modal", item: "title", subitem: "content", state: "font-weight", }, path: ["component", "modal", "title", "content", "font-weight"], }, "padding-left": { value: "0.5rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentModalTitleContentPaddingLeft", attributes: { category: "component", type: "modal", item: "title", subitem: "content", state: "padding-left", }, path: ["component", "modal", "title", "content", "padding-left"], }, }, }, body: { padding: { value: "1rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentModalBodyPadding", attributes: { category: "component", type: "modal", item: "body", subitem: "padding", }, path: ["component", "modal", "body", "padding"], }, }, footer: { "background-color": { value: "#f3f4f4ff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentModalFooterBackgroundColor", attributes: { category: "component", type: "modal", item: "footer", subitem: "background-color", }, path: ["component", "modal", "footer", "background-color"], }, padding: { value: "0.5rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentModalFooterPadding", attributes: { category: "component", type: "modal", item: "footer", subitem: "padding", }, path: ["component", "modal", "footer", "padding"], }, }, closeButton: { "background-color": { value: "#00000000", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.transparent.value}" }, name: "ComponentModalCloseButtonBackgroundColor", attributes: { category: "component", type: "modal", item: "closeButton", subitem: "background-color", }, path: ["component", "modal", "closeButton", "background-color"], }, color: { value: "#ffffffff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentModalCloseButtonColor", attributes: { category: "component", type: "modal", item: "closeButton", subitem: "color", }, path: ["component", "modal", "closeButton", "color"], }, icon: { paddingLeftRight: { value: "0.25rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentModalCloseButtonIconPaddingLeftRight", attributes: { category: "component", type: "modal", item: "closeButton", subitem: "icon", state: "paddingLeftRight", }, path: [ "component", "modal", "closeButton", "icon", "paddingLeftRight", ], }, }, }, iconBox: { fontSize: { value: "0.875rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentModalIconBoxFontSize", attributes: { category: "component", type: "modal", item: "iconBox", subitem: "fontSize", }, path: ["component", "modal", "iconBox", "fontSize"], }, lineHeight: { value: "0.875rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentModalIconBoxLineHeight", attributes: { category: "component", type: "modal", item: "iconBox", subitem: "lineHeight", }, path: ["component", "modal", "iconBox", "lineHeight"], }, margin: { right: { value: "0.5rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentModalIconBoxMarginRight", attributes: { category: "component", type: "modal", item: "iconBox", subitem: "margin", state: "right", }, path: ["component", "modal", "iconBox", "margin", "right"], }, }, }, kind: { form: { color: { value: "#4b5356ff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentModalKindFormColor", attributes: { category: "component", type: "modal", item: "kind", subitem: "form", state: "color", }, path: ["component", "modal", "kind", "form", "color"], }, }, delete: { color: { value: "#de002eff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentModalKindDeleteColor", attributes: { category: "component", type: "modal", item: "kind", subitem: "delete", state: "color", }, path: ["component", "modal", "kind", "delete", "color"], }, }, failure: { color: { value: "#de002eff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentModalKindFailureColor", attributes: { category: "component", type: "modal", item: "kind", subitem: "failure", state: "color", }, path: ["component", "modal", "kind", "failure", "color"], }, }, informational: { color: { value: "#007db8ff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentModalKindInformationalColor", attributes: { category: "component", type: "modal", item: "kind", subitem: "informational", state: "color", }, path: ["component", "modal", "kind", "informational", "color"], }, }, success: { color: { value: "#0b8940ff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentModalKindSuccessColor", attributes: { category: "component", type: "modal", item: "kind", subitem: "success", state: "color", }, path: ["component", "modal", "kind", "success", "color"], }, }, warning: { color: { value: "#e7760bff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentModalKindWarningColor", attributes: { category: "component", type: "modal", item: "kind", subitem: "warning", state: "color", }, path: ["component", "modal", "kind", "warning", "color"], }, }, successWithFailures: { color: { value: "#e7760bff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentModalKindSuccessWithFailuresColor", attributes: { category: "component", type: "modal", item: "kind", subitem: "successWithFailures", state: "color", }, path: [ "component", "modal", "kind", "successWithFailures", "color", ], }, }, }, size: { sm: { width: { value: "23.75rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.component.modal.sizes.sm.value}" }, name: "ComponentModalSizeSmWidth", attributes: { category: "component", type: "modal", item: "size", subitem: "sm", state: "width", }, path: ["component", "modal", "size", "sm", "width"], }, }, md: { width: { value: "36.25rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.component.modal.sizes.md.value}" }, name: "ComponentModalSizeMdWidth", attributes: { category: "component", type: "modal", item: "size", subitem: "md", state: "width", }, path: ["component", "modal", "size", "md", "width"], }, }, lg: { width: { value: "48.75rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.component.modal.sizes.lg.value}" }, name: "ComponentModalSizeLgWidth", attributes: { category: "component", type: "modal", item: "size", subitem: "lg", state: "width", }, path: ["component", "modal", "size", "lg", "width"], }, }, xl: { width: { value: "73.75rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.component.modal.sizes.xl.value}" }, name: "ComponentModalSizeXlWidth", attributes: { category: "component", type: "modal", item: "size", subitem: "xl", state: "width", }, path: ["component", "modal", "size", "xl", "width"], }, }, }, }, "page-subtitle": { text: { color: { value: "#4b5356ff", filePath: "src/tokens/component/page-subtitle.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentPageSubtitleTextColor", attributes: { category: "component", type: "page-subtitle", item: "text", subitem: "color", }, path: ["component", "page-subtitle", "text", "color"], }, "font-size": { value: "1.125rem", filePath: "src/tokens/component/page-subtitle.json", isSource: true, original: { value: "{size.type.title-md.font.value}" }, name: "ComponentPageSubtitleTextFontSize", attributes: { category: "component", type: "page-subtitle", item: "text", subitem: "font-size", }, path: ["component", "page-subtitle", "text", "font-size"], }, "line-height": { value: "1.125rem", filePath: "src/tokens/component/page-subtitle.json", isSource: true, original: { value: "{size.type.title-md.line.value}" }, name: "ComponentPageSubtitleTextLineHeight", attributes: { category: "component", type: "page-subtitle", item: "text", subitem: "line-height", }, path: ["component", "page-subtitle", "text", "line-height"], }, "margin-top": { value: "0.25rem", filePath: "src/tokens/component/page-subtitle.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentPageSubtitleTextMarginTop", attributes: { category: "component", type: "page-subtitle", item: "text", subitem: "margin-top", }, path: ["component", "page-subtitle", "text", "margin-top"], }, }, icon: { "font-size": { value: "0.75rem", filePath: "src/tokens/component/page-subtitle.json", isSource: true, original: { value: "{size.type.component-sm.font.value}" }, name: "ComponentPageSubtitleIconFontSize", attributes: { category: "component", type: "page-subtitle", item: "icon", subitem: "font-size", }, path: ["component", "page-subtitle", "icon", "font-size"], }, "line-height": { value: "1.125rem", filePath: "src/tokens/component/page-subtitle.json", isSource: true, original: { value: "{size.type.title-md.line.value}" }, name: "ComponentPageSubtitleIconLineHeight", attributes: { category: "component", type: "page-subtitle", item: "icon", subitem: "line-height", }, path: ["component", "page-subtitle", "icon", "line-height"], }, "margin-left": { value: "0.25rem", filePath: "src/tokens/component/page-subtitle.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentPageSubtitleIconMarginLeft", attributes: { category: "component", type: "page-subtitle", item: "icon", subitem: "margin-left", }, path: ["component", "page-subtitle", "icon", "margin-left"], }, "margin-right": { value: "0.25rem", filePath: "src/tokens/component/page-subtitle.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentPageSubtitleIconMarginRight", attributes: { category: "component", type: "page-subtitle", item: "icon", subitem: "margin-right", }, path: ["component", "page-subtitle", "icon", "margin-right"], }, "margin-top": { value: "0.25rem", filePath: "src/tokens/component/page-subtitle.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentPageSubtitleIconMarginTop", attributes: { category: "component", type: "page-subtitle", item: "icon", subitem: "margin-top", }, path: ["component", "page-subtitle", "icon", "margin-top"], }, }, }, "page-title": { text: { color: { value: "#1f282cff", filePath: "src/tokens/component/page-title.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentPageTitleTextColor", attributes: { category: "component", type: "page-title", item: "text", subitem: "color", }, path: ["component", "page-title", "text", "color"], }, "font-size": { value: "1.5rem", filePath: "src/tokens/component/page-title.json", isSource: true, original: { value: "{size.type.title-xl.font.value}" }, name: "ComponentPageTitleTextFontSize", attributes: { category: "component", type: "page-title", item: "text", subitem: "font-size", }, path: ["component", "page-title", "text", "font-size"], }, "line-height": { value: "1.5rem", filePath: "src/tokens/component/page-title.json", isSource: true, original: { value: "{size.type.title-xl.line.value}" }, name: "ComponentPageTitleTextLineHeight", attributes: { category: "component", type: "page-title", item: "text", subitem: "line-height", }, path: ["component", "page-title", "text", "line-height"], }, }, icon: { "font-size": { value: "1.125rem", filePath: "src/tokens/component/page-title.json", isSource: true, original: { value: "{size.type.title-md.font.value}" }, name: "ComponentPageTitleIconFontSize", attributes: { category: "component", type: "page-title", item: "icon", subitem: "font-size", }, path: ["component", "page-title", "icon", "font-size"], }, "line-height": { value: "1.5rem", filePath: "src/tokens/component/page-title.json", isSource: true, original: { value: "{size.type.title-xl.line.value}" }, name: "ComponentPageTitleIconLineHeight", attributes: { category: "component", type: "page-title", item: "icon", subitem: "line-height", }, path: ["component", "page-title", "icon", "line-height"], }, "margin-right": { value: "0.25rem", filePath: "src/tokens/component/page-title.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentPageTitleIconMarginRight", attributes: { category: "component", type: "page-title", item: "icon", subitem: "margin-right", }, path: ["component", "page-title", "icon", "margin-right"], }, "margin-top": { value: "0.1875rem", filePath: "src/tokens/component/page-title.json", isSource: true, original: { value: "{size.component.page-title.icon-margin-top}" }, name: "ComponentPageTitleIconMarginTop", attributes: { category: "component", type: "page-title", item: "icon", subitem: "margin-top", }, path: ["component", "page-title", "icon", "margin-top"], }, }, }, photo: { "display-mode": { fill: {}, fit: {} }, placeholder: { background: { value: "#f3f4f4ff", filePath: "src/tokens/component/photo.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentPhotoPlaceholderBackground", attributes: { category: "component", type: "photo", item: "placeholder", subitem: "background", }, path: ["component", "photo", "placeholder", "background"], }, "box-shadow-color-border": { value: "#d2d4d4ff", filePath: "src/tokens/component/photo.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentPhotoPlaceholderBoxShadowColorBorder", attributes: { category: "component", type: "photo", item: "placeholder", subitem: "box-shadow-color-border", }, path: [ "component", "photo", "placeholder", "box-shadow-color-border", ], }, "box-shadow-color-interior": { value: "#ffffffff", filePath: "src/tokens/component/photo.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentPhotoPlaceholderBoxShadowColorInterior", attributes: { category: "component", type: "photo", item: "placeholder", subitem: "box-shadow-color-interior", }, path: [ "component", "photo", "placeholder", "box-shadow-color-interior", ], }, "box-shadow-value-border": { value: "0.0625rem", filePath: "src/tokens/component/photo.json", isSource: true, original: { value: "{size.border.width.standard}" }, name: "ComponentPhotoPlaceholderBoxShadowValueBorder", attributes: { category: "component", type: "photo", item: "placeholder", subitem: "box-shadow-value-border", }, path: [ "component", "photo", "placeholder", "box-shadow-value-border", ], }, }, icon: { color: { value: "#717779ff", filePath: "src/tokens/component/photo.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentPhotoIconColor", attributes: { category: "component", type: "photo", item: "icon", subitem: "color", }, path: ["component", "photo", "icon", "color"], }, }, }, "photo-carousel": { "grid-gap": { value: "1rem", filePath: "src/tokens/component/photo.json", isSource: true, original: { value: "{size.grid.gutter.value}" }, name: "ComponentPhotoCarouselGridGap", attributes: { category: "component", type: "photo-carousel", item: "grid-gap", }, path: ["component", "photo-carousel", "grid-gap"], }, "margin-bottom": { value: "0.5rem", filePath: "src/tokens/component/photo.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentPhotoCarouselMarginBottom", attributes: { category: "component", type: "photo-carousel", item: "margin-bottom", }, path: ["component", "photo-carousel", "margin-bottom"], }, border: { value: "0", filePath: "src/tokens/component/photo.json", isSource: true, original: { value: "{size.border.width.none.value}" }, name: "ComponentPhotoCarouselBorder", attributes: { category: "component", type: "photo-carousel", item: "border", }, path: ["component", "photo-carousel", "border"], }, }, "product-bar-vertical": { "background-color": { value: "#ffffffff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentProductBarVerticalBackgroundColor", attributes: { category: "component", type: "product-bar-vertical", item: "background-color", }, path: ["component", "product-bar-vertical", "background-color"], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentProductBarVerticalBorderColor", attributes: { category: "component", type: "product-bar-vertical", item: "border-color", }, path: ["component", "product-bar-vertical", "border-color"], }, "border-style": { value: "solid", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentProductBarVerticalBorderStyle", attributes: { category: "component", type: "product-bar-vertical", item: "border-style", }, path: ["component", "product-bar-vertical", "border-style"], }, "border-width": { value: "0.0625rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentProductBarVerticalBorderWidth", attributes: { category: "component", type: "product-bar-vertical", item: "border-width", }, path: ["component", "product-bar-vertical", "border-width"], }, "border-radius": { value: "0.125rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentProductBarVerticalBorderRadius", attributes: { category: "component", type: "product-bar-vertical", item: "border-radius", }, path: ["component", "product-bar-vertical", "border-radius"], }, logo: { size: { value: "1.5rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.component.product-bar-vertical.logo-size.value}", }, name: "ComponentProductBarVerticalLogoSize", attributes: { category: "component", type: "product-bar-vertical", item: "logo", subitem: "size", }, path: ["component", "product-bar-vertical", "logo", "size"], }, "margin-right": { value: "0.5rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentProductBarVerticalLogoMarginRight", attributes: { category: "component", type: "product-bar-vertical", item: "logo", subitem: "margin-right", }, path: ["component", "product-bar-vertical", "logo", "margin-right"], }, }, name: { color: { value: "#1f282cff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentProductBarVerticalNameColor", attributes: { category: "component", type: "product-bar-vertical", item: "name", subitem: "color", }, path: ["component", "product-bar-vertical", "name", "color"], }, "font-size": { value: "1rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.type.title-sm.font.value}" }, name: "ComponentProductBarVerticalNameFontSize", attributes: { category: "component", type: "product-bar-vertical", item: "name", subitem: "font-size", }, path: ["component", "product-bar-vertical", "name", "font-size"], }, "font-weight": { value: 600, filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentProductBarVerticalNameFontWeight", attributes: { category: "component", type: "product-bar-vertical", item: "name", subitem: "font-weight", }, path: ["component", "product-bar-vertical", "name", "font-weight"], }, }, header: { "background-color": { value: "#ffffffff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentProductBarVerticalHeaderBackgroundColor", attributes: { category: "component", type: "product-bar-vertical", item: "header", subitem: "background-color", }, path: [ "component", "product-bar-vertical", "header", "background-color", ], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentProductBarVerticalHeaderBorderColor", attributes: { category: "component", type: "product-bar-vertical", item: "header", subitem: "border-color", }, path: [ "component", "product-bar-vertical", "header", "border-color", ], }, "border-style": { value: "solid", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentProductBarVerticalHeaderBorderStyle", attributes: { category: "component", type: "product-bar-vertical", item: "header", subitem: "border-style", }, path: [ "component", "product-bar-vertical", "header", "border-style", ], }, "border-width": { value: "0.0625rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentProductBarVerticalHeaderBorderWidth", attributes: { category: "component", type: "product-bar-vertical", item: "header", subitem: "border-width", }, path: [ "component", "product-bar-vertical", "header", "border-width", ], }, padding: { value: "0.5rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentProductBarVerticalHeaderPadding", attributes: { category: "component", type: "product-bar-vertical", item: "header", subitem: "padding", }, path: ["component", "product-bar-vertical", "header", "padding"], }, }, section: { "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentProductBarVerticalSectionBorderColor", attributes: { category: "component", type: "product-bar-vertical", item: "section", subitem: "border-color", }, path: [ "component", "product-bar-vertical", "section", "border-color", ], }, "border-style": { value: "solid", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentProductBarVerticalSectionBorderStyle", attributes: { category: "component", type: "product-bar-vertical", item: "section", subitem: "border-style", }, path: [ "component", "product-bar-vertical", "section", "border-style", ], }, "border-width": { value: "0.0625rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentProductBarVerticalSectionBorderWidth", attributes: { category: "component", type: "product-bar-vertical", item: "section", subitem: "border-width", }, path: [ "component", "product-bar-vertical", "section", "border-width", ], }, }, item: { branch: { "font-size": { value: "0.875rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentProductBarVerticalItemBranchFontSize", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "branch", state: "font-size", }, path: [ "component", "product-bar-vertical", "item", "branch", "font-size", ], }, "line-height": { value: "1.25rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentProductBarVerticalItemBranchLineHeight", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "branch", state: "line-height", }, path: [ "component", "product-bar-vertical", "item", "branch", "line-height", ], }, }, leaf: { "selected-background-color": { value: "#007db8ff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentProductBarVerticalItemLeafSelectedBackgroundColor", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "leaf", state: "selected-background-color", }, path: [ "component", "product-bar-vertical", "item", "leaf", "selected-background-color", ], }, "selected-color": { value: "#ffffffff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentProductBarVerticalItemLeafSelectedColor", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "leaf", state: "selected-color", }, path: [ "component", "product-bar-vertical", "item", "leaf", "selected-color", ], }, "expand-icon-size": { value: "0.625rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.component.product-bar-vertical.expand-icon-size.value}", }, name: "ComponentProductBarVerticalItemLeafExpandIconSize", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "leaf", state: "expand-icon-size", }, path: [ "component", "product-bar-vertical", "item", "leaf", "expand-icon-size", ], }, "expand-icon-line-height": { value: "1.25rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentProductBarVerticalItemLeafExpandIconLineHeight", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "leaf", state: "expand-icon-line-height", }, path: [ "component", "product-bar-vertical", "item", "leaf", "expand-icon-line-height", ], }, "expand-icon-margin-right": { value: "0.25rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentProductBarVerticalItemLeafExpandIconMarginRight", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "leaf", state: "expand-icon-margin-right", }, path: [ "component", "product-bar-vertical", "item", "leaf", "expand-icon-margin-right", ], }, "expand-icon-margin-left": { value: "0.875rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.component.product-bar-vertical.expand-icon-margin.value}", }, name: "ComponentProductBarVerticalItemLeafExpandIconMarginLeft", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "leaf", state: "expand-icon-margin-left", }, path: [ "component", "product-bar-vertical", "item", "leaf", "expand-icon-margin-left", ], }, hover: { "background-color": { value: "#f3f4f4ff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentProductBarVerticalItemLeafHoverBackgroundColor", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "leaf", state: "hover", }, path: [ "component", "product-bar-vertical", "item", "leaf", "hover", "background-color", ], }, }, }, link: { color: { value: "#1f282cff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentProductBarVerticalItemLinkColor", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "link", state: "color", }, path: [ "component", "product-bar-vertical", "item", "link", "color", ], }, "font-size": { value: "0.875rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentProductBarVerticalItemLinkFontSize", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "link", state: "font-size", }, path: [ "component", "product-bar-vertical", "item", "link", "font-size", ], }, "line-height": { value: "1.5rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.type.title-xl.line.value}" }, name: "ComponentProductBarVerticalItemLinkLineHeight", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "link", state: "line-height", }, path: [ "component", "product-bar-vertical", "item", "link", "line-height", ], }, "padding-vertical": { value: "0.5rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentProductBarVerticalItemLinkPaddingVertical", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "link", state: "padding-vertical", }, path: [ "component", "product-bar-vertical", "item", "link", "padding-vertical", ], }, "padding-right": { value: "1rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentProductBarVerticalItemLinkPaddingRight", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "link", state: "padding-right", }, path: [ "component", "product-bar-vertical", "item", "link", "padding-right", ], }, "padding-left": { value: "1rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentProductBarVerticalItemLinkPaddingLeft", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "link", state: "padding-left", }, path: [ "component", "product-bar-vertical", "item", "link", "padding-left", ], }, "min-height": { value: "2.5rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.component.product-bar-vertical.link-min-height.value}", }, name: "ComponentProductBarVerticalItemLinkMinHeight", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "link", state: "min-height", }, path: [ "component", "product-bar-vertical", "item", "link", "min-height", ], }, }, nesting: { "padding-first-level": { value: "2.125rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.component.product-bar-vertical.nested-first-level.value}", }, name: "ComponentProductBarVerticalItemNestingPaddingFirstLevel", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "nesting", state: "padding-first-level", }, path: [ "component", "product-bar-vertical", "item", "nesting", "padding-first-level", ], }, "padding-second-level": { value: "3rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.component.product-bar-vertical.nested-second-level.value}", }, name: "ComponentProductBarVerticalItemNestingPaddingSecondLevel", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "nesting", state: "padding-second-level", }, path: [ "component", "product-bar-vertical", "item", "nesting", "padding-second-level", ], }, "padding-third-level": { value: "3.875rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.component.product-bar-vertical.nested-third-level.value}", }, name: "ComponentProductBarVerticalItemNestingPaddingThirdLevel", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "nesting", state: "padding-third-level", }, path: [ "component", "product-bar-vertical", "item", "nesting", "padding-third-level", ], }, "padding-fourth-level": { value: "4.75rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.component.product-bar-vertical.nested-fourth-level.value}", }, name: "ComponentProductBarVerticalItemNestingPaddingFourthLevel", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "nesting", state: "padding-fourth-level", }, path: [ "component", "product-bar-vertical", "item", "nesting", "padding-fourth-level", ], }, }, tag: { active: { "background-color": { value: "#ffffffff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentProductBarVerticalItemTagActiveBackgroundColor", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "tag", state: "active", }, path: [ "component", "product-bar-vertical", "item", "tag", "active", "background-color", ], }, color: { value: "#4b5356ff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentProductBarVerticalItemTagActiveColor", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "tag", state: "active", }, path: [ "component", "product-bar-vertical", "item", "tag", "active", "color", ], }, }, }, }, }, "product-bar": { "background-color": { value: "#ffffffff", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentProductBarBackgroundColor", attributes: { category: "component", type: "product-bar", item: "background-color", }, path: ["component", "product-bar", "background-color"], }, bar: { "min-height": { value: "3.75rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.component.product-bar.min-height.value}", }, name: "ComponentProductBarBarMinHeight", attributes: { category: "component", type: "product-bar", item: "bar", subitem: "min-height", }, path: ["component", "product-bar", "bar", "min-height"], }, padding: { value: "2rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.spacing.lg.value}" }, name: "ComponentProductBarBarPadding", attributes: { category: "component", type: "product-bar", item: "bar", subitem: "padding", }, path: ["component", "product-bar", "bar", "padding"], }, width: { value: "1280px", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.component.product-bar.width.value}" }, name: "ComponentProductBarBarWidth", attributes: { category: "component", type: "product-bar", item: "bar", subitem: "width", }, path: ["component", "product-bar", "bar", "width"], }, }, brand: { "margin-right": { value: "2rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.spacing.lg.value}" }, name: "ComponentProductBarBrandMarginRight", attributes: { category: "component", type: "product-bar", item: "brand", subitem: "margin-right", }, path: ["component", "product-bar", "brand", "margin-right"], }, }, logo: { size: { value: "1.5rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.component.product-bar.logo-size.value}" }, name: "ComponentProductBarLogoSize", attributes: { category: "component", type: "product-bar", item: "logo", subitem: "size", }, path: ["component", "product-bar", "logo", "size"], }, "margin-right": { value: "0.5rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentProductBarLogoMarginRight", attributes: { category: "component", type: "product-bar", item: "logo", subitem: "margin-right", }, path: ["component", "product-bar", "logo", "margin-right"], }, }, name: { color: { value: "#1f282cff", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentProductBarNameColor", attributes: { category: "component", type: "product-bar", item: "name", subitem: "color", }, path: ["component", "product-bar", "name", "color"], }, "font-size": { value: "1rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.type.title-sm.font.value}" }, name: "ComponentProductBarNameFontSize", attributes: { category: "component", type: "product-bar", item: "name", subitem: "font-size", }, path: ["component", "product-bar", "name", "font-size"], }, "font-weight": { value: 600, filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentProductBarNameFontWeight", attributes: { category: "component", type: "product-bar", item: "name", subitem: "font-weight", }, path: ["component", "product-bar", "name", "font-weight"], }, }, nav: { "border-width": { value: "0.125rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.component.product-bar.nav-underline.value}", }, name: "ComponentProductBarNavBorderWidth", attributes: { category: "component", type: "product-bar", item: "nav", subitem: "border-width", }, path: ["component", "product-bar", "nav", "border-width"], }, "border-style": { value: "solid", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentProductBarNavBorderStyle", attributes: { category: "component", type: "product-bar", item: "nav", subitem: "border-style", }, path: ["component", "product-bar", "nav", "border-style"], }, color: { value: "#4b5356ff", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentProductBarNavColor", attributes: { category: "component", type: "product-bar", item: "nav", subitem: "color", }, path: ["component", "product-bar", "nav", "color"], }, "font-size": { value: "0.875rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentProductBarNavFontSize", attributes: { category: "component", type: "product-bar", item: "nav", subitem: "font-size", }, path: ["component", "product-bar", "nav", "font-size"], }, height: { value: "3.625rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.component.product-bar.nav-height.value}", }, name: "ComponentProductBarNavHeight", attributes: { category: "component", type: "product-bar", item: "nav", subitem: "height", }, path: ["component", "product-bar", "nav", "height"], }, "margin-top": { value: "0.125rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentProductBarNavMarginTop", attributes: { category: "component", type: "product-bar", item: "nav", subitem: "margin-top", }, path: ["component", "product-bar", "nav", "margin-top"], }, padding: { value: "1rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentProductBarNavPadding", attributes: { category: "component", type: "product-bar", item: "nav", subitem: "padding", }, path: ["component", "product-bar", "nav", "padding"], }, "active-border-color": { value: "#007db8ff", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentProductBarNavActiveBorderColor", attributes: { category: "component", type: "product-bar", item: "nav", subitem: "active-border-color", }, path: ["component", "product-bar", "nav", "active-border-color"], }, "disabled-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentProductBarNavDisabledColor", attributes: { category: "component", type: "product-bar", item: "nav", subitem: "disabled-color", }, path: ["component", "product-bar", "nav", "disabled-color"], }, }, "vertical-rule": { height: { value: "2.125rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.component.product-bar.vertical-rule-height.value}", }, name: "ComponentProductBarVerticalRuleHeight", attributes: { category: "component", type: "product-bar", item: "vertical-rule", subitem: "height", }, path: ["component", "product-bar", "vertical-rule", "height"], }, "margin-right": { value: "1rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentProductBarVerticalRuleMarginRight", attributes: { category: "component", type: "product-bar", item: "vertical-rule", subitem: "margin-right", }, path: ["component", "product-bar", "vertical-rule", "margin-right"], }, background: { value: "#d2d4d4ff", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentProductBarVerticalRuleBackground", attributes: { category: "component", type: "product-bar", item: "vertical-rule", subitem: "background", }, path: ["component", "product-bar", "vertical-rule", "background"], }, width: { value: "0.0625rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentProductBarVerticalRuleWidth", attributes: { category: "component", type: "product-bar", item: "vertical-rule", subitem: "width", }, path: ["component", "product-bar", "vertical-rule", "width"], }, }, }, "progress-bar": { "progress-color": { purple: { color: { value: "#91467fff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentProgressBarProgressColorPurpleColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "purple", state: "color", }, path: [ "component", "progress-bar", "progress-color", "purple", "color", ], }, "hover-color": { value: "#6e3c65ff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.purple.dark.value}" }, name: "ComponentProgressBarProgressColorPurpleHoverColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "purple", state: "hover-color", }, path: [ "component", "progress-bar", "progress-color", "purple", "hover-color", ], }, }, blue: { color: { value: "#007db8ff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentProgressBarProgressColorBlueColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "blue", state: "color", }, path: [ "component", "progress-bar", "progress-color", "blue", "color", ], }, "hover-color": { value: "#09638dff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentProgressBarProgressColorBlueHoverColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "blue", state: "hover-color", }, path: [ "component", "progress-bar", "progress-color", "blue", "hover-color", ], }, }, red: { color: { value: "#de002eff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentProgressBarProgressColorRedColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "red", state: "color", }, path: [ "component", "progress-bar", "progress-color", "red", "color", ], }, "hover-color": { value: "#a30d2dff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.red.dark.value}" }, name: "ComponentProgressBarProgressColorRedHoverColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "red", state: "hover-color", }, path: [ "component", "progress-bar", "progress-color", "red", "hover-color", ], }, }, orange: { color: { value: "#e7760bff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentProgressBarProgressColorOrangeColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "orange", state: "color", }, path: [ "component", "progress-bar", "progress-color", "orange", "color", ], }, "hover-color": { value: "#aa5e14ff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.orange.dark.value}" }, name: "ComponentProgressBarProgressColorOrangeHoverColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "orange", state: "hover-color", }, path: [ "component", "progress-bar", "progress-color", "orange", "hover-color", ], }, }, grey: { color: { value: "#717779ff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentProgressBarProgressColorGreyColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "grey", state: "color", }, path: [ "component", "progress-bar", "progress-color", "grey", "color", ], }, "hover-color": { value: "#1f282cff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentProgressBarProgressColorGreyHoverColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "grey", state: "hover-color", }, path: [ "component", "progress-bar", "progress-color", "grey", "hover-color", ], }, }, }, "close-button": { "margin-left": { value: "0.5rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentProgressBarCloseButtonMarginLeft", attributes: { category: "component", type: "progress-bar", item: "close-button", subitem: "margin-left", }, path: ["component", "progress-bar", "close-button", "margin-left"], }, "margin-top": { value: "0.375rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.component.progress-bar.close-button-margin.value}", }, name: "ComponentProgressBarCloseButtonMarginTop", attributes: { category: "component", type: "progress-bar", item: "close-button", subitem: "margin-top", }, path: ["component", "progress-bar", "close-button", "margin-top"], }, }, heading: { "font-size": { value: "0.875rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentProgressBarHeadingFontSize", attributes: { category: "component", type: "progress-bar", item: "heading", subitem: "font-size", }, path: ["component", "progress-bar", "heading", "font-size"], }, "line-height": { value: "1.25rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.type.title-lg.line.value}" }, name: "ComponentProgressBarHeadingLineHeight", attributes: { category: "component", type: "progress-bar", item: "heading", subitem: "line-height", }, path: ["component", "progress-bar", "heading", "line-height"], }, "margin-bottom": { value: "0.5rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentProgressBarHeadingMarginBottom", attributes: { category: "component", type: "progress-bar", item: "heading", subitem: "margin-bottom", }, path: ["component", "progress-bar", "heading", "margin-bottom"], }, }, "title-color": { value: "#1f282cff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentProgressBarTitleColor", attributes: { category: "component", type: "progress-bar", item: "title-color", }, path: ["component", "progress-bar", "title-color"], }, percentage: { color: { value: "#91467fff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentProgressBarPercentageColor", attributes: { category: "component", type: "progress-bar", item: "percentage", subitem: "color", }, path: ["component", "progress-bar", "percentage", "color"], }, "font-weight": { value: 600, filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentProgressBarPercentageFontWeight", attributes: { category: "component", type: "progress-bar", item: "percentage", subitem: "font-weight", }, path: ["component", "progress-bar", "percentage", "font-weight"], }, "font-size": { value: "0.875rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.type.body-md.font.value }" }, name: "ComponentProgressBarPercentageFontSize", attributes: { category: "component", type: "progress-bar", item: "percentage", subitem: "font-size", }, path: ["component", "progress-bar", "percentage", "font-size"], }, "line-height": { value: "1.25rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.type.title-lg.line.value}" }, name: "ComponentProgressBarPercentageLineHeight", attributes: { category: "component", type: "progress-bar", item: "percentage", subitem: "line-height", }, path: ["component", "progress-bar", "percentage", "line-height"], }, "completed-color": { value: "#0b8940ff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentProgressBarPercentageCompletedColor", attributes: { category: "component", type: "progress-bar", item: "percentage", subitem: "completed-color", }, path: [ "component", "progress-bar", "percentage", "completed-color", ], }, "disabled-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentProgressBarPercentageDisabledColor", attributes: { category: "component", type: "progress-bar", item: "percentage", subitem: "disabled-color", }, path: ["component", "progress-bar", "percentage", "disabled-color"], }, }, background: { background: { value: "#e9e9eaff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentProgressBarBackgroundBackground", attributes: { category: "component", type: "progress-bar", item: "background", subitem: "background", }, path: ["component", "progress-bar", "background", "background"], }, "border-radius": { value: "0.5rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.component.progress-bar.border-radius.value}", }, name: "ComponentProgressBarBackgroundBorderRadius", attributes: { category: "component", type: "progress-bar", item: "background", subitem: "border-radius", }, path: ["component", "progress-bar", "background", "border-radius"], }, height: { value: "1rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentProgressBarBackgroundHeight", attributes: { category: "component", type: "progress-bar", item: "background", subitem: "height", }, path: ["component", "progress-bar", "background", "height"], }, }, progress: { "background-color": { value: "#91467fff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentProgressBarProgressBackgroundColor", attributes: { category: "component", type: "progress-bar", item: "progress", subitem: "background-color", }, path: ["component", "progress-bar", "progress", "background-color"], }, "border-radius": { value: "0.5rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.component.progress-bar.border-radius.value}", }, name: "ComponentProgressBarProgressBorderRadius", attributes: { category: "component", type: "progress-bar", item: "progress", subitem: "border-radius", }, path: ["component", "progress-bar", "progress", "border-radius"], }, height: { value: "1rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentProgressBarProgressHeight", attributes: { category: "component", type: "progress-bar", item: "progress", subitem: "height", }, path: ["component", "progress-bar", "progress", "height"], }, "completed-background-color": { value: "#0b8940ff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentProgressBarProgressCompletedBackgroundColor", attributes: { category: "component", type: "progress-bar", item: "progress", subitem: "completed-background-color", }, path: [ "component", "progress-bar", "progress", "completed-background-color", ], }, "disabled-background-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentProgressBarProgressDisabledBackgroundColor", attributes: { category: "component", type: "progress-bar", item: "progress", subitem: "disabled-background-color", }, path: [ "component", "progress-bar", "progress", "disabled-background-color", ], }, }, detail: { color: { value: "#4b5356ff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentProgressBarDetailColor", attributes: { category: "component", type: "progress-bar", item: "detail", subitem: "color", }, path: ["component", "progress-bar", "detail", "color"], }, "font-size": { value: "0.75rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "ComponentProgressBarDetailFontSize", attributes: { category: "component", type: "progress-bar", item: "detail", subitem: "font-size", }, path: ["component", "progress-bar", "detail", "font-size"], }, "line-height": { value: "1.125rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.type.title-md.line.value}" }, name: "ComponentProgressBarDetailLineHeight", attributes: { category: "component", type: "progress-bar", item: "detail", subitem: "line-height", }, path: ["component", "progress-bar", "detail", "line-height"], }, "margin-top": { value: "1rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentProgressBarDetailMarginTop", attributes: { category: "component", type: "progress-bar", item: "detail", subitem: "margin-top", }, path: ["component", "progress-bar", "detail", "margin-top"], }, }, }, "progress-ring": { sm: { value: 14, filePath: "src/tokens/component/progress-ring.json", isSource: true, original: { value: 14 }, name: "ComponentProgressRingSm", attributes: { category: "component", type: "progress-ring", item: "sm", }, path: ["component", "progress-ring", "sm"], }, md: { value: 26, filePath: "src/tokens/component/progress-ring.json", isSource: true, original: { value: 26 }, name: "ComponentProgressRingMd", attributes: { category: "component", type: "progress-ring", item: "md", }, path: ["component", "progress-ring", "md"], }, lg: { value: 38, filePath: "src/tokens/component/progress-ring.json", isSource: true, original: { value: 38 }, name: "ComponentProgressRingLg", attributes: { category: "component", type: "progress-ring", item: "lg", }, path: ["component", "progress-ring", "lg"], }, }, "rich-text-editor": { "background-color": { value: "#ffffffff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentRichTextEditorBackgroundColor", attributes: { category: "component", type: "rich-text-editor", item: "background-color", }, path: ["component", "rich-text-editor", "background-color"], }, border: { color: { value: "#717779ff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentRichTextEditorBorderColor", attributes: { category: "component", type: "rich-text-editor", item: "border", subitem: "color", }, path: ["component", "rich-text-editor", "border", "color"], }, style: { value: "solid", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentRichTextEditorBorderStyle", attributes: { category: "component", type: "rich-text-editor", item: "border", subitem: "style", }, path: ["component", "rich-text-editor", "border", "style"], }, radius: { value: "0.25rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentRichTextEditorBorderRadius", attributes: { category: "component", type: "rich-text-editor", item: "border", subitem: "radius", }, path: ["component", "rich-text-editor", "border", "radius"], }, width: { value: "0.0625rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentRichTextEditorBorderWidth", attributes: { category: "component", type: "rich-text-editor", item: "border", subitem: "width", }, path: ["component", "rich-text-editor", "border", "width"], }, "no-width": { value: "0", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.border.width.none.value}" }, name: "ComponentRichTextEditorBorderNoWidth", attributes: { category: "component", type: "rich-text-editor", item: "border", subitem: "no-width", }, path: ["component", "rich-text-editor", "border", "no-width"], }, }, "font-size": { value: "0.875rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentRichTextEditorFontSize", attributes: { category: "component", type: "rich-text-editor", item: "font-size", }, path: ["component", "rich-text-editor", "font-size"], }, "line-height": { value: "1.25rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentRichTextEditorLineHeight", attributes: { category: "component", type: "rich-text-editor", item: "line-height", }, path: ["component", "rich-text-editor", "line-height"], }, vr: { height: { value: "1.75rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.component.rich-text-editor.vr.height.value}", }, name: "ComponentRichTextEditorVrHeight", attributes: { category: "component", type: "rich-text-editor", item: "vr", subitem: "height", }, path: ["component", "rich-text-editor", "vr", "height"], }, }, "editable-div": { "min-height": { value: "8rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.component.rich-text-editor.editable-div.min-height.value}", }, name: "ComponentRichTextEditorEditableDivMinHeight", attributes: { category: "component", type: "rich-text-editor", item: "editable-div", subitem: "min-height", }, path: [ "component", "rich-text-editor", "editable-div", "min-height", ], }, }, padding: { input: { x: { value: "0.5rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentRichTextEditorPaddingInputX", attributes: { category: "component", type: "rich-text-editor", item: "padding", subitem: "input", state: "x", }, path: ["component", "rich-text-editor", "padding", "input", "x"], }, y: { value: "0.25rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentRichTextEditorPaddingInputY", attributes: { category: "component", type: "rich-text-editor", item: "padding", subitem: "input", state: "y", }, path: ["component", "rich-text-editor", "padding", "input", "y"], }, }, toolbar: { value: "0.25rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentRichTextEditorPaddingToolbar", attributes: { category: "component", type: "rich-text-editor", item: "padding", subitem: "toolbar", }, path: ["component", "rich-text-editor", "padding", "toolbar"], }, }, disabled: { "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentRichTextEditorDisabledBorderColor", attributes: { category: "component", type: "rich-text-editor", item: "disabled", subitem: "border-color", }, path: ["component", "rich-text-editor", "disabled", "border-color"], }, "input-color": { value: "#717779ff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentRichTextEditorDisabledInputColor", attributes: { category: "component", type: "rich-text-editor", item: "disabled", subitem: "input-color", }, path: ["component", "rich-text-editor", "disabled", "input-color"], }, }, }, "rich-text-editor-toolbar-button": { "background-color": { value: "#ffffffff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentRichTextEditorToolbarButtonBackgroundColor", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "background-color", }, path: [ "component", "rich-text-editor-toolbar-button", "background-color", ], }, border: { color: { value: "#ffffffff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentRichTextEditorToolbarButtonBorderColor", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "border", subitem: "color", }, path: [ "component", "rich-text-editor-toolbar-button", "border", "color", ], }, style: { value: "solid", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentRichTextEditorToolbarButtonBorderStyle", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "border", subitem: "style", }, path: [ "component", "rich-text-editor-toolbar-button", "border", "style", ], }, radius: { value: "0.25rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentRichTextEditorToolbarButtonBorderRadius", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "border", subitem: "radius", }, path: [ "component", "rich-text-editor-toolbar-button", "border", "radius", ], }, width: { value: "0.0625rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentRichTextEditorToolbarButtonBorderWidth", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "border", subitem: "width", }, path: [ "component", "rich-text-editor-toolbar-button", "border", "width", ], }, }, padding: { x: { value: "0.5rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentRichTextEditorToolbarButtonPaddingX", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "padding", subitem: "x", }, path: [ "component", "rich-text-editor-toolbar-button", "padding", "x", ], }, y: { value: "0.25rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentRichTextEditorToolbarButtonPaddingY", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "padding", subitem: "y", }, path: [ "component", "rich-text-editor-toolbar-button", "padding", "y", ], }, }, hover: { "background-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentRichTextEditorToolbarButtonHoverBackgroundColor", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "hover", subitem: "background-color", }, path: [ "component", "rich-text-editor-toolbar-button", "hover", "background-color", ], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentRichTextEditorToolbarButtonHoverBorderColor", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "hover", subitem: "border-color", }, path: [ "component", "rich-text-editor-toolbar-button", "hover", "border-color", ], }, }, active: { "background-color": { value: "#e6f2f8ff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.blue.light.value}" }, name: "ComponentRichTextEditorToolbarButtonActiveBackgroundColor", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "active", subitem: "background-color", }, path: [ "component", "rich-text-editor-toolbar-button", "active", "background-color", ], }, "border-color": { value: "#007db8ff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentRichTextEditorToolbarButtonActiveBorderColor", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "active", subitem: "border-color", }, path: [ "component", "rich-text-editor-toolbar-button", "active", "border-color", ], }, }, }, "search-results-bar": { "background-color": { value: "#e9e9eaff", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentSearchResultsBarBackgroundColor", attributes: { category: "component", type: "search-results-bar", item: "background-color", }, path: ["component", "search-results-bar", "background-color"], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentSearchResultsBarBorderColor", attributes: { category: "component", type: "search-results-bar", item: "border-color", }, path: ["component", "search-results-bar", "border-color"], }, "border-style": { value: "solid", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentSearchResultsBarBorderStyle", attributes: { category: "component", type: "search-results-bar", item: "border-style", }, path: ["component", "search-results-bar", "border-style"], }, "border-width": { value: "0.0625rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentSearchResultsBarBorderWidth", attributes: { category: "component", type: "search-results-bar", item: "border-width", }, path: ["component", "search-results-bar", "border-width"], }, "border-radius": { value: "0.25rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentSearchResultsBarBorderRadius", attributes: { category: "component", type: "search-results-bar", item: "border-radius", }, path: ["component", "search-results-bar", "border-radius"], }, "min-height": { value: "3.25rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.component.search-results-bar.min-height.value}", }, name: "ComponentSearchResultsBarMinHeight", attributes: { category: "component", type: "search-results-bar", item: "min-height", }, path: ["component", "search-results-bar", "min-height"], }, padding: { value: "0.5rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentSearchResultsBarPadding", attributes: { category: "component", type: "search-results-bar", item: "padding", }, path: ["component", "search-results-bar", "padding"], }, margin: { value: "0.25rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentSearchResultsBarMargin", attributes: { category: "component", type: "search-results-bar", item: "margin", }, path: ["component", "search-results-bar", "margin"], }, "list-bar": { "border-radius-bottom": { value: "0.125rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentSearchResultsBarListBarBorderRadiusBottom", attributes: { category: "component", type: "search-results-bar", item: "list-bar", subitem: "border-radius-bottom", }, path: [ "component", "search-results-bar", "list-bar", "border-radius-bottom", ], }, "border-radius-top": { value: "0", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.border.radius.none.value}" }, name: "ComponentSearchResultsBarListBarBorderRadiusTop", attributes: { category: "component", type: "search-results-bar", item: "list-bar", subitem: "border-radius-top", }, path: [ "component", "search-results-bar", "list-bar", "border-radius-top", ], }, "border-width": { value: "0", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.border.width.none.value}" }, name: "ComponentSearchResultsBarListBarBorderWidth", attributes: { category: "component", type: "search-results-bar", item: "list-bar", subitem: "border-width", }, path: [ "component", "search-results-bar", "list-bar", "border-width", ], }, "border-width-top": { value: "0.0625rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentSearchResultsBarListBarBorderWidthTop", attributes: { category: "component", type: "search-results-bar", item: "list-bar", subitem: "border-width-top", }, path: [ "component", "search-results-bar", "list-bar", "border-width-top", ], }, }, "selection-tag": { "margin-vertical": { value: "0.125rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentSearchResultsBarSelectionTagMarginVertical", attributes: { category: "component", type: "search-results-bar", item: "selection-tag", subitem: "margin-vertical", }, path: [ "component", "search-results-bar", "selection-tag", "margin-vertical", ], }, "margin-right": { value: "0.25rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentSearchResultsBarSelectionTagMarginRight", attributes: { category: "component", type: "search-results-bar", item: "selection-tag", subitem: "margin-right", }, path: [ "component", "search-results-bar", "selection-tag", "margin-right", ], }, }, "clear-button": { width: { value: "5.25rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.component.search-results-bar.clear-button.value}", }, name: "ComponentSearchResultsBarClearButtonWidth", attributes: { category: "component", type: "search-results-bar", item: "clear-button", subitem: "width", }, path: ["component", "search-results-bar", "clear-button", "width"], }, "hover-background": { value: "#d2d4d4ff", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentSearchResultsBarClearButtonHoverBackground", attributes: { category: "component", type: "search-results-bar", item: "clear-button", subitem: "hover-background", }, path: [ "component", "search-results-bar", "clear-button", "hover-background", ], }, }, }, "side-nav": { "background-color": { value: "#ffffffff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentSideNavBackgroundColor", attributes: { category: "component", type: "side-nav", item: "background-color", }, path: ["component", "side-nav", "background-color"], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentSideNavBorderColor", attributes: { category: "component", type: "side-nav", item: "border-color", }, path: ["component", "side-nav", "border-color"], }, "border-style": { value: "solid", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentSideNavBorderStyle", attributes: { category: "component", type: "side-nav", item: "border-style", }, path: ["component", "side-nav", "border-style"], }, "border-width": { value: "0.0625rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentSideNavBorderWidth", attributes: { category: "component", type: "side-nav", item: "border-width", }, path: ["component", "side-nav", "border-width"], }, "border-radius": { value: "0.125rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentSideNavBorderRadius", attributes: { category: "component", type: "side-nav", item: "border-radius", }, path: ["component", "side-nav", "border-radius"], }, header: { "background-color": { value: "#ffffffff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentSideNavHeaderBackgroundColor", attributes: { category: "component", type: "side-nav", item: "header", subitem: "background-color", }, path: ["component", "side-nav", "header", "background-color"], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentSideNavHeaderBorderColor", attributes: { category: "component", type: "side-nav", item: "header", subitem: "border-color", }, path: ["component", "side-nav", "header", "border-color"], }, "border-style": { value: "solid", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentSideNavHeaderBorderStyle", attributes: { category: "component", type: "side-nav", item: "header", subitem: "border-style", }, path: ["component", "side-nav", "header", "border-style"], }, "border-width": { value: "0.0625rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentSideNavHeaderBorderWidth", attributes: { category: "component", type: "side-nav", item: "header", subitem: "border-width", }, path: ["component", "side-nav", "header", "border-width"], }, padding: { value: "0.5rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentSideNavHeaderPadding", attributes: { category: "component", type: "side-nav", item: "header", subitem: "padding", }, path: ["component", "side-nav", "header", "padding"], }, title: { "font-size": { value: "0.75rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "ComponentSideNavHeaderTitleFontSize", attributes: { category: "component", type: "side-nav", item: "header", subitem: "title", state: "font-size", }, path: ["component", "side-nav", "header", "title", "font-size"], }, "line-height": { value: "1.5rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.type.title-xl.line.value}" }, name: "ComponentSideNavHeaderTitleLineHeight", attributes: { category: "component", type: "side-nav", item: "header", subitem: "title", state: "line-height", }, path: ["component", "side-nav", "header", "title", "line-height"], }, "font-weight": { value: 600, filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentSideNavHeaderTitleFontWeight", attributes: { category: "component", type: "side-nav", item: "header", subitem: "title", state: "font-weight", }, path: ["component", "side-nav", "header", "title", "font-weight"], }, "padding-left": { value: "0.5rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentSideNavHeaderTitlePaddingLeft", attributes: { category: "component", type: "side-nav", item: "header", subitem: "title", state: "padding-left", }, path: [ "component", "side-nav", "header", "title", "padding-left", ], }, "icon-font-size": { value: "0.875rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentSideNavHeaderTitleIconFontSize", attributes: { category: "component", type: "side-nav", item: "header", subitem: "title", state: "icon-font-size", }, path: [ "component", "side-nav", "header", "title", "icon-font-size", ], }, "icon-margin": { value: "0.25rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentSideNavHeaderTitleIconMargin", attributes: { category: "component", type: "side-nav", item: "header", subitem: "title", state: "icon-margin", }, path: ["component", "side-nav", "header", "title", "icon-margin"], }, }, }, filter: { "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentSideNavFilterBorderColor", attributes: { category: "component", type: "side-nav", item: "filter", subitem: "border-color", }, path: ["component", "side-nav", "filter", "border-color"], }, "border-style": { value: "solid", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentSideNavFilterBorderStyle", attributes: { category: "component", type: "side-nav", item: "filter", subitem: "border-style", }, path: ["component", "side-nav", "filter", "border-style"], }, "border-width": { value: "0.0625rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentSideNavFilterBorderWidth", attributes: { category: "component", type: "side-nav", item: "filter", subitem: "border-width", }, path: ["component", "side-nav", "filter", "border-width"], }, "padding-vertical": { value: "0.5rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentSideNavFilterPaddingVertical", attributes: { category: "component", type: "side-nav", item: "filter", subitem: "padding-vertical", }, path: ["component", "side-nav", "filter", "padding-vertical"], }, }, section: { "padding-vertical": { value: "0.5rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentSideNavSectionPaddingVertical", attributes: { category: "component", type: "side-nav", item: "section", subitem: "padding-vertical", }, path: ["component", "side-nav", "section", "padding-vertical"], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentSideNavSectionBorderColor", attributes: { category: "component", type: "side-nav", item: "section", subitem: "border-color", }, path: ["component", "side-nav", "section", "border-color"], }, "border-style": { value: "solid", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentSideNavSectionBorderStyle", attributes: { category: "component", type: "side-nav", item: "section", subitem: "border-style", }, path: ["component", "side-nav", "section", "border-style"], }, "border-width": { value: "0.0625rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentSideNavSectionBorderWidth", attributes: { category: "component", type: "side-nav", item: "section", subitem: "border-width", }, path: ["component", "side-nav", "section", "border-width"], }, title: { "font-size": { value: "1rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.type.title-sm.font.value}" }, name: "ComponentSideNavSectionTitleFontSize", attributes: { category: "component", type: "side-nav", item: "section", subitem: "title", state: "font-size", }, path: ["component", "side-nav", "section", "title", "font-size"], }, "font-weight": { value: 400, filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{type.weight.normal.value}" }, name: "ComponentSideNavSectionTitleFontWeight", attributes: { category: "component", type: "side-nav", item: "section", subitem: "title", state: "font-weight", }, path: [ "component", "side-nav", "section", "title", "font-weight", ], }, color: { value: "#717779ff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentSideNavSectionTitleColor", attributes: { category: "component", type: "side-nav", item: "section", subitem: "title", state: "color", }, path: ["component", "side-nav", "section", "title", "color"], }, "margin-top": { value: "0.25rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentSideNavSectionTitleMarginTop", attributes: { category: "component", type: "side-nav", item: "section", subitem: "title", state: "margin-top", }, path: ["component", "side-nav", "section", "title", "margin-top"], }, "margin-bottom": { value: "0.5rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentSideNavSectionTitleMarginBottom", attributes: { category: "component", type: "side-nav", item: "section", subitem: "title", state: "margin-bottom", }, path: [ "component", "side-nav", "section", "title", "margin-bottom", ], }, "margin-left": { value: "1rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentSideNavSectionTitleMarginLeft", attributes: { category: "component", type: "side-nav", item: "section", subitem: "title", state: "margin-left", }, path: [ "component", "side-nav", "section", "title", "margin-left", ], }, }, }, item: { branch: { "font-size": { value: "0.875rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentSideNavItemBranchFontSize", attributes: { category: "component", type: "side-nav", item: "item", subitem: "branch", state: "font-size", }, path: ["component", "side-nav", "item", "branch", "font-size"], }, "line-height": { value: "1.25rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentSideNavItemBranchLineHeight", attributes: { category: "component", type: "side-nav", item: "item", subitem: "branch", state: "line-height", }, path: ["component", "side-nav", "item", "branch", "line-height"], }, }, leaf: { "selected-background-color": { value: "#e6f2f8ff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.blue.light.value}" }, name: "ComponentSideNavItemLeafSelectedBackgroundColor", attributes: { category: "component", type: "side-nav", item: "item", subitem: "leaf", state: "selected-background-color", }, path: [ "component", "side-nav", "item", "leaf", "selected-background-color", ], }, "box-shadow-size": { value: "0.125rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentSideNavItemLeafBoxShadowSize", attributes: { category: "component", type: "side-nav", item: "item", subitem: "leaf", state: "box-shadow-size", }, path: [ "component", "side-nav", "item", "leaf", "box-shadow-size", ], }, "box-shadow-color": { value: "#007db8ff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentSideNavItemLeafBoxShadowColor", attributes: { category: "component", type: "side-nav", item: "item", subitem: "leaf", state: "box-shadow-color", }, path: [ "component", "side-nav", "item", "leaf", "box-shadow-color", ], }, color: { value: "#1f282cff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentSideNavItemLeafColor", attributes: { category: "component", type: "side-nav", item: "item", subitem: "leaf", state: "color", }, path: ["component", "side-nav", "item", "leaf", "color"], }, "font-weight": { value: "43.75rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.component.side-nav.selected-font-weight.value}", }, name: "ComponentSideNavItemLeafFontWeight", attributes: { category: "component", type: "side-nav", item: "item", subitem: "leaf", state: "font-weight", }, path: ["component", "side-nav", "item", "leaf", "font-weight"], }, "expand-icon-size": { value: "0.625rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.component.side-nav.expand-icon-size.value}", }, name: "ComponentSideNavItemLeafExpandIconSize", attributes: { category: "component", type: "side-nav", item: "item", subitem: "leaf", state: "expand-icon-size", }, path: [ "component", "side-nav", "item", "leaf", "expand-icon-size", ], }, "expand-icon-line-height": { value: "1.25rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentSideNavItemLeafExpandIconLineHeight", attributes: { category: "component", type: "side-nav", item: "item", subitem: "leaf", state: "expand-icon-line-height", }, path: [ "component", "side-nav", "item", "leaf", "expand-icon-line-height", ], }, "expand-icon-margin-right": { value: "0.25rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentSideNavItemLeafExpandIconMarginRight", attributes: { category: "component", type: "side-nav", item: "item", subitem: "leaf", state: "expand-icon-margin-right", }, path: [ "component", "side-nav", "item", "leaf", "expand-icon-margin-right", ], }, "expand-icon-margin-left": { value: "0.875rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.component.side-nav.expand-icon-margin.value}", }, name: "ComponentSideNavItemLeafExpandIconMarginLeft", attributes: { category: "component", type: "side-nav", item: "item", subitem: "leaf", state: "expand-icon-margin-left", }, path: [ "component", "side-nav", "item", "leaf", "expand-icon-margin-left", ], }, }, link: { color: { value: "#1f282cff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentSideNavItemLinkColor", attributes: { category: "component", type: "side-nav", item: "item", subitem: "link", state: "color", }, path: ["component", "side-nav", "item", "link", "color"], }, "font-size": { value: "0.875rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentSideNavItemLinkFontSize", attributes: { category: "component", type: "side-nav", item: "item", subitem: "link", state: "font-size", }, path: ["component", "side-nav", "item", "link", "font-size"], }, "line-height": { value: "1.25rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentSideNavItemLinkLineHeight", attributes: { category: "component", type: "side-nav", item: "item", subitem: "link", state: "line-height", }, path: ["component", "side-nav", "item", "link", "line-height"], }, "padding-vertical": { value: "0.5rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentSideNavItemLinkPaddingVertical", attributes: { category: "component", type: "side-nav", item: "item", subitem: "link", state: "padding-vertical", }, path: [ "component", "side-nav", "item", "link", "padding-vertical", ], }, "padding-right": { value: "1rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentSideNavItemLinkPaddingRight", attributes: { category: "component", type: "side-nav", item: "item", subitem: "link", state: "padding-right", }, path: ["component", "side-nav", "item", "link", "padding-right"], }, "padding-left": { value: "1.25rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.component.side-nav.link-padding-left.value}", }, name: "ComponentSideNavItemLinkPaddingLeft", attributes: { category: "component", type: "side-nav", item: "item", subitem: "link", state: "padding-left", }, path: ["component", "side-nav", "item", "link", "padding-left"], }, "hover-background-color": { value: "#f3f4f4ff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentSideNavItemLinkHoverBackgroundColor", attributes: { category: "component", type: "side-nav", item: "item", subitem: "link", state: "hover-background-color", }, path: [ "component", "side-nav", "item", "link", "hover-background-color", ], }, }, nesting: { "padding-first-level": { value: "2.125rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.component.side-nav.nested-first-level.value}", }, name: "ComponentSideNavItemNestingPaddingFirstLevel", attributes: { category: "component", type: "side-nav", item: "item", subitem: "nesting", state: "padding-first-level", }, path: [ "component", "side-nav", "item", "nesting", "padding-first-level", ], }, "padding-second-level": { value: "3rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.component.side-nav.nested-second-level.value}", }, name: "ComponentSideNavItemNestingPaddingSecondLevel", attributes: { category: "component", type: "side-nav", item: "item", subitem: "nesting", state: "padding-second-level", }, path: [ "component", "side-nav", "item", "nesting", "padding-second-level", ], }, "padding-third-level": { value: "3.875rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.component.side-nav.nested-third-level.value}", }, name: "ComponentSideNavItemNestingPaddingThirdLevel", attributes: { category: "component", type: "side-nav", item: "item", subitem: "nesting", state: "padding-third-level", }, path: [ "component", "side-nav", "item", "nesting", "padding-third-level", ], }, "padding-fouth-level": { value: "4.75rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.component.side-nav.nested-fourth-level.value}", }, name: "ComponentSideNavItemNestingPaddingFouthLevel", attributes: { category: "component", type: "side-nav", item: "item", subitem: "nesting", state: "padding-fouth-level", }, path: [ "component", "side-nav", "item", "nesting", "padding-fouth-level", ], }, }, }, }, "slack-link": { "font-size": { value: "0.875rem", filePath: "src/tokens/component/slack-link.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentSlackLinkFontSize", attributes: { category: "component", type: "slack-link", item: "font-size", }, path: ["component", "slack-link", "font-size"], }, "border-color": { value: "#007db8ff", filePath: "src/tokens/component/slack-link.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentSlackLinkBorderColor", attributes: { category: "component", type: "slack-link", item: "border-color", }, path: ["component", "slack-link", "border-color"], }, "border-size": { value: "0.0625rem", filePath: "src/tokens/component/slack-link.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentSlackLinkBorderSize", attributes: { category: "component", type: "slack-link", item: "border-size", }, path: ["component", "slack-link", "border-size"], }, "border-style": { value: "solid", filePath: "src/tokens/component/slack-link.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentSlackLinkBorderStyle", attributes: { category: "component", type: "slack-link", item: "border-style", }, path: ["component", "slack-link", "border-style"], }, icon: { "font-size": { value: "1rem", filePath: "src/tokens/component/slack-link.json", isSource: true, original: { value: "{size.type.title-sm.font.value}" }, name: "ComponentSlackLinkIconFontSize", attributes: { category: "component", type: "slack-link", item: "icon", subitem: "font-size", }, path: ["component", "slack-link", "icon", "font-size"], }, "margin-right": { value: "0.25rem", filePath: "src/tokens/component/slack-link.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentSlackLinkIconMarginRight", attributes: { category: "component", type: "slack-link", item: "icon", subitem: "margin-right", }, path: ["component", "slack-link", "icon", "margin-right"], }, }, }, "sorting-header": { width: { value: "100%", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "100%" }, name: "ComponentSortingHeaderWidth", attributes: { category: "component", type: "sorting-header", item: "width", }, path: ["component", "sorting-header", "width"], }, padding: { value: "0", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "0" }, name: "ComponentSortingHeaderPadding", attributes: { category: "component", type: "sorting-header", item: "padding", }, path: ["component", "sorting-header", "padding"], }, borderRadius: { value: "0.25rem", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{size.system.xs.value}" }, name: "ComponentSortingHeaderBorderRadius", attributes: { category: "component", type: "sorting-header", item: "borderRadius", }, path: ["component", "sorting-header", "borderRadius"], }, backgroundColor: { value: "#e9e9eaff", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentSortingHeaderBackgroundColor", attributes: { category: "component", type: "sorting-header", item: "backgroundColor", }, path: ["component", "sorting-header", "backgroundColor"], }, cell: { typeColor: { value: "#4b5356ff", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentSortingHeaderCellTypeColor", attributes: { category: "component", type: "sorting-header", item: "cell", subitem: "typeColor", }, path: ["component", "sorting-header", "cell", "typeColor"], }, activeTypeColor: { value: "#1f282cff", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentSortingHeaderCellActiveTypeColor", attributes: { category: "component", type: "sorting-header", item: "cell", subitem: "activeTypeColor", }, path: ["component", "sorting-header", "cell", "activeTypeColor"], }, fontSize: { value: "0.75rem", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "ComponentSortingHeaderCellFontSize", attributes: { category: "component", type: "sorting-header", item: "cell", subitem: "fontSize", }, path: ["component", "sorting-header", "cell", "fontSize"], }, fontWeight: { value: 600, filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: 600 }, name: "ComponentSortingHeaderCellFontWeight", attributes: { category: "component", type: "sorting-header", item: "cell", subitem: "fontWeight", }, path: ["component", "sorting-header", "cell", "fontWeight"], }, lineHeight: { value: "1.25rem", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentSortingHeaderCellLineHeight", attributes: { category: "component", type: "sorting-header", item: "cell", subitem: "lineHeight", }, path: ["component", "sorting-header", "cell", "lineHeight"], }, padding: { value: "0.5rem", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentSortingHeaderCellPadding", attributes: { category: "component", type: "sorting-header", item: "cell", subitem: "padding", }, path: ["component", "sorting-header", "cell", "padding"], }, activeBackgroundColor: { value: "#d2d4d4ff", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentSortingHeaderCellActiveBackgroundColor", attributes: { category: "component", type: "sorting-header", item: "cell", subitem: "activeBackgroundColor", }, path: [ "component", "sorting-header", "cell", "activeBackgroundColor", ], }, hoverBackgroundColor: { value: "#f3f4f4ff", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentSortingHeaderCellHoverBackgroundColor", attributes: { category: "component", type: "sorting-header", item: "cell", subitem: "hoverBackgroundColor", }, path: [ "component", "sorting-header", "cell", "hoverBackgroundColor", ], }, }, pinned: { zIndex: { value: 999, filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: 999 }, name: "ComponentSortingHeaderPinnedZIndex", attributes: { category: "component", type: "sorting-header", item: "pinned", subitem: "zIndex", }, path: ["component", "sorting-header", "pinned", "zIndex"], }, borderRadius: { value: 0, filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: 0 }, name: "ComponentSortingHeaderPinnedBorderRadius", attributes: { category: "component", type: "sorting-header", item: "pinned", subitem: "borderRadius", }, path: ["component", "sorting-header", "pinned", "borderRadius"], }, shadowHeight: { value: "0.625rem", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{size.component.sorting-header.pinned.shadowHeight.value}", }, name: "ComponentSortingHeaderPinnedShadowHeight", attributes: { category: "component", type: "sorting-header", item: "pinned", subitem: "shadowHeight", }, path: ["component", "sorting-header", "pinned", "shadowHeight"], }, shadowLeftAdjustment: { value: "-0.0625rem", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{size.component.sorting-header.pinned.shadowLeftAdjustment.value}", }, name: "ComponentSortingHeaderPinnedShadowLeftAdjustment", attributes: { category: "component", type: "sorting-header", item: "pinned", subitem: "shadowLeftAdjustment", }, path: [ "component", "sorting-header", "pinned", "shadowLeftAdjustment", ], }, }, }, "sorting-header-auto-layout-spacer": { height: { value: "1rem", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentSortingHeaderAutoLayoutSpacerHeight", attributes: { category: "component", type: "sorting-header-auto-layout-spacer", item: "height", }, path: ["component", "sorting-header-auto-layout-spacer", "height"], }, }, spinner: { color: { primary: { value: "#91467fff", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentSpinnerColorPrimary", attributes: { category: "component", type: "spinner", item: "color", subitem: "primary", }, path: ["component", "spinner", "color", "primary"], }, secondary: { value: "#f4ecf2ff", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{color.purple.light.value}" }, name: "ComponentSpinnerColorSecondary", attributes: { category: "component", type: "spinner", item: "color", subitem: "secondary", }, path: ["component", "spinner", "color", "secondary"], }, white: { value: "#ffffffff", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentSpinnerColorWhite", attributes: { category: "component", type: "spinner", item: "color", subitem: "white", }, path: ["component", "spinner", "color", "white"], }, }, light: { color: { primary: { value: "#ffffffff", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentSpinnerLightColorPrimary", attributes: { category: "component", type: "spinner", item: "light", subitem: "color", state: "primary", }, path: ["component", "spinner", "light", "color", "primary"], }, secondary: { value: "#ffffffcc", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{color.white-80.value}" }, name: "ComponentSpinnerLightColorSecondary", attributes: { category: "component", type: "spinner", item: "light", subitem: "color", state: "secondary", }, path: ["component", "spinner", "light", "color", "secondary"], }, }, }, sm: { dimension: { value: "1.125rem", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{size.component.spinner.sm.dimension.value}" }, name: "ComponentSpinnerSmDimension", attributes: { category: "component", type: "spinner", item: "sm", subitem: "dimension", }, path: ["component", "spinner", "sm", "dimension"], }, thickness: { value: "0.125rem", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{size.component.spinner.sm.thickness.value}" }, name: "ComponentSpinnerSmThickness", attributes: { category: "component", type: "spinner", item: "sm", subitem: "thickness", }, path: ["component", "spinner", "sm", "thickness"], }, }, md: { dimension: { value: "2.25rem", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{size.component.spinner.md.dimension.value}" }, name: "ComponentSpinnerMdDimension", attributes: { category: "component", type: "spinner", item: "md", subitem: "dimension", }, path: ["component", "spinner", "md", "dimension"], }, thickness: { value: "0.25rem", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{size.component.spinner.md.thickness.value}" }, name: "ComponentSpinnerMdThickness", attributes: { category: "component", type: "spinner", item: "md", subitem: "thickness", }, path: ["component", "spinner", "md", "thickness"], }, }, lg: { dimension: { value: "4.5rem", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{size.component.spinner.lg.dimension.value}" }, name: "ComponentSpinnerLgDimension", attributes: { category: "component", type: "spinner", item: "lg", subitem: "dimension", }, path: ["component", "spinner", "lg", "dimension"], }, thickness: { value: "0.5rem", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{size.component.spinner.lg.thickness.value}" }, name: "ComponentSpinnerLgThickness", attributes: { category: "component", type: "spinner", item: "lg", subitem: "thickness", }, path: ["component", "spinner", "lg", "thickness"], }, }, }, "split-tag": { "key-section": { "border-left-radius": { value: "0.125rem", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{size.border.radius.xxs.value }" }, name: "ComponentSplitTagKeySectionBorderLeftRadius", attributes: { category: "component", type: "split-tag", item: "key-section", subitem: "border-left-radius", }, path: [ "component", "split-tag", "key-section", "border-left-radius", ], }, "border-right-radius": { value: "0", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{size.border.radius.none.value}" }, name: "ComponentSplitTagKeySectionBorderRightRadius", attributes: { category: "component", type: "split-tag", item: "key-section", subitem: "border-right-radius", }, path: [ "component", "split-tag", "key-section", "border-right-radius", ], }, "text-margin": { value: "0.25rem", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentSplitTagKeySectionTextMargin", attributes: { category: "component", type: "split-tag", item: "key-section", subitem: "text-margin", }, path: ["component", "split-tag", "key-section", "text-margin"], }, }, "value-section": { background: { value: "#ffffffff", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentSplitTagValueSectionBackground", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "background", }, path: ["component", "split-tag", "value-section", "background"], }, "border-left-radius": { value: "0", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{size.border.radius.none.value }" }, name: "ComponentSplitTagValueSectionBorderLeftRadius", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "border-left-radius", }, path: [ "component", "split-tag", "value-section", "border-left-radius", ], }, "border-right-radius": { value: "0.125rem", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentSplitTagValueSectionBorderRightRadius", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "border-right-radius", }, path: [ "component", "split-tag", "value-section", "border-right-radius", ], }, "box-shadow-color": { default: { value: "#e9e9eaff", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentSplitTagValueSectionBoxShadowColorDefault", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "box-shadow-color", state: "default", }, path: [ "component", "split-tag", "value-section", "box-shadow-color", "default", ], }, key: { value: "#4b5356ff", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentSplitTagValueSectionBoxShadowColorKey", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "box-shadow-color", state: "key", }, path: [ "component", "split-tag", "value-section", "box-shadow-color", "key", ], }, warning: { value: "#e7760bff", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentSplitTagValueSectionBoxShadowColorWarning", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "box-shadow-color", state: "warning", }, path: [ "component", "split-tag", "value-section", "box-shadow-color", "warning", ], }, error: { value: "#de002eff", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentSplitTagValueSectionBoxShadowColorError", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "box-shadow-color", state: "error", }, path: [ "component", "split-tag", "value-section", "box-shadow-color", "error", ], }, pending: { value: "#91467fff", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentSplitTagValueSectionBoxShadowColorPending", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "box-shadow-color", state: "pending", }, path: [ "component", "split-tag", "value-section", "box-shadow-color", "pending", ], }, success: { value: "#0b8940ff", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentSplitTagValueSectionBoxShadowColorSuccess", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "box-shadow-color", state: "success", }, path: [ "component", "split-tag", "value-section", "box-shadow-color", "success", ], }, info: { value: "#007db8ff", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentSplitTagValueSectionBoxShadowColorInfo", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "box-shadow-color", state: "info", }, path: [ "component", "split-tag", "value-section", "box-shadow-color", "info", ], }, }, "box-shadow-width": { value: "0.0625rem", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentSplitTagValueSectionBoxShadowWidth", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "box-shadow-width", }, path: [ "component", "split-tag", "value-section", "box-shadow-width", ], }, "padding-vertical": { value: "0.125rem", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentSplitTagValueSectionPaddingVertical", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "padding-vertical", }, path: [ "component", "split-tag", "value-section", "padding-vertical", ], }, "padding-horizontal": { value: "0.25rem", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentSplitTagValueSectionPaddingHorizontal", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "padding-horizontal", }, path: [ "component", "split-tag", "value-section", "padding-horizontal", ], }, "link-color": { value: "#4b5356ff", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentSplitTagValueSectionLinkColor", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "link-color", }, path: ["component", "split-tag", "value-section", "link-color"], }, }, }, "stepped-progress-bar": { "progress-color": { purple: { color: { value: "#91467fff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentSteppedProgressBarProgressColorPurpleColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "purple", state: "color", }, path: [ "component", "stepped-progress-bar", "progress-color", "purple", "color", ], }, "hover-color": { value: "#6e3c65ff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.purple.dark.value}" }, name: "ComponentSteppedProgressBarProgressColorPurpleHoverColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "purple", state: "hover-color", }, path: [ "component", "stepped-progress-bar", "progress-color", "purple", "hover-color", ], }, }, blue: { color: { value: "#007db8ff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentSteppedProgressBarProgressColorBlueColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "blue", state: "color", }, path: [ "component", "stepped-progress-bar", "progress-color", "blue", "color", ], }, "hover-color": { value: "#09638dff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentSteppedProgressBarProgressColorBlueHoverColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "blue", state: "hover-color", }, path: [ "component", "stepped-progress-bar", "progress-color", "blue", "hover-color", ], }, }, red: { color: { value: "#de002eff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentSteppedProgressBarProgressColorRedColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "red", state: "color", }, path: [ "component", "stepped-progress-bar", "progress-color", "red", "color", ], }, "hover-color": { value: "#a30d2dff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.red.dark.value}" }, name: "ComponentSteppedProgressBarProgressColorRedHoverColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "red", state: "hover-color", }, path: [ "component", "stepped-progress-bar", "progress-color", "red", "hover-color", ], }, }, orange: { color: { value: "#e7760bff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentSteppedProgressBarProgressColorOrangeColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "orange", state: "color", }, path: [ "component", "stepped-progress-bar", "progress-color", "orange", "color", ], }, "hover-color": { value: "#aa5e14ff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.orange.dark.value}" }, name: "ComponentSteppedProgressBarProgressColorOrangeHoverColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "orange", state: "hover-color", }, path: [ "component", "stepped-progress-bar", "progress-color", "orange", "hover-color", ], }, }, grey: { color: { value: "#717779ff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentSteppedProgressBarProgressColorGreyColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "grey", state: "color", }, path: [ "component", "stepped-progress-bar", "progress-color", "grey", "color", ], }, "hover-color": { value: "#1f282cff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentSteppedProgressBarProgressColorGreyHoverColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "grey", state: "hover-color", }, path: [ "component", "stepped-progress-bar", "progress-color", "grey", "hover-color", ], }, }, }, "completed-color": { value: "#0b8940ff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentSteppedProgressBarCompletedColor", attributes: { category: "component", type: "stepped-progress-bar", item: "completed-color", }, path: ["component", "stepped-progress-bar", "completed-color"], }, "disabled-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentSteppedProgressBarDisabledColor", attributes: { category: "component", type: "stepped-progress-bar", item: "disabled-color", }, path: ["component", "stepped-progress-bar", "disabled-color"], }, percentage: { "font-weight": { value: 600, filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentSteppedProgressBarPercentageFontWeight", attributes: { category: "component", type: "stepped-progress-bar", item: "percentage", subitem: "font-weight", }, path: [ "component", "stepped-progress-bar", "percentage", "font-weight", ], }, }, step: { height: { value: "1rem", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentSteppedProgressBarStepHeight", attributes: { category: "component", type: "stepped-progress-bar", item: "step", subitem: "height", }, path: ["component", "stepped-progress-bar", "step", "height"], }, "margin-left": { value: "0.125rem", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentSteppedProgressBarStepMarginLeft", attributes: { category: "component", type: "stepped-progress-bar", item: "step", subitem: "margin-left", }, path: ["component", "stepped-progress-bar", "step", "margin-left"], }, "border-radius": { value: "0.125rem", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentSteppedProgressBarStepBorderRadius", attributes: { category: "component", type: "stepped-progress-bar", item: "step", subitem: "border-radius", }, path: [ "component", "stepped-progress-bar", "step", "border-radius", ], }, background: { value: "#e9e9eaff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentSteppedProgressBarStepBackground", attributes: { category: "component", type: "stepped-progress-bar", item: "step", subitem: "background", }, path: ["component", "stepped-progress-bar", "step", "background"], }, "disabled-color": { value: "#e9e9eaff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentSteppedProgressBarStepDisabledColor", attributes: { category: "component", type: "stepped-progress-bar", item: "step", subitem: "disabled-color", }, path: [ "component", "stepped-progress-bar", "step", "disabled-color", ], }, "completed-disabled-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentSteppedProgressBarStepCompletedDisabledColor", attributes: { category: "component", type: "stepped-progress-bar", item: "step", subitem: "completed-disabled-color", }, path: [ "component", "stepped-progress-bar", "step", "completed-disabled-color", ], }, "border-radius-end-cap": { value: "0.5rem", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{size.component.progress-bar.border-radius.value}", }, name: "ComponentSteppedProgressBarStepBorderRadiusEndCap", attributes: { category: "component", type: "stepped-progress-bar", item: "step", subitem: "border-radius-end-cap", }, path: [ "component", "stepped-progress-bar", "step", "border-radius-end-cap", ], }, }, icon: { "completed-color": { value: "#ffffffff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentSteppedProgressBarIconCompletedColor", attributes: { category: "component", type: "stepped-progress-bar", item: "icon", subitem: "completed-color", }, path: [ "component", "stepped-progress-bar", "icon", "completed-color", ], }, color: { value: "#717779ff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentSteppedProgressBarIconColor", attributes: { category: "component", type: "stepped-progress-bar", item: "icon", subitem: "color", }, path: ["component", "stepped-progress-bar", "icon", "color"], }, }, }, tabs: { container: { "background-color": { value: "#e9e9eaff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentTabsContainerBackgroundColor", attributes: { category: "component", type: "tabs", item: "container", subitem: "background-color", }, path: ["component", "tabs", "container", "background-color"], }, border: { color: { value: "#d2d4d4ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentTabsContainerBorderColor", attributes: { category: "component", type: "tabs", item: "container", subitem: "border", state: "color", }, path: ["component", "tabs", "container", "border", "color"], }, width: { value: "0.0625rem", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentTabsContainerBorderWidth", attributes: { category: "component", type: "tabs", item: "container", subitem: "border", state: "width", }, path: ["component", "tabs", "container", "border", "width"], }, style: { value: "solid", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentTabsContainerBorderStyle", attributes: { category: "component", type: "tabs", item: "container", subitem: "border", state: "style", }, path: ["component", "tabs", "container", "border", "style"], }, radius: { value: "0.25rem", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentTabsContainerBorderRadius", attributes: { category: "component", type: "tabs", item: "container", subitem: "border", state: "radius", }, path: ["component", "tabs", "container", "border", "radius"], }, }, padding: { value: "1rem", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentTabsContainerPadding", attributes: { category: "component", type: "tabs", item: "container", subitem: "padding", }, path: ["component", "tabs", "container", "padding"], }, }, navigation: { "margin-bottom": { value: "1rem", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentTabsNavigationMarginBottom", attributes: { category: "component", type: "tabs", item: "navigation", subitem: "margin-bottom", }, path: ["component", "tabs", "navigation", "margin-bottom"], }, }, }, tab: { border: { style: { value: "solid", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentTabBorderStyle", attributes: { category: "component", type: "tab", item: "border", subitem: "style", }, path: ["component", "tab", "border", "style"], }, width: { value: "0.0625rem", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentTabBorderWidth", attributes: { category: "component", type: "tab", item: "border", subitem: "width", }, path: ["component", "tab", "border", "width"], }, radius: { value: "0.25rem", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentTabBorderRadius", attributes: { category: "component", type: "tab", item: "border", subitem: "radius", }, path: ["component", "tab", "border", "radius"], }, }, type: { "line-height": { value: "0.875rem ", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.type.component-sm.line.value} " }, name: "ComponentTabTypeLineHeight", attributes: { category: "component", type: "tab", item: "type", subitem: "line-height", }, path: ["component", "tab", "type", "line-height"], }, size: { value: "0.75rem", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.type.component-sm.font.value}" }, name: "ComponentTabTypeSize", attributes: { category: "component", type: "tab", item: "type", subitem: "size", }, path: ["component", "tab", "type", "size"], }, weight: { value: 600, filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentTabTypeWeight", attributes: { category: "component", type: "tab", item: "type", subitem: "weight", }, path: ["component", "tab", "type", "weight"], }, }, padding: { x: { value: "1rem", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentTabPaddingX", attributes: { category: "component", type: "tab", item: "padding", subitem: "x", }, path: ["component", "tab", "padding", "x"], }, y: { value: "0.5rem", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentTabPaddingY", attributes: { category: "component", type: "tab", item: "padding", subitem: "y", }, path: ["component", "tab", "padding", "y"], }, }, container: { "border-color": { value: "#00000000", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.transparent.value}" }, name: "ComponentTabContainerBorderColor", attributes: { category: "component", type: "tab", item: "container", subitem: "border-color", }, path: ["component", "tab", "container", "border-color"], }, color: { value: "#717779ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentTabContainerColor", attributes: { category: "component", type: "tab", item: "container", subitem: "color", }, path: ["component", "tab", "container", "color"], }, active: { "background-color": { value: "#ffffffff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentTabContainerActiveBackgroundColor", attributes: { category: "component", type: "tab", item: "container", subitem: "active", state: "background-color", }, path: [ "component", "tab", "container", "active", "background-color", ], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentTabContainerActiveBorderColor", attributes: { category: "component", type: "tab", item: "container", subitem: "active", state: "border-color", }, path: ["component", "tab", "container", "active", "border-color"], }, color: { value: "#1f282cff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentTabContainerActiveColor", attributes: { category: "component", type: "tab", item: "container", subitem: "active", state: "color", }, path: ["component", "tab", "container", "active", "color"], }, }, hover: { "background-color": { value: "#f3f4f4ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentTabContainerHoverBackgroundColor", attributes: { category: "component", type: "tab", item: "container", subitem: "hover", state: "background-color", }, path: [ "component", "tab", "container", "hover", "background-color", ], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentTabContainerHoverBorderColor", attributes: { category: "component", type: "tab", item: "container", subitem: "hover", state: "border-color", }, path: ["component", "tab", "container", "hover", "border-color"], }, }, }, navigation: { "background-color": { value: "#ffffffff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentTabNavigationBackgroundColor", attributes: { category: "component", type: "tab", item: "navigation", subitem: "background-color", }, path: ["component", "tab", "navigation", "background-color"], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentTabNavigationBorderColor", attributes: { category: "component", type: "tab", item: "navigation", subitem: "border-color", }, path: ["component", "tab", "navigation", "border-color"], }, color: { value: "#4b5356ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentTabNavigationColor", attributes: { category: "component", type: "tab", item: "navigation", subitem: "color", }, path: ["component", "tab", "navigation", "color"], }, active: { "background-color": { value: "#007db8ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.blue.medium}" }, name: "ComponentTabNavigationActiveBackgroundColor", attributes: { category: "component", type: "tab", item: "navigation", subitem: "active", state: "background-color", }, path: [ "component", "tab", "navigation", "active", "background-color", ], }, "border-color": { value: "#007db8ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.blue.medium}" }, name: "ComponentTabNavigationActiveBorderColor", attributes: { category: "component", type: "tab", item: "navigation", subitem: "active", state: "border-color", }, path: [ "component", "tab", "navigation", "active", "border-color", ], }, color: { value: "#ffffffff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentTabNavigationActiveColor", attributes: { category: "component", type: "tab", item: "navigation", subitem: "active", state: "color", }, path: ["component", "tab", "navigation", "active", "color"], }, }, hover: { "background-color": { value: "#f3f4f4ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentTabNavigationHoverBackgroundColor", attributes: { category: "component", type: "tab", item: "navigation", subitem: "hover", state: "background-color", }, path: [ "component", "tab", "navigation", "hover", "background-color", ], }, }, disabled: { color: { value: "#717779ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentTabNavigationDisabledColor", attributes: { category: "component", type: "tab", item: "navigation", subitem: "disabled", state: "color", }, path: ["component", "tab", "navigation", "disabled", "color"], }, }, }, }, tag: { default: { "border-radius": { value: "0.125rem", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentTagDefaultBorderRadius", attributes: { category: "component", type: "tag", item: "default", subitem: "border-radius", }, path: ["component", "tag", "default", "border-radius"], }, "font-size": { value: "0.75rem", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{size.type.component-sm.font.value}" }, name: "ComponentTagDefaultFontSize", attributes: { category: "component", type: "tag", item: "default", subitem: "font-size", }, path: ["component", "tag", "default", "font-size"], }, "font-weight": { value: 600, filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentTagDefaultFontWeight", attributes: { category: "component", type: "tag", item: "default", subitem: "font-weight", }, path: ["component", "tag", "default", "font-weight"], }, "line-height": { value: "0.75rem", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{size.component.tag.line-height.value}" }, name: "ComponentTagDefaultLineHeight", attributes: { category: "component", type: "tag", item: "default", subitem: "line-height", }, path: ["component", "tag", "default", "line-height"], }, "padding-vertical": { value: "0.125rem", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentTagDefaultPaddingVertical", attributes: { category: "component", type: "tag", item: "default", subitem: "padding-vertical", }, path: ["component", "tag", "default", "padding-vertical"], }, "padding-horizontal": { value: "0.25rem", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentTagDefaultPaddingHorizontal", attributes: { category: "component", type: "tag", item: "default", subitem: "padding-horizontal", }, path: ["component", "tag", "default", "padding-horizontal"], }, background: { value: "#e9e9eaff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentTagDefaultBackground", attributes: { category: "component", type: "tag", item: "default", subitem: "background", }, path: ["component", "tag", "default", "background"], }, "text-color": { value: "#4b5356ff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentTagDefaultTextColor", attributes: { category: "component", type: "tag", item: "default", subitem: "text-color", }, path: ["component", "tag", "default", "text-color"], }, icon: { "font-size": { value: "0.75rem", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{size.type.component-sm.font.value}" }, name: "ComponentTagDefaultIconFontSize", attributes: { category: "component", type: "tag", item: "default", subitem: "icon", state: "font-size", }, path: ["component", "tag", "default", "icon", "font-size"], }, "line-height": { value: "0.625rem", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{size.component.tag.icon-line-height.value}", }, name: "ComponentTagDefaultIconLineHeight", attributes: { category: "component", type: "tag", item: "default", subitem: "icon", state: "line-height", }, path: ["component", "tag", "default", "icon", "line-height"], }, "margin-right": { value: "0.25rem", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentTagDefaultIconMarginRight", attributes: { category: "component", type: "tag", item: "default", subitem: "icon", state: "margin-right", }, path: ["component", "tag", "default", "icon", "margin-right"], }, }, }, key: { background: { value: "#4b5356ff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentTagKeyBackground", attributes: { category: "component", type: "tag", item: "key", subitem: "background", }, path: ["component", "tag", "key", "background"], }, "text-color": { value: "#ffffffff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.white}" }, name: "ComponentTagKeyTextColor", attributes: { category: "component", type: "tag", item: "key", subitem: "text-color", }, path: ["component", "tag", "key", "text-color"], }, }, warning: { background: { value: "#e7760bff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentTagWarningBackground", attributes: { category: "component", type: "tag", item: "warning", subitem: "background", }, path: ["component", "tag", "warning", "background"], }, "text-color": { value: "#ffffffff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.white}" }, name: "ComponentTagWarningTextColor", attributes: { category: "component", type: "tag", item: "warning", subitem: "text-color", }, path: ["component", "tag", "warning", "text-color"], }, }, error: { background: { value: "#de002eff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentTagErrorBackground", attributes: { category: "component", type: "tag", item: "error", subitem: "background", }, path: ["component", "tag", "error", "background"], }, "text-color": { value: "#ffffffff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.white}" }, name: "ComponentTagErrorTextColor", attributes: { category: "component", type: "tag", item: "error", subitem: "text-color", }, path: ["component", "tag", "error", "text-color"], }, }, pending: { background: { value: "#91467fff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentTagPendingBackground", attributes: { category: "component", type: "tag", item: "pending", subitem: "background", }, path: ["component", "tag", "pending", "background"], }, "text-color": { value: "#ffffffff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.white}" }, name: "ComponentTagPendingTextColor", attributes: { category: "component", type: "tag", item: "pending", subitem: "text-color", }, path: ["component", "tag", "pending", "text-color"], }, }, success: { background: { value: "#0b8940ff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentTagSuccessBackground", attributes: { category: "component", type: "tag", item: "success", subitem: "background", }, path: ["component", "tag", "success", "background"], }, "text-color": { value: "#ffffffff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.white}" }, name: "ComponentTagSuccessTextColor", attributes: { category: "component", type: "tag", item: "success", subitem: "text-color", }, path: ["component", "tag", "success", "text-color"], }, }, info: { background: { value: "#007db8ff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentTagInfoBackground", attributes: { category: "component", type: "tag", item: "info", subitem: "background", }, path: ["component", "tag", "info", "background"], }, "text-color": { value: "#ffffffff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.white}" }, name: "ComponentTagInfoTextColor", attributes: { category: "component", type: "tag", item: "info", subitem: "text-color", }, path: ["component", "tag", "info", "text-color"], }, }, }, "vertical-rule": { "background-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/vertical-rule.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentVerticalRuleBackgroundColor", attributes: { category: "component", type: "vertical-rule", item: "background-color", }, path: ["component", "vertical-rule", "background-color"], }, "margin-x": { value: "0.25rem", filePath: "src/tokens/component/vertical-rule.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentVerticalRuleMarginX", attributes: { category: "component", type: "vertical-rule", item: "margin-x", }, path: ["component", "vertical-rule", "margin-x"], }, thickness: { value: "0.0625rem", filePath: "src/tokens/component/vertical-rule.json", isSource: true, original: { value: "{size.component.vertical-rule.thickness.value}" }, name: "ComponentVerticalRuleThickness", attributes: { category: "component", type: "vertical-rule", item: "thickness", }, path: ["component", "vertical-rule", "thickness"], }, }, "zero-state": { "wrapper-padding": { value: "1rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentZeroStateWrapperPadding", attributes: { category: "component", type: "zero-state", item: "wrapper-padding", }, path: ["component", "zero-state", "wrapper-padding"], }, "padding-vertical": { value: "2rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.spacing.lg.value}" }, name: "ComponentZeroStatePaddingVertical", attributes: { category: "component", type: "zero-state", item: "padding-vertical", }, path: ["component", "zero-state", "padding-vertical"], }, image: { height: { value: "6.25rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.component.zero-state.image-height.value}", }, name: "ComponentZeroStateImageHeight", attributes: { category: "component", type: "zero-state", item: "image", subitem: "height", }, path: ["component", "zero-state", "image", "height"], }, width: { value: "12.5rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.component.zero-state.image-width.value}", }, name: "ComponentZeroStateImageWidth", attributes: { category: "component", type: "zero-state", item: "image", subitem: "width", }, path: ["component", "zero-state", "image", "width"], }, "margin-bottom": { value: "1rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentZeroStateImageMarginBottom", attributes: { category: "component", type: "zero-state", item: "image", subitem: "margin-bottom", }, path: ["component", "zero-state", "image", "margin-bottom"], }, }, heading: { color: { value: "#1f282cff", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentZeroStateHeadingColor", attributes: { category: "component", type: "zero-state", item: "heading", subitem: "color", }, path: ["component", "zero-state", "heading", "color"], }, "font-size": { value: "1.5rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.type.title-xl.font.value}" }, name: "ComponentZeroStateHeadingFontSize", attributes: { category: "component", type: "zero-state", item: "heading", subitem: "font-size", }, path: ["component", "zero-state", "heading", "font-size"], }, "line-height": { value: "1.5rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.type.title-xl.line.value}" }, name: "ComponentZeroStateHeadingLineHeight", attributes: { category: "component", type: "zero-state", item: "heading", subitem: "line-height", }, path: ["component", "zero-state", "heading", "line-height"], }, "micro-color": { value: "#4b5356ff", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentZeroStateHeadingMicroColor", attributes: { category: "component", type: "zero-state", item: "heading", subitem: "micro-color", }, path: ["component", "zero-state", "heading", "micro-color"], }, "micro-font-size": { value: "1rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.type.title-sm.font.value}" }, name: "ComponentZeroStateHeadingMicroFontSize", attributes: { category: "component", type: "zero-state", item: "heading", subitem: "micro-font-size", }, path: ["component", "zero-state", "heading", "micro-font-size"], }, "micro-font-weight": { value: 600, filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentZeroStateHeadingMicroFontWeight", attributes: { category: "component", type: "zero-state", item: "heading", subitem: "micro-font-weight", }, path: ["component", "zero-state", "heading", "micro-font-weight"], }, "micro-line-height": { value: "1.25rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.type.title-lg.line.value}" }, name: "ComponentZeroStateHeadingMicroLineHeight", attributes: { category: "component", type: "zero-state", item: "heading", subitem: "micro-line-height", }, path: ["component", "zero-state", "heading", "micro-line-height"], }, }, "sub-heading": { color: { value: "#4b5356ff", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentZeroStateSubHeadingColor", attributes: { category: "component", type: "zero-state", item: "sub-heading", subitem: "color", }, path: ["component", "zero-state", "sub-heading", "color"], }, "font-size": { value: "0.875rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentZeroStateSubHeadingFontSize", attributes: { category: "component", type: "zero-state", item: "sub-heading", subitem: "font-size", }, path: ["component", "zero-state", "sub-heading", "font-size"], }, "line-height": { value: "1.25rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.type.title-lg.line.value}" }, name: "ComponentZeroStateSubHeadingLineHeight", attributes: { category: "component", type: "zero-state", item: "sub-heading", subitem: "line-height", }, path: ["component", "zero-state", "sub-heading", "line-height"], }, "margin-top": { value: "0.25rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentZeroStateSubHeadingMarginTop", attributes: { category: "component", type: "zero-state", item: "sub-heading", subitem: "margin-top", }, path: ["component", "zero-state", "sub-heading", "margin-top"], }, }, content: { "marign-top": { value: "1rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentZeroStateContentMarignTop", attributes: { category: "component", type: "zero-state", item: "content", subitem: "marign-top", }, path: ["component", "zero-state", "content", "marign-top"], }, }, icon: { color: { value: "#717779ff", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentZeroStateIconColor", attributes: { category: "component", type: "zero-state", item: "icon", subitem: "color", }, path: ["component", "zero-state", "icon", "color"], }, "font-size": { value: "3rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.component.zero-state.icon-font-size.value}", }, name: "ComponentZeroStateIconFontSize", attributes: { category: "component", type: "zero-state", item: "icon", subitem: "font-size", }, path: ["component", "zero-state", "icon", "font-size"], }, "line-height": { value: "3rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.component.zero-state.icon-line-height.value}", }, name: "ComponentZeroStateIconLineHeight", attributes: { category: "component", type: "zero-state", item: "icon", subitem: "line-height", }, path: ["component", "zero-state", "icon", "line-height"], }, "padding-bottom": { value: "0.25rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentZeroStateIconPaddingBottom", attributes: { category: "component", type: "zero-state", item: "icon", subitem: "padding-bottom", }, path: ["component", "zero-state", "icon", "padding-bottom"], }, }, }, }, grid: { columns: { standard: { value: 12, filePath: "src/tokens/grid/grid.json", isSource: true, original: { value: 12 }, name: "GridColumnsStandard", attributes: { category: "grid", type: "columns", item: "standard", cssValue: "1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr", }, path: ["grid", "columns", "standard"], }, }, "content-width": { value: "1280px", filePath: "src/tokens/grid/grid.json", isSource: true, original: { value: "1280px" }, name: "GridContentWidth", attributes: { category: "grid", type: "content-width" }, path: ["grid", "content-width"], }, }, icon: { ai: { character: { value: "\\e9bd", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9bd" }, name: "IconAiCharacter", attributes: { category: "icon", type: "ai", item: "character" }, path: ["icon", "ai", "character"], }, }, "ai-color": { character: { value: "", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "" }, name: "IconAiColorCharacter", attributes: { category: "icon", type: "ai-color", item: "character" }, path: ["icon", "ai-color", "character"], }, }, "ai-generic": { character: { value: "", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "" }, name: "IconAiGenericCharacter", attributes: { category: "icon", type: "ai-generic", item: "character", }, path: ["icon", "ai-generic", "character"], }, }, "angle-left": { character: { value: "\\e900", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e900" }, name: "IconAngleLeftCharacter", attributes: { category: "icon", type: "angle-left", item: "character", }, path: ["icon", "angle-left", "character"], }, }, "angle-right": { character: { value: "\\e901", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e901" }, name: "IconAngleRightCharacter", attributes: { category: "icon", type: "angle-right", item: "character", }, path: ["icon", "angle-right", "character"], }, }, archive: { character: { value: "\\e902", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e902" }, name: "IconArchiveCharacter", attributes: { category: "icon", type: "archive", item: "character" }, path: ["icon", "archive", "character"], }, }, "arrow-down": { character: { value: "\\e903", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e903" }, name: "IconArrowDownCharacter", attributes: { category: "icon", type: "arrow-down", item: "character", }, path: ["icon", "arrow-down", "character"], }, }, "arrow-left-circle": { character: { value: "\\e904", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e904" }, name: "IconArrowLeftCircleCharacter", attributes: { category: "icon", type: "arrow-left-circle", item: "character", }, path: ["icon", "arrow-left-circle", "character"], }, }, "arrow-left": { character: { value: "\\e905", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e905" }, name: "IconArrowLeftCharacter", attributes: { category: "icon", type: "arrow-left", item: "character", }, path: ["icon", "arrow-left", "character"], }, }, "arrow-right": { character: { value: "\\e906", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e906" }, name: "IconArrowRightCharacter", attributes: { category: "icon", type: "arrow-right", item: "character", }, path: ["icon", "arrow-right", "character"], }, }, "arrow-up": { character: { value: "\\e907", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e907" }, name: "IconArrowUpCharacter", attributes: { category: "icon", type: "arrow-up", item: "character" }, path: ["icon", "arrow-up", "character"], }, }, asterisk: { character: { value: "\\e908", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e908" }, name: "IconAsteriskCharacter", attributes: { category: "icon", type: "asterisk", item: "character" }, path: ["icon", "asterisk", "character"], }, }, ban: { character: { value: "\\e909", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e909" }, name: "IconBanCharacter", attributes: { category: "icon", type: "ban", item: "character" }, path: ["icon", "ban", "character"], }, }, barcode: { character: { value: "\\e90a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e90a" }, name: "IconBarcodeCharacter", attributes: { category: "icon", type: "barcode", item: "character" }, path: ["icon", "barcode", "character"], }, }, bell: { character: { value: "\\e90b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e90b" }, name: "IconBellCharacter", attributes: { category: "icon", type: "bell", item: "character" }, path: ["icon", "bell", "character"], }, }, bold: { character: { value: "\\e9a5", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a5" }, name: "IconBoldCharacter", attributes: { category: "icon", type: "bold", item: "character" }, path: ["icon", "bold", "character"], }, }, bolt: { character: { value: "\\e90c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e90c" }, name: "IconBoltCharacter", attributes: { category: "icon", type: "bolt", item: "character" }, path: ["icon", "bolt", "character"], }, }, book: { character: { value: "\\e90d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e90d" }, name: "IconBookCharacter", attributes: { category: "icon", type: "book", item: "character" }, path: ["icon", "book", "character"], }, }, bookmark: { character: { value: "", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "" }, name: "IconBookmarkCharacter", attributes: { category: "icon", type: "bookmark", item: "character" }, path: ["icon", "bookmark", "character"], }, }, "bookmark-outline": { character: { value: "", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "" }, name: "IconBookmarkOutlineCharacter", attributes: { category: "icon", type: "bookmark-outline", item: "character", }, path: ["icon", "bookmark-outline", "character"], }, }, building: { character: { value: "\\e90e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e90e" }, name: "IconBuildingCharacter", attributes: { category: "icon", type: "building", item: "character" }, path: ["icon", "building", "character"], }, }, "burst-bolt": { character: { value: "\\e90f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e90f" }, name: "IconBurstBoltCharacter", attributes: { category: "icon", type: "burst-bolt", item: "character", }, path: ["icon", "burst-bolt", "character"], }, }, burst: { character: { value: "\\e910", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e910" }, name: "IconBurstCharacter", attributes: { category: "icon", type: "burst", item: "character" }, path: ["icon", "burst", "character"], }, }, "calendar-blank": { character: { value: "\\e911", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e911" }, name: "IconCalendarBlankCharacter", attributes: { category: "icon", type: "calendar-blank", item: "character", }, path: ["icon", "calendar-blank", "character"], }, }, calendar: { character: { value: "\\e912", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e912" }, name: "IconCalendarCharacter", attributes: { category: "icon", type: "calendar", item: "character" }, path: ["icon", "calendar", "character"], }, }, camera: { character: { value: "\\e913", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e913" }, name: "IconCameraCharacter", attributes: { category: "icon", type: "camera", item: "character" }, path: ["icon", "camera", "character"], }, }, "chart-area": { character: { value: "\\e914", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e914" }, name: "IconChartAreaCharacter", attributes: { category: "icon", type: "chart-area", item: "character", }, path: ["icon", "chart-area", "character"], }, }, "chart-bar": { character: { value: "\\e915", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e915" }, name: "IconChartBarCharacter", attributes: { category: "icon", type: "chart-bar", item: "character", }, path: ["icon", "chart-bar", "character"], }, }, "chart-line": { character: { value: "\\e916", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e916" }, name: "IconChartLineCharacter", attributes: { category: "icon", type: "chart-line", item: "character", }, path: ["icon", "chart-line", "character"], }, }, "chart-pie": { character: { value: "\\e917", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e917" }, name: "IconChartPieCharacter", attributes: { category: "icon", type: "chart-pie", item: "character", }, path: ["icon", "chart-pie", "character"], }, }, checkmark: { character: { value: "\\e918", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e918" }, name: "IconCheckmarkCharacter", attributes: { category: "icon", type: "checkmark", item: "character", }, path: ["icon", "checkmark", "character"], }, }, "chevron-down": { character: { value: "\\e919", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e919" }, name: "IconChevronDownCharacter", attributes: { category: "icon", type: "chevron-down", item: "character", }, path: ["icon", "chevron-down", "character"], }, }, "chevron-left": { character: { value: "\\e91a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e91a" }, name: "IconChevronLeftCharacter", attributes: { category: "icon", type: "chevron-left", item: "character", }, path: ["icon", "chevron-left", "character"], }, }, "chevron-right": { character: { value: "\\e91b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e91b" }, name: "IconChevronRightCharacter", attributes: { category: "icon", type: "chevron-right", item: "character", }, path: ["icon", "chevron-right", "character"], }, }, "chevron-up": { character: { value: "\\e91c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e91c" }, name: "IconChevronUpCharacter", attributes: { category: "icon", type: "chevron-up", item: "character", }, path: ["icon", "chevron-up", "character"], }, }, "circle-outline": { character: { value: "\\e91d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e91d" }, name: "IconCircleOutlineCharacter", attributes: { category: "icon", type: "circle-outline", item: "character", }, path: ["icon", "circle-outline", "character"], }, }, "clear-formatting": { character: { value: "\\e9af", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9af" }, name: "IconClearFormattingCharacter", attributes: { category: "icon", type: "clear-formatting", item: "character", }, path: ["icon", "clear-formatting", "character"], }, }, clock: { character: { value: "\\e91e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e91e" }, name: "IconClockCharacter", attributes: { category: "icon", type: "clock", item: "character" }, path: ["icon", "clock", "character"], }, }, "code-fork": { character: { value: "\\e91f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e91f" }, name: "IconCodeForkCharacter", attributes: { category: "icon", type: "code-fork", item: "character", }, path: ["icon", "code-fork", "character"], }, }, "comment-bubble-exclamation": { character: { value: "\\e9ae", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9ae" }, name: "IconCommentBubbleExclamationCharacter", attributes: { category: "icon", type: "comment-bubble-exclamation", item: "character", }, path: ["icon", "comment-bubble-exclamation", "character"], }, }, "comment-bubble-question": { character: { value: "\\e920", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e920" }, name: "IconCommentBubbleQuestionCharacter", attributes: { category: "icon", type: "comment-bubble-question", item: "character", }, path: ["icon", "comment-bubble-question", "character"], }, }, "comment-bubble": { character: { value: "\\e921", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e921" }, name: "IconCommentBubbleCharacter", attributes: { category: "icon", type: "comment-bubble", item: "character", }, path: ["icon", "comment-bubble", "character"], }, }, "complete-file": { character: { value: "\\e9b0", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b0" }, name: "IconCompleteFileCharacter", attributes: { category: "icon", type: "complete-file", item: "character", }, path: ["icon", "complete-file", "character"], }, }, conversation: { character: { value: "\\e922", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e922" }, name: "IconConversationCharacter", attributes: { category: "icon", type: "conversation", item: "character", }, path: ["icon", "conversation", "character"], }, }, "column-switcher": { character: { value: "\\e923", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e923" }, name: "IconColumnSwitcherCharacter", attributes: { category: "icon", type: "column-switcher", item: "character", }, path: ["icon", "column-switcher", "character"], }, }, "credit-card": { character: { value: "\\e924", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e924" }, name: "IconCreditCardCharacter", attributes: { category: "icon", type: "credit-card", item: "character", }, path: ["icon", "credit-card", "character"], }, }, dashboard: { character: { value: "\\e925", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e925" }, name: "IconDashboardCharacter", attributes: { category: "icon", type: "dashboard", item: "character", }, path: ["icon", "dashboard", "character"], }, }, database: { character: { value: "\\e926", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e926" }, name: "IconDatabaseCharacter", attributes: { category: "icon", type: "database", item: "character" }, path: ["icon", "database", "character"], }, }, disk: { character: { value: "\\e927", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e927" }, name: "IconDiskCharacter", attributes: { category: "icon", type: "disk", item: "character" }, path: ["icon", "disk", "character"], }, }, "dollar-sign": { character: { value: "\\e928", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e928" }, name: "IconDollarSignCharacter", attributes: { category: "icon", type: "dollar-sign", item: "character", }, path: ["icon", "dollar-sign", "character"], }, }, "double-angle-left": { character: { value: "\\e929", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e929" }, name: "IconDoubleAngleLeftCharacter", attributes: { category: "icon", type: "double-angle-left", item: "character", }, path: ["icon", "double-angle-left", "character"], }, }, "double-angle-right": { character: { value: "\\e92a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e92a" }, name: "IconDoubleAngleRightCharacter", attributes: { category: "icon", type: "double-angle-right", item: "character", }, path: ["icon", "double-angle-right", "character"], }, }, "download-cloud": { character: { value: "\\e92b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e92b" }, name: "IconDownloadCloudCharacter", attributes: { category: "icon", type: "download-cloud", item: "character", }, path: ["icon", "download-cloud", "character"], }, }, drill: { character: { value: "\\e92c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e92c" }, name: "IconDrillCharacter", attributes: { category: "icon", type: "drill", item: "character" }, path: ["icon", "drill", "character"], }, }, duplicate: { character: { value: "\\e92d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e92d" }, name: "IconDuplicateCharacter", attributes: { category: "icon", type: "duplicate", item: "character", }, path: ["icon", "duplicate", "character"], }, }, ellipses: { character: { value: "\\e92e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e92e" }, name: "IconEllipsesCharacter", attributes: { category: "icon", type: "ellipses", item: "character" }, path: ["icon", "ellipses", "character"], }, }, envelope: { character: { value: "\\e92f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e92f" }, name: "IconEnvelopeCharacter", attributes: { category: "icon", type: "envelope", item: "character" }, path: ["icon", "envelope", "character"], }, }, exchange: { character: { value: "\\e930", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e930" }, name: "IconExchangeCharacter", attributes: { category: "icon", type: "exchange", item: "character" }, path: ["icon", "exchange", "character"], }, }, "expand-collapse": { character: { value: "\\e931", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e931" }, name: "IconExpandCollapseCharacter", attributes: { category: "icon", type: "expand-collapse", item: "character", }, path: ["icon", "expand-collapse", "character"], }, }, eye: { character: { value: "\\e932", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e932" }, name: "IconEyeCharacter", attributes: { category: "icon", type: "eye", item: "character" }, path: ["icon", "eye", "character"], }, }, "file-duplicate": { character: { value: "\\e933", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e933" }, name: "IconFileDuplicateCharacter", attributes: { category: "icon", type: "file-duplicate", item: "character", }, path: ["icon", "file-duplicate", "character"], }, }, "file-pdf": { character: { value: "\\e934", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e934" }, name: "IconFilePdfCharacter", attributes: { category: "icon", type: "file-pdf", item: "character" }, path: ["icon", "file-pdf", "character"], }, }, "file-presentation": { character: { value: "\\e935", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e935" }, name: "IconFilePresentationCharacter", attributes: { category: "icon", type: "file-presentation", item: "character", }, path: ["icon", "file-presentation", "character"], }, }, "file-size": { character: { value: "\\e936", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e936" }, name: "IconFileSizeCharacter", attributes: { category: "icon", type: "file-size", item: "character", }, path: ["icon", "file-size", "character"], }, }, "file-solid-text": { character: { value: "\\e937", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e937" }, name: "IconFileSolidTextCharacter", attributes: { category: "icon", type: "file-solid-text", item: "character", }, path: ["icon", "file-solid-text", "character"], }, }, "file-solid": { character: { value: "\\e938", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e938" }, name: "IconFileSolidCharacter", attributes: { category: "icon", type: "file-solid", item: "character", }, path: ["icon", "file-solid", "character"], }, }, "file-spreadsheet": { character: { value: "\\e939", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e939" }, name: "IconFileSpreadsheetCharacter", attributes: { category: "icon", type: "file-spreadsheet", item: "character", }, path: ["icon", "file-spreadsheet", "character"], }, }, "file-text": { character: { value: "\\e93a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e93a" }, name: "IconFileTextCharacter", attributes: { category: "icon", type: "file-text", item: "character", }, path: ["icon", "file-text", "character"], }, }, file: { character: { value: "\\e93b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e93b" }, name: "IconFileCharacter", attributes: { category: "icon", type: "file", item: "character" }, path: ["icon", "file", "character"], }, }, filter: { character: { value: "\\e93c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e93c" }, name: "IconFilterCharacter", attributes: { category: "icon", type: "filter", item: "character" }, path: ["icon", "filter", "character"], }, }, flag: { character: { value: "\\e93d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e93d" }, name: "IconFlagCharacter", attributes: { category: "icon", type: "flag", item: "character" }, path: ["icon", "flag", "character"], }, }, "flag-outline": { character: { value: "\\e9bb", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9bb" }, name: "IconFlagOutlineCharacter", attributes: { category: "icon", type: "flag-outline", item: "character", }, path: ["icon", "flag-outline", "character"], }, }, "folder-open": { character: { value: "\\e93e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e93e" }, name: "IconFolderOpenCharacter", attributes: { category: "icon", type: "folder-open", item: "character", }, path: ["icon", "folder-open", "character"], }, }, "folder-solid-open": { character: { value: "\\e93f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e93f" }, name: "IconFolderSolidOpenCharacter", attributes: { category: "icon", type: "folder-solid-open", item: "character", }, path: ["icon", "folder-solid-open", "character"], }, }, "folder-solid": { character: { value: "\\e940", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e940" }, name: "IconFolderSolidCharacter", attributes: { category: "icon", type: "folder-solid", item: "character", }, path: ["icon", "folder-solid", "character"], }, }, folder: { character: { value: "\\e941", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e941" }, name: "IconFolderCharacter", attributes: { category: "icon", type: "folder", item: "character" }, path: ["icon", "folder", "character"], }, }, gear: { character: { value: "\\e942", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e942" }, name: "IconGearCharacter", attributes: { category: "icon", type: "gear", item: "character" }, path: ["icon", "gear", "character"], }, }, globe: { character: { value: "\\e943", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e943" }, name: "IconGlobeCharacter", attributes: { category: "icon", type: "globe", item: "character" }, path: ["icon", "globe", "character"], }, }, grid: { character: { value: "\\e944", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e944" }, name: "IconGridCharacter", attributes: { category: "icon", type: "grid", item: "character" }, path: ["icon", "grid", "character"], }, }, group: { character: { value: "\\e945", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e945" }, name: "IconGroupCharacter", attributes: { category: "icon", type: "group", item: "character" }, path: ["icon", "group", "character"], }, }, "hand-stop": { character: { value: "\\e946", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e946" }, name: "IconHandStopCharacter", attributes: { category: "icon", type: "hand-stop", item: "character", }, path: ["icon", "hand-stop", "character"], }, }, handshake: { character: { value: "\\e947", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e947" }, name: "IconHandshakeCharacter", attributes: { category: "icon", type: "handshake", item: "character", }, path: ["icon", "handshake", "character"], }, }, hat: { character: { value: "\\e948", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e948" }, name: "IconHatCharacter", attributes: { category: "icon", type: "hat", item: "character" }, path: ["icon", "hat", "character"], }, }, heart: { character: { value: "\\e949", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e949" }, name: "IconHeartCharacter", attributes: { category: "icon", type: "heart", item: "character" }, path: ["icon", "heart", "character"], }, }, "heart-outline": { character: { value: "\\e9b9", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b9" }, name: "IconHeartOutlineCharacter", attributes: { category: "icon", type: "heart-outline", item: "character", }, path: ["icon", "heart-outline", "character"], }, }, history: { character: { value: "\\e94a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e94a" }, name: "IconHistoryCharacter", attributes: { category: "icon", type: "history", item: "character" }, path: ["icon", "history", "character"], }, }, home: { character: { value: "", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "" }, name: "IconHomeCharacter", attributes: { category: "icon", type: "home", item: "character" }, path: ["icon", "home", "character"], }, }, "i-made-this": { character: { value: "\\e9be", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9be" }, name: "IconIMadeThisCharacter", attributes: { category: "icon", type: "i-made-this", item: "character", }, path: ["icon", "i-made-this", "character"], }, }, inbox: { character: { value: "\\e94b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e94b" }, name: "IconInboxCharacter", attributes: { category: "icon", type: "inbox", item: "character" }, path: ["icon", "inbox", "character"], }, }, incoming: { character: { value: "\\e94c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e94c" }, name: "IconIncomingCharacter", attributes: { category: "icon", type: "incoming", item: "character" }, path: ["icon", "incoming", "character"], }, }, "info-circle": { character: { value: "\\e94d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e94d" }, name: "IconInfoCircleCharacter", attributes: { category: "icon", type: "info-circle", item: "character", }, path: ["icon", "info-circle", "character"], }, }, intercom: { character: { value: "\\e94e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e94e" }, name: "IconIntercomCharacter", attributes: { category: "icon", type: "intercom", item: "character" }, path: ["icon", "intercom", "character"], }, }, italics: { character: { value: "\\e9a6", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a6" }, name: "IconItalicsCharacter", attributes: { category: "icon", type: "italics", item: "character" }, path: ["icon", "italics", "character"], }, }, "item-tag": { character: { value: "\\e94f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e94f" }, name: "IconItemTagCharacter", attributes: { category: "icon", type: "item-tag", item: "character" }, path: ["icon", "item-tag", "character"], }, }, key: { character: { value: "\\e950", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e950" }, name: "IconKeyCharacter", attributes: { category: "icon", type: "key", item: "character" }, path: ["icon", "key", "character"], }, }, "life-preserver": { character: { value: "\\e951", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e951" }, name: "IconLifePreserverCharacter", attributes: { category: "icon", type: "life-preserver", item: "character", }, path: ["icon", "life-preserver", "character"], }, }, lightbulb: { character: { value: "\\e952", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e952" }, name: "IconLightbulbCharacter", attributes: { category: "icon", type: "lightbulb", item: "character", }, path: ["icon", "lightbulb", "character"], }, }, link: { character: { value: "\\e953", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e953" }, name: "IconLinkCharacter", attributes: { category: "icon", type: "link", item: "character" }, path: ["icon", "link", "character"], }, }, linkedin: { character: { value: "\\e954", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e954" }, name: "IconLinkedinCharacter", attributes: { category: "icon", type: "linkedin", item: "character" }, path: ["icon", "linkedin", "character"], }, }, "list-cards": { character: { value: "\\e955", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e955" }, name: "IconListCardsCharacter", attributes: { category: "icon", type: "list-cards", item: "character", }, path: ["icon", "list-cards", "character"], }, }, "list-columns": { character: { value: "\\e956", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e956" }, name: "IconListColumnsCharacter", attributes: { category: "icon", type: "list-columns", item: "character", }, path: ["icon", "list-columns", "character"], }, }, "list-indent": { character: { value: "\\e9a7", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a7" }, name: "IconListIndentCharacter", attributes: { category: "icon", type: "list-indent", item: "character", }, path: ["icon", "list-indent", "character"], }, }, "list-ordered": { character: { value: "\\e9a8", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a8" }, name: "IconListOrderedCharacter", attributes: { category: "icon", type: "list-ordered", item: "character", }, path: ["icon", "list-ordered", "character"], }, }, "list-outdent": { character: { value: "\\e9a9", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a9" }, name: "IconListOutdentCharacter", attributes: { category: "icon", type: "list-outdent", item: "character", }, path: ["icon", "list-outdent", "character"], }, }, "list-unordered": { character: { value: "\\e9aa", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9aa" }, name: "IconListUnorderedCharacter", attributes: { category: "icon", type: "list-unordered", item: "character", }, path: ["icon", "list-unordered", "character"], }, }, "list-summary": { character: { value: "\\e957", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e957" }, name: "IconListSummaryCharacter", attributes: { category: "icon", type: "list-summary", item: "character", }, path: ["icon", "list-summary", "character"], }, }, "list-table": { character: { value: "\\e958", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e958" }, name: "IconListTableCharacter", attributes: { category: "icon", type: "list-table", item: "character", }, path: ["icon", "list-table", "character"], }, }, list: { character: { value: "\\e959", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e959" }, name: "IconListCharacter", attributes: { category: "icon", type: "list", item: "character" }, path: ["icon", "list", "character"], }, }, location: { character: { value: "\\e95a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e95a" }, name: "IconLocationCharacter", attributes: { category: "icon", type: "location", item: "character" }, path: ["icon", "location", "character"], }, }, locked: { character: { value: "\\e95b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e95b" }, name: "IconLockedCharacter", attributes: { category: "icon", type: "locked", item: "character" }, path: ["icon", "locked", "character"], }, }, "map-marker": { character: { value: "\\e95c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e95c" }, name: "IconMapMarkerCharacter", attributes: { category: "icon", type: "map-marker", item: "character", }, path: ["icon", "map-marker", "character"], }, }, map: { character: { value: "\\e95d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e95d" }, name: "IconMapCharacter", attributes: { category: "icon", type: "map", item: "character" }, path: ["icon", "map", "character"], }, }, maximize: { character: { value: "\\e95e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e95e" }, name: "IconMaximizeCharacter", attributes: { category: "icon", type: "maximize", item: "character" }, path: ["icon", "maximize", "character"], }, }, "microphone-off": { character: { value: "\\e9b7", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b7" }, name: "IconMicrophoneOffCharacter", attributes: { category: "icon", type: "microphone-off", item: "character", }, path: ["icon", "microphone-off", "character"], }, }, "microphone-on": { character: { value: "\\e9b8", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b8" }, name: "IconMicrophoneOnCharacter", attributes: { category: "icon", type: "microphone-on", item: "character", }, path: ["icon", "microphone-on", "character"], }, }, minimize: { character: { value: "\\e95f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e95f" }, name: "IconMinimizeCharacter", attributes: { category: "icon", type: "minimize", item: "character" }, path: ["icon", "minimize", "character"], }, }, "minus-circle": { character: { value: "\\e960", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e960" }, name: "IconMinusCircleCharacter", attributes: { category: "icon", type: "minus-circle", item: "character", }, path: ["icon", "minus-circle", "character"], }, }, minus: { character: { value: "\\e961", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e961" }, name: "IconMinusCharacter", attributes: { category: "icon", type: "minus", item: "character" }, path: ["icon", "minus", "character"], }, }, "new-file": { character: { value: "\\e962", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e962" }, name: "IconNewFileCharacter", attributes: { category: "icon", type: "new-file", item: "character" }, path: ["icon", "new-file", "character"], }, }, "new-screen": { character: { value: "\\e963", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e963" }, name: "IconNewScreenCharacter", attributes: { category: "icon", type: "new-screen", item: "character", }, path: ["icon", "new-screen", "character"], }, }, outgoing: { character: { value: "\\e964", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e964" }, name: "IconOutgoingCharacter", attributes: { category: "icon", type: "outgoing", item: "character" }, path: ["icon", "outgoing", "character"], }, }, "paper-plane": { character: { value: "\\e965", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e965" }, name: "IconPaperPlaneCharacter", attributes: { category: "icon", type: "paper-plane", item: "character", }, path: ["icon", "paper-plane", "character"], }, }, pencil: { character: { value: "\\e966", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e966" }, name: "IconPencilCharacter", attributes: { category: "icon", type: "pencil", item: "character" }, path: ["icon", "pencil", "character"], }, }, photo: { character: { value: "\\e967", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e967" }, name: "IconPhotoCharacter", attributes: { category: "icon", type: "photo", item: "character" }, path: ["icon", "photo", "character"], }, }, pinterest: { character: { value: "\\e968", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e968" }, name: "IconPinterestCharacter", attributes: { category: "icon", type: "pinterest", item: "character", }, path: ["icon", "pinterest", "character"], }, }, play: { character: { value: "\\e969", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e969" }, name: "IconPlayCharacter", attributes: { category: "icon", type: "play", item: "character" }, path: ["icon", "play", "character"], }, }, "plus-circle": { character: { value: "\\e96a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e96a" }, name: "IconPlusCircleCharacter", attributes: { category: "icon", type: "plus-circle", item: "character", }, path: ["icon", "plus-circle", "character"], }, }, "plus-sign": { character: { value: "\\e96b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e96b" }, name: "IconPlusSignCharacter", attributes: { category: "icon", type: "plus-sign", item: "character", }, path: ["icon", "plus-sign", "character"], }, }, presentation: { character: { value: "\\e96c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e96c" }, name: "IconPresentationCharacter", attributes: { category: "icon", type: "presentation", item: "character", }, path: ["icon", "presentation", "character"], }, }, printer: { character: { value: "\\e96d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e96d" }, name: "IconPrinterCharacter", attributes: { category: "icon", type: "printer", item: "character" }, path: ["icon", "printer", "character"], }, }, "qr-code": { character: { value: "\\e96e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e96e" }, name: "IconQrCodeCharacter", attributes: { category: "icon", type: "qr-code", item: "character" }, path: ["icon", "qr-code", "character"], }, }, "question-circle": { character: { value: "\\e96f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e96f" }, name: "IconQuestionCircleCharacter", attributes: { category: "icon", type: "question-circle", item: "character", }, path: ["icon", "question-circle", "character"], }, }, "quote-left": { character: { value: "\\e970", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e970" }, name: "IconQuoteLeftCharacter", attributes: { category: "icon", type: "quote-left", item: "character", }, path: ["icon", "quote-left", "character"], }, }, "quote-right": { character: { value: "\\e971", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e971" }, name: "IconQuoteRightCharacter", attributes: { category: "icon", type: "quote-right", item: "character", }, path: ["icon", "quote-right", "character"], }, }, random: { character: { value: "\\e972", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e972" }, name: "IconRandomCharacter", attributes: { category: "icon", type: "random", item: "character" }, path: ["icon", "random", "character"], }, }, redo: { character: { value: "\\e9ac", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9ac" }, name: "IconRedoCharacter", attributes: { category: "icon", type: "redo", item: "character" }, path: ["icon", "redo", "character"], }, }, refresh: { character: { value: "\\e973", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e973" }, name: "IconRefreshCharacter", attributes: { category: "icon", type: "refresh", item: "character" }, path: ["icon", "refresh", "character"], }, }, rocket: { character: { value: "\\e974", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e974" }, name: "IconRocketCharacter", attributes: { category: "icon", type: "rocket", item: "character" }, path: ["icon", "rocket", "character"], }, }, "saved-circle": { character: { value: "\\e98a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e98a" }, name: "IconSavedCircleCharacter", attributes: { category: "icon", type: "saved-circle", item: "character", }, path: ["icon", "saved-circle", "character"], }, }, "search-plus": { character: { value: "\\e975", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e975" }, name: "IconSearchPlusCharacter", attributes: { category: "icon", type: "search-plus", item: "character", }, path: ["icon", "search-plus", "character"], }, }, search: { character: { value: "\\e976", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e976" }, name: "IconSearchCharacter", attributes: { category: "icon", type: "search", item: "character" }, path: ["icon", "search", "character"], }, }, share: { character: { value: "\\e977", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e977" }, name: "IconShareCharacter", attributes: { category: "icon", type: "share", item: "character" }, path: ["icon", "share", "character"], }, }, "shopping-cart": { character: { value: "\\e978", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e978" }, name: "IconShoppingCartCharacter", attributes: { category: "icon", type: "shopping-cart", item: "character", }, path: ["icon", "shopping-cart", "character"], }, }, "sort-alpha-asc": { character: { value: "\\e979", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e979" }, name: "IconSortAlphaAscCharacter", attributes: { category: "icon", type: "sort-alpha-asc", item: "character", }, path: ["icon", "sort-alpha-asc", "character"], }, }, "sort-alpha-desc": { character: { value: "\\e97a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e97a" }, name: "IconSortAlphaDescCharacter", attributes: { category: "icon", type: "sort-alpha-desc", item: "character", }, path: ["icon", "sort-alpha-desc", "character"], }, }, "sort-num-asc": { character: { value: "\\e97b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e97b" }, name: "IconSortNumAscCharacter", attributes: { category: "icon", type: "sort-num-asc", item: "character", }, path: ["icon", "sort-num-asc", "character"], }, }, "sort-num-desc": { character: { value: "\\e97c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e97c" }, name: "IconSortNumDescCharacter", attributes: { category: "icon", type: "sort-num-desc", item: "character", }, path: ["icon", "sort-num-desc", "character"], }, }, "star-outline": { character: { value: "\\e97d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e97d" }, name: "IconStarOutlineCharacter", attributes: { category: "icon", type: "star-outline", item: "character", }, path: ["icon", "star-outline", "character"], }, }, star: { character: { value: "\\e97e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e97e" }, name: "IconStarCharacter", attributes: { category: "icon", type: "star", item: "character" }, path: ["icon", "star", "character"], }, }, "archive-circle": { character: { value: "\\e97f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e97f" }, name: "IconArchiveCircleCharacter", attributes: { category: "icon", type: "archive-circle", item: "character", }, path: ["icon", "archive-circle", "character"], }, }, "x-circle": { character: { value: "\\e980", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e980" }, name: "IconXCircleCharacter", attributes: { category: "icon", type: "x-circle", item: "character" }, path: ["icon", "x-circle", "character"], }, }, "exclamation-circle": { character: { value: "\\e981", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e981" }, name: "IconExclamationCircleCharacter", attributes: { category: "icon", type: "exclamation-circle", item: "character", }, path: ["icon", "exclamation-circle", "character"], }, }, "descending-ellipses-circle": { character: { value: "\\e982", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e982" }, name: "IconDescendingEllipsesCircleCharacter", attributes: { category: "icon", type: "descending-ellipses-circle", item: "character", }, path: ["icon", "descending-ellipses-circle", "character"], }, }, "double-angle-right-circle": { character: { value: "\\e983", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e983" }, name: "IconDoubleAngleRightCircleCharacter", attributes: { category: "icon", type: "double-angle-right-circle", item: "character", }, path: ["icon", "double-angle-right-circle", "character"], }, }, "locked-circle": { character: { value: "\\e984", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e984" }, name: "IconLockedCircleCharacter", attributes: { category: "icon", type: "locked-circle", item: "character", }, path: ["icon", "locked-circle", "character"], }, }, "asterisk-circle": { character: { value: "\\e985", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e985" }, name: "IconAsteriskCircleCharacter", attributes: { category: "icon", type: "asterisk-circle", item: "character", }, path: ["icon", "asterisk-circle", "character"], }, }, "checkmark-circle": { character: { value: "\\e986", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e986" }, name: "IconCheckmarkCircleCharacter", attributes: { category: "icon", type: "checkmark-circle", item: "character", }, path: ["icon", "checkmark-circle", "character"], }, }, "clock-circle": { character: { value: "\\e987", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e987" }, name: "IconClockCircleCharacter", attributes: { category: "icon", type: "clock-circle", item: "character", }, path: ["icon", "clock-circle", "character"], }, }, "calendar-blank-circle": { character: { value: "\\e988", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e988" }, name: "IconCalendarBlankCircleCharacter", attributes: { category: "icon", type: "calendar-blank-circle", item: "character", }, path: ["icon", "calendar-blank-circle", "character"], }, }, "ban-circle": { character: { value: "\\e989", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e989" }, name: "IconBanCircleCharacter", attributes: { category: "icon", type: "ban-circle", item: "character", }, path: ["icon", "ban-circle", "character"], }, }, "disk-circle": { character: { value: "\\e98b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e98b" }, name: "IconDiskCircleCharacter", attributes: { category: "icon", type: "disk-circle", item: "character", }, path: ["icon", "disk-circle", "character"], }, }, "template-circle": { character: { value: "\\e98c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e98c" }, name: "IconTemplateCircleCharacter", attributes: { category: "icon", type: "template-circle", item: "character", }, path: ["icon", "template-circle", "character"], }, }, "exclamation-triangle": { character: { value: "\\e98d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e98d" }, name: "IconExclamationTriangleCharacter", attributes: { category: "icon", type: "exclamation-triangle", item: "character", }, path: ["icon", "exclamation-triangle", "character"], }, }, table: { character: { value: "\\e98e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e98e" }, name: "IconTableCharacter", attributes: { category: "icon", type: "table", item: "character" }, path: ["icon", "table", "character"], }, }, tabs: { character: { value: "\\e98f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e98f" }, name: "IconTabsCharacter", attributes: { category: "icon", type: "tabs", item: "character" }, path: ["icon", "tabs", "character"], }, }, "thumbs-down-outline": { character: { value: "\\e990", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e990" }, name: "IconThumbsDownOutlineCharacter", attributes: { category: "icon", type: "thumbs-down-outline", item: "character", }, path: ["icon", "thumbs-down-outline", "character"], }, }, "thumbs-down": { character: { value: "\\e991", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e991" }, name: "IconThumbsDownCharacter", attributes: { category: "icon", type: "thumbs-down", item: "character", }, path: ["icon", "thumbs-down", "character"], }, }, "thumbs-up-outline": { character: { value: "\\e992", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e992" }, name: "IconThumbsUpOutlineCharacter", attributes: { category: "icon", type: "thumbs-up-outline", item: "character", }, path: ["icon", "thumbs-up-outline", "character"], }, }, "thumbs-up": { character: { value: "\\e993", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e993" }, name: "IconThumbsUpCharacter", attributes: { category: "icon", type: "thumbs-up", item: "character", }, path: ["icon", "thumbs-up", "character"], }, }, trash: { character: { value: "\\e994", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e994" }, name: "IconTrashCharacter", attributes: { category: "icon", type: "trash", item: "character" }, path: ["icon", "trash", "character"], }, }, "truck-shipping": { character: { value: "\\e995", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e995" }, name: "IconTruckShippingCharacter", attributes: { category: "icon", type: "truck-shipping", item: "character", }, path: ["icon", "truck-shipping", "character"], }, }, twitter: { character: { value: "\\e996", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e996" }, name: "IconTwitterCharacter", attributes: { category: "icon", type: "twitter", item: "character" }, path: ["icon", "twitter", "character"], }, }, unarchive: { character: { value: "\\e9ad", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9ad" }, name: "IconUnarchiveCharacter", attributes: { category: "icon", type: "unarchive", item: "character", }, path: ["icon", "unarchive", "character"], }, }, undo: { character: { value: "\\e997", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e997" }, name: "IconUndoCharacter", attributes: { category: "icon", type: "undo", item: "character" }, path: ["icon", "undo", "character"], }, }, unlocked: { character: { value: "\\e998", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e998" }, name: "IconUnlockedCharacter", attributes: { category: "icon", type: "unlocked", item: "character" }, path: ["icon", "unlocked", "character"], }, }, unlink: { character: { value: "\\e9ab", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9ab" }, name: "IconUnlinkCharacter", attributes: { category: "icon", type: "unlink", item: "character" }, path: ["icon", "unlink", "character"], }, }, "upload-cloud": { character: { value: "\\e999", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e999" }, name: "IconUploadCloudCharacter", attributes: { category: "icon", type: "upload-cloud", item: "character", }, path: ["icon", "upload-cloud", "character"], }, }, wrench: { character: { value: "\\e99a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e99a" }, name: "IconWrenchCharacter", attributes: { category: "icon", type: "wrench", item: "character" }, path: ["icon", "wrench", "character"], }, }, x: { character: { value: "\\e99b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e99b" }, name: "IconXCharacter", attributes: { category: "icon", type: "x", item: "character" }, path: ["icon", "x", "character"], }, }, "arrow-right-circle": { character: { value: "\\e99c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e99c" }, name: "IconArrowRightCircleCharacter", attributes: { category: "icon", type: "arrow-right-circle", item: "character", }, path: ["icon", "arrow-right-circle", "character"], }, }, "calendar-select": { character: { value: "\\e99d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e99d" }, name: "IconCalendarSelectCharacter", attributes: { category: "icon", type: "calendar-select", item: "character", }, path: ["icon", "calendar-select", "character"], }, }, tag: { character: { value: "\\e99e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e99e" }, name: "IconTagCharacter", attributes: { category: "icon", type: "tag", item: "character" }, path: ["icon", "tag", "character"], }, }, user: { character: { value: "\\e99f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e99f" }, name: "IconUserCharacter", attributes: { category: "icon", type: "user", item: "character" }, path: ["icon", "user", "character"], }, }, "eye-slash": { character: { value: "\\e9a0", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a0" }, name: "IconEyeSlashCharacter", attributes: { category: "icon", type: "eye-slash", item: "character", }, path: ["icon", "eye-slash", "character"], }, }, "bell-filled": { character: { value: "\\e9a1", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a1" }, name: "IconBellFilledCharacter", attributes: { category: "icon", type: "bell-filled", item: "character", }, path: ["icon", "bell-filled", "character"], }, }, "nested-list": { character: { value: "\\e9a2", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a2" }, name: "IconNestedListCharacter", attributes: { category: "icon", type: "nested-list", item: "character", }, path: ["icon", "nested-list", "character"], }, }, pin: { character: { value: "\\e9a3", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a3" }, name: "IconPinCharacter", attributes: { category: "icon", type: "pin", item: "character" }, path: ["icon", "pin", "character"], }, }, "pin-outline": { character: { value: "\\e9bc", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9bc" }, name: "IconPinOutlineCharacter", attributes: { category: "icon", type: "pin-outline", item: "character", }, path: ["icon", "pin-outline", "character"], }, }, "user-impersonation": { character: { value: "\\e9a4", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a4" }, name: "IconUserImpersonationCharacter", attributes: { category: "icon", type: "user-impersonation", item: "character", }, path: ["icon", "user-impersonation", "character"], }, }, "volume-full": { character: { value: "\\e9b6", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b6" }, name: "IconVolumeFullCharacter", attributes: { category: "icon", type: "volume-full", item: "character", }, path: ["icon", "volume-full", "character"], }, }, "volume-low": { character: { value: "\\e9b3", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b3" }, name: "IconVolumeLowCharacter", attributes: { category: "icon", type: "volume-low", item: "character", }, path: ["icon", "volume-low", "character"], }, }, "volume-medium": { character: { value: "\\e9b5", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b5" }, name: "IconVolumeMediumCharacter", attributes: { category: "icon", type: "volume-medium", item: "character", }, path: ["icon", "volume-medium", "character"], }, }, "volume-off": { character: { value: "\\e9b1", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b1" }, name: "IconVolumeOffCharacter", attributes: { category: "icon", type: "volume-off", item: "character", }, path: ["icon", "volume-off", "character"], }, }, workflow: { character: { value: "\\e9b4", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b4" }, name: "IconWorkflowCharacter", attributes: { category: "icon", type: "workflow", item: "character" }, path: ["icon", "workflow", "character"], }, }, "workflow-complete": { character: { value: "\\e9b2", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b2" }, name: "IconWorkflowCompleteCharacter", attributes: { category: "icon", type: "workflow-complete", item: "character", }, path: ["icon", "workflow-complete", "character"], }, }, "status-archived": { character: { value: "\\e97f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.archive-circle.character}" }, name: "IconStatusArchivedCharacter", attributes: { category: "icon", type: "status-archived", item: "character", }, path: ["icon", "status-archived", "character"], }, color: { value: "#1f282cff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.grey.dark}" }, name: "IconStatusArchivedColor", attributes: { category: "icon", type: "status-archived", item: "color", }, path: ["icon", "status-archived", "color"], }, }, "status-cancelled": { character: { value: "\\e980", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.x-circle.character}" }, name: "IconStatusCancelledCharacter", attributes: { category: "icon", type: "status-cancelled", item: "character", }, path: ["icon", "status-cancelled", "character"], }, color: { value: "#de002eff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.red.medium}" }, name: "IconStatusCancelledColor", attributes: { category: "icon", type: "status-cancelled", item: "color", }, path: ["icon", "status-cancelled", "color"], }, }, "status-error": { character: { value: "\\e981", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.exclamation-circle.character}" }, name: "IconStatusErrorCharacter", attributes: { category: "icon", type: "status-error", item: "character", }, path: ["icon", "status-error", "character"], }, color: { value: "#de002eff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.red.medium}" }, name: "IconStatusErrorColor", attributes: { category: "icon", type: "status-error", item: "color" }, path: ["icon", "status-error", "color"], }, }, "status-in-process": { character: { value: "\\e982", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.descending-ellipses-circle.character}" }, name: "IconStatusInProcessCharacter", attributes: { category: "icon", type: "status-in-process", item: "character", }, path: ["icon", "status-in-process", "character"], }, color: { value: "#91467fff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.purple.medium}" }, name: "IconStatusInProcessColor", attributes: { category: "icon", type: "status-in-process", item: "color", }, path: ["icon", "status-in-process", "color"], }, }, "status-in-transit": { character: { value: "\\e983", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.double-angle-right-circle.character}" }, name: "IconStatusInTransitCharacter", attributes: { category: "icon", type: "status-in-transit", item: "character", }, path: ["icon", "status-in-transit", "character"], }, color: { value: "#91467fff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.purple.medium}" }, name: "IconStatusInTransitColor", attributes: { category: "icon", type: "status-in-transit", item: "color", }, path: ["icon", "status-in-transit", "color"], }, }, "status-locked": { character: { value: "\\e984", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.locked-circle.character}" }, name: "IconStatusLockedCharacter", attributes: { category: "icon", type: "status-locked", item: "character", }, path: ["icon", "status-locked", "character"], }, color: { value: "#1f282cff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.grey.dark}" }, name: "IconStatusLockedColor", attributes: { category: "icon", type: "status-locked", item: "color", }, path: ["icon", "status-locked", "color"], }, }, "status-new": { character: { value: "\\e985", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.asterisk-circle.character}" }, name: "IconStatusNewCharacter", attributes: { category: "icon", type: "status-new", item: "character", }, path: ["icon", "status-new", "character"], }, color: { value: "#007db8ff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.blue.medium}" }, name: "IconStatusNewColor", attributes: { category: "icon", type: "status-new", item: "color" }, path: ["icon", "status-new", "color"], }, }, "status-ok": { character: { value: "\\e986", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.checkmark-circle.character}" }, name: "IconStatusOkCharacter", attributes: { category: "icon", type: "status-ok", item: "character", }, path: ["icon", "status-ok", "character"], }, color: { value: "#0b8940ff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.green.medium}" }, name: "IconStatusOkColor", attributes: { category: "icon", type: "status-ok", item: "color" }, path: ["icon", "status-ok", "color"], }, }, "status-on-hold": { character: { value: "\\e987", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.clock-circle.character}" }, name: "IconStatusOnHoldCharacter", attributes: { category: "icon", type: "status-on-hold", item: "character", }, path: ["icon", "status-on-hold", "character"], }, color: { value: "#1f282cff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.grey.dark}" }, name: "IconStatusOnHoldColor", attributes: { category: "icon", type: "status-on-hold", item: "color", }, path: ["icon", "status-on-hold", "color"], }, }, "status-outdated": { character: { value: "\\e988", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.calendar-blank-circle.character}" }, name: "IconStatusOutdatedCharacter", attributes: { category: "icon", type: "status-outdated", item: "character", }, path: ["icon", "status-outdated", "character"], }, color: { value: "#1f282cff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.grey.dark}" }, name: "IconStatusOutdatedColor", attributes: { category: "icon", type: "status-outdated", item: "color", }, path: ["icon", "status-outdated", "color"], }, }, "status-preview": { character: { value: "\\e9ba", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9ba" }, name: "IconStatusPreviewCharacter", attributes: { category: "icon", type: "status-preview", item: "character", }, path: ["icon", "status-preview", "character"], }, color: { value: "#1f282cff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.grey.dark}" }, name: "IconStatusPreviewColor", attributes: { category: "icon", type: "status-preview", item: "color", }, path: ["icon", "status-preview", "color"], }, }, "status-rejected": { character: { value: "\\e989", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.ban-circle.character}" }, name: "IconStatusRejectedCharacter", attributes: { category: "icon", type: "status-rejected", item: "character", }, path: ["icon", "status-rejected", "character"], }, color: { value: "#de002eff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.red.medium}" }, name: "IconStatusRejectedColor", attributes: { category: "icon", type: "status-rejected", item: "color", }, path: ["icon", "status-rejected", "color"], }, }, "status-saved": { character: { value: "\\e98b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.disk-circle.character}" }, name: "IconStatusSavedCharacter", attributes: { category: "icon", type: "status-saved", item: "character", }, path: ["icon", "status-saved", "character"], }, color: { value: "#91467fff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.purple.medium}" }, name: "IconStatusSavedColor", attributes: { category: "icon", type: "status-saved", item: "color" }, path: ["icon", "status-saved", "color"], }, }, "status-saving": { character: { value: "\\e98b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.disk-circle.character}" }, name: "IconStatusSavingCharacter", attributes: { category: "icon", type: "status-saving", item: "character", }, path: ["icon", "status-saving", "character"], }, color: { value: "#91467fff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.purple.medium}" }, name: "IconStatusSavingColor", attributes: { category: "icon", type: "status-saving", item: "color", }, path: ["icon", "status-saving", "color"], }, }, "status-template": { character: { value: "\\e98c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.template-circle.character}" }, name: "IconStatusTemplateCharacter", attributes: { category: "icon", type: "status-template", item: "character", }, path: ["icon", "status-template", "character"], }, color: { value: "#007db8ff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.blue.medium}" }, name: "IconStatusTemplateColor", attributes: { category: "icon", type: "status-template", item: "color", }, path: ["icon", "status-template", "color"], }, }, "status-warning": { character: { value: "\\e98d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.exclamation-triangle.character}" }, name: "IconStatusWarningCharacter", attributes: { category: "icon", type: "status-warning", item: "character", }, path: ["icon", "status-warning", "character"], }, color: { value: "#e7760bff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.orange.medium}" }, name: "IconStatusWarningColor", attributes: { category: "icon", type: "status-warning", item: "color", }, path: ["icon", "status-warning", "color"], }, }, }, shadow: { input: { value: "0 0.25rem 0 0 #e9e9eaff inset", filePath: "src/tokens/shadow/shadow.json", isSource: true, original: { value: { offsetY: "{size.system.xs.value}", color: "{color.grey.light.value}", inset: true, }, }, name: "ShadowInput", attributes: { category: "shadow", type: "input" }, path: ["shadow", "input"], }, outer: { value: "0 0 0.25rem 0 #1f282c80", filePath: "src/tokens/shadow/shadow.json", isSource: true, original: { value: { blur: "{size.system.xs.value}", color: "{color.grey.dark-50.value}", }, }, name: "ShadowOuter", attributes: { category: "shadow", type: "outer" }, path: ["shadow", "outer"], }, dropdown: { value: "0 0 0.25rem 0 #1f282c40", filePath: "src/tokens/shadow/shadow.json", isSource: true, original: { value: { blur: "{size.system.xs.value}", color: "{color.grey.dark-25.value}", }, }, name: "ShadowDropdown", attributes: { category: "shadow", type: "dropdown" }, path: ["shadow", "dropdown"], }, "fixed-container": { value: "0 0 0.25rem 0.25rem #1f282c1a", filePath: "src/tokens/shadow/shadow.json", isSource: true, original: { value: { blur: "{size.system.xs.value}", spread: "{size.system.xs.value}", color: "{color.grey.dark-10.value}", }, }, name: "ShadowFixedContainer", attributes: { category: "shadow", type: "fixed-container" }, path: ["shadow", "fixed-container"], }, }, size: { border: { radius: { none: { value: "0", filePath: "src/tokens/size/border.json", isSource: true, original: { value: 0 }, name: "SizeBorderRadiusNone", attributes: { category: "size", type: "border", item: "radius", subitem: "none", }, path: ["size", "border", "radius", "none"], }, xxs: { value: "0.125rem", filePath: "src/tokens/size/border.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "SizeBorderRadiusXxs", attributes: { category: "size", type: "border", item: "radius", subitem: "xxs", }, path: ["size", "border", "radius", "xxs"], }, xs: { value: "0.25rem", filePath: "src/tokens/size/border.json", isSource: true, original: { value: "{size.system.xs.value}" }, name: "SizeBorderRadiusXs", attributes: { category: "size", type: "border", item: "radius", subitem: "xs", }, path: ["size", "border", "radius", "xs"], }, }, width: { none: { value: "0", filePath: "src/tokens/size/border.json", isSource: true, original: { value: 0 }, name: "SizeBorderWidthNone", attributes: { category: "size", type: "border", item: "width", subitem: "none", }, path: ["size", "border", "width", "none"], }, standard: { value: "0.0625rem", filePath: "src/tokens/size/border.json", isSource: true, original: { value: 1 }, name: "SizeBorderWidthStandard", attributes: { category: "size", type: "border", item: "width", subitem: "standard", }, path: ["size", "border", "width", "standard"], }, }, }, component: { "action-bar": { "max-content-width": { value: "1280px", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "{grid.content-width.value}" }, name: "SizeComponentActionBarMaxContentWidth", attributes: { category: "size", type: "component", item: "action-bar", subitem: "max-content-width", }, path: ["size", "component", "action-bar", "max-content-width"], }, "content-padding": { value: "1.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "20px" }, name: "SizeComponentActionBarContentPadding", attributes: { category: "size", type: "component", item: "action-bar", subitem: "content-padding", }, path: ["size", "component", "action-bar", "content-padding"], }, }, "add-to-list": { "drag-handle": { width: { value: "0.375rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "6px" }, name: "SizeComponentAddToListDragHandleWidth", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "drag-handle", state: "width", }, path: [ "size", "component", "add-to-list", "drag-handle", "width", ], }, height: { value: "1.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "18px" }, name: "SizeComponentAddToListDragHandleHeight", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "drag-handle", state: "height", }, path: [ "size", "component", "add-to-list", "drag-handle", "height", ], }, }, "close-button": { right: { value: "0.375rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "6px" }, name: "SizeComponentAddToListCloseButtonRight", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "close-button", state: "right", }, path: [ "size", "component", "add-to-list", "close-button", "right", ], }, top: { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentAddToListCloseButtonTop", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "close-button", state: "top", }, path: ["size", "component", "add-to-list", "close-button", "top"], }, }, item: { minwidth: { value: "17.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "284px" }, name: "SizeComponentAddToListItemMinwidth", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "item", state: "minwidth", }, path: ["size", "component", "add-to-list", "item", "minwidth"], }, padding: { value: "0.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "12px" }, name: "SizeComponentAddToListItemPadding", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "item", state: "padding", }, path: ["size", "component", "add-to-list", "item", "padding"], }, }, verticalRule: { left: { value: "3.09375rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "49.5%" }, name: "SizeComponentAddToListVerticalRuleLeft", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "verticalRule", state: "left", }, path: [ "size", "component", "add-to-list", "verticalRule", "left", ], }, top: { value: "0", filePath: "src/tokens/size/component.json", isSource: true, original: { value: 0 }, name: "SizeComponentAddToListVerticalRuleTop", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "verticalRule", state: "top", }, path: ["size", "component", "add-to-list", "verticalRule", "top"], }, bottom: { value: "0", filePath: "src/tokens/size/component.json", isSource: true, original: { value: 0 }, name: "SizeComponentAddToListVerticalRuleBottom", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "verticalRule", state: "bottom", }, path: [ "size", "component", "add-to-list", "verticalRule", "bottom", ], }, height: { value: "6.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "100%" }, name: "SizeComponentAddToListVerticalRuleHeight", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "verticalRule", state: "height", }, path: [ "size", "component", "add-to-list", "verticalRule", "height", ], }, }, leftList: { base: { marginRight: { value: "1rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "16px" }, name: "SizeComponentAddToListLeftListBaseMarginRight", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "leftList", state: "base", }, path: [ "size", "component", "add-to-list", "leftList", "base", "marginRight", ], }, }, vertical: { marginRight: { value: "0", filePath: "src/tokens/size/component.json", isSource: true, original: { value: 0 }, name: "SizeComponentAddToListLeftListVerticalMarginRight", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "leftList", state: "vertical", }, path: [ "size", "component", "add-to-list", "leftList", "vertical", "marginRight", ], }, marginBottom: { value: "1.375rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "22px" }, name: "SizeComponentAddToListLeftListVerticalMarginBottom", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "leftList", state: "vertical", }, path: [ "size", "component", "add-to-list", "leftList", "vertical", "marginBottom", ], }, }, }, rightList: { base: { marginLeft: { value: "1rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "16px" }, name: "SizeComponentAddToListRightListBaseMarginLeft", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "rightList", state: "base", }, path: [ "size", "component", "add-to-list", "rightList", "base", "marginLeft", ], }, }, vertical: { marginLeft: { value: "0", filePath: "src/tokens/size/component.json", isSource: true, original: { value: 0 }, name: "SizeComponentAddToListRightListVerticalMarginLeft", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "rightList", state: "vertical", }, path: [ "size", "component", "add-to-list", "rightList", "vertical", "marginLeft", ], }, }, }, filterContainer: { marginBottom: { value: "1.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "20px" }, name: "SizeComponentAddToListFilterContainerMarginBottom", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "filterContainer", state: "marginBottom", }, path: [ "size", "component", "add-to-list", "filterContainer", "marginBottom", ], }, }, phantomDroppableContainerTotalHeight: { value: "1.5625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "25px" }, name: "SizeComponentAddToListPhantomDroppableContainerTotalHeight", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "phantomDroppableContainerTotalHeight", }, path: [ "size", "component", "add-to-list", "phantomDroppableContainerTotalHeight", ], }, }, "cap-content": { "line-height": { value: "1.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "30px" }, name: "SizeComponentCapContentLineHeight", attributes: { category: "size", type: "component", item: "cap-content", subitem: "line-height", }, path: ["size", "component", "cap-content", "line-height"], }, }, "clickable-tag": { height: { value: "1.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "18px" }, name: "SizeComponentClickableTagHeight", attributes: { category: "size", type: "component", item: "clickable-tag", subitem: "height", }, path: ["size", "component", "clickable-tag", "height"], }, "line-height": { value: "0.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "12px" }, name: "SizeComponentClickableTagLineHeight", attributes: { category: "size", type: "component", item: "clickable-tag", subitem: "line-height", }, path: ["size", "component", "clickable-tag", "line-height"], }, "icon-font-size": { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentClickableTagIconFontSize", attributes: { category: "size", type: "component", item: "clickable-tag", subitem: "icon-font-size", }, path: ["size", "component", "clickable-tag", "icon-font-size"], }, "icon-top-offset": { value: "-0.0625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "-1px" }, name: "SizeComponentClickableTagIconTopOffset", attributes: { category: "size", type: "component", item: "clickable-tag", subitem: "icon-top-offset", }, path: ["size", "component", "clickable-tag", "icon-top-offset"], }, }, "content-row": { "reorderable-min-container-height": { value: "3.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "62px" }, name: "SizeComponentContentRowReorderableMinContainerHeight", attributes: { category: "size", type: "component", item: "content-row", subitem: "reorderable-min-container-height", }, path: [ "size", "component", "content-row", "reorderable-min-container-height", ], }, "reorderable-index-container-size": { value: "3.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "56px" }, name: "SizeComponentContentRowReorderableIndexContainerSize", attributes: { category: "size", type: "component", item: "content-row", subitem: "reorderable-index-container-size", }, path: [ "size", "component", "content-row", "reorderable-index-container-size", ], }, "reorderable-button-height": { value: "1.78125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "28.5px" }, name: "SizeComponentContentRowReorderableButtonHeight", attributes: { category: "size", type: "component", item: "content-row", subitem: "reorderable-button-height", }, path: [ "size", "component", "content-row", "reorderable-button-height", ], }, "reorderable-button-width": { value: "3.3125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "53px" }, name: "SizeComponentContentRowReorderableButtonWidth", attributes: { category: "size", type: "component", item: "content-row", subitem: "reorderable-button-width", }, path: [ "size", "component", "content-row", "reorderable-button-width", ], }, "reorderable-button-border-radius": { value: "0.1875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "3px" }, name: "SizeComponentContentRowReorderableButtonBorderRadius", attributes: { category: "size", type: "component", item: "content-row", subitem: "reorderable-button-border-radius", }, path: [ "size", "component", "content-row", "reorderable-button-border-radius", ], }, "icon-margin-adjustment": { value: "-0.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "-2px" }, name: "SizeComponentContentRowIconMarginAdjustment", attributes: { category: "size", type: "component", item: "content-row", subitem: "icon-margin-adjustment", }, path: [ "size", "component", "content-row", "icon-margin-adjustment", ], }, }, "content-tile": { height: { value: "8.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "138px" }, name: "SizeComponentContentTileHeight", attributes: { category: "size", type: "component", item: "content-tile", subitem: "height", }, path: ["size", "component", "content-tile", "height"], }, image: { height: { value: "3.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "60px" }, name: "SizeComponentContentTileImageHeight", attributes: { category: "size", type: "component", item: "content-tile", subitem: "image", state: "height", }, path: ["size", "component", "content-tile", "image", "height"], }, width: { value: "3.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "60px" }, name: "SizeComponentContentTileImageWidth", attributes: { category: "size", type: "component", item: "content-tile", subitem: "image", state: "width", }, path: ["size", "component", "content-tile", "image", "width"], }, marginBottom: { value: "1rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "{size.spacing.md}" }, name: "SizeComponentContentTileImageMarginBottom", attributes: { category: "size", type: "component", item: "content-tile", subitem: "image", state: "marginBottom", }, path: [ "size", "component", "content-tile", "image", "marginBottom", ], }, marginTop: { value: "1rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "{size.spacing.md}" }, name: "SizeComponentContentTileImageMarginTop", attributes: { category: "size", type: "component", item: "content-tile", subitem: "image", state: "marginTop", }, path: ["size", "component", "content-tile", "image", "marginTop"], }, }, container: { spacing: { value: "0.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "{size.spacing.sm}" }, name: "SizeComponentContentTileContainerSpacing", attributes: { category: "size", type: "component", item: "content-tile", subitem: "container", state: "spacing", }, path: [ "size", "component", "content-tile", "container", "spacing", ], }, }, titleContainer: { spacing: { value: "0.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "{size.spacing.sm}" }, name: "SizeComponentContentTileTitleContainerSpacing", attributes: { category: "size", type: "component", item: "content-tile", subitem: "titleContainer", state: "spacing", }, path: [ "size", "component", "content-tile", "titleContainer", "spacing", ], }, }, }, "feedback-block": { standard: { "margin-left": { value: "-0.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "-4px" }, name: "SizeComponentFeedbackBlockStandardMarginLeft", attributes: { category: "size", type: "component", item: "feedback-block", subitem: "standard", state: "margin-left", }, path: [ "size", "component", "feedback-block", "standard", "margin-left", ], }, }, micro: { "margin-top": { value: "0.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "2px" }, name: "SizeComponentFeedbackBlockMicroMarginTop", attributes: { category: "size", type: "component", item: "feedback-block", subitem: "micro", state: "margin-top", }, path: [ "size", "component", "feedback-block", "micro", "margin-top", ], }, }, }, "file-upload": { "icon-size": { value: "3rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "48px" }, name: "SizeComponentFileUploadIconSize", attributes: { category: "size", type: "component", item: "file-upload", subitem: "icon-size", }, path: ["size", "component", "file-upload", "icon-size"], }, }, "filter-tile": { height: { value: "6.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "106px" }, name: "SizeComponentFilterTileHeight", attributes: { category: "size", type: "component", item: "filter-tile", subitem: "height", }, path: ["size", "component", "filter-tile", "height"], }, maxWidth: { value: "15.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "250px" }, name: "SizeComponentFilterTileMaxWidth", attributes: { category: "size", type: "component", item: "filter-tile", subitem: "maxWidth", }, path: ["size", "component", "filter-tile", "maxWidth"], }, minWidth: { value: "6.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "110px" }, name: "SizeComponentFilterTileMinWidth", attributes: { category: "size", type: "component", item: "filter-tile", subitem: "minWidth", }, path: ["size", "component", "filter-tile", "minWidth"], }, marginEndChildren: { value: "0", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "0" }, name: "SizeComponentFilterTileMarginEndChildren", attributes: { category: "size", type: "component", item: "filter-tile", subitem: "marginEndChildren", }, path: ["size", "component", "filter-tile", "marginEndChildren"], }, title: { height: { value: "2.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "36px" }, name: "SizeComponentFilterTileTitleHeight", attributes: { category: "size", type: "component", item: "filter-tile", subitem: "title", state: "height", }, path: ["size", "component", "filter-tile", "title", "height"], }, }, tileValue: { heightFontSizeLineHeight: { value: "1.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "30px" }, name: "SizeComponentFilterTileTileValueHeightFontSizeLineHeight", attributes: { category: "size", type: "component", item: "filter-tile", subitem: "tileValue", state: "heightFontSizeLineHeight", }, path: [ "size", "component", "filter-tile", "tileValue", "heightFontSizeLineHeight", ], }, }, }, "focused-task": { height: { value: "3.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "50px" }, name: "SizeComponentFocusedTaskHeight", attributes: { category: "size", type: "component", item: "focused-task", subitem: "height", }, path: ["size", "component", "focused-task", "height"], }, "box-shadow-offset-y": { value: "-0.0625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "-1px" }, name: "SizeComponentFocusedTaskBoxShadowOffsetY", attributes: { category: "size", type: "component", item: "focused-task", subitem: "box-shadow-offset-y", }, path: ["size", "component", "focused-task", "box-shadow-offset-y"], }, }, modal: { sizes: { sm: { value: "23.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "380px" }, name: "SizeComponentModalSizesSm", attributes: { category: "size", type: "component", item: "modal", subitem: "sizes", state: "sm", }, path: ["size", "component", "modal", "sizes", "sm"], }, md: { value: "36.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "580px" }, name: "SizeComponentModalSizesMd", attributes: { category: "size", type: "component", item: "modal", subitem: "sizes", state: "md", }, path: ["size", "component", "modal", "sizes", "md"], }, lg: { value: "48.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "780px" }, name: "SizeComponentModalSizesLg", attributes: { category: "size", type: "component", item: "modal", subitem: "sizes", state: "lg", }, path: ["size", "component", "modal", "sizes", "lg"], }, xl: { value: "73.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "1180px" }, name: "SizeComponentModalSizesXl", attributes: { category: "size", type: "component", item: "modal", subitem: "sizes", state: "xl", }, path: ["size", "component", "modal", "sizes", "xl"], }, }, }, "product-bar": { "min-height": { value: "3.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "60px" }, name: "SizeComponentProductBarMinHeight", attributes: { category: "size", type: "component", item: "product-bar", subitem: "min-height", }, path: ["size", "component", "product-bar", "min-height"], }, width: { value: "1280px", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "{grid.content-width.value}" }, name: "SizeComponentProductBarWidth", attributes: { category: "size", type: "component", item: "product-bar", subitem: "width", }, path: ["size", "component", "product-bar", "width"], }, "logo-size": { value: "1.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "24px" }, name: "SizeComponentProductBarLogoSize", attributes: { category: "size", type: "component", item: "product-bar", subitem: "logo-size", }, path: ["size", "component", "product-bar", "logo-size"], }, "nav-underline": { value: "0.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "2px" }, name: "SizeComponentProductBarNavUnderline", attributes: { category: "size", type: "component", item: "product-bar", subitem: "nav-underline", }, path: ["size", "component", "product-bar", "nav-underline"], }, "nav-height": { value: "3.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "58px" }, name: "SizeComponentProductBarNavHeight", attributes: { category: "size", type: "component", item: "product-bar", subitem: "nav-height", }, path: ["size", "component", "product-bar", "nav-height"], }, "vertical-rule-height": { value: "2.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "34px" }, name: "SizeComponentProductBarVerticalRuleHeight", attributes: { category: "size", type: "component", item: "product-bar", subitem: "vertical-rule-height", }, path: ["size", "component", "product-bar", "vertical-rule-height"], }, }, spinner: { sm: { dimension: { value: "1.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "18px" }, name: "SizeComponentSpinnerSmDimension", attributes: { category: "size", type: "component", item: "spinner", subitem: "sm", state: "dimension", }, path: ["size", "component", "spinner", "sm", "dimension"], }, thickness: { value: "0.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "2px" }, name: "SizeComponentSpinnerSmThickness", attributes: { category: "size", type: "component", item: "spinner", subitem: "sm", state: "thickness", }, path: ["size", "component", "spinner", "sm", "thickness"], }, }, md: { dimension: { value: "2.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "36px" }, name: "SizeComponentSpinnerMdDimension", attributes: { category: "size", type: "component", item: "spinner", subitem: "md", state: "dimension", }, path: ["size", "component", "spinner", "md", "dimension"], }, thickness: { value: "0.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "4px" }, name: "SizeComponentSpinnerMdThickness", attributes: { category: "size", type: "component", item: "spinner", subitem: "md", state: "thickness", }, path: ["size", "component", "spinner", "md", "thickness"], }, }, lg: { dimension: { value: "4.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "72px" }, name: "SizeComponentSpinnerLgDimension", attributes: { category: "size", type: "component", item: "spinner", subitem: "lg", state: "dimension", }, path: ["size", "component", "spinner", "lg", "dimension"], }, thickness: { value: "0.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "8px" }, name: "SizeComponentSpinnerLgThickness", attributes: { category: "size", type: "component", item: "spinner", subitem: "lg", state: "thickness", }, path: ["size", "component", "spinner", "lg", "thickness"], }, }, }, "sorting-header": { pinned: { shadowHeight: { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentSortingHeaderPinnedShadowHeight", attributes: { category: "size", type: "component", item: "sorting-header", subitem: "pinned", state: "shadowHeight", }, path: [ "size", "component", "sorting-header", "pinned", "shadowHeight", ], }, shadowLeftAdjustment: { value: "-0.0625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "-1px" }, name: "SizeComponentSortingHeaderPinnedShadowLeftAdjustment", attributes: { category: "size", type: "component", item: "sorting-header", subitem: "pinned", state: "shadowLeftAdjustment", }, path: [ "size", "component", "sorting-header", "pinned", "shadowLeftAdjustment", ], }, }, }, "vertical-rule": { thickness: { value: "0.0625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "1px" }, name: "SizeComponentVerticalRuleThickness", attributes: { category: "size", type: "component", item: "vertical-rule", subitem: "thickness", }, path: ["size", "component", "vertical-rule", "thickness"], }, }, tag: { "line-height": { value: "0.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "12px" }, name: "SizeComponentTagLineHeight", attributes: { category: "size", type: "component", item: "tag", subitem: "line-height", }, path: ["size", "component", "tag", "line-height"], }, "icon-line-height": { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentTagIconLineHeight", attributes: { category: "size", type: "component", item: "tag", subitem: "icon-line-height", }, path: ["size", "component", "tag", "icon-line-height"], }, }, "zero-state": { "image-height": { value: "6.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "100px" }, name: "SizeComponentZeroStateImageHeight", attributes: { category: "size", type: "component", item: "zero-state", subitem: "image-height", }, path: ["size", "component", "zero-state", "image-height"], }, "image-width": { value: "12.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "200px" }, name: "SizeComponentZeroStateImageWidth", attributes: { category: "size", type: "component", item: "zero-state", subitem: "image-width", }, path: ["size", "component", "zero-state", "image-width"], }, "icon-font-size": { value: "3rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "48px" }, name: "SizeComponentZeroStateIconFontSize", attributes: { category: "size", type: "component", item: "zero-state", subitem: "icon-font-size", }, path: ["size", "component", "zero-state", "icon-font-size"], }, "icon-line-height": { value: "3rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "48px" }, name: "SizeComponentZeroStateIconLineHeight", attributes: { category: "size", type: "component", item: "zero-state", subitem: "icon-line-height", }, path: ["size", "component", "zero-state", "icon-line-height"], }, }, growler: { width: { value: "25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "400px" }, name: "SizeComponentGrowlerWidth", attributes: { category: "size", type: "component", item: "growler", subitem: "width", }, path: ["size", "component", "growler", "width"], }, icon: { fontSize: { value: "1.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "30px" }, name: "SizeComponentGrowlerIconFontSize", attributes: { category: "size", type: "component", item: "growler", subitem: "icon", state: "fontSize", }, path: ["size", "component", "growler", "icon", "fontSize"], }, box: { right: { value: "1.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "30px" }, name: "SizeComponentGrowlerIconBoxRight", attributes: { category: "size", type: "component", item: "growler", subitem: "icon", state: "box", }, path: ["size", "component", "growler", "icon", "box", "right"], }, top: { value: "5.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "90px" }, name: "SizeComponentGrowlerIconBoxTop", attributes: { category: "size", type: "component", item: "growler", subitem: "icon", state: "box", }, path: ["size", "component", "growler", "icon", "box", "top"], }, width: { value: "4.375rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "70px" }, name: "SizeComponentGrowlerIconBoxWidth", attributes: { category: "size", type: "component", item: "growler", subitem: "icon", state: "box", }, path: ["size", "component", "growler", "icon", "box", "width"], }, }, }, messageBox: { subtitle: { width: { value: "16.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "264px" }, name: "SizeComponentGrowlerMessageBoxSubtitleWidth", attributes: { category: "size", type: "component", item: "growler", subitem: "messageBox", state: "subtitle", }, path: [ "size", "component", "growler", "messageBox", "subtitle", "width", ], }, }, padding: { right: { value: "2.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "42px" }, name: "SizeComponentGrowlerMessageBoxPaddingRight", attributes: { category: "size", type: "component", item: "growler", subitem: "messageBox", state: "padding", }, path: [ "size", "component", "growler", "messageBox", "padding", "right", ], }, }, }, }, button: { "spinner-margin-vertical": { value: "0.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "14px" }, name: "SizeComponentButtonSpinnerMarginVertical", attributes: { category: "size", type: "component", item: "button", subitem: "spinner-margin-vertical", }, path: ["size", "component", "button", "spinner-margin-vertical"], }, "spinner-margin-horizontal": { value: "0.4375rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "7px" }, name: "SizeComponentButtonSpinnerMarginHorizontal", attributes: { category: "size", type: "component", item: "button", subitem: "spinner-margin-horizontal", }, path: ["size", "component", "button", "spinner-margin-horizontal"], }, "spinner-border-width": { value: "0.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "2px" }, name: "SizeComponentButtonSpinnerBorderWidth", attributes: { category: "size", type: "component", item: "button", subitem: "spinner-border-width", }, path: ["size", "component", "button", "spinner-border-width"], }, "spinner-size": { value: "0.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "14px" }, name: "SizeComponentButtonSpinnerSize", attributes: { category: "size", type: "component", item: "button", subitem: "spinner-size", }, path: ["size", "component", "button", "spinner-size"], }, }, "search-results-bar": { "min-height": { value: "3.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "52px" }, name: "SizeComponentSearchResultsBarMinHeight", attributes: { category: "size", type: "component", item: "search-results-bar", subitem: "min-height", }, path: ["size", "component", "search-results-bar", "min-height"], }, "clear-button": { value: "5.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "84px" }, name: "SizeComponentSearchResultsBarClearButton", attributes: { category: "size", type: "component", item: "search-results-bar", subitem: "clear-button", }, path: ["size", "component", "search-results-bar", "clear-button"], }, }, "list-bar": { "pinned-width": { value: "1280px", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "{grid.content-width.value}" }, name: "SizeComponentListBarPinnedWidth", attributes: { category: "size", type: "component", item: "list-bar", subitem: "pinned-width", }, path: ["size", "component", "list-bar", "pinned-width"], }, "pinned-padding": { value: "1.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "20px" }, name: "SizeComponentListBarPinnedPadding", attributes: { category: "size", type: "component", item: "list-bar", subitem: "pinned-padding", }, path: ["size", "component", "list-bar", "pinned-padding"], }, top: { value: "3.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "60px" }, name: "SizeComponentListBarTop", attributes: { category: "size", type: "component", item: "list-bar", subitem: "top", }, path: ["size", "component", "list-bar", "top"], }, height: { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentListBarHeight", attributes: { category: "size", type: "component", item: "list-bar", subitem: "height", }, path: ["size", "component", "list-bar", "height"], }, "content-header-height": { value: "2rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "32px" }, name: "SizeComponentListBarContentHeaderHeight", attributes: { category: "size", type: "component", item: "list-bar", subitem: "content-header-height", }, path: ["size", "component", "list-bar", "content-header-height"], }, "search-form-max-width": { value: "25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "400px" }, name: "SizeComponentListBarSearchFormMaxWidth", attributes: { category: "size", type: "component", item: "list-bar", subitem: "search-form-max-width", }, path: ["size", "component", "list-bar", "search-form-max-width"], }, "search-button-height": { value: "1.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "30px" }, name: "SizeComponentListBarSearchButtonHeight", attributes: { category: "size", type: "component", item: "list-bar", subitem: "search-button-height", }, path: ["size", "component", "list-bar", "search-button-height"], }, "search-field-select-line-height": { value: "2rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "32px" }, name: "SizeComponentListBarSearchFieldSelectLineHeight", attributes: { category: "size", type: "component", item: "list-bar", subitem: "search-field-select-line-height", }, path: [ "size", "component", "list-bar", "search-field-select-line-height", ], }, }, "advanced-search": { "margin-top": { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentAdvancedSearchMarginTop", attributes: { category: "size", type: "component", item: "advanced-search", subitem: "margin-top", }, path: ["size", "component", "advanced-search", "margin-top"], }, }, "progress-bar": { "border-radius": { value: "0.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "8px" }, name: "SizeComponentProgressBarBorderRadius", attributes: { category: "size", type: "component", item: "progress-bar", subitem: "border-radius", }, path: ["size", "component", "progress-bar", "border-radius"], }, "close-button-margin": { value: "0.375rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "6px" }, name: "SizeComponentProgressBarCloseButtonMargin", attributes: { category: "size", type: "component", item: "progress-bar", subitem: "close-button-margin", }, path: ["size", "component", "progress-bar", "close-button-margin"], }, }, "side-nav": { "selected-font-weight": { value: "43.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: 700 }, name: "SizeComponentSideNavSelectedFontWeight", attributes: { category: "size", type: "component", item: "side-nav", subitem: "selected-font-weight", }, path: ["size", "component", "side-nav", "selected-font-weight"], }, "expand-icon-size": { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentSideNavExpandIconSize", attributes: { category: "size", type: "component", item: "side-nav", subitem: "expand-icon-size", }, path: ["size", "component", "side-nav", "expand-icon-size"], }, "expand-icon-margin": { value: "0.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "14px" }, name: "SizeComponentSideNavExpandIconMargin", attributes: { category: "size", type: "component", item: "side-nav", subitem: "expand-icon-margin", }, path: ["size", "component", "side-nav", "expand-icon-margin"], }, "link-padding-left": { value: "1.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "20px" }, name: "SizeComponentSideNavLinkPaddingLeft", attributes: { category: "size", type: "component", item: "side-nav", subitem: "link-padding-left", }, path: ["size", "component", "side-nav", "link-padding-left"], }, "nested-first-level": { value: "2.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "34px" }, name: "SizeComponentSideNavNestedFirstLevel", attributes: { category: "size", type: "component", item: "side-nav", subitem: "nested-first-level", }, path: ["size", "component", "side-nav", "nested-first-level"], }, "nested-second-level": { value: "3rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "48px" }, name: "SizeComponentSideNavNestedSecondLevel", attributes: { category: "size", type: "component", item: "side-nav", subitem: "nested-second-level", }, path: ["size", "component", "side-nav", "nested-second-level"], }, "nested-third-level": { value: "3.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "62px" }, name: "SizeComponentSideNavNestedThirdLevel", attributes: { category: "size", type: "component", item: "side-nav", subitem: "nested-third-level", }, path: ["size", "component", "side-nav", "nested-third-level"], }, "nested-fourth-level": { value: "4.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "76px" }, name: "SizeComponentSideNavNestedFourthLevel", attributes: { category: "size", type: "component", item: "side-nav", subitem: "nested-fourth-level", }, path: ["size", "component", "side-nav", "nested-fourth-level"], }, }, "product-bar-vertical": { "link-min-height": { value: "2.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "40px" }, name: "SizeComponentProductBarVerticalLinkMinHeight", attributes: { category: "size", type: "component", item: "product-bar-vertical", subitem: "link-min-height", }, path: [ "size", "component", "product-bar-vertical", "link-min-height", ], }, "logo-size": { value: "1.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "24px" }, name: "SizeComponentProductBarVerticalLogoSize", attributes: { category: "size", type: "component", item: "product-bar-vertical", subitem: "logo-size", }, path: ["size", "component", "product-bar-vertical", "logo-size"], }, "expand-icon-size": { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentProductBarVerticalExpandIconSize", attributes: { category: "size", type: "component", item: "product-bar-vertical", subitem: "expand-icon-size", }, path: [ "size", "component", "product-bar-vertical", "expand-icon-size", ], }, "expand-icon-margin": { value: "0.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "14px" }, name: "SizeComponentProductBarVerticalExpandIconMargin", attributes: { category: "size", type: "component", item: "product-bar-vertical", subitem: "expand-icon-margin", }, path: [ "size", "component", "product-bar-vertical", "expand-icon-margin", ], }, "nested-first-level": { value: "2.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "34px" }, name: "SizeComponentProductBarVerticalNestedFirstLevel", attributes: { category: "size", type: "component", item: "product-bar-vertical", subitem: "nested-first-level", }, path: [ "size", "component", "product-bar-vertical", "nested-first-level", ], }, "nested-second-level": { value: "3rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "48px" }, name: "SizeComponentProductBarVerticalNestedSecondLevel", attributes: { category: "size", type: "component", item: "product-bar-vertical", subitem: "nested-second-level", }, path: [ "size", "component", "product-bar-vertical", "nested-second-level", ], }, "nested-third-level": { value: "3.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "62px" }, name: "SizeComponentProductBarVerticalNestedThirdLevel", attributes: { category: "size", type: "component", item: "product-bar-vertical", subitem: "nested-third-level", }, path: [ "size", "component", "product-bar-vertical", "nested-third-level", ], }, "nested-fourth-level": { value: "4.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "76px" }, name: "SizeComponentProductBarVerticalNestedFourthLevel", attributes: { category: "size", type: "component", item: "product-bar-vertical", subitem: "nested-fourth-level", }, path: [ "size", "component", "product-bar-vertical", "nested-fourth-level", ], }, }, icon: { "margin-adjustment": { value: "-0.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "-2px" }, name: "SizeComponentIconMarginAdjustment", attributes: { category: "size", type: "component", item: "icon", subitem: "margin-adjustment", }, path: ["size", "component", "icon", "margin-adjustment"], }, }, "page-title": { "icon-margin-top": { value: "0.1875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "3px" }, name: "SizeComponentPageTitleIconMarginTop", attributes: { category: "size", type: "component", item: "page-title", subitem: "icon-margin-top", }, path: ["size", "component", "page-title", "icon-margin-top"], }, }, "insight-card": { "vertical-padding": { value: "0.9375rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "15px" }, name: "SizeComponentInsightCardVerticalPadding", attributes: { category: "size", type: "component", item: "insight-card", subitem: "vertical-padding", }, path: ["size", "component", "insight-card", "vertical-padding"], }, "horizontal-padding": { value: "1.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "20px" }, name: "SizeComponentInsightCardHorizontalPadding", attributes: { category: "size", type: "component", item: "insight-card", subitem: "horizontal-padding", }, path: ["size", "component", "insight-card", "horizontal-padding"], }, "horizontal-height": { value: "5.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "82px" }, name: "SizeComponentInsightCardHorizontalHeight", attributes: { category: "size", type: "component", item: "insight-card", subitem: "horizontal-height", }, path: ["size", "component", "insight-card", "horizontal-height"], }, "icon-size": { value: "2rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "32px" }, name: "SizeComponentInsightCardIconSize", attributes: { category: "size", type: "component", item: "insight-card", subitem: "icon-size", }, path: ["size", "component", "insight-card", "icon-size"], }, "metric-size": { value: "3rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "48px" }, name: "SizeComponentInsightCardMetricSize", attributes: { category: "size", type: "component", item: "insight-card", subitem: "metric-size", }, path: ["size", "component", "insight-card", "metric-size"], }, "min-title-height": { value: "2.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "34px" }, name: "SizeComponentInsightCardMinTitleHeight", attributes: { category: "size", type: "component", item: "insight-card", subitem: "min-title-height", }, path: ["size", "component", "insight-card", "min-title-height"], }, "partner-count-margin-vertical": { value: "0.9375rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "15px" }, name: "SizeComponentInsightCardPartnerCountMarginVertical", attributes: { category: "size", type: "component", item: "insight-card", subitem: "partner-count-margin-vertical", }, path: [ "size", "component", "insight-card", "partner-count-margin-vertical", ], }, "partner-count-margin-horizontal": { value: "1.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "20px" }, name: "SizeComponentInsightCardPartnerCountMarginHorizontal", attributes: { category: "size", type: "component", item: "insight-card", subitem: "partner-count-margin-horizontal", }, path: [ "size", "component", "insight-card", "partner-count-margin-horizontal", ], }, "partner-count-padding-vertical": { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentInsightCardPartnerCountPaddingVertical", attributes: { category: "size", type: "component", item: "insight-card", subitem: "partner-count-padding-vertical", }, path: [ "size", "component", "insight-card", "partner-count-padding-vertical", ], }, "partner-count-padding-horizontal": { value: "1.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "20px" }, name: "SizeComponentInsightCardPartnerCountPaddingHorizontal", attributes: { category: "size", type: "component", item: "insight-card", subitem: "partner-count-padding-horizontal", }, path: [ "size", "component", "insight-card", "partner-count-padding-horizontal", ], }, "partner-count-width": { value: "3.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "60px" }, name: "SizeComponentInsightCardPartnerCountWidth", attributes: { category: "size", type: "component", item: "insight-card", subitem: "partner-count-width", }, path: ["size", "component", "insight-card", "partner-count-width"], }, "horizontal-partner-count-padding-vertical": { value: "1.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "20px" }, name: "SizeComponentInsightCardHorizontalPartnerCountPaddingVertical", attributes: { category: "size", type: "component", item: "insight-card", subitem: "horizontal-partner-count-padding-vertical", }, path: [ "size", "component", "insight-card", "horizontal-partner-count-padding-vertical", ], }, "horizontal-partner-count-padding-horizontal": { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentInsightCardHorizontalPartnerCountPaddingHorizontal", attributes: { category: "size", type: "component", item: "insight-card", subitem: "horizontal-partner-count-padding-horizontal", }, path: [ "size", "component", "insight-card", "horizontal-partner-count-padding-horizontal", ], }, }, "rich-text-editor": { vr: { height: { value: "1.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "28px" }, name: "SizeComponentRichTextEditorVrHeight", attributes: { category: "size", type: "component", item: "rich-text-editor", subitem: "vr", state: "height", }, path: ["size", "component", "rich-text-editor", "vr", "height"], }, }, "editable-div": { "min-height": { value: "8rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "128px" }, name: "SizeComponentRichTextEditorEditableDivMinHeight", attributes: { category: "size", type: "component", item: "rich-text-editor", subitem: "editable-div", state: "min-height", }, path: [ "size", "component", "rich-text-editor", "editable-div", "min-height", ], }, }, }, }, grid: { gutter: { value: "1rem", filePath: "src/tokens/size/grid.json", isSource: true, original: { value: "{size.spacing.md}" }, name: "SizeGridGutter", attributes: { category: "size", type: "grid", item: "gutter" }, path: ["size", "grid", "gutter"], }, }, icon: { xs: { value: "0.75rem", filePath: "src/tokens/size/icon.json", isSource: true, original: { value: 12 }, name: "SizeIconXs", attributes: { category: "size", type: "icon", item: "xs" }, path: ["size", "icon", "xs"], }, sm: { value: "0.875rem", filePath: "src/tokens/size/icon.json", isSource: true, original: { value: 14 }, name: "SizeIconSm", attributes: { category: "size", type: "icon", item: "sm" }, path: ["size", "icon", "sm"], }, md: { value: "1rem", filePath: "src/tokens/size/icon.json", isSource: true, original: { value: 16 }, name: "SizeIconMd", attributes: { category: "size", type: "icon", item: "md" }, path: ["size", "icon", "md"], }, lg: { value: "1.25rem", filePath: "src/tokens/size/icon.json", isSource: true, original: { value: 20 }, name: "SizeIconLg", attributes: { category: "size", type: "icon", item: "lg" }, path: ["size", "icon", "lg"], }, }, spacing: { xxs: { value: "0.125rem", filePath: "src/tokens/size/spacing.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "SizeSpacingXxs", attributes: { category: "size", type: "spacing", item: "xxs" }, path: ["size", "spacing", "xxs"], }, xs: { value: "0.25rem", filePath: "src/tokens/size/spacing.json", isSource: true, original: { value: "{size.system.xs.value}" }, name: "SizeSpacingXs", attributes: { category: "size", type: "spacing", item: "xs" }, path: ["size", "spacing", "xs"], }, sm: { value: "0.5rem", filePath: "src/tokens/size/spacing.json", isSource: true, original: { value: "{size.system.sm.value}" }, name: "SizeSpacingSm", attributes: { category: "size", type: "spacing", item: "sm" }, path: ["size", "spacing", "sm"], }, md: { value: "1rem", filePath: "src/tokens/size/spacing.json", isSource: true, original: { value: "{size.system.md.value}" }, name: "SizeSpacingMd", attributes: { category: "size", type: "spacing", item: "md" }, path: ["size", "spacing", "md"], }, lg: { value: "2rem", filePath: "src/tokens/size/spacing.json", isSource: true, original: { value: "{size.system.lg.value}" }, name: "SizeSpacingLg", attributes: { category: "size", type: "spacing", item: "lg" }, path: ["size", "spacing", "lg"], }, xl: { value: "4rem", filePath: "src/tokens/size/spacing.json", isSource: true, original: { value: "{size.system.xl.value}" }, name: "SizeSpacingXl", attributes: { category: "size", type: "spacing", item: "xl" }, path: ["size", "spacing", "xl"], }, }, system: { xxs: { value: "0.125rem", filePath: "src/tokens/size/system.json", isSource: true, original: { value: 2 }, name: "SizeSystemXxs", attributes: { category: "size", type: "system", item: "xxs" }, path: ["size", "system", "xxs"], }, xs: { value: "0.25rem", filePath: "src/tokens/size/system.json", isSource: true, original: { value: 4 }, name: "SizeSystemXs", attributes: { category: "size", type: "system", item: "xs" }, path: ["size", "system", "xs"], }, sm: { value: "0.5rem", filePath: "src/tokens/size/system.json", isSource: true, original: { value: 8 }, name: "SizeSystemSm", attributes: { category: "size", type: "system", item: "sm" }, path: ["size", "system", "sm"], }, md: { value: "1rem", filePath: "src/tokens/size/system.json", isSource: true, original: { value: 16 }, name: "SizeSystemMd", attributes: { category: "size", type: "system", item: "md" }, path: ["size", "system", "md"], }, lg: { value: "2rem", filePath: "src/tokens/size/system.json", isSource: true, original: { value: 32 }, name: "SizeSystemLg", attributes: { category: "size", type: "system", item: "lg" }, path: ["size", "system", "lg"], }, xl: { value: "4rem", filePath: "src/tokens/size/system.json", isSource: true, original: { value: 64 }, name: "SizeSystemXl", attributes: { category: "size", type: "system", item: "xl" }, path: ["size", "system", "xl"], }, }, type: { "body-sm": { font: { value: "0.75rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 12 }, name: "SizeTypeBodySmFont", attributes: { category: "size", type: "type", item: "body-sm", subitem: "font", }, path: ["size", "type", "body-sm", "font"], }, line: { value: "1.125rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 18 }, name: "SizeTypeBodySmLine", attributes: { category: "size", type: "type", item: "body-sm", subitem: "line", }, path: ["size", "type", "body-sm", "line"], }, }, "body-md": { font: { value: "0.875rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 14 }, name: "SizeTypeBodyMdFont", attributes: { category: "size", type: "type", item: "body-md", subitem: "font", }, path: ["size", "type", "body-md", "font"], }, line: { value: "1.25rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 20 }, name: "SizeTypeBodyMdLine", attributes: { category: "size", type: "type", item: "body-md", subitem: "line", }, path: ["size", "type", "body-md", "line"], }, }, "component-sm": { font: { value: "0.75rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "SizeTypeComponentSmFont", attributes: { category: "size", type: "type", item: "component-sm", subitem: "font", }, path: ["size", "type", "component-sm", "font"], }, line: { value: "0.875rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 14 }, name: "SizeTypeComponentSmLine", attributes: { category: "size", type: "type", item: "component-sm", subitem: "line", }, path: ["size", "type", "component-sm", "line"], }, }, "title-xxs": { font: { value: "0.75rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 12 }, name: "SizeTypeTitleXxsFont", attributes: { category: "size", type: "type", item: "title-xxs", subitem: "font", }, path: ["size", "type", "title-xxs", "font"], }, line: { value: "0.75rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 12 }, name: "SizeTypeTitleXxsLine", attributes: { category: "size", type: "type", item: "title-xxs", subitem: "line", }, path: ["size", "type", "title-xxs", "line"], }, }, "title-xs": { font: { value: "0.875rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 14 }, name: "SizeTypeTitleXsFont", attributes: { category: "size", type: "type", item: "title-xs", subitem: "font", }, path: ["size", "type", "title-xs", "font"], }, line: { value: "0.875rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 14 }, name: "SizeTypeTitleXsLine", attributes: { category: "size", type: "type", item: "title-xs", subitem: "line", }, path: ["size", "type", "title-xs", "line"], }, }, "title-sm": { font: { value: "1rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 16 }, name: "SizeTypeTitleSmFont", attributes: { category: "size", type: "type", item: "title-sm", subitem: "font", }, path: ["size", "type", "title-sm", "font"], }, line: { value: "1rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 16 }, name: "SizeTypeTitleSmLine", attributes: { category: "size", type: "type", item: "title-sm", subitem: "line", }, path: ["size", "type", "title-sm", "line"], }, }, "title-md": { font: { value: "1.125rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 18 }, name: "SizeTypeTitleMdFont", attributes: { category: "size", type: "type", item: "title-md", subitem: "font", }, path: ["size", "type", "title-md", "font"], }, line: { value: "1.125rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 18 }, name: "SizeTypeTitleMdLine", attributes: { category: "size", type: "type", item: "title-md", subitem: "line", }, path: ["size", "type", "title-md", "line"], }, }, "title-lg": { font: { value: "1.25rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 20 }, name: "SizeTypeTitleLgFont", attributes: { category: "size", type: "type", item: "title-lg", subitem: "font", }, path: ["size", "type", "title-lg", "font"], }, line: { value: "1.25rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 20 }, name: "SizeTypeTitleLgLine", attributes: { category: "size", type: "type", item: "title-lg", subitem: "line", }, path: ["size", "type", "title-lg", "line"], }, }, "title-xl": { font: { value: "1.5rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 24 }, name: "SizeTypeTitleXlFont", attributes: { category: "size", type: "type", item: "title-xl", subitem: "font", }, path: ["size", "type", "title-xl", "font"], }, line: { value: "1.5rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 24 }, name: "SizeTypeTitleXlLine", attributes: { category: "size", type: "type", item: "title-xl", subitem: "line", }, path: ["size", "type", "title-xl", "line"], }, }, }, }, type: { weight: { normal: { value: 400, filePath: "src/tokens/type/type.json", isSource: true, original: { value: 400 }, name: "TypeWeightNormal", attributes: { category: "type", type: "weight", item: "normal" }, path: ["type", "weight", "normal"], }, bold: { value: 600, filePath: "src/tokens/type/type.json", isSource: true, original: { value: 600 }, name: "TypeWeightBold", attributes: { category: "type", type: "weight", item: "bold" }, path: ["type", "weight", "bold"], }, }, decoration: { none: { value: "none", filePath: "src/tokens/type/type.json", isSource: true, original: { value: "none" }, name: "TypeDecorationNone", attributes: { category: "type", type: "decoration", item: "none" }, path: ["type", "decoration", "none"], }, }, }, }, allProperties: [ { value: "fonts/source-sans-pro-v9-latin-regular", formats: ["woff2", "woff"], filePath: "src/tokens/asset/font.json", isSource: true, original: { value: "fonts/source-sans-pro-v9-latin-regular", formats: ["woff2", "woff"], }, name: "AssetFontSourceSansPro400Normal", attributes: { category: "asset", type: "font", item: "Source Sans Pro", subitem: "400", state: "normal", family: "Source Sans Pro", weight: "400", style: "normal", }, path: ["asset", "font", "Source Sans Pro", "400", "normal"], }, { value: "fonts/source-sans-pro-v9-latin-italic", formats: ["woff2", "woff"], filePath: "src/tokens/asset/font.json", isSource: true, original: { value: "fonts/source-sans-pro-v9-latin-italic", formats: ["woff2", "woff"], }, name: "AssetFontSourceSansPro400Italic", attributes: { category: "asset", type: "font", item: "Source Sans Pro", subitem: "400", state: "italic", family: "Source Sans Pro", weight: "400", style: "italic", }, path: ["asset", "font", "Source Sans Pro", "400", "italic"], }, { value: "fonts/source-sans-pro-v9-latin-600", formats: ["woff2", "woff"], filePath: "src/tokens/asset/font.json", isSource: true, original: { value: "fonts/source-sans-pro-v9-latin-600", formats: ["woff2", "woff"], }, name: "AssetFontSourceSansPro600Normal", attributes: { category: "asset", type: "font", item: "Source Sans Pro", subitem: "600", state: "normal", family: "Source Sans Pro", weight: "600", style: "normal", }, path: ["asset", "font", "Source Sans Pro", "600", "normal"], }, { value: "fonts/source-sans-pro-v9-latin-600italic", formats: ["woff2", "woff"], filePath: "src/tokens/asset/font.json", isSource: true, original: { value: "fonts/source-sans-pro-v9-latin-600italic", formats: ["woff2", "woff"], }, name: "AssetFontSourceSansPro600Italic", attributes: { category: "asset", type: "font", item: "Source Sans Pro", subitem: "600", state: "italic", family: "Source Sans Pro", weight: "600", style: "italic", }, path: ["asset", "font", "Source Sans Pro", "600", "italic"], }, { value: "fonts/source-code-pro-v6-latin-regular", formats: ["woff2", "woff"], filePath: "src/tokens/asset/font.json", isSource: true, original: { value: "fonts/source-code-pro-v6-latin-regular", formats: ["woff2", "woff"], }, name: "AssetFontSourceCodePro400Normal", attributes: { category: "asset", type: "font", item: "Source Code Pro", subitem: "400", state: "normal", family: "Source Code Pro", weight: "400", style: "normal", }, path: ["asset", "font", "Source Code Pro", "400", "normal"], }, { value: "fonts/source-code-pro-v6-latin-italic", formats: ["woff2", "woff"], filePath: "src/tokens/asset/font.json", isSource: true, original: { value: "fonts/source-code-pro-v6-latin-italic", formats: ["woff2", "woff"], }, name: "AssetFontSourceCodePro400Italic", attributes: { category: "asset", type: "font", item: "Source Code Pro", subitem: "400", state: "italic", family: "Source Code Pro", weight: "400", style: "italic", }, path: ["asset", "font", "Source Code Pro", "400", "italic"], }, { value: "fonts/source-code-pro-v6-latin-600", formats: ["woff2", "woff"], filePath: "src/tokens/asset/font.json", isSource: true, original: { value: "fonts/source-code-pro-v6-latin-600", formats: ["woff2", "woff"], }, name: "AssetFontSourceCodePro600Normal", attributes: { category: "asset", type: "font", item: "Source Code Pro", subitem: "600", state: "normal", family: "Source Code Pro", weight: "600", style: "normal", }, path: ["asset", "font", "Source Code Pro", "600", "normal"], }, { value: "fonts/source-code-pro-v6-latin-600italic", formats: ["woff2", "woff"], filePath: "src/tokens/asset/font.json", isSource: true, original: { value: "fonts/source-code-pro-v6-latin-600italic", formats: ["woff2", "woff"], }, name: "AssetFontSourceCodePro600Italic", attributes: { category: "asset", type: "font", item: "Source Code Pro", subitem: "600", state: "italic", family: "Source Code Pro", weight: "600", style: "italic", }, path: ["asset", "font", "Source Code Pro", "600", "italic"], }, { value: "fonts/icomoon-sps-icons", formats: ["svg", "truetype", "woff", "woff2"], filePath: "src/tokens/asset/font.json", isSource: true, original: { value: "fonts/icomoon-sps-icons", formats: ["svg", "truetype", "woff", "woff2"], }, name: "AssetFontSpsIcons400Normal", attributes: { category: "asset", type: "font", item: "SPS-Icons", subitem: "400", state: "normal", family: "SPS-Icons", weight: "400", style: "normal", }, path: ["asset", "font", "SPS-Icons", "400", "normal"], }, { value: "solid", filePath: "src/tokens/border/border.json", isSource: true, original: { value: "solid" }, name: "BorderStyleStandard", attributes: { category: "border", type: "style", item: "standard" }, path: ["border", "style", "standard"], }, { value: "#fbe6eaff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#FBE6EA" }, name: "ColorRedLight", attributes: { category: "color", type: "red", item: "light" }, path: ["color", "red", "light"], }, { value: "#de002eff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#DE002E" }, name: "ColorRedMedium", attributes: { category: "color", type: "red", item: "medium" }, path: ["color", "red", "medium"], }, { value: "#a30d2dff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#A30D2D" }, name: "ColorRedDark", attributes: { category: "color", type: "red", item: "dark" }, path: ["color", "red", "dark"], }, { value: "#f2f8fbff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#F2F8FB" }, name: "ColorBlueExtraLight", attributes: { category: "color", type: "blue", item: "extra-light" }, path: ["color", "blue", "extra-light"], }, { value: "#e6f2f8ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#E6F2F8" }, name: "ColorBlueLight", attributes: { category: "color", type: "blue", item: "light" }, path: ["color", "blue", "light"], }, { value: "#007db8ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#007DB8" }, name: "ColorBlueMedium", attributes: { category: "color", type: "blue", item: "medium" }, path: ["color", "blue", "medium"], }, { value: "#09638dff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#09638D" }, name: "ColorBlueDark", attributes: { category: "color", type: "blue", item: "dark" }, path: ["color", "blue", "dark"], }, { value: "#e7f3ecff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#E7F3EC" }, name: "ColorGreenLight", attributes: { category: "color", type: "green", item: "light" }, path: ["color", "green", "light"], }, { value: "#0b8940ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#0B8940" }, name: "ColorGreenMedium", attributes: { category: "color", type: "green", item: "medium" }, path: ["color", "green", "medium"], }, { value: "#106b39ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#106B39" }, name: "ColorGreenDark", attributes: { category: "color", type: "green", item: "dark" }, path: ["color", "green", "dark"], }, { value: "#f4ecf2ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#F4ECF2" }, name: "ColorPurpleLight", attributes: { category: "color", type: "purple", item: "light" }, path: ["color", "purple", "light"], }, { value: "#e3d0deff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#E3D0DE" }, name: "ColorPurpleMediumLight", attributes: { category: "color", type: "purple", item: "medium-light" }, path: ["color", "purple", "medium-light"], }, { value: "#91467fff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#91467F" }, name: "ColorPurpleMedium", attributes: { category: "color", type: "purple", item: "medium" }, path: ["color", "purple", "medium"], }, { value: "#6e3c65ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#6E3C65" }, name: "ColorPurpleDark", attributes: { category: "color", type: "purple", item: "dark" }, path: ["color", "purple", "dark"], }, { value: "#fcf1e7ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#FCF1E7" }, name: "ColorOrangeLight", attributes: { category: "color", type: "orange", item: "light" }, path: ["color", "orange", "light"], }, { value: "#e7760bff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#E7760B" }, name: "ColorOrangeMedium", attributes: { category: "color", type: "orange", item: "medium" }, path: ["color", "orange", "medium"], }, { value: "#aa5e14ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#AA5E14" }, name: "ColorOrangeDark", attributes: { category: "color", type: "orange", item: "dark" }, path: ["color", "orange", "dark"], }, { value: "#f3f4f4ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#F3F4F4" }, name: "ColorGreyExtraLight", attributes: { category: "color", type: "grey", item: "extra-light" }, path: ["color", "grey", "extra-light"], }, { value: "#f3f4f4cc", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#F3F4F4CC" }, name: "ColorGreyExtraLight80", attributes: { category: "color", type: "grey", item: "extra-light-80" }, path: ["color", "grey", "extra-light-80"], }, { value: "#e9e9eaff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#E9E9EA" }, name: "ColorGreyLight", attributes: { category: "color", type: "grey", item: "light" }, path: ["color", "grey", "light"], }, { value: "#d2d4d4ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#D2D4D4" }, name: "ColorGreyMediumLight", attributes: { category: "color", type: "grey", item: "medium-light" }, path: ["color", "grey", "medium-light"], }, { value: "#717779ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#717779" }, name: "ColorGreyMedium", attributes: { category: "color", type: "grey", item: "medium" }, path: ["color", "grey", "medium"], }, { value: "#4b5356ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#4B5356" }, name: "ColorGreyMediumDark", attributes: { category: "color", type: "grey", item: "medium-dark" }, path: ["color", "grey", "medium-dark"], }, { value: "#1f282cff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#1F282C" }, name: "ColorGreyDark", attributes: { category: "color", type: "grey", item: "dark" }, path: ["color", "grey", "dark"], }, { value: "#1f282c1a", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#1F282C1A" }, name: "ColorGreyDark10", attributes: { category: "color", type: "grey", item: "dark-10" }, path: ["color", "grey", "dark-10"], }, { value: "#1f282c40", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#1F282C40" }, name: "ColorGreyDark25", attributes: { category: "color", type: "grey", item: "dark-25" }, path: ["color", "grey", "dark-25"], }, { value: "#1f282c80", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#1F282C80" }, name: "ColorGreyDark50", attributes: { category: "color", type: "grey", item: "dark-50" }, path: ["color", "grey", "dark-50"], }, { value: "#fff8e0ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#FFF8E0" }, name: "ColorYellowLight", attributes: { category: "color", type: "yellow", item: "light" }, path: ["color", "yellow", "light"], }, { value: "#ffcc00ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#FFCC00" }, name: "ColorYellowMedium", attributes: { category: "color", type: "yellow", item: "medium" }, path: ["color", "yellow", "medium"], }, { value: "#ffffffff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#FFFFFF" }, name: "ColorWhite", attributes: { category: "color", type: "white" }, path: ["color", "white"], }, { value: "#ffffffcc", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#FFFFFFCC" }, name: "ColorWhite80", attributes: { category: "color", type: "white-80" }, path: ["color", "white-80"], }, { value: "#000000ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#000000" }, name: "ColorBlack", attributes: { category: "color", type: "black" }, path: ["color", "black"], }, { value: "#00000000", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "transparent" }, name: "ColorTransparent", attributes: { category: "color", type: "transparent" }, path: ["color", "transparent"], }, { value: "#ffffffff", filePath: "src/tokens/component/action-bar.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentActionBarBackgroundColor", attributes: { category: "component", type: "action-bar", item: "background-color", }, path: ["component", "action-bar", "background-color"], }, { value: "2rem", filePath: "src/tokens/component/action-bar.json", isSource: true, original: { value: "{size.system.lg.value}" }, name: "ComponentActionBarMainContentHeight", attributes: { category: "component", type: "action-bar", item: "main-content-height", }, path: ["component", "action-bar", "main-content-height"], }, { value: "1280px", filePath: "src/tokens/component/action-bar.json", isSource: true, original: { value: "{size.component.action-bar.max-content-width.value}", }, name: "ComponentActionBarMaxContentWidth", attributes: { category: "component", type: "action-bar", item: "max-content-width", }, path: ["component", "action-bar", "max-content-width"], }, { value: "1.25rem", filePath: "src/tokens/component/action-bar.json", isSource: true, original: { value: "{size.component.action-bar.content-padding.value}" }, name: "ComponentActionBarContentPadding", attributes: { category: "component", type: "action-bar", item: "content-padding", }, path: ["component", "action-bar", "content-padding"], }, { value: "0.5rem", filePath: "src/tokens/component/action-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentActionBarPadding", attributes: { category: "component", type: "action-bar", item: "padding", }, path: ["component", "action-bar", "padding"], }, { value: "0 0 0.25rem 0.25rem #1f282c1a", filePath: "src/tokens/component/action-bar.json", isSource: true, original: { value: "{shadow.fixed-container.value}" }, name: "ComponentActionBarShadow", attributes: { category: "component", type: "action-bar", item: "shadow" }, path: ["component", "action-bar", "shadow"], }, { value: "1rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentAddToListListsIndividualGutterMargin", attributes: { category: "component", type: "add-to-list", item: "lists", subitem: "individual-gutter-margin", }, path: ["component", "add-to-list", "lists", "individual-gutter-margin"], }, { value: "0.375rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.drag-handle.width.value}", }, name: "ComponentAddToListItemDragHandleWidth", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "dragHandle", state: "width", }, path: ["component", "add-to-list", "item", "dragHandle", "width"], }, { value: "1.125rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.drag-handle.height.value}", }, name: "ComponentAddToListItemDragHandleHeight", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "dragHandle", state: "height", }, path: ["component", "add-to-list", "item", "dragHandle", "height"], }, { value: "1.125rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.type.body-sm.line.value}" }, name: "ComponentAddToListItemDragHandleLineHeight", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "dragHandle", state: "lineHeight", }, path: ["component", "add-to-list", "item", "dragHandle", "lineHeight"], }, { value: "1rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentAddToListItemDragHandlePaddingRight", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "dragHandle", state: "padding", }, path: [ "component", "add-to-list", "item", "dragHandle", "padding", "right", ], }, { value: "url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgOCAxOCIgd2lkdGg9IjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE2IDcwODFoM3YzaC0zem0wIDVoM3YzaC0zem0wIDVoM3YzaC0zem0wIDVoM3YzaC0zem01LTE1aDN2M2gtM3ptMCA1aDN2M2gtM3ptMCA1aDN2M2gtM3ptMCA1aDN2M2gtM3oiIGZpbGw9IiNhNWE5YWIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE2IC03MDgxKSIvPjwvc3ZnPg==') no-repeat left center", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgOCAxOCIgd2lkdGg9IjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE2IDcwODFoM3YzaC0zem0wIDVoM3YzaC0zem0wIDVoM3YzaC0zem0wIDVoM3YzaC0zem01LTE1aDN2M2gtM3ptMCA1aDN2M2gtM3ptMCA1aDN2M2gtM3ptMCA1aDN2M2gtM3oiIGZpbGw9IiNhNWE5YWIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE2IC03MDgxKSIvPjwvc3ZnPg==') no-repeat left center", }, name: "ComponentAddToListItemDragHandleBackground", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "dragHandle", state: "background", }, path: ["component", "add-to-list", "item", "dragHandle", "background"], }, { value: 0.25, filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: 0.25 }, name: "ComponentAddToListItemDragHandleDisabledOpacity", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "dragHandle", state: "disabled", }, path: [ "component", "add-to-list", "item", "dragHandle", "disabled", "opacity", ], }, { value: "1.125rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.type.body-sm.line.value}" }, name: "ComponentAddToListItemLineHeight", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "lineHeight", }, path: ["component", "add-to-list", "item", "lineHeight"], }, { value: "0.75rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "ComponentAddToListItemFontSize", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "fontSize", }, path: ["component", "add-to-list", "item", "fontSize"], }, { value: "100%", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "100%" }, name: "ComponentAddToListItemWidth", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "width", }, path: ["component", "add-to-list", "item", "width"], }, { value: "17.75rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.item.minwidth.value}" }, name: "ComponentAddToListItemMinWidth", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "minWidth", }, path: ["component", "add-to-list", "item", "minWidth"], }, { value: "0.75rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.item.padding.value}" }, name: "ComponentAddToListItemPadding", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "padding", }, path: ["component", "add-to-list", "item", "padding"], }, { value: "0.0625rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentAddToListItemBorderWeight", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "border", state: "weight", }, path: ["component", "add-to-list", "item", "border", "weight"], }, { value: "solid", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentAddToListItemBorderStyle", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "border", state: "style", }, path: ["component", "add-to-list", "item", "border", "style"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentAddToListItemBorderColor", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "border", state: "color", }, path: ["component", "add-to-list", "item", "border", "color"], }, { value: "#e6f2f8ff", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{color.blue.light.value}" }, name: "ComponentAddToListItemDraggingBackgroundColor", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "dragging", state: "backgroundColor", }, path: ["component", "add-to-list", "item", "dragging", "backgroundColor"], }, { value: "0.375rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.close-button.right.value}", }, name: "ComponentAddToListItemCloseButtonRight", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "closeButton", state: "right", }, path: ["component", "add-to-list", "item", "closeButton", "right"], }, { value: "0.625rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.close-button.top.value}", }, name: "ComponentAddToListItemCloseButtonTop", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "closeButton", state: "top", }, path: ["component", "add-to-list", "item", "closeButton", "top"], }, { value: "#007db8ff", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentAddToListItemDropTargetBoxShadowColor", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "dropTarget", state: "boxShadow", }, path: [ "component", "add-to-list", "item", "dropTarget", "boxShadow", "color", ], }, { value: "0.25rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.system.xs.value}" }, name: "ComponentAddToListItemDropTargetBoxShadowOffsetY", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "dropTarget", state: "boxShadow", }, path: [ "component", "add-to-list", "item", "dropTarget", "boxShadow", "offsetY", ], }, { value: "0.875rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentAddToListHeadingFontSize", attributes: { category: "component", type: "add-to-list", item: "heading", subitem: "fontSize", }, path: ["component", "add-to-list", "heading", "fontSize"], }, { value: "1.25rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentAddToListHeadingLineHeight", attributes: { category: "component", type: "add-to-list", item: "heading", subitem: "lineHeight", }, path: ["component", "add-to-list", "heading", "lineHeight"], }, { value: "0.25rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentAddToListHeadingMarginBottom", attributes: { category: "component", type: "add-to-list", item: "heading", subitem: "marginBottom", }, path: ["component", "add-to-list", "heading", "marginBottom"], }, { value: "0.875rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentAddToListHeadingIconFontSize", attributes: { category: "component", type: "add-to-list", item: "heading", subitem: "icon", state: "fontSize", }, path: ["component", "add-to-list", "heading", "icon", "fontSize"], }, { value: "1.25rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentAddToListHeadingIconLineHeight", attributes: { category: "component", type: "add-to-list", item: "heading", subitem: "icon", state: "lineHeight", }, path: ["component", "add-to-list", "heading", "icon", "lineHeight"], }, { value: "0.25rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentAddToListHeadingIconMarginRight", attributes: { category: "component", type: "add-to-list", item: "heading", subitem: "icon", state: "marginRight", }, path: ["component", "add-to-list", "heading", "icon", "marginRight"], }, { value: "0.25rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentAddToListHeadingTagMarginLeft", attributes: { category: "component", type: "add-to-list", item: "heading", subitem: "tag", state: "marginLeft", }, path: ["component", "add-to-list", "heading", "tag", "marginLeft"], }, { value: 600, filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentAddToListHeadingFontWeight", attributes: { category: "component", type: "add-to-list", item: "heading", subitem: "fontWeight", }, path: ["component", "add-to-list", "heading", "fontWeight"], }, { value: "1rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentAddToListLeftListMarginRight", attributes: { category: "component", type: "add-to-list", item: "leftList", subitem: "marginRight", }, path: ["component", "add-to-list", "leftList", "marginRight"], }, { value: "0", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.leftList.vertical.marginRight.value}", }, name: "ComponentAddToListLeftListVerticalMarginRight", attributes: { category: "component", type: "add-to-list", item: "leftList", subitem: "vertical", state: "marginRight", }, path: ["component", "add-to-list", "leftList", "vertical", "marginRight"], }, { value: "1.375rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.leftList.vertical.marginBottom.value}", }, name: "ComponentAddToListLeftListVerticalMarginBottom", attributes: { category: "component", type: "add-to-list", item: "leftList", subitem: "vertical", state: "marginBottom", }, path: [ "component", "add-to-list", "leftList", "vertical", "marginBottom", ], }, { value: "1rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentAddToListRightListMarginLeft", attributes: { category: "component", type: "add-to-list", item: "rightList", subitem: "marginLeft", }, path: ["component", "add-to-list", "rightList", "marginLeft"], }, { value: "0", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.rightList.vertical.marginLeft.value}", }, name: "ComponentAddToListRightListVerticalMarginLeft", attributes: { category: "component", type: "add-to-list", item: "rightList", subitem: "vertical", state: "marginLeft", }, path: ["component", "add-to-list", "rightList", "vertical", "marginLeft"], }, { value: "0.0625rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentAddToListSeparatorWidth", attributes: { category: "component", type: "add-to-list", item: "separator", subitem: "width", }, path: ["component", "add-to-list", "separator", "width"], }, { value: "1rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentAddToListSeparatorLeftAdjustment", attributes: { category: "component", type: "add-to-list", item: "separator", subitem: "leftAdjustment", }, path: ["component", "add-to-list", "separator", "leftAdjustment"], }, { value: "1.5625rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.phantomDroppableContainerTotalHeight.value}", }, name: "ComponentAddToListSeparatorHeightAdjustmentForPhantomDroppableContainer", attributes: { category: "component", type: "add-to-list", item: "separator", subitem: "heightAdjustmentForPhantomDroppableContainer", }, path: [ "component", "add-to-list", "separator", "heightAdjustmentForPhantomDroppableContainer", ], }, { value: "1rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentAddToListListComponentWrapperWidthAdjustment", attributes: { category: "component", type: "add-to-list", item: "listComponentWrapper", subitem: "widthAdjustment", }, path: [ "component", "add-to-list", "listComponentWrapper", "widthAdjustment", ], }, { value: "100%", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "100%" }, name: "ComponentAddToListListComponentWrapperVerticalWidth", attributes: { category: "component", type: "add-to-list", item: "listComponentWrapper", subitem: "vertical", state: "width", }, path: [ "component", "add-to-list", "listComponentWrapper", "vertical", "width", ], }, { value: "#f3f4f4ff", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentAddToListDraggableBoxIsDraggingBackgroundColor", attributes: { category: "component", type: "add-to-list", item: "draggableBox", subitem: "isDragging", state: "backgroundColor", }, path: [ "component", "add-to-list", "draggableBox", "isDragging", "backgroundColor", ], }, { value: "#717779ff", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentAddToListDraggableBoxIsDraggingColor", attributes: { category: "component", type: "add-to-list", item: "draggableBox", subitem: "isDragging", state: "color", }, path: ["component", "add-to-list", "draggableBox", "isDragging", "color"], }, { value: "1.25rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.filterContainer.marginBottom.value}", }, name: "ComponentAddToListFilterContainerMarginBottom", attributes: { category: "component", type: "add-to-list", item: "filterContainer", subitem: "marginBottom", }, path: ["component", "add-to-list", "filterContainer", "marginBottom"], }, { value: "1.5625rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.phantomDroppableContainerTotalHeight.value}", }, name: "ComponentAddToListMoveAllButtonAdjustmentForPhantomDroppableContainerMarginTop", attributes: { category: "component", type: "add-to-list", item: "moveAllButtonAdjustmentForPhantomDroppableContainer", subitem: "marginTop", }, path: [ "component", "add-to-list", "moveAllButtonAdjustmentForPhantomDroppableContainer", "marginTop", ], }, { value: "#ffffffff", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentAdvancedSearchBackground", attributes: { category: "component", type: "advanced-search", item: "background", }, path: ["component", "advanced-search", "background"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentAdvancedSearchBorderColor", attributes: { category: "component", type: "advanced-search", item: "border-color", }, path: ["component", "advanced-search", "border-color"], }, { value: "0.25rem", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{size.border.radius.xs}" }, name: "ComponentAdvancedSearchBorderRadiusBottom", attributes: { category: "component", type: "advanced-search", item: "border-radius-bottom", }, path: ["component", "advanced-search", "border-radius-bottom"], }, { value: "0", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{size.border.radius.none.value}" }, name: "ComponentAdvancedSearchBorderRadiusTop", attributes: { category: "component", type: "advanced-search", item: "border-radius-top", }, path: ["component", "advanced-search", "border-radius-top"], }, { value: "solid", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentAdvancedSearchBorderStyle", attributes: { category: "component", type: "advanced-search", item: "border-style", }, path: ["component", "advanced-search", "border-style"], }, { value: "0.0625rem", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentAdvancedSearchBorderWidth", attributes: { category: "component", type: "advanced-search", item: "border-width", }, path: ["component", "advanced-search", "border-width"], }, { value: "0", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{size.border.width.none.value}" }, name: "ComponentAdvancedSearchBorderWidthTop", attributes: { category: "component", type: "advanced-search", item: "border-width-top", }, path: ["component", "advanced-search", "border-width-top"], }, { value: "0.625rem", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{size.component.advanced-search.margin-top.value}" }, name: "ComponentAdvancedSearchMarginTop", attributes: { category: "component", type: "advanced-search", item: "margin-top", }, path: ["component", "advanced-search", "margin-top"], }, { value: "1rem", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentAdvancedSearchMarginBottom", attributes: { category: "component", type: "advanced-search", item: "margin-bottom", }, path: ["component", "advanced-search", "margin-bottom"], }, { value: "1rem", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentAdvancedSearchFormPadding", attributes: { category: "component", type: "advanced-search", item: "form-padding", }, path: ["component", "advanced-search", "form-padding"], }, { value: "#f3f4f4ff", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentAdvancedSearchFooterBackground", attributes: { category: "component", type: "advanced-search", item: "footer", subitem: "background", }, path: ["component", "advanced-search", "footer", "background"], }, { value: "0.5rem", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentAdvancedSearchFooterPadding", attributes: { category: "component", type: "advanced-search", item: "footer", subitem: "padding", }, path: ["component", "advanced-search", "footer", "padding"], }, { value: "#e9e9eaff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentButtonKindDefaultBackground", attributes: { category: "component", type: "button", item: "kind", subitem: "default", state: "background", }, path: ["component", "button", "kind", "default", "background"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentButtonKindDefaultHoverBackground", attributes: { category: "component", type: "button", item: "kind", subitem: "default", state: "hover-background", }, path: ["component", "button", "kind", "default", "hover-background"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentButtonKindDefaultBorderColor", attributes: { category: "component", type: "button", item: "kind", subitem: "default", state: "border-color", }, path: ["component", "button", "kind", "default", "border-color"], }, { value: "#007db8ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentButtonKindLinkTextColor", attributes: { category: "component", type: "button", item: "kind", subitem: "link", state: "text-color", }, path: ["component", "button", "kind", "link", "text-color"], }, { value: "#09638dff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentButtonKindLinkTextColorHover", attributes: { category: "component", type: "button", item: "kind", subitem: "link", state: "text-color-hover", }, path: ["component", "button", "kind", "link", "text-color-hover"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentButtonKindIconHoverBackground", attributes: { category: "component", type: "button", item: "kind", subitem: "icon", state: "hover-background", }, path: ["component", "button", "kind", "icon", "hover-background"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentButtonKindIconBorderColor", attributes: { category: "component", type: "button", item: "kind", subitem: "icon", state: "border-color", }, path: ["component", "button", "kind", "icon", "border-color"], }, { value: "0.25rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentButtonKindIconPaddingVertical", attributes: { category: "component", type: "button", item: "kind", subitem: "icon", state: "padding-vertical", }, path: ["component", "button", "kind", "icon", "padding-vertical"], }, { value: "0.5rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentButtonKindIconPaddingHorizontal", attributes: { category: "component", type: "button", item: "kind", subitem: "icon", state: "padding-horizontal", }, path: ["component", "button", "kind", "icon", "padding-horizontal"], }, { value: "#007db8ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentButtonKindConfirmBackground", attributes: { category: "component", type: "button", item: "kind", subitem: "confirm", state: "background", }, path: ["component", "button", "kind", "confirm", "background"], }, { value: "#09638dff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentButtonKindConfirmHoverBackground", attributes: { category: "component", type: "button", item: "kind", subitem: "confirm", state: "hover-background", }, path: ["component", "button", "kind", "confirm", "hover-background"], }, { value: "#09638dff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentButtonKindConfirmBorderColor", attributes: { category: "component", type: "button", item: "kind", subitem: "confirm", state: "border-color", }, path: ["component", "button", "kind", "confirm", "border-color"], }, { value: "#de002eff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentButtonKindDeleteBackground", attributes: { category: "component", type: "button", item: "kind", subitem: "delete", state: "background", }, path: ["component", "button", "kind", "delete", "background"], }, { value: "#a30d2dff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.red.dark.value}" }, name: "ComponentButtonKindDeleteHoverBackground", attributes: { category: "component", type: "button", item: "kind", subitem: "delete", state: "hover-background", }, path: ["component", "button", "kind", "delete", "hover-background"], }, { value: "#a30d2dff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.red.dark.value}" }, name: "ComponentButtonKindDeleteBorderColor", attributes: { category: "component", type: "button", item: "kind", subitem: "delete", state: "border-color", }, path: ["component", "button", "kind", "delete", "border-color"], }, { value: "#4b5356ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentButtonKindKeyBackground", attributes: { category: "component", type: "button", item: "kind", subitem: "key", state: "background", }, path: ["component", "button", "kind", "key", "background"], }, { value: "#1f282cff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentButtonKindKeyHoverBackground", attributes: { category: "component", type: "button", item: "kind", subitem: "key", state: "hover-background", }, path: ["component", "button", "kind", "key", "hover-background"], }, { value: "#1f282cff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentButtonKindKeyBorderColor", attributes: { category: "component", type: "button", item: "kind", subitem: "key", state: "border-color", }, path: ["component", "button", "kind", "key", "border-color"], }, { value: "solid", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentButtonBorderStyle", attributes: { category: "component", type: "button", item: "border", subitem: "style", }, path: ["component", "button", "border", "style"], }, { value: "0.0625rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentButtonBorderWidth", attributes: { category: "component", type: "button", item: "border", subitem: "width", }, path: ["component", "button", "border", "width"], }, { value: "0.25rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentButtonBorderRadius", attributes: { category: "component", type: "button", item: "border", subitem: "radius", }, path: ["component", "button", "border", "radius"], }, { value: "#ffffffff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentButtonDisabledBackground", attributes: { category: "component", type: "button", item: "disabled-background", }, path: ["component", "button", "disabled-background"], }, { value: "0.875rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.component.button.spinner-margin-vertical.value}", }, name: "ComponentButtonSpinnerMarginVertical", attributes: { category: "component", type: "button", item: "spinner", subitem: "margin-vertical", }, path: ["component", "button", "spinner", "margin-vertical"], }, { value: "0.4375rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.component.button.spinner-margin-horizontal.value}", }, name: "ComponentButtonSpinnerMarginHorizontal", attributes: { category: "component", type: "button", item: "spinner", subitem: "margin-horizontal", }, path: ["component", "button", "spinner", "margin-horizontal"], }, { value: "0.125rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.component.button.spinner-border-width.value}" }, name: "ComponentButtonSpinnerBorderWidth", attributes: { category: "component", type: "button", item: "spinner", subitem: "border-width", }, path: ["component", "button", "spinner", "border-width"], }, { value: "0.875rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.component.button.spinner-size}" }, name: "ComponentButtonSpinnerSize", attributes: { category: "component", type: "button", item: "spinner", subitem: "size", }, path: ["component", "button", "spinner", "size"], }, { value: "0.75rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.type.component-sm.font.value}" }, name: "ComponentButtonFontSize", attributes: { category: "component", type: "button", item: "font-size" }, path: ["component", "button", "font-size"], }, { value: 600, filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentButtonFontWeight", attributes: { category: "component", type: "button", item: "font-weight", }, path: ["component", "button", "font-weight"], }, { value: "0.875rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.type.component-sm.line.value}" }, name: "ComponentButtonLineHeight", attributes: { category: "component", type: "button", item: "line-height", }, path: ["component", "button", "line-height"], }, { value: "#4b5356ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentButtonTextColorDark", attributes: { category: "component", type: "button", item: "text-color-dark", }, path: ["component", "button", "text-color-dark"], }, { value: "#ffffffff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentButtonTextColorLight", attributes: { category: "component", type: "button", item: "text-color-light", }, path: ["component", "button", "text-color-light"], }, { value: "#717779ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentButtonTextColorDisabled", attributes: { category: "component", type: "button", item: "text-color-disabled", }, path: ["component", "button", "text-color-disabled"], }, { value: "#007db8ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentButtonTextColorLink", attributes: { category: "component", type: "button", item: "text-color-link", }, path: ["component", "button", "text-color-link"], }, { value: "#09638dff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentButtonTextColorLinkHover", attributes: { category: "component", type: "button", item: "text-color-link-hover", }, path: ["component", "button", "text-color-link-hover"], }, { value: "0.5rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentButtonPaddingVertical", attributes: { category: "component", type: "button", item: "padding-vertical", }, path: ["component", "button", "padding-vertical"], }, { value: "1rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentButtonPaddingHorizontal", attributes: { category: "component", type: "button", item: "padding-horizontal", }, path: ["component", "button", "padding-horizontal"], }, { value: "0.875rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentButtonIconFontSize", attributes: { category: "component", type: "button", item: "icon-font-size", }, path: ["component", "button", "icon-font-size"], }, { value: "0.5rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentButtonIconMargin", attributes: { category: "component", type: "button", item: "icon-margin", }, path: ["component", "button", "icon-margin"], }, { value: "0.25rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentButtonTextIconMargin", attributes: { category: "component", type: "button", item: "text-icon-margin", }, path: ["component", "button", "text-icon-margin"], }, { value: "0.125rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentButtonIconTop", attributes: { category: "component", type: "button", item: "icon-top" }, path: ["component", "button", "icon-top"], }, { value: "0.5rem", filePath: "src/tokens/component/cap-content.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentCapContentPadding", attributes: { category: "component", type: "cap-content", item: "padding", }, path: ["component", "cap-content", "padding"], }, { value: "0.75rem", filePath: "src/tokens/component/cap-content.json", isSource: true, original: { value: "{size.type.component-sm.font.value}" }, name: "ComponentCapContentFontSize", attributes: { category: "component", type: "cap-content", item: "font-size", }, path: ["component", "cap-content", "font-size"], }, { value: "1.875rem", filePath: "src/tokens/component/cap-content.json", isSource: true, original: { value: "{size.component.cap-content.line-height.value}" }, name: "ComponentCapContentLineHeight", attributes: { category: "component", type: "cap-content", item: "line-height", }, path: ["component", "cap-content", "line-height"], }, { value: "0.5rem", filePath: "src/tokens/component/cap-content.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentCapContentTitlePaddingLeft", attributes: { category: "component", type: "cap-content", item: "title", subitem: "padding-left", }, path: ["component", "cap-content", "title", "padding-left"], }, { value: "#ffffffff", filePath: "src/tokens/component/card.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentCardBackgroundColor", attributes: { category: "component", type: "card", item: "background-color", }, path: ["component", "card", "background-color"], }, { value: "solid", filePath: "src/tokens/component/card.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentCardBorderStyle", attributes: { category: "component", type: "card", item: "border", subitem: "style", }, path: ["component", "card", "border", "style"], }, { value: "0.0625rem", filePath: "src/tokens/component/card.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentCardBorderWidth", attributes: { category: "component", type: "card", item: "border", subitem: "width", }, path: ["component", "card", "border", "width"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/card.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentCardBorderColor", attributes: { category: "component", type: "card", item: "border", subitem: "color", }, path: ["component", "card", "border", "color"], }, { value: "0.25rem", filePath: "src/tokens/component/card.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentCardBorderRadius", attributes: { category: "component", type: "card", item: "border", subitem: "radius", }, path: ["component", "card", "border", "radius"], }, { value: "1rem", filePath: "src/tokens/component/card.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentCardBodyPadding", attributes: { category: "component", type: "card-body", item: "padding" }, path: ["component", "card-body", "padding"], }, { value: 600, filePath: "src/tokens/component/card.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentCardTitleFontWeight", attributes: { category: "component", type: "card-title", item: "font-weight", }, path: ["component", "card-title", "font-weight"], }, { value: "0.125rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentClickableTagBorderRadius", attributes: { category: "component", type: "clickable-tag", item: "border-radius", }, path: ["component", "clickable-tag", "border-radius"], }, { value: "#09638dff", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentClickableTagColor", attributes: { category: "component", type: "clickable-tag", item: "color", }, path: ["component", "clickable-tag", "color"], }, { value: "0.75rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.type.component-sm.font.value}" }, name: "ComponentClickableTagFontSize", attributes: { category: "component", type: "clickable-tag", item: "font-size", }, path: ["component", "clickable-tag", "font-size"], }, { value: 600, filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentClickableTagFontWeight", attributes: { category: "component", type: "clickable-tag", item: "font-weight", }, path: ["component", "clickable-tag", "font-weight"], }, { value: "1.125rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.component.clickable-tag.height.value}" }, name: "ComponentClickableTagHeight", attributes: { category: "component", type: "clickable-tag", item: "height", }, path: ["component", "clickable-tag", "height"], }, { value: "#09638dff", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentClickableTagHoverBackgroundColor", attributes: { category: "component", type: "clickable-tag", item: "hover-background-color", }, path: ["component", "clickable-tag", "hover-background-color"], }, { value: "#e6f2f8ff", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{color.blue.light.value}" }, name: "ComponentClickableTagHoverColor", attributes: { category: "component", type: "clickable-tag", item: "hover-color", }, path: ["component", "clickable-tag", "hover-color"], }, { value: "0.75rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.component.clickable-tag.line-height.value}" }, name: "ComponentClickableTagLineHeight", attributes: { category: "component", type: "clickable-tag", item: "line-height", }, path: ["component", "clickable-tag", "line-height"], }, { value: "0.125rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentClickableTagPaddingVertical", attributes: { category: "component", type: "clickable-tag", item: "padding-vertical", }, path: ["component", "clickable-tag", "padding-vertical"], }, { value: "0.25rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentClickableTagPaddingHorizontal", attributes: { category: "component", type: "clickable-tag", item: "padding-horizontal", }, path: ["component", "clickable-tag", "padding-horizontal"], }, { value: "#e6f2f8ff", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{color.blue.light.value}" }, name: "ComponentClickableTagKindBlueBackgroundColor", attributes: { category: "component", type: "clickable-tag", item: "kind", subitem: "blue", state: "background-color", }, path: ["component", "clickable-tag", "kind", "blue", "background-color"], }, { value: "#e9e9eaff", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentClickableTagKindGrayBackgroundColor", attributes: { category: "component", type: "clickable-tag", item: "kind", subitem: "gray", state: "background-color", }, path: ["component", "clickable-tag", "kind", "gray", "background-color"], }, { value: "#ffffffff", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentClickableTagDisabledBackgroundColor", attributes: { category: "component", type: "clickable-tag", item: "disabled", subitem: "background-color", }, path: ["component", "clickable-tag", "disabled", "background-color"], }, { value: "0.0625rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentClickableTagDisabledBorderWidth", attributes: { category: "component", type: "clickable-tag", item: "disabled", subitem: "border-width", }, path: ["component", "clickable-tag", "disabled", "border-width"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentClickableTagDisabledBorderColor", attributes: { category: "component", type: "clickable-tag", item: "disabled", subitem: "border-color", }, path: ["component", "clickable-tag", "disabled", "border-color"], }, { value: "#717779ff", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentClickableTagDisabledColor", attributes: { category: "component", type: "clickable-tag", item: "disabled", subitem: "color", }, path: ["component", "clickable-tag", "disabled", "color"], }, { value: "0.125rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.border.radius.xxs.value }" }, name: "ComponentClickableTagLabelBorderLeftRadius", attributes: { category: "component", type: "clickable-tag", item: "label", subitem: "border-left-radius", }, path: ["component", "clickable-tag", "label", "border-left-radius"], }, { value: "0", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.border.radius.none.value}" }, name: "ComponentClickableTagLabelBorderRightRadius", attributes: { category: "component", type: "clickable-tag", item: "label", subitem: "border-right-radius", }, path: ["component", "clickable-tag", "label", "border-right-radius"], }, { value: "0", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.border.radius.none.value }" }, name: "ComponentClickableTagIconBorderLeftRadius", attributes: { category: "component", type: "clickable-tag", item: "icon", subitem: "border-left-radius", }, path: ["component", "clickable-tag", "icon", "border-left-radius"], }, { value: "0.125rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentClickableTagIconBorderRightRadius", attributes: { category: "component", type: "clickable-tag", item: "icon", subitem: "border-right-radius", }, path: ["component", "clickable-tag", "icon", "border-right-radius"], }, { value: "0.625rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.component.clickable-tag.icon-font-size.value}", }, name: "ComponentClickableTagIconFontSize", attributes: { category: "component", type: "clickable-tag", item: "icon", subitem: "font-size", }, path: ["component", "clickable-tag", "icon", "font-size"], }, { value: "-0.0625rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.component.clickable-tag.icon-top-offset.value}", }, name: "ComponentClickableTagIconTopOffset", attributes: { category: "component", type: "clickable-tag", item: "icon", subitem: "top-offset", }, path: ["component", "clickable-tag", "icon", "top-offset"], }, { value: "#ffffffff", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentContentRowBackgroundColor", attributes: { category: "component", type: "content-row", item: "background-color", }, path: ["component", "content-row", "background-color"], }, { value: "0.0625rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentContentRowBorderWidth", attributes: { category: "component", type: "content-row", item: "border-width", }, path: ["component", "content-row", "border-width"], }, { value: "solid", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentContentRowBorderStyle", attributes: { category: "component", type: "content-row", item: "border-style", }, path: ["component", "content-row", "border-style"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentContentRowBorderColor", attributes: { category: "component", type: "content-row", item: "border-color", }, path: ["component", "content-row", "border-color"], }, { value: "0.25rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentContentRowBorderRadius", attributes: { category: "component", type: "content-row", item: "border-radius", }, path: ["component", "content-row", "border-radius"], }, { value: "0.25rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentContentRowExpandedBorderRadiusTop", attributes: { category: "component", type: "content-row", item: "expanded-border-radius-top", }, path: ["component", "content-row", "expanded-border-radius-top"], }, { value: "0", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.border.radius.none.value}" }, name: "ComponentContentRowExpandedBorderRadiusBottom", attributes: { category: "component", type: "content-row", item: "expanded-border-radius-bottom", }, path: ["component", "content-row", "expanded-border-radius-bottom"], }, { value: "#e6f2f8ff", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{color.blue.light.value}" }, name: "ComponentContentRowSelectedBackgroundColor", attributes: { category: "component", type: "content-row", item: "selected-background-color", }, path: ["component", "content-row", "selected-background-color"], }, { value: "#007db8ff", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentContentRowSelectedBorderColor", attributes: { category: "component", type: "content-row", item: "selected-border-color", }, path: ["component", "content-row", "selected-border-color"], }, { value: "0", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.border.width.none.value}" }, name: "ComponentContentRowExpandButtonBorder", attributes: { category: "component", type: "content-row", item: "expand-button-border", }, path: ["component", "content-row", "expand-button-border"], }, { value: "#007db8ff", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentContentRowExpandButtonColor", attributes: { category: "component", type: "content-row", item: "expand-button-color", }, path: ["component", "content-row", "expand-button-color"], }, { value: "#09638dff", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentContentRowExpandButtonHoverColor", attributes: { category: "component", type: "content-row", item: "expand-button-hover-color", }, path: ["component", "content-row", "expand-button-hover-color"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentContentRowExpandButtonColorDisabled", attributes: { category: "component", type: "content-row", item: "expand-button-color-disabled", }, path: ["component", "content-row", "expand-button-color-disabled"], }, { value: "1rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.type.title-sm.font.value}" }, name: "ComponentContentRowExpandButtonFontSize", attributes: { category: "component", type: "content-row", item: "expand-button-font-size", }, path: ["component", "content-row", "expand-button-font-size"], }, { value: "1.125rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.type.title-md.line.value}" }, name: "ComponentContentRowExpandButtonLineHeight", attributes: { category: "component", type: "content-row", item: "expand-button-line-height", }, path: ["component", "content-row", "expand-button-line-height"], }, { value: "1rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentContentRowPadding", attributes: { category: "component", type: "content-row", item: "padding", }, path: ["component", "content-row", "padding"], }, { value: "1rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentContentRowCardSpacingMargin", attributes: { category: "component", type: "content-row", item: "card-spacing-margin", }, path: ["component", "content-row", "card-spacing-margin"], }, { value: "0.5rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentContentRowColPaddingSmall", attributes: { category: "component", type: "content-row-col", item: "padding-small", }, path: ["component", "content-row-col", "padding-small"], }, { value: "-0.125rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.component.content-row.icon-margin-adjustment}", }, name: "ComponentContentRowColIconMarginAdjustment", attributes: { category: "component", type: "content-row-col", item: "icon-margin-adjustment", }, path: ["component", "content-row-col", "icon-margin-adjustment"], }, { value: "#f3f4f4ff", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentContentRowExpansionBackgroundColor", attributes: { category: "component", type: "content-row-expansion", item: "background-color", }, path: ["component", "content-row-expansion", "background-color"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentContentRowExpansionBorderColor", attributes: { category: "component", type: "content-row-expansion", item: "border-color", }, path: ["component", "content-row-expansion", "border-color"], }, { value: "0", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.border.radius.none.value}" }, name: "ComponentContentRowExpansionBorderRadiusTop", attributes: { category: "component", type: "content-row-expansion", item: "border-radius-top", }, path: ["component", "content-row-expansion", "border-radius-top"], }, { value: "0.25rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentContentRowExpansionBorderRadiusBottom", attributes: { category: "component", type: "content-row-expansion", item: "border-radius-bottom", }, path: ["component", "content-row-expansion", "border-radius-bottom"], }, { value: "1rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentContentRowAutoLayoutSpacerHeight", attributes: { category: "component", type: "content-row-auto-layout-spacer", item: "height", }, path: ["component", "content-row-auto-layout-spacer", "height"], }, { value: "3.875rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.component.content-row.reorderable-min-container-height.value}", }, name: "ComponentContentRowReorderableMinContainerHeight", attributes: { category: "component", type: "content-row-reorderable", item: "min-container-height", }, path: ["component", "content-row-reorderable", "min-container-height"], }, { value: "3.5rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.component.content-row.reorderable-index-container-size.value}", }, name: "ComponentContentRowReorderableIndexContainerSize", attributes: { category: "component", type: "content-row-reorderable", item: "index-container-size", }, path: ["component", "content-row-reorderable", "index-container-size"], }, { value: "0.5rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentContentRowReorderableIndexContainerPadding", attributes: { category: "component", type: "content-row-reorderable", item: "index-container-padding", }, path: ["component", "content-row-reorderable", "index-container-padding"], }, { value: "0", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.border.radius.none.value}" }, name: "ComponentContentRowReorderableReorderButtonBorderRadiusNone", attributes: { category: "component", type: "content-row-reorderable", item: "reorder-button-border-radius-none", }, path: [ "component", "content-row-reorderable", "reorder-button-border-radius-none", ], }, { value: "0.1875rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.component.content-row.reorderable-button-border-radius.value}", }, name: "ComponentContentRowReorderableReorderButtonBorderRadius", attributes: { category: "component", type: "content-row-reorderable", item: "reorder-button-border-radius", }, path: [ "component", "content-row-reorderable", "reorder-button-border-radius", ], }, { value: "1.78125rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.component.content-row.reorderable-button-height.value}", }, name: "ComponentContentRowReorderableReorderButtonHeight", attributes: { category: "component", type: "content-row-reorderable", item: "reorder-button-height", }, path: ["component", "content-row-reorderable", "reorder-button-height"], }, { value: "3.3125rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.component.content-row.reorderable-button-width.value}", }, name: "ComponentContentRowReorderableReorderButtonWidth", attributes: { category: "component", type: "content-row-reorderable", item: "reorder-button-width", }, path: ["component", "content-row-reorderable", "reorder-button-width"], }, { value: "#000000ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.black.value}" }, name: "ComponentContentTilesColor", attributes: { category: "component", type: "content-tiles", item: "color", }, path: ["component", "content-tiles", "color"], }, { value: "#ffffffff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentContentTilesBackgroundColor", attributes: { category: "component", type: "content-tiles", item: "background-color", }, path: ["component", "content-tiles", "background-color"], }, { value: "0.25rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentContentTilesBorderRadius", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "radius", }, path: ["component", "content-tiles", "border", "radius"], }, { value: "0.0625rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentContentTilesBorderWidth", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "width", }, path: ["component", "content-tiles", "border", "width"], }, { value: "solid", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentContentTilesBorderStyle", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "style", }, path: ["component", "content-tiles", "border", "style"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentContentTilesBorderBorderColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "borderColor", }, path: ["component", "content-tiles", "border", "borderColor"], }, { value: "#007db8ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentContentTilesBorderHoverBorderColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "hover", state: "borderColor", }, path: ["component", "content-tiles", "border", "hover", "borderColor"], }, { value: "#000000ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.black.value}" }, name: "ComponentContentTilesBorderHoverColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "hover", state: "color", }, path: ["component", "content-tiles", "border", "hover", "color"], }, { value: "#de002eff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentContentTilesBorderErrorBorderColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "error", state: "borderColor", }, path: ["component", "content-tiles", "border", "error", "borderColor"], }, { value: "#de002eff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentContentTilesBorderErrorHoverBorderColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "error", state: "hover", }, path: [ "component", "content-tiles", "border", "error", "hover", "borderColor", ], }, { value: "#e7760bff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentContentTilesBorderWarningBorderColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "warning", state: "borderColor", }, path: ["component", "content-tiles", "border", "warning", "borderColor"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentContentTilesBorderDisabledBorderColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "disabled", state: "borderColor", }, path: ["component", "content-tiles", "border", "disabled", "borderColor"], }, { value: "#f3f4f4ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentContentTilesBorderDisabledBackgroundColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "disabled", state: "backgroundColor", }, path: [ "component", "content-tiles", "border", "disabled", "backgroundColor", ], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentContentTilesBorderDisabledColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "disabled", state: "color", }, path: ["component", "content-tiles", "border", "disabled", "color"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentContentTilesBorderDisabledHoverBorderColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "disabled", state: "hover", }, path: [ "component", "content-tiles", "border", "disabled", "hover", "borderColor", ], }, { value: ".25", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: ".25" }, name: "ComponentContentTilesDisabledOpacity", attributes: { category: "component", type: "content-tiles", item: "disabled", subitem: "opacity", }, path: ["component", "content-tiles", "disabled", "opacity"], }, { value: "not-allowed", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "not-allowed" }, name: "ComponentContentTilesCursorNotAllowed", attributes: { category: "component", type: "content-tiles", item: "cursor", subitem: "notAllowed", }, path: ["component", "content-tiles", "cursor", "notAllowed"], }, { value: "pointer", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "pointer" }, name: "ComponentContentTilesCursorPointer", attributes: { category: "component", type: "content-tiles", item: "cursor", subitem: "pointer", }, path: ["component", "content-tiles", "cursor", "pointer"], }, { value: "8.625rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.component.content-tile.height.value}" }, name: "ComponentContentTilesHeight", attributes: { category: "component", type: "content-tiles", item: "height", }, path: ["component", "content-tiles", "height"], }, { value: "all 0.25s ease", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "all 0.25s ease" }, name: "ComponentContentTilesTransition", attributes: { category: "component", type: "content-tiles", item: "transition", }, path: ["component", "content-tiles", "transition"], }, { value: "none", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{type.decoration.none.value}" }, name: "ComponentContentTilesTextDecoration", attributes: { category: "component", type: "content-tiles", item: "text-decoration", }, path: ["component", "content-tiles", "text-decoration"], }, { value: "#000000ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.black.value}" }, name: "ComponentContentTilesLinksColor", attributes: { category: "component", type: "content-tiles", item: "links", subitem: "color", }, path: ["component", "content-tiles", "links", "color"], }, { value: "3.75rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.component.content-tile.image.height.value}" }, name: "ComponentContentTilesImageHeight", attributes: { category: "component", type: "content-tiles", item: "image", subitem: "height", }, path: ["component", "content-tiles", "image", "height"], }, { value: "3.75rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.component.content-tile.image.width.value}" }, name: "ComponentContentTilesImageWidth", attributes: { category: "component", type: "content-tiles", item: "image", subitem: "width", }, path: ["component", "content-tiles", "image", "width"], }, { value: "#e7760bff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentContentTilesIconsWarning", attributes: { category: "component", type: "content-tiles", item: "icons", subitem: "warning", }, path: ["component", "content-tiles", "icons", "warning"], }, { value: "#de002eff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentContentTilesIconsError", attributes: { category: "component", type: "content-tiles", item: "icons", subitem: "error", }, path: ["component", "content-tiles", "icons", "error"], }, { value: "#717779ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentContentTilesIconsDisabled", attributes: { category: "component", type: "content-tiles", item: "icons", subitem: "disabled", }, path: ["component", "content-tiles", "icons", "disabled"], }, { value: "0.5rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.component.content-tile.titleContainer.spacing.value}", }, name: "ComponentContentTilesIconContainerPadding", attributes: { category: "component", type: "content-tiles", item: "iconContainer", subitem: "padding", }, path: ["component", "content-tiles", "iconContainer", "padding"], }, { value: "0.5rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentContentTilesTitleIconPadding", attributes: { category: "component", type: "content-tiles", item: "title", subitem: "icon", state: "padding", }, path: ["component", "content-tiles", "title", "icon", "padding"], }, { value: "#007db8ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentContentTilesTitleIconColor", attributes: { category: "component", type: "content-tiles", item: "title", subitem: "icon", state: "color", }, path: ["component", "content-tiles", "title", "icon", "color"], }, { value: "3.75rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.component.content-tile.image.height.value}" }, name: "ComponentContentTilesImageContainerHeight", attributes: { category: "component", type: "content-tiles", item: "imageContainer", subitem: "height", }, path: ["component", "content-tiles", "imageContainer", "height"], }, { value: "3.75rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.component.content-tile.image.width.value}" }, name: "ComponentContentTilesImageContainerWidth", attributes: { category: "component", type: "content-tiles", item: "imageContainer", subitem: "width", }, path: ["component", "content-tiles", "imageContainer", "width"], }, { value: "1rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.component.content-tile.image.marginTop.value}", }, name: "ComponentContentTilesImageContainerMarginTop", attributes: { category: "component", type: "content-tiles", item: "imageContainer", subitem: "marginTop", }, path: ["component", "content-tiles", "imageContainer", "marginTop"], }, { value: "1rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.component.content-tile.image.marginBottom.value}", }, name: "ComponentContentTilesImageContainerMarginBottom", attributes: { category: "component", type: "content-tiles", item: "imageContainer", subitem: "marginBottom", }, path: ["component", "content-tiles", "imageContainer", "marginBottom"], }, { value: "#fff8e0ff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.yellow.light.value}" }, name: "ComponentFeedbackBlockKindTipBackgroundColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "tip", state: "background-color", }, path: ["component", "feedback-block", "kind", "tip", "background-color"], }, { value: "#ffcc00ff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.yellow.medium.value}" }, name: "ComponentFeedbackBlockKindTipBorderColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "tip", state: "border-color", }, path: ["component", "feedback-block", "kind", "tip", "border-color"], }, { value: "#ffcc00ff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.yellow.medium.value}" }, name: "ComponentFeedbackBlockKindTipIconColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "tip", state: "iconColor", }, path: ["component", "feedback-block", "kind", "tip", "iconColor"], }, { value: "#09638dff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentFeedbackBlockKindTipMicroIconColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "tip", state: "microIconColor", }, path: ["component", "feedback-block", "kind", "tip", "microIconColor"], }, { value: "#e7f3ecff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.green.light.value}" }, name: "ComponentFeedbackBlockKindSuccessBackgroundColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "success", state: "background-color", }, path: [ "component", "feedback-block", "kind", "success", "background-color", ], }, { value: "#0b8940ff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentFeedbackBlockKindSuccessBorderColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "success", state: "border-color", }, path: ["component", "feedback-block", "kind", "success", "border-color"], }, { value: "#0b8940ff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentFeedbackBlockKindSuccessIconColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "success", state: "iconColor", }, path: ["component", "feedback-block", "kind", "success", "iconColor"], }, { value: "#fcf1e7ff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.orange.light.value}" }, name: "ComponentFeedbackBlockKindWarningBackgroundColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "warning", state: "background-color", }, path: [ "component", "feedback-block", "kind", "warning", "background-color", ], }, { value: "#e7760bff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentFeedbackBlockKindWarningBorderColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "warning", state: "border-color", }, path: ["component", "feedback-block", "kind", "warning", "border-color"], }, { value: "#e7760bff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentFeedbackBlockKindWarningIconColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "warning", state: "iconColor", }, path: ["component", "feedback-block", "kind", "warning", "iconColor"], }, { value: "#e6f2f8ff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.blue.light.value}" }, name: "ComponentFeedbackBlockKindInfoBackgroundColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "info", state: "background-color", }, path: ["component", "feedback-block", "kind", "info", "background-color"], }, { value: "#09638dff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentFeedbackBlockKindInfoBorderColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "info", state: "border-color", }, path: ["component", "feedback-block", "kind", "info", "border-color"], }, { value: "#09638dff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentFeedbackBlockKindInfoIconColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "info", state: "iconColor", }, path: ["component", "feedback-block", "kind", "info", "iconColor"], }, { value: "#fbe6eaff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.red.light.value}" }, name: "ComponentFeedbackBlockKindErrorBackgroundColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "error", state: "background-color", }, path: [ "component", "feedback-block", "kind", "error", "background-color", ], }, { value: "#de002eff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentFeedbackBlockKindErrorBorderColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "error", state: "border-color", }, path: ["component", "feedback-block", "kind", "error", "border-color"], }, { value: "#de002eff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentFeedbackBlockKindErrorIconColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "error", state: "iconColor", }, path: ["component", "feedback-block", "kind", "error", "iconColor"], }, { value: "0.125rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentFeedbackBlockStandardBorderRadius", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "border-radius", }, path: ["component", "feedback-block", "standard", "border-radius"], }, { value: "solid", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentFeedbackBlockStandardBorderStyle", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "border-style", }, path: ["component", "feedback-block", "standard", "border-style"], }, { value: "0.0625rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentFeedbackBlockStandardBorderWidth", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "border-width", }, path: ["component", "feedback-block", "standard", "border-width"], }, { value: "0.875rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentFeedbackBlockStandardFontSize", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "font-size", }, path: ["component", "feedback-block", "standard", "font-size"], }, { value: 400, filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{type.weight.normal.value}" }, name: "ComponentFeedbackBlockStandardFontWeight", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "font-weight", }, path: ["component", "feedback-block", "standard", "font-weight"], }, { value: "1.25rem ", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.type.body-md.line.value} " }, name: "ComponentFeedbackBlockStandardLineHeight", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "line-height", }, path: ["component", "feedback-block", "standard", "line-height"], }, { value: "1rem ", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.spacing.md.value} " }, name: "ComponentFeedbackBlockStandardMarginBottom", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "margin-bottom", }, path: ["component", "feedback-block", "standard", "margin-bottom"], }, { value: "0.5rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentFeedbackBlockStandardPaddingTop", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "padding-top", }, path: ["component", "feedback-block", "standard", "padding-top"], }, { value: "0.5rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentFeedbackBlockStandardPaddingBottom", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "padding-bottom", }, path: ["component", "feedback-block", "standard", "padding-bottom"], }, { value: "0.5rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentFeedbackBlockStandardPaddingLeft", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "padding-left", }, path: ["component", "feedback-block", "standard", "padding-left"], }, { value: "1rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentFeedbackBlockStandardPaddingRight", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "padding-right", }, path: ["component", "feedback-block", "standard", "padding-right"], }, { value: "1rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentFeedbackBlockMicroHeight", attributes: { category: "component", type: "feedback-block", item: "micro", subitem: "height", }, path: ["component", "feedback-block", "micro", "height"], }, { value: "#4b5356ff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentFeedbackBlockMicroTextColor", attributes: { category: "component", type: "feedback-block", item: "micro", subitem: "text", state: "color", }, path: ["component", "feedback-block", "micro", "text", "color"], }, { value: "0.75rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "ComponentFeedbackBlockMicroTextFontSize", attributes: { category: "component", type: "feedback-block", item: "micro", subitem: "text", state: "font-size", }, path: ["component", "feedback-block", "micro", "text", "font-size"], }, { value: 600, filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentFeedbackBlockMicroTextFontWeight", attributes: { category: "component", type: "feedback-block", item: "micro", subitem: "text", state: "font-weight", }, path: ["component", "feedback-block", "micro", "text", "font-weight"], }, { value: "1.125rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.type.body-sm.line.value}" }, name: "ComponentFeedbackBlockMicroTextLineHeight", attributes: { category: "component", type: "feedback-block", item: "micro", subitem: "text", state: "line-height", }, path: ["component", "feedback-block", "micro", "text", "line-height"], }, { value: "0.25rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentFeedbackBlockMicroTextMarginLeft", attributes: { category: "component", type: "feedback-block", item: "micro", subitem: "text", state: "margin-left", }, path: ["component", "feedback-block", "micro", "text", "margin-left"], }, { value: "0.5rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentFeedbackBlockIconStandardMarginRight", attributes: { category: "component", type: "feedback-block", item: "icon", subitem: "standard", state: "margin-right", }, path: ["component", "feedback-block", "icon", "standard", "margin-right"], }, { value: "1.25rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.type.title-lg.font.value}" }, name: "ComponentFeedbackBlockIconStandardFontSize", attributes: { category: "component", type: "feedback-block", item: "icon", subitem: "standard", state: "font-size", }, path: ["component", "feedback-block", "icon", "standard", "font-size"], }, { value: "-0.25rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.component.feedback-block.standard.margin-left}", }, name: "ComponentFeedbackBlockIconStandardMarginLeft", attributes: { category: "component", type: "feedback-block", item: "icon", subitem: "standard", state: "margin-left", }, path: ["component", "feedback-block", "icon", "standard", "margin-left"], }, { value: "0.875rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentFeedbackBlockIconMicroFontSize", attributes: { category: "component", type: "feedback-block", item: "icon", subitem: "micro", state: "font-size", }, path: ["component", "feedback-block", "icon", "micro", "font-size"], }, { value: 400, filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{type.weight.normal.value}" }, name: "ComponentFeedbackBlockIconMicroFontWeight", attributes: { category: "component", type: "feedback-block", item: "icon", subitem: "micro", state: "font-weight", }, path: ["component", "feedback-block", "icon", "micro", "font-weight"], }, { value: "1.125rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.type.title-md.line.value}" }, name: "ComponentFeedbackBlockIconMicroLineHeight", attributes: { category: "component", type: "feedback-block", item: "icon", subitem: "micro", state: "line-height", }, path: ["component", "feedback-block", "icon", "micro", "line-height"], }, { value: "0.125rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.component.feedback-block.micro.margin-top}" }, name: "ComponentFeedbackBlockIconMicroMarginTop", attributes: { category: "component", type: "feedback-block", item: "icon", subitem: "micro", state: "margin-top", }, path: ["component", "feedback-block", "icon", "micro", "margin-top"], }, { value: "0.0625rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentFileUploadBorderWidth", attributes: { category: "component", type: "file-upload", item: "border-width", }, path: ["component", "file-upload", "border-width"], }, { value: "#717779ff", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentFileUploadBorderColor", attributes: { category: "component", type: "file-upload", item: "border-color", }, path: ["component", "file-upload", "border-color"], }, { value: "0.25rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentFileUploadBorderRadius", attributes: { category: "component", type: "file-upload", item: "border-radius", }, path: ["component", "file-upload", "border-radius"], }, { value: "1rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentFileUploadPadding", attributes: { category: "component", type: "file-upload", item: "padding", }, path: ["component", "file-upload", "padding"], }, { value: "#717779ff", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentFileUploadColor", attributes: { category: "component", type: "file-upload", item: "color" }, path: ["component", "file-upload", "color"], }, { value: "#4b5356ff", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentFileUploadContentColor", attributes: { category: "component", type: "file-upload", item: "content-color", }, path: ["component", "file-upload", "content-color"], }, { value: "1rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentFileUploadDownloadButtonMargin", attributes: { category: "component", type: "file-upload", item: "download-button-margin", }, path: ["component", "file-upload", "download-button-margin"], }, { value: "0.5rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentFileUploadCloseButtonPosition", attributes: { category: "component", type: "file-upload", item: "close-button-position", }, path: ["component", "file-upload", "close-button-position"], }, { value: "#f4ecf2ff", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{color.purple.light.value}" }, name: "ComponentFileUploadActiveBackgroundColor", attributes: { category: "component", type: "file-upload", item: "active", subitem: "background-color", }, path: ["component", "file-upload", "active", "background-color"], }, { value: "#91467fff", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentFileUploadActiveBorderColor", attributes: { category: "component", type: "file-upload", item: "active", subitem: "border-color", }, path: ["component", "file-upload", "active", "border-color"], }, { value: "solid", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentFileUploadActiveBorderStyle", attributes: { category: "component", type: "file-upload", item: "active", subitem: "border-style", }, path: ["component", "file-upload", "active", "border-style"], }, { value: "#717779ff", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentFileUploadDisabledColor", attributes: { category: "component", type: "file-upload", item: "disabled", subitem: "color", }, path: ["component", "file-upload", "disabled", "color"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentFileUploadDisabledBorderColor", attributes: { category: "component", type: "file-upload", item: "disabled", subitem: "border-color", }, path: ["component", "file-upload", "disabled", "border-color"], }, { value: 0.5, filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: 0.5 }, name: "ComponentFileUploadDisabledIconOpacity", attributes: { category: "component", type: "file-upload", item: "disabled", subitem: "icon-opacity", }, path: ["component", "file-upload", "disabled", "icon-opacity"], }, { value: "#de002eff", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentFileUploadErrorColor", attributes: { category: "component", type: "file-upload", item: "error", subitem: "color", }, path: ["component", "file-upload", "error", "color"], }, { value: "0.875rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentFileUploadErrorFontSize", attributes: { category: "component", type: "file-upload", item: "error", subitem: "font-size", }, path: ["component", "file-upload", "error", "font-size"], }, { value: 600, filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentFileUploadErrorFontWeight", attributes: { category: "component", type: "file-upload", item: "error", subitem: "font-weight", }, path: ["component", "file-upload", "error", "font-weight"], }, { value: "1.25rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.title-lg.line.value}" }, name: "ComponentFileUploadErrorLineHeight", attributes: { category: "component", type: "file-upload", item: "error", subitem: "line-height", }, path: ["component", "file-upload", "error", "line-height"], }, { value: "0.75rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.component-sm.font.value}" }, name: "ComponentFileUploadInstructionsFontSize", attributes: { category: "component", type: "file-upload", item: "instructions", subitem: "font-size", }, path: ["component", "file-upload", "instructions", "font-size"], }, { value: "1.25rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentFileUploadInstructionsLineHeight", attributes: { category: "component", type: "file-upload", item: "instructions", subitem: "line-height", }, path: ["component", "file-upload", "instructions", "line-height"], }, { value: "1rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentFileUploadIconMarginBottom", attributes: { category: "component", type: "file-upload", item: "icon", subitem: "margin-bottom", }, path: ["component", "file-upload", "icon", "margin-bottom"], }, { value: "3rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.component.file-upload.icon-size.value}" }, name: "ComponentFileUploadIconSize", attributes: { category: "component", type: "file-upload", item: "icon", subitem: "size", }, path: ["component", "file-upload", "icon", "size"], }, { value: "1.5rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.title-xl.font.value}" }, name: "ComponentFileUploadIconMiniFontSize", attributes: { category: "component", type: "file-upload", item: "icon", subitem: "mini-font-size", }, path: ["component", "file-upload", "icon", "mini-font-size"], }, { value: "1.5rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.title-xl.line.value}" }, name: "ComponentFileUploadIconMiniLineHeight", attributes: { category: "component", type: "file-upload", item: "icon", subitem: "mini-line-height", }, path: ["component", "file-upload", "icon", "mini-line-height"], }, { value: 600, filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentFileUploadTitleFontWeight", attributes: { category: "component", type: "file-upload", item: "title", subitem: "font-weight", }, path: ["component", "file-upload", "title", "font-weight"], }, { value: "0.25rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentFileUploadTitleMarginBottom", attributes: { category: "component", type: "file-upload", item: "title", subitem: "margin-bottom", }, path: ["component", "file-upload", "title", "margin-bottom"], }, { value: "1.125rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.title-md.font.value}" }, name: "ComponentFileUploadTitleFontSize", attributes: { category: "component", type: "file-upload", item: "title", subitem: "font-size", }, path: ["component", "file-upload", "title", "font-size"], }, { value: "1.25rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.title-lg.line.value}" }, name: "ComponentFileUploadTitleLineHeight", attributes: { category: "component", type: "file-upload", item: "title", subitem: "line-height", }, path: ["component", "file-upload", "title", "line-height"], }, { value: "1rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.title-sm.font.value}" }, name: "ComponentFileUploadTitleMiniFontSize", attributes: { category: "component", type: "file-upload", item: "title", subitem: "mini-font-size", }, path: ["component", "file-upload", "title", "mini-font-size"], }, { value: "0.75rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "ComponentFileUploadRequirementsFontSize", attributes: { category: "component", type: "file-upload", item: "requirements", subitem: "font-size", }, path: ["component", "file-upload", "requirements", "font-size"], }, { value: "1.125rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.title-md.line.value}" }, name: "ComponentFileUploadRequirementsLineHeight", attributes: { category: "component", type: "file-upload", item: "requirements", subitem: "line-height", }, path: ["component", "file-upload", "requirements", "line-height"], }, { value: "0.25rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentFileUploadRequirementsMarginTop", attributes: { category: "component", type: "file-upload", item: "requirements", subitem: "margin-top", }, path: ["component", "file-upload", "requirements", "margin-top"], }, { value: "0.125rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentFileUploadRequirementsMarginLeft", attributes: { category: "component", type: "file-upload", item: "requirements", subitem: "margin-left", }, path: ["component", "file-upload", "requirements", "margin-left"], }, { value: "6.625rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.component.filter-tile.height}" }, name: "ComponentFilterTileHeight", attributes: { category: "component", type: "filter-tile", item: "height", }, path: ["component", "filter-tile", "height"], }, { value: "15.625rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.component.filter-tile.maxWidth}" }, name: "ComponentFilterTileMaxWidth", attributes: { category: "component", type: "filter-tile", item: "maxWidth", }, path: ["component", "filter-tile", "maxWidth"], }, { value: "6.875rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.component.filter-tile.minWidth}" }, name: "ComponentFilterTileMinWidth", attributes: { category: "component", type: "filter-tile", item: "minWidth", }, path: ["component", "filter-tile", "minWidth"], }, { value: "0", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.component.filter-tile.marginEndChildren}" }, name: "ComponentFilterTileFirstLastChildMargin", attributes: { category: "component", type: "filter-tile", item: "firstLastChildMargin", }, path: ["component", "filter-tile", "firstLastChildMargin"], }, { value: "0.25rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.system.xs.value}" }, name: "ComponentFilterTileSideMargins", attributes: { category: "component", type: "filter-tile", item: "sideMargins", }, path: ["component", "filter-tile", "sideMargins"], }, { value: "#91467fff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentFilterTileKindProcessing", attributes: { category: "component", type: "filter-tile", item: "kind", subitem: "processing", }, path: ["component", "filter-tile", "kind", "processing"], }, { value: "#007db8ff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentFilterTileKindGeneral", attributes: { category: "component", type: "filter-tile", item: "kind", subitem: "general", }, path: ["component", "filter-tile", "kind", "general"], }, { value: "#de002eff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentFilterTileKindError", attributes: { category: "component", type: "filter-tile", item: "kind", subitem: "error", }, path: ["component", "filter-tile", "kind", "error"], }, { value: "#0b8940ff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentFilterTileKindSuccess", attributes: { category: "component", type: "filter-tile", item: "kind", subitem: "success", }, path: ["component", "filter-tile", "kind", "success"], }, { value: "#e7760bff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentFilterTileKindWarning", attributes: { category: "component", type: "filter-tile", item: "kind", subitem: "warning", }, path: ["component", "filter-tile", "kind", "warning"], }, { value: "#f4ecf2ff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.purple.light.value}" }, name: "ComponentFilterTileActiveKindProcessing", attributes: { category: "component", type: "filter-tile", item: "active", subitem: "kind", state: "processing", }, path: ["component", "filter-tile", "active", "kind", "processing"], }, { value: "#e6f2f8ff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.blue.light.value}" }, name: "ComponentFilterTileActiveKindGeneral", attributes: { category: "component", type: "filter-tile", item: "active", subitem: "kind", state: "general", }, path: ["component", "filter-tile", "active", "kind", "general"], }, { value: "#fbe6eaff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.red.light.value}" }, name: "ComponentFilterTileActiveKindError", attributes: { category: "component", type: "filter-tile", item: "active", subitem: "kind", state: "error", }, path: ["component", "filter-tile", "active", "kind", "error"], }, { value: "#e7f3ecff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.green.light.value}" }, name: "ComponentFilterTileActiveKindSuccess", attributes: { category: "component", type: "filter-tile", item: "active", subitem: "kind", state: "success", }, path: ["component", "filter-tile", "active", "kind", "success"], }, { value: "#fcf1e7ff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.orange.light.value}" }, name: "ComponentFilterTileActiveKindWarning", attributes: { category: "component", type: "filter-tile", item: "active", subitem: "kind", state: "warning", }, path: ["component", "filter-tile", "active", "kind", "warning"], }, { value: "1rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.system.md.value}" }, name: "ComponentFilterTileBodyPadding", attributes: { category: "component", type: "filter-tile", item: "body", subitem: "padding", }, path: ["component", "filter-tile", "body", "padding"], }, { value: "pointer", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "pointer" }, name: "ComponentFilterTileBodyCursor", attributes: { category: "component", type: "filter-tile", item: "body", subitem: "cursor", }, path: ["component", "filter-tile", "body", "cursor"], }, { value: "#1f282cff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentFilterTileBodyColor", attributes: { category: "component", type: "filter-tile", item: "body", subitem: "color", }, path: ["component", "filter-tile", "body", "color"], }, { value: "0.25rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.system.xs.value}" }, name: "ComponentFilterTileBodyBorderTopLeftRightRadius", attributes: { category: "component", type: "filter-tile", item: "body", subitem: "borderTopLeftRightRadius", }, path: ["component", "filter-tile", "body", "borderTopLeftRightRadius"], }, { value: "0.0625rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "0.0625rem" }, name: "ComponentFilterTileBodyBorderWidth", attributes: { category: "component", type: "filter-tile", item: "body", subitem: "borderWidth", }, path: ["component", "filter-tile", "body", "borderWidth"], }, { value: "solid", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "solid" }, name: "ComponentFilterTileBodyBorderStyle", attributes: { category: "component", type: "filter-tile", item: "body", subitem: "borderStyle", }, path: ["component", "filter-tile", "body", "borderStyle"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentFilterTileBodyBorderColor", attributes: { category: "component", type: "filter-tile", item: "body", subitem: "borderColor", }, path: ["component", "filter-tile", "body", "borderColor"], }, { value: "#ffffffff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentFilterTileBodyBackgroundColor", attributes: { category: "component", type: "filter-tile", item: "body", subitem: "backgroundColor", }, path: ["component", "filter-tile", "body", "backgroundColor"], }, { value: "0.875rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentFilterTileTitleFontSize", attributes: { category: "component", type: "filter-tile", item: "title", subitem: "fontSize", }, path: ["component", "filter-tile", "title", "fontSize"], }, { value: "1.125rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.type.body-sm.line.value}" }, name: "ComponentFilterTileTitleLineHeight", attributes: { category: "component", type: "filter-tile", item: "title", subitem: "lineHeight", }, path: ["component", "filter-tile", "title", "lineHeight"], }, { value: "2.25rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.component.filter-tile.title.height.value}" }, name: "ComponentFilterTileTitleHeight", attributes: { category: "component", type: "filter-tile", item: "title", subitem: "height", }, path: ["component", "filter-tile", "title", "height"], }, { value: "1.875rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.component.filter-tile.tileValue.heightFontSizeLineHeight.value}", }, name: "ComponentFilterTileTileValueFontSize", attributes: { category: "component", type: "filter-tile", item: "tileValue", subitem: "fontSize", }, path: ["component", "filter-tile", "tileValue", "fontSize"], }, { value: "1.875rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.component.filter-tile.tileValue.heightFontSizeLineHeight.value}", }, name: "ComponentFilterTileTileValueLineHeight", attributes: { category: "component", type: "filter-tile", item: "tileValue", subitem: "lineHeight", }, path: ["component", "filter-tile", "tileValue", "lineHeight"], }, { value: "1.875rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.component.filter-tile.tileValue.heightFontSizeLineHeight.value}", }, name: "ComponentFilterTileTileValueHeight", attributes: { category: "component", type: "filter-tile", item: "tileValue", subitem: "height", }, path: ["component", "filter-tile", "tileValue", "height"], }, { value: "0.25rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.system.xs.value}" }, name: "ComponentFilterTileFooterNormalHeight", attributes: { category: "component", type: "filter-tile", item: "footer", subitem: "normalHeight", }, path: ["component", "filter-tile", "footer", "normalHeight"], }, { value: "0.5rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.system.sm.value}" }, name: "ComponentFilterTileFooterActiveHeight", attributes: { category: "component", type: "filter-tile", item: "footer", subitem: "activeHeight", }, path: ["component", "filter-tile", "footer", "activeHeight"], }, { value: "#f3f4f4ff", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentFocusedTaskBackgroundColor", attributes: { category: "component", type: "focusedTask", item: "backgroundColor", }, path: ["component", "focusedTask", "backgroundColor"], }, { value: "top 0.3s ease", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "top 0.3s ease" }, name: "ComponentFocusedTaskTransition", attributes: { category: "component", type: "focusedTask", item: "transition", }, path: ["component", "focusedTask", "transition"], }, { value: "2rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.system.lg.value}" }, name: "ComponentFocusedTaskPaddingBottom", attributes: { category: "component", type: "focusedTask", item: "paddingBottom", }, path: ["component", "focusedTask", "paddingBottom"], }, { value: "#f3f4f4ff", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentFocusedTaskUnderlayBackground", attributes: { category: "component", type: "focusedTask", item: "underlay", subitem: "background", }, path: ["component", "focusedTask", "underlay", "background"], }, { value: "1rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentFocusedTaskUnderlayPadding", attributes: { category: "component", type: "focusedTask", item: "underlay", subitem: "padding", }, path: ["component", "focusedTask", "underlay", "padding"], }, { value: "1rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentFocusedTaskTitlePaddingLeftRight", attributes: { category: "component", type: "focusedTask", item: "title", subitem: "paddingLeftRight", }, path: ["component", "focusedTask", "title", "paddingLeftRight"], }, { value: "1rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentFocusedTaskTitleMarginTop", attributes: { category: "component", type: "focusedTask", item: "title", subitem: "marginTop", }, path: ["component", "focusedTask", "title", "marginTop"], }, { value: "0.5rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentFocusedTaskTitleMarginBottom", attributes: { category: "component", type: "focusedTask", item: "title", subitem: "marginBottom", }, path: ["component", "focusedTask", "title", "marginBottom"], }, { value: "1280px", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{grid.content-width.value}" }, name: "ComponentFocusedTaskTitleMaxWidth", attributes: { category: "component", type: "focusedTask", item: "title", subitem: "maxWidth", }, path: ["component", "focusedTask", "title", "maxWidth"], }, { value: "0 auto", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "0 auto" }, name: "ComponentFocusedTaskBodyMargin", attributes: { category: "component", type: "focusedTask", item: "body", subitem: "margin", }, path: ["component", "focusedTask", "body", "margin"], }, { value: "1280px", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{grid.content-width.value}" }, name: "ComponentFocusedTaskBodyMaxWidth", attributes: { category: "component", type: "focusedTask", item: "body", subitem: "maxWidth", }, path: ["component", "focusedTask", "body", "maxWidth"], }, { value: "1rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentFocusedTaskBodyPadding", attributes: { category: "component", type: "focusedTask", item: "body", subitem: "padding", }, path: ["component", "focusedTask", "body", "padding"], }, { value: "#00000000", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{color.transparent.value}" }, name: "ComponentFocusedTaskCloseButtonBackgroundColor", attributes: { category: "component", type: "focusedTask", item: "closeButton", subitem: "backgroundColor", }, path: ["component", "focusedTask", "closeButton", "backgroundColor"], }, { value: "#4b5356ff", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentFocusedTaskCloseButtonColor", attributes: { category: "component", type: "focusedTask", item: "closeButton", subitem: "color", }, path: ["component", "focusedTask", "closeButton", "color"], }, { value: "0.5rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentFocusedTaskCloseButtonRight", attributes: { category: "component", type: "focusedTask", item: "closeButton", subitem: "right", }, path: ["component", "focusedTask", "closeButton", "right"], }, { value: "0.25rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentFocusedTaskCloseButtonIconPaddingLeftRight", attributes: { category: "component", type: "focusedTask", item: "closeButton", subitem: "icon", state: "paddingLeftRight", }, path: [ "component", "focusedTask", "closeButton", "icon", "paddingLeftRight", ], }, { value: "#ffffffff", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentFocusedTaskListActionBarContainerBackgroundColor", attributes: { category: "component", type: "focusedTask", item: "listActionBarContainer", subitem: "backgroundColor", }, path: [ "component", "focusedTask", "listActionBarContainer", "backgroundColor", ], }, { value: "-0.0625rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.component.focused-task.box-shadow-offset-y}" }, name: "ComponentFocusedTaskListActionBarContainerBoxShadowOffsetY", attributes: { category: "component", type: "focusedTask", item: "listActionBarContainer", subitem: "boxShadowOffsetY", }, path: [ "component", "focusedTask", "listActionBarContainer", "boxShadowOffsetY", ], }, { value: "0.125rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentFocusedTaskListActionBarContainerBoxShadowBlurRadius", attributes: { category: "component", type: "focusedTask", item: "listActionBarContainer", subitem: "boxShadowBlurRadius", }, path: [ "component", "focusedTask", "listActionBarContainer", "boxShadowBlurRadius", ], }, { value: "#00000026", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "#00000026" }, name: "ComponentFocusedTaskListActionBarContainerBoxShadowColor", attributes: { category: "component", type: "focusedTask", item: "listActionBarContainer", subitem: "boxShadowColor", }, path: [ "component", "focusedTask", "listActionBarContainer", "boxShadowColor", ], }, { value: "3.125rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.component.focused-task.height}" }, name: "ComponentFocusedTaskListActionBarContainerHeight", attributes: { category: "component", type: "focusedTask", item: "listActionBarContainer", subitem: "height", }, path: ["component", "focusedTask", "listActionBarContainer", "height"], }, { value: "0.5rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentFocusedTaskListActionBarContainerPadding", attributes: { category: "component", type: "focusedTask", item: "listActionBarContainer", subitem: "padding", }, path: ["component", "focusedTask", "listActionBarContainer", "padding"], }, { value: "1180px", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "1180px" }, name: "ComponentFocusedTaskListActionBarMaxWidth", attributes: { category: "component", type: "focusedTask", item: "listActionBar", subitem: "maxWidth", }, path: ["component", "focusedTask", "listActionBar", "maxWidth"], }, { value: "0.0625rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.border.width.standard}" }, name: "ComponentGrowlerBorderWidth", attributes: { category: "component", type: "growler", item: "borderWidth", }, path: ["component", "growler", "borderWidth"], }, { value: "#e9e9eaff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentGrowlerKindActivityBackground", attributes: { category: "component", type: "growler", item: "kind", subitem: "activity", state: "background", }, path: ["component", "growler", "kind", "activity", "background"], }, { value: "#717779ff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentGrowlerKindActivityBorder", attributes: { category: "component", type: "growler", item: "kind", subitem: "activity", state: "border", }, path: ["component", "growler", "kind", "activity", "border"], }, { value: "#007db8ff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentGrowlerKindInfoBackground", attributes: { category: "component", type: "growler", item: "kind", subitem: "info", state: "background", }, path: ["component", "growler", "kind", "info", "background"], }, { value: "#007db8ff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentGrowlerKindInfoBorder", attributes: { category: "component", type: "growler", item: "kind", subitem: "info", state: "border", }, path: ["component", "growler", "kind", "info", "border"], }, { value: "#91467fff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentGrowlerKindProgressBackground", attributes: { category: "component", type: "growler", item: "kind", subitem: "progress", state: "background", }, path: ["component", "growler", "kind", "progress", "background"], }, { value: "#91467fff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentGrowlerKindProgressBorder", attributes: { category: "component", type: "growler", item: "kind", subitem: "progress", state: "border", }, path: ["component", "growler", "kind", "progress", "border"], }, { value: "#de002eff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentGrowlerKindErrorBackground", attributes: { category: "component", type: "growler", item: "kind", subitem: "error", state: "background", }, path: ["component", "growler", "kind", "error", "background"], }, { value: "#de002eff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentGrowlerKindErrorBorder", attributes: { category: "component", type: "growler", item: "kind", subitem: "error", state: "border", }, path: ["component", "growler", "kind", "error", "border"], }, { value: "#0b8940ff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentGrowlerKindSuccessBackground", attributes: { category: "component", type: "growler", item: "kind", subitem: "success", state: "background", }, path: ["component", "growler", "kind", "success", "background"], }, { value: "#0b8940ff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentGrowlerKindSuccessBorder", attributes: { category: "component", type: "growler", item: "kind", subitem: "success", state: "border", }, path: ["component", "growler", "kind", "success", "border"], }, { value: "#e7760bff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentGrowlerKindWarningBackground", attributes: { category: "component", type: "growler", item: "kind", subitem: "warning", state: "background", }, path: ["component", "growler", "kind", "warning", "background"], }, { value: "#e7760bff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentGrowlerKindWarningBorder", attributes: { category: "component", type: "growler", item: "kind", subitem: "warning", state: "border", }, path: ["component", "growler", "kind", "warning", "border"], }, { value: 7000, filePath: "src/tokens/component/growler.json", isSource: true, original: { value: 7000 }, name: "ComponentGrowlerDurationVisible", attributes: { category: "component", type: "growler", item: "duration", subitem: "visible", }, path: ["component", "growler", "duration", "visible"], }, { value: 2000, filePath: "src/tokens/component/growler.json", isSource: true, original: { value: 2000 }, name: "ComponentGrowlerDurationFadeout", attributes: { category: "component", type: "growler", item: "duration", subitem: "fadeout", }, path: ["component", "growler", "duration", "fadeout"], }, { value: "0.25rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentGrowlerBaseBorderRadius", attributes: { category: "component", type: "growler", item: "base", subitem: "borderRadius", }, path: ["component", "growler", "base", "borderRadius"], }, { value: "0 0 0.3125rem rgba(0, 0, 0, 0.25)", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "0 0 0.3125rem rgba(0, 0, 0, 0.25)" }, name: "ComponentGrowlerBaseBoxShadow", attributes: { category: "component", type: "growler", item: "base", subitem: "boxShadow", }, path: ["component", "growler", "base", "boxShadow"], }, { value: "flex", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "flex" }, name: "ComponentGrowlerBaseDisplay", attributes: { category: "component", type: "growler", item: "base", subitem: "display", }, path: ["component", "growler", "base", "display"], }, { value: "1rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentGrowlerBaseMarginBottom", attributes: { category: "component", type: "growler", item: "base", subitem: "marginBottom", }, path: ["component", "growler", "base", "marginBottom"], }, { value: "hidden", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "hidden" }, name: "ComponentGrowlerBaseOverflow", attributes: { category: "component", type: "growler", item: "base", subitem: "overflow", }, path: ["component", "growler", "base", "overflow"], }, { value: "25rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.component.growler.width.value}" }, name: "ComponentGrowlerBaseWidth", attributes: { category: "component", type: "growler", item: "base", subitem: "width", }, path: ["component", "growler", "base", "width"], }, { value: 10000, filePath: "src/tokens/component/growler.json", isSource: true, original: { value: 10000 }, name: "ComponentGrowlerBaseZIndex", attributes: { category: "component", type: "growler", item: "base", subitem: "zIndex", }, path: ["component", "growler", "base", "zIndex"], }, { value: "1.875rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.component.growler.icon.box.right.value}" }, name: "ComponentGrowlerAreaRight", attributes: { category: "component", type: "growler", item: "area", subitem: "right", }, path: ["component", "growler", "area", "right"], }, { value: "5.625rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.component.growler.icon.box.top.value}" }, name: "ComponentGrowlerAreaTop", attributes: { category: "component", type: "growler", item: "area", subitem: "top", }, path: ["component", "growler", "area", "top"], }, { value: "#ffffffff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentGrowlerIconFontColor", attributes: { category: "component", type: "growler", item: "icon", subitem: "fontColor", }, path: ["component", "growler", "icon", "fontColor"], }, { value: "1.875rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.component.growler.icon.fontSize.value}" }, name: "ComponentGrowlerIconFontSize", attributes: { category: "component", type: "growler", item: "icon", subitem: "fontSize", }, path: ["component", "growler", "icon", "fontSize"], }, { value: "4.375rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.component.growler.icon.box.width.value}" }, name: "ComponentGrowlerIconBoxWidth", attributes: { category: "component", type: "growler", item: "icon", subitem: "box", state: "width", }, path: ["component", "growler", "icon", "box", "width"], }, { value: "#ffffffff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentGrowlerMessageBoxBackgroundColor", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "backgroundColor", }, path: ["component", "growler", "messageBox", "backgroundColor"], }, { value: 600, filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentGrowlerMessageBoxTitleWeight", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "titleWeight", }, path: ["component", "growler", "messageBox", "titleWeight"], }, { value: "0.75rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.type.component-sm.font.value}" }, name: "ComponentGrowlerMessageBoxTypeSize", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "type", state: "size", }, path: ["component", "growler", "messageBox", "type", "size"], }, { value: "1.25rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.type.title-lg.line.value}" }, name: "ComponentGrowlerMessageBoxTypeLine", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "type", state: "line", }, path: ["component", "growler", "messageBox", "type", "line"], }, { value: "#4b5356ff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentGrowlerMessageBoxSubtitleColor", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "subtitle", state: "color", }, path: ["component", "growler", "messageBox", "subtitle", "color"], }, { value: "16.5rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.component.growler.messageBox.subtitle.width.value}", }, name: "ComponentGrowlerMessageBoxSubtitleWidth", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "subtitle", state: "width", }, path: ["component", "growler", "messageBox", "subtitle", "width"], }, { value: "1rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentGrowlerMessageBoxPaddingTop", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "padding", state: "top", }, path: ["component", "growler", "messageBox", "padding", "top"], }, { value: "2.625rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.component.growler.messageBox.padding.right.value}", }, name: "ComponentGrowlerMessageBoxPaddingRight", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "padding", state: "right", }, path: ["component", "growler", "messageBox", "padding", "right"], }, { value: "1rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentGrowlerMessageBoxPaddingBottom", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "padding", state: "bottom", }, path: ["component", "growler", "messageBox", "padding", "bottom"], }, { value: "1rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentGrowlerMessageBoxPaddingLeft", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "padding", state: "left", }, path: ["component", "growler", "messageBox", "padding", "left"], }, { value: "0.5rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentGrowlerCloseButtonRight", attributes: { category: "component", type: "growler", item: "closeButton", subitem: "right", }, path: ["component", "growler", "closeButton", "right"], }, { value: "0.5rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentGrowlerCloseButtonTop", attributes: { category: "component", type: "growler", item: "closeButton", subitem: "top", }, path: ["component", "growler", "closeButton", "top"], }, { value: "-0.125rem", filePath: "src/tokens/component/icon.json", isSource: true, original: { value: "{size.component.icon.margin-adjustment}" }, name: "ComponentIconMarginAdjustment", attributes: { category: "component", type: "icon", item: "margin-adjustment", }, path: ["component", "icon", "margin-adjustment"], }, { value: "0.5rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentInsightCardWrapperMargin", attributes: { category: "component", type: "insight-card-wrapper", item: "margin", }, path: ["component", "insight-card-wrapper", "margin"], }, { value: "#007db8ff", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentInsightCardKindGeneral", attributes: { category: "component", type: "insight-card", item: "kind", subitem: "general", }, path: ["component", "insight-card", "kind", "general"], }, { value: "#de002eff", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentInsightCardKindError", attributes: { category: "component", type: "insight-card", item: "kind", subitem: "error", }, path: ["component", "insight-card", "kind", "error"], }, { value: "#0b8940ff", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentInsightCardKindSuccess", attributes: { category: "component", type: "insight-card", item: "kind", subitem: "success", }, path: ["component", "insight-card", "kind", "success"], }, { value: "#e7760bff", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentInsightCardKindWarning", attributes: { category: "component", type: "insight-card", item: "kind", subitem: "warning", }, path: ["component", "insight-card", "kind", "warning"], }, { value: "#91467fff", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentInsightCardKindProcessing", attributes: { category: "component", type: "insight-card", item: "kind", subitem: "processing", }, path: ["component", "insight-card", "kind", "processing"], }, { value: "#ffffffff", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentInsightCardBackground", attributes: { category: "component", type: "insight-card", item: "background", }, path: ["component", "insight-card", "background"], }, { value: "0.0625rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentInsightCardBorderWidth", attributes: { category: "component", type: "insight-card", item: "border-width", }, path: ["component", "insight-card", "border-width"], }, { value: "0.25rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentInsightCardBorderRadius", attributes: { category: "component", type: "insight-card", item: "border-radius", }, path: ["component", "insight-card", "border-radius"], }, { value: "solid", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentInsightCardBorderStyle", attributes: { category: "component", type: "insight-card", item: "border-style", }, path: ["component", "insight-card", "border-style"], }, { value: "2rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.icon-size.value}" }, name: "ComponentInsightCardIconSize", attributes: { category: "component", type: "insight-card", item: "icon-size", }, path: ["component", "insight-card", "icon-size"], }, { value: "0.5rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentInsightCardMargin", attributes: { category: "component", type: "insight-card", item: "margin", }, path: ["component", "insight-card", "margin"], }, { value: "0.9375rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.vertical-padding.value}", }, name: "ComponentInsightCardPaddingVertical", attributes: { category: "component", type: "insight-card", item: "padding-vertical", }, path: ["component", "insight-card", "padding-vertical"], }, { value: "1.25rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.horizontal-padding.value}", }, name: "ComponentInsightCardPaddingHorizontal", attributes: { category: "component", type: "insight-card", item: "padding-horizontal", }, path: ["component", "insight-card", "padding-horizontal"], }, { value: "3rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.metric-size.value}" }, name: "ComponentInsightCardMetricSize", attributes: { category: "component", type: "insight-card", item: "metric-size", }, path: ["component", "insight-card", "metric-size"], }, { value: 600, filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentInsightCardFontWeight", attributes: { category: "component", type: "insight-card", item: "font-weight", }, path: ["component", "insight-card", "font-weight"], }, { value: "#1f282cff", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentInsightCardTitleColor", attributes: { category: "component", type: "insight-card", item: "title", subitem: "color", }, path: ["component", "insight-card", "title", "color"], }, { value: "1rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.type.title-sm.font.value}" }, name: "ComponentInsightCardTitleFontSize", attributes: { category: "component", type: "insight-card", item: "title", subitem: "font-size", }, path: ["component", "insight-card", "title", "font-size"], }, { value: "1rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.type.title-sm.line.value}" }, name: "ComponentInsightCardTitleLineHeight", attributes: { category: "component", type: "insight-card", item: "title", subitem: "line-height", }, path: ["component", "insight-card", "title", "line-height"], }, { value: "0.125rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.spacing.xxs.value}" }, name: "ComponentInsightCardTitlePaddingBottom", attributes: { category: "component", type: "insight-card", item: "title", subitem: "padding-bottom", }, path: ["component", "insight-card", "title", "padding-bottom"], }, { value: "2.125rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.min-title-height.value}", }, name: "ComponentInsightCardTitleMinHeight", attributes: { category: "component", type: "insight-card", item: "title", subitem: "min-height", }, path: ["component", "insight-card", "title", "min-height"], }, { value: "0.5rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentInsightCardDescriptionMargin", attributes: { category: "component", type: "insight-card", item: "description-margin", }, path: ["component", "insight-card", "description-margin"], }, { value: "#4b5356ff", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentInsightCardDetailColor", attributes: { category: "component", type: "insight-card", item: "detail", subitem: "color", }, path: ["component", "insight-card", "detail", "color"], }, { value: "0.75rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.type.title-xxs.font.value}" }, name: "ComponentInsightCardDetailFontSize", attributes: { category: "component", type: "insight-card", item: "detail", subitem: "font-size", }, path: ["component", "insight-card", "detail", "font-size"], }, { value: "0.75rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.type.title-xxs.line.value}" }, name: "ComponentInsightCardDetailLineHeight", attributes: { category: "component", type: "insight-card", item: "detail", subitem: "line-height", }, path: ["component", "insight-card", "detail", "line-height"], }, { value: "0.25rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentInsightCardDetailMarginTop", attributes: { category: "component", type: "insight-card", item: "detail", subitem: "margin-top", }, path: ["component", "insight-card", "detail", "margin-top"], }, { value: "#ffffffff", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentInsightCardPartnerCountColor", attributes: { category: "component", type: "insight-card", item: "partner-count", subitem: "color", }, path: ["component", "insight-card", "partner-count", "color"], }, { value: "0.75rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "ComponentInsightCardPartnerCountFontSize", attributes: { category: "component", type: "insight-card", item: "partner-count", subitem: "font-size", }, path: ["component", "insight-card", "partner-count", "font-size"], }, { value: "1.125rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.type.body-sm.line.value}" }, name: "ComponentInsightCardPartnerCountLineHeight", attributes: { category: "component", type: "insight-card", item: "partner-count", subitem: "line-height", }, path: ["component", "insight-card", "partner-count", "line-height"], }, { value: "0.125rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.spacing.xxs.value}" }, name: "ComponentInsightCardPartnerCountPaddingRight", attributes: { category: "component", type: "insight-card", item: "partner-count", subitem: "padding-right", }, path: ["component", "insight-card", "partner-count", "padding-right"], }, { value: "0.9375rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.partner-count-margin-vertical}", }, name: "ComponentInsightCardPartnerCountMarginVertical", attributes: { category: "component", type: "insight-card", item: "partner-count", subitem: "margin-vertical", }, path: ["component", "insight-card", "partner-count", "margin-vertical"], }, { value: "1.25rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.partner-count-margin-horizontal}", }, name: "ComponentInsightCardPartnerCountMarginHorizontal", attributes: { category: "component", type: "insight-card", item: "partner-count", subitem: "margin-horizontal", }, path: ["component", "insight-card", "partner-count", "margin-horizontal"], }, { value: "0.625rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.partner-count-padding-vertical}", }, name: "ComponentInsightCardPartnerCountPaddingVertical", attributes: { category: "component", type: "insight-card", item: "partner-count", subitem: "padding-vertical", }, path: ["component", "insight-card", "partner-count", "padding-vertical"], }, { value: "1.25rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.partner-count-padding-horizontal}", }, name: "ComponentInsightCardPartnerCountPaddingHorizontal", attributes: { category: "component", type: "insight-card", item: "partner-count", subitem: "padding-horizontal", }, path: [ "component", "insight-card", "partner-count", "padding-horizontal", ], }, { value: "0.5rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentInsightCardHorizontalMetricMargin", attributes: { category: "component", type: "insight-card", item: "horizontal", subitem: "metric-margin", }, path: ["component", "insight-card", "horizontal", "metric-margin"], }, { value: "1rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentInsightCardHorizontalTitleMinHeight", attributes: { category: "component", type: "insight-card", item: "horizontal", subitem: "title-min-height", }, path: ["component", "insight-card", "horizontal", "title-min-height"], }, { value: "0.875rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.type.component-sm.line.value}" }, name: "ComponentInsightCardHorizontalPartnerCountLineHeight", attributes: { category: "component", type: "insight-card", item: "horizontal", subitem: "partner-count", state: "line-height", }, path: [ "component", "insight-card", "horizontal", "partner-count", "line-height", ], }, { value: "3.75rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.partner-count-width.value}", }, name: "ComponentInsightCardHorizontalPartnerCountWidth", attributes: { category: "component", type: "insight-card", item: "horizontal", subitem: "partner-count", state: "width", }, path: [ "component", "insight-card", "horizontal", "partner-count", "width", ], }, { value: "1.25rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.horizontal-partner-count-padding-vertical}", }, name: "ComponentInsightCardHorizontalPartnerCountPaddingVertical", attributes: { category: "component", type: "insight-card", item: "horizontal", subitem: "partner-count", state: "padding-vertical", }, path: [ "component", "insight-card", "horizontal", "partner-count", "padding-vertical", ], }, { value: "0.625rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.horizontal-partner-count-padding-horizontal}", }, name: "ComponentInsightCardHorizontalPartnerCountPaddingHorizontal", attributes: { category: "component", type: "insight-card", item: "horizontal", subitem: "partner-count", state: "padding-horizontal", }, path: [ "component", "insight-card", "horizontal", "partner-count", "padding-horizontal", ], }, { value: "0.75rem", filePath: "src/tokens/component/key-value-set.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "ComponentKeyValueSetFontSize", attributes: { category: "component", type: "key-value-set", item: "font-size", }, path: ["component", "key-value-set", "font-size"], }, { value: "1.125rem", filePath: "src/tokens/component/key-value-set.json", isSource: true, original: { value: "{size.type.body-sm.line.value}" }, name: "ComponentKeyValueSetLineHeight", attributes: { category: "component", type: "key-value-set", item: "line-height", }, path: ["component", "key-value-set", "line-height"], }, { value: "0.5rem", filePath: "src/tokens/component/key-value-set.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentKeyValueSetSpacing", attributes: { category: "component", type: "key-value-set", item: "spacing", }, path: ["component", "key-value-set", "spacing"], }, { value: 600, filePath: "src/tokens/component/key-value-set.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentKeyValueSetKeyFontWeight", attributes: { category: "component", type: "key-value-set", item: "key", subitem: "font-weight", }, path: ["component", "key-value-set", "key", "font-weight"], }, { value: "#ffffffff", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentListBarBackground", attributes: { category: "component", type: "list-bar", item: "background", }, path: ["component", "list-bar", "background"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentListBarBorderColor", attributes: { category: "component", type: "list-bar", item: "border-color", }, path: ["component", "list-bar", "border-color"], }, { value: "solid", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentListBarBorderStyle", attributes: { category: "component", type: "list-bar", item: "border-style", }, path: ["component", "list-bar", "border-style"], }, { value: "0.0625rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentListBarBorderWidth", attributes: { category: "component", type: "list-bar", item: "border-width", }, path: ["component", "list-bar", "border-width"], }, { value: "0.25rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentListBarBorderRadius", attributes: { category: "component", type: "list-bar", item: "border-radius", }, path: ["component", "list-bar", "border-radius"], }, { value: "0.5rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentListBarMargin", attributes: { category: "component", type: "list-bar", item: "margin" }, path: ["component", "list-bar", "margin"], }, { value: "1280px", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.component.list-bar.pinned-width.value}" }, name: "ComponentListBarPinnedWidth", attributes: { category: "component", type: "list-bar", item: "pinned", subitem: "width", }, path: ["component", "list-bar", "pinned", "width"], }, { value: "1.25rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.component.list-bar.pinned-padding.value}" }, name: "ComponentListBarPinnedPadding", attributes: { category: "component", type: "list-bar", item: "pinned", subitem: "padding", }, path: ["component", "list-bar", "pinned", "padding"], }, { value: "3.75rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.component.list-bar.top.value}" }, name: "ComponentListBarPinnedTop", attributes: { category: "component", type: "list-bar", item: "pinned", subitem: "top", }, path: ["component", "list-bar", "pinned", "top"], }, { value: "0.625rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.component.list-bar.height.value}" }, name: "ComponentListBarPinnedHeight", attributes: { category: "component", type: "list-bar", item: "pinned", subitem: "height", }, path: ["component", "list-bar", "pinned", "height"], }, { value: "0.5rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentListBarContentPadding", attributes: { category: "component", type: "list-bar", item: "content", subitem: "padding", }, path: ["component", "list-bar", "content", "padding"], }, { value: "0.5rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentListBarContentMargin", attributes: { category: "component", type: "list-bar", item: "content", subitem: "margin", }, path: ["component", "list-bar", "content", "margin"], }, { value: "2rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.component.list-bar.content-header-height.value}", }, name: "ComponentListBarContentHeight", attributes: { category: "component", type: "list-bar", item: "content", subitem: "height", }, path: ["component", "list-bar", "content", "height"], }, { value: "1rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentListBarControlsPadding", attributes: { category: "component", type: "list-bar", item: "controls", subitem: "padding", }, path: ["component", "list-bar", "controls", "padding"], }, { value: "0.5rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentListBarControlsMargin", attributes: { category: "component", type: "list-bar", item: "controls", subitem: "margin", }, path: ["component", "list-bar", "controls", "margin"], }, { value: "2rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.lg.value}" }, name: "ComponentListBarControlsHeight", attributes: { category: "component", type: "list-bar", item: "controls", subitem: "height", }, path: ["component", "list-bar", "controls", "height"], }, { value: "0.25rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentListBarAdvancedSearchPadding", attributes: { category: "component", type: "list-bar", item: "advanced-search", subitem: "padding", }, path: ["component", "list-bar", "advanced-search", "padding"], }, { value: "0.25rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentListBarAdvancedSearchMargin", attributes: { category: "component", type: "list-bar", item: "advanced-search", subitem: "margin", }, path: ["component", "list-bar", "advanced-search", "margin"], }, { value: "0.75rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "ComponentListBarAdvancedSearchFontSize", attributes: { category: "component", type: "list-bar", item: "advanced-search", subitem: "font-size", }, path: ["component", "list-bar", "advanced-search", "font-size"], }, { value: 600, filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentListBarAdvancedSearchFontWeight", attributes: { category: "component", type: "list-bar", item: "advanced-search", subitem: "font-weight", }, path: ["component", "list-bar", "advanced-search", "font-weight"], }, { value: "1.5rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.type.title-xl.line.value}" }, name: "ComponentListBarAdvancedSearchLineHeight", attributes: { category: "component", type: "list-bar", item: "advanced-search", subitem: "line-height", }, path: ["component", "list-bar", "advanced-search", "line-height"], }, { value: "0.5rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentListBarAdvancedSearchTitlePadding", attributes: { category: "component", type: "list-bar", item: "advanced-search", subitem: "title-padding", }, path: ["component", "list-bar", "advanced-search", "title-padding"], }, { value: "0.875rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentListBarAdvancedSearchIconFontSize", attributes: { category: "component", type: "list-bar", item: "advanced-search", subitem: "icon-font-size", }, path: ["component", "list-bar", "advanced-search", "icon-font-size"], }, { value: "0.25rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentListBarSearchFormMargin", attributes: { category: "component", type: "list-bar", item: "search-form", subitem: "margin", }, path: ["component", "list-bar", "search-form", "margin"], }, { value: "25rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.component.list-bar.search-form-max-width.value}", }, name: "ComponentListBarSearchFormMaxWidth", attributes: { category: "component", type: "list-bar", item: "search-form", subitem: "max-width", }, path: ["component", "list-bar", "search-form", "max-width"], }, { value: "#e9e9eaff", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{color.grey.light}" }, name: "ComponentListBarSearchButtonBackgroundColor", attributes: { category: "component", type: "list-bar", item: "search-button", subitem: "background-color", }, path: ["component", "list-bar", "search-button", "background-color"], }, { value: "#717779ff", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{color.grey.medium}" }, name: "ComponentListBarSearchButtonBorderColor", attributes: { category: "component", type: "list-bar", item: "search-button", subitem: "border-color", }, path: ["component", "list-bar", "search-button", "border-color"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{color.grey.medium-light}" }, name: "ComponentListBarSearchButtonHoverBackgroundColor", attributes: { category: "component", type: "list-bar", item: "search-button", subitem: "hover-background-color", }, path: [ "component", "list-bar", "search-button", "hover-background-color", ], }, { value: "1.875rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.component.list-bar.search-button-height.value}", }, name: "ComponentListBarSearchButtonHeight", attributes: { category: "component", type: "list-bar", item: "search-button", subitem: "height", }, path: ["component", "list-bar", "search-button", "height"], }, { value: "#4b5356ff", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{color.grey.medium-dark}" }, name: "ComponentListBarSortByColor", attributes: { category: "component", type: "list-bar", item: "sort-by", subitem: "color", }, path: ["component", "list-bar", "sort-by", "color"], }, { value: "0.25rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentListBarSortByPadding", attributes: { category: "component", type: "list-bar", item: "sort-by", subitem: "padding", }, path: ["component", "list-bar", "sort-by", "padding"], }, { value: "2rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.lg.value}" }, name: "ComponentListBarSearchFieldSelectHeight", attributes: { category: "component", type: "list-bar", item: "search-field", subitem: "select-height", }, path: ["component", "list-bar", "search-field", "select-height"], }, { value: "2rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.component.list-bar.search-field-select-line-height.value}", }, name: "ComponentListBarSearchFieldSelectLineHeight", attributes: { category: "component", type: "list-bar", item: "search-field", subitem: "select-line-height", }, path: ["component", "list-bar", "search-field", "select-line-height"], }, { value: "0.125rem", filePath: "src/tokens/component/matrix.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentMatrixBorderRadius", attributes: { category: "component", type: "matrix", item: "border", subitem: "radius", }, path: ["component", "matrix", "border", "radius"], }, { value: "solid", filePath: "src/tokens/component/matrix.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentMatrixBorderStyle", attributes: { category: "component", type: "matrix", item: "border", subitem: "style", }, path: ["component", "matrix", "border", "style"], }, { value: "0.0625rem", filePath: "src/tokens/component/matrix.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentMatrixBorderWidth", attributes: { category: "component", type: "matrix", item: "border", subitem: "width", }, path: ["component", "matrix", "border", "width"], }, { value: "#f3f4f4ff", filePath: "src/tokens/component/matrix.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentMatrixColorBackground", attributes: { category: "component", type: "matrix", item: "color", subitem: "background", }, path: ["component", "matrix", "color", "background"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/matrix.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentMatrixColorBorder", attributes: { category: "component", type: "matrix", item: "color", subitem: "border", }, path: ["component", "matrix", "color", "border"], }, { value: "0.875rem", filePath: "src/tokens/component/matrix.json", isSource: true, original: { value: "{size.type.title-xs.font.value}" }, name: "ComponentMatrixFontSize", attributes: { category: "component", type: "matrix", item: "font", subitem: "size", }, path: ["component", "matrix", "font", "size"], }, { value: "1.25rem", filePath: "src/tokens/component/matrix.json", isSource: true, original: { value: "{size.type.title-lg.line.value}" }, name: "ComponentMatrixLineHeight", attributes: { category: "component", type: "matrix", item: "line-height", }, path: ["component", "matrix", "line-height"], }, { value: "0.5rem", filePath: "src/tokens/component/matrix.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentMatrixPadding", attributes: { category: "component", type: "matrix", item: "padding" }, path: ["component", "matrix", "padding"], }, { value: "#ffffffff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentModalBackgroundColor", attributes: { category: "component", type: "modal", item: "background-color", }, path: ["component", "modal", "background-color"], }, { value: "solid", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentModalBorderStyle", attributes: { category: "component", type: "modal", item: "border-style", }, path: ["component", "modal", "border-style"], }, { value: "0.25rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentModalBorderRadius", attributes: { category: "component", type: "modal", item: "border-radius", }, path: ["component", "modal", "border-radius"], }, { value: "0.0625rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.border.width.standard}" }, name: "ComponentModalBorderWidth", attributes: { category: "component", type: "modal", item: "border-width", }, path: ["component", "modal", "border-width"], }, { value: "#f3f4f4cc", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.grey.extra-light-80.value}" }, name: "ComponentModalUnderlayBackground", attributes: { category: "component", type: "modal", item: "underlay", subitem: "background", }, path: ["component", "modal", "underlay", "background"], }, { value: "4rem 1rem 1rem 1rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.spacing.xl.value} {size.spacing.md.value} {size.spacing.md.value} {size.spacing.md.value}", }, name: "ComponentModalUnderlayPadding", attributes: { category: "component", type: "modal", item: "underlay", subitem: "padding", }, path: ["component", "modal", "underlay", "padding"], }, { value: "#ffffffff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentModalTitleColor", attributes: { category: "component", type: "modal", item: "title", subitem: "color", }, path: ["component", "modal", "title", "color"], }, { value: "1rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentModalTitlePadding", attributes: { category: "component", type: "modal", item: "title", subitem: "padding", }, path: ["component", "modal", "title", "padding"], }, { value: "0.875rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentModalTitleContentFontSize", attributes: { category: "component", type: "modal", item: "title", subitem: "content", state: "font-size", }, path: ["component", "modal", "title", "content", "font-size"], }, { value: "1.25rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentModalTitleContentLineHeight", attributes: { category: "component", type: "modal", item: "title", subitem: "content", state: "line-height", }, path: ["component", "modal", "title", "content", "line-height"], }, { value: 600, filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentModalTitleContentFontWeight", attributes: { category: "component", type: "modal", item: "title", subitem: "content", state: "font-weight", }, path: ["component", "modal", "title", "content", "font-weight"], }, { value: "0.5rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentModalTitleContentPaddingLeft", attributes: { category: "component", type: "modal", item: "title", subitem: "content", state: "padding-left", }, path: ["component", "modal", "title", "content", "padding-left"], }, { value: "1rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentModalBodyPadding", attributes: { category: "component", type: "modal", item: "body", subitem: "padding", }, path: ["component", "modal", "body", "padding"], }, { value: "#f3f4f4ff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentModalFooterBackgroundColor", attributes: { category: "component", type: "modal", item: "footer", subitem: "background-color", }, path: ["component", "modal", "footer", "background-color"], }, { value: "0.5rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentModalFooterPadding", attributes: { category: "component", type: "modal", item: "footer", subitem: "padding", }, path: ["component", "modal", "footer", "padding"], }, { value: "#00000000", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.transparent.value}" }, name: "ComponentModalCloseButtonBackgroundColor", attributes: { category: "component", type: "modal", item: "closeButton", subitem: "background-color", }, path: ["component", "modal", "closeButton", "background-color"], }, { value: "#ffffffff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentModalCloseButtonColor", attributes: { category: "component", type: "modal", item: "closeButton", subitem: "color", }, path: ["component", "modal", "closeButton", "color"], }, { value: "0.25rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentModalCloseButtonIconPaddingLeftRight", attributes: { category: "component", type: "modal", item: "closeButton", subitem: "icon", state: "paddingLeftRight", }, path: ["component", "modal", "closeButton", "icon", "paddingLeftRight"], }, { value: "0.875rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentModalIconBoxFontSize", attributes: { category: "component", type: "modal", item: "iconBox", subitem: "fontSize", }, path: ["component", "modal", "iconBox", "fontSize"], }, { value: "0.875rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentModalIconBoxLineHeight", attributes: { category: "component", type: "modal", item: "iconBox", subitem: "lineHeight", }, path: ["component", "modal", "iconBox", "lineHeight"], }, { value: "0.5rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentModalIconBoxMarginRight", attributes: { category: "component", type: "modal", item: "iconBox", subitem: "margin", state: "right", }, path: ["component", "modal", "iconBox", "margin", "right"], }, { value: "#4b5356ff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentModalKindFormColor", attributes: { category: "component", type: "modal", item: "kind", subitem: "form", state: "color", }, path: ["component", "modal", "kind", "form", "color"], }, { value: "#de002eff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentModalKindDeleteColor", attributes: { category: "component", type: "modal", item: "kind", subitem: "delete", state: "color", }, path: ["component", "modal", "kind", "delete", "color"], }, { value: "#de002eff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentModalKindFailureColor", attributes: { category: "component", type: "modal", item: "kind", subitem: "failure", state: "color", }, path: ["component", "modal", "kind", "failure", "color"], }, { value: "#007db8ff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentModalKindInformationalColor", attributes: { category: "component", type: "modal", item: "kind", subitem: "informational", state: "color", }, path: ["component", "modal", "kind", "informational", "color"], }, { value: "#0b8940ff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentModalKindSuccessColor", attributes: { category: "component", type: "modal", item: "kind", subitem: "success", state: "color", }, path: ["component", "modal", "kind", "success", "color"], }, { value: "#e7760bff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentModalKindWarningColor", attributes: { category: "component", type: "modal", item: "kind", subitem: "warning", state: "color", }, path: ["component", "modal", "kind", "warning", "color"], }, { value: "#e7760bff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentModalKindSuccessWithFailuresColor", attributes: { category: "component", type: "modal", item: "kind", subitem: "successWithFailures", state: "color", }, path: ["component", "modal", "kind", "successWithFailures", "color"], }, { value: "23.75rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.component.modal.sizes.sm.value}" }, name: "ComponentModalSizeSmWidth", attributes: { category: "component", type: "modal", item: "size", subitem: "sm", state: "width", }, path: ["component", "modal", "size", "sm", "width"], }, { value: "36.25rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.component.modal.sizes.md.value}" }, name: "ComponentModalSizeMdWidth", attributes: { category: "component", type: "modal", item: "size", subitem: "md", state: "width", }, path: ["component", "modal", "size", "md", "width"], }, { value: "48.75rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.component.modal.sizes.lg.value}" }, name: "ComponentModalSizeLgWidth", attributes: { category: "component", type: "modal", item: "size", subitem: "lg", state: "width", }, path: ["component", "modal", "size", "lg", "width"], }, { value: "73.75rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.component.modal.sizes.xl.value}" }, name: "ComponentModalSizeXlWidth", attributes: { category: "component", type: "modal", item: "size", subitem: "xl", state: "width", }, path: ["component", "modal", "size", "xl", "width"], }, { value: "#4b5356ff", filePath: "src/tokens/component/page-subtitle.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentPageSubtitleTextColor", attributes: { category: "component", type: "page-subtitle", item: "text", subitem: "color", }, path: ["component", "page-subtitle", "text", "color"], }, { value: "1.125rem", filePath: "src/tokens/component/page-subtitle.json", isSource: true, original: { value: "{size.type.title-md.font.value}" }, name: "ComponentPageSubtitleTextFontSize", attributes: { category: "component", type: "page-subtitle", item: "text", subitem: "font-size", }, path: ["component", "page-subtitle", "text", "font-size"], }, { value: "1.125rem", filePath: "src/tokens/component/page-subtitle.json", isSource: true, original: { value: "{size.type.title-md.line.value}" }, name: "ComponentPageSubtitleTextLineHeight", attributes: { category: "component", type: "page-subtitle", item: "text", subitem: "line-height", }, path: ["component", "page-subtitle", "text", "line-height"], }, { value: "0.25rem", filePath: "src/tokens/component/page-subtitle.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentPageSubtitleTextMarginTop", attributes: { category: "component", type: "page-subtitle", item: "text", subitem: "margin-top", }, path: ["component", "page-subtitle", "text", "margin-top"], }, { value: "0.75rem", filePath: "src/tokens/component/page-subtitle.json", isSource: true, original: { value: "{size.type.component-sm.font.value}" }, name: "ComponentPageSubtitleIconFontSize", attributes: { category: "component", type: "page-subtitle", item: "icon", subitem: "font-size", }, path: ["component", "page-subtitle", "icon", "font-size"], }, { value: "1.125rem", filePath: "src/tokens/component/page-subtitle.json", isSource: true, original: { value: "{size.type.title-md.line.value}" }, name: "ComponentPageSubtitleIconLineHeight", attributes: { category: "component", type: "page-subtitle", item: "icon", subitem: "line-height", }, path: ["component", "page-subtitle", "icon", "line-height"], }, { value: "0.25rem", filePath: "src/tokens/component/page-subtitle.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentPageSubtitleIconMarginLeft", attributes: { category: "component", type: "page-subtitle", item: "icon", subitem: "margin-left", }, path: ["component", "page-subtitle", "icon", "margin-left"], }, { value: "0.25rem", filePath: "src/tokens/component/page-subtitle.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentPageSubtitleIconMarginRight", attributes: { category: "component", type: "page-subtitle", item: "icon", subitem: "margin-right", }, path: ["component", "page-subtitle", "icon", "margin-right"], }, { value: "0.25rem", filePath: "src/tokens/component/page-subtitle.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentPageSubtitleIconMarginTop", attributes: { category: "component", type: "page-subtitle", item: "icon", subitem: "margin-top", }, path: ["component", "page-subtitle", "icon", "margin-top"], }, { value: "#1f282cff", filePath: "src/tokens/component/page-title.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentPageTitleTextColor", attributes: { category: "component", type: "page-title", item: "text", subitem: "color", }, path: ["component", "page-title", "text", "color"], }, { value: "1.5rem", filePath: "src/tokens/component/page-title.json", isSource: true, original: { value: "{size.type.title-xl.font.value}" }, name: "ComponentPageTitleTextFontSize", attributes: { category: "component", type: "page-title", item: "text", subitem: "font-size", }, path: ["component", "page-title", "text", "font-size"], }, { value: "1.5rem", filePath: "src/tokens/component/page-title.json", isSource: true, original: { value: "{size.type.title-xl.line.value}" }, name: "ComponentPageTitleTextLineHeight", attributes: { category: "component", type: "page-title", item: "text", subitem: "line-height", }, path: ["component", "page-title", "text", "line-height"], }, { value: "1.125rem", filePath: "src/tokens/component/page-title.json", isSource: true, original: { value: "{size.type.title-md.font.value}" }, name: "ComponentPageTitleIconFontSize", attributes: { category: "component", type: "page-title", item: "icon", subitem: "font-size", }, path: ["component", "page-title", "icon", "font-size"], }, { value: "1.5rem", filePath: "src/tokens/component/page-title.json", isSource: true, original: { value: "{size.type.title-xl.line.value}" }, name: "ComponentPageTitleIconLineHeight", attributes: { category: "component", type: "page-title", item: "icon", subitem: "line-height", }, path: ["component", "page-title", "icon", "line-height"], }, { value: "0.25rem", filePath: "src/tokens/component/page-title.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentPageTitleIconMarginRight", attributes: { category: "component", type: "page-title", item: "icon", subitem: "margin-right", }, path: ["component", "page-title", "icon", "margin-right"], }, { value: "0.1875rem", filePath: "src/tokens/component/page-title.json", isSource: true, original: { value: "{size.component.page-title.icon-margin-top}" }, name: "ComponentPageTitleIconMarginTop", attributes: { category: "component", type: "page-title", item: "icon", subitem: "margin-top", }, path: ["component", "page-title", "icon", "margin-top"], }, { value: "#f3f4f4ff", filePath: "src/tokens/component/photo.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentPhotoPlaceholderBackground", attributes: { category: "component", type: "photo", item: "placeholder", subitem: "background", }, path: ["component", "photo", "placeholder", "background"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/photo.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentPhotoPlaceholderBoxShadowColorBorder", attributes: { category: "component", type: "photo", item: "placeholder", subitem: "box-shadow-color-border", }, path: ["component", "photo", "placeholder", "box-shadow-color-border"], }, { value: "#ffffffff", filePath: "src/tokens/component/photo.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentPhotoPlaceholderBoxShadowColorInterior", attributes: { category: "component", type: "photo", item: "placeholder", subitem: "box-shadow-color-interior", }, path: ["component", "photo", "placeholder", "box-shadow-color-interior"], }, { value: "0.0625rem", filePath: "src/tokens/component/photo.json", isSource: true, original: { value: "{size.border.width.standard}" }, name: "ComponentPhotoPlaceholderBoxShadowValueBorder", attributes: { category: "component", type: "photo", item: "placeholder", subitem: "box-shadow-value-border", }, path: ["component", "photo", "placeholder", "box-shadow-value-border"], }, { value: "#717779ff", filePath: "src/tokens/component/photo.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentPhotoIconColor", attributes: { category: "component", type: "photo", item: "icon", subitem: "color", }, path: ["component", "photo", "icon", "color"], }, { value: "1rem", filePath: "src/tokens/component/photo.json", isSource: true, original: { value: "{size.grid.gutter.value}" }, name: "ComponentPhotoCarouselGridGap", attributes: { category: "component", type: "photo-carousel", item: "grid-gap", }, path: ["component", "photo-carousel", "grid-gap"], }, { value: "0.5rem", filePath: "src/tokens/component/photo.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentPhotoCarouselMarginBottom", attributes: { category: "component", type: "photo-carousel", item: "margin-bottom", }, path: ["component", "photo-carousel", "margin-bottom"], }, { value: "0", filePath: "src/tokens/component/photo.json", isSource: true, original: { value: "{size.border.width.none.value}" }, name: "ComponentPhotoCarouselBorder", attributes: { category: "component", type: "photo-carousel", item: "border", }, path: ["component", "photo-carousel", "border"], }, { value: "#ffffffff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentProductBarVerticalBackgroundColor", attributes: { category: "component", type: "product-bar-vertical", item: "background-color", }, path: ["component", "product-bar-vertical", "background-color"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentProductBarVerticalBorderColor", attributes: { category: "component", type: "product-bar-vertical", item: "border-color", }, path: ["component", "product-bar-vertical", "border-color"], }, { value: "solid", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentProductBarVerticalBorderStyle", attributes: { category: "component", type: "product-bar-vertical", item: "border-style", }, path: ["component", "product-bar-vertical", "border-style"], }, { value: "0.0625rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentProductBarVerticalBorderWidth", attributes: { category: "component", type: "product-bar-vertical", item: "border-width", }, path: ["component", "product-bar-vertical", "border-width"], }, { value: "0.125rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentProductBarVerticalBorderRadius", attributes: { category: "component", type: "product-bar-vertical", item: "border-radius", }, path: ["component", "product-bar-vertical", "border-radius"], }, { value: "1.5rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.component.product-bar-vertical.logo-size.value}", }, name: "ComponentProductBarVerticalLogoSize", attributes: { category: "component", type: "product-bar-vertical", item: "logo", subitem: "size", }, path: ["component", "product-bar-vertical", "logo", "size"], }, { value: "0.5rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentProductBarVerticalLogoMarginRight", attributes: { category: "component", type: "product-bar-vertical", item: "logo", subitem: "margin-right", }, path: ["component", "product-bar-vertical", "logo", "margin-right"], }, { value: "#1f282cff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentProductBarVerticalNameColor", attributes: { category: "component", type: "product-bar-vertical", item: "name", subitem: "color", }, path: ["component", "product-bar-vertical", "name", "color"], }, { value: "1rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.type.title-sm.font.value}" }, name: "ComponentProductBarVerticalNameFontSize", attributes: { category: "component", type: "product-bar-vertical", item: "name", subitem: "font-size", }, path: ["component", "product-bar-vertical", "name", "font-size"], }, { value: 600, filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentProductBarVerticalNameFontWeight", attributes: { category: "component", type: "product-bar-vertical", item: "name", subitem: "font-weight", }, path: ["component", "product-bar-vertical", "name", "font-weight"], }, { value: "#ffffffff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentProductBarVerticalHeaderBackgroundColor", attributes: { category: "component", type: "product-bar-vertical", item: "header", subitem: "background-color", }, path: ["component", "product-bar-vertical", "header", "background-color"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentProductBarVerticalHeaderBorderColor", attributes: { category: "component", type: "product-bar-vertical", item: "header", subitem: "border-color", }, path: ["component", "product-bar-vertical", "header", "border-color"], }, { value: "solid", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentProductBarVerticalHeaderBorderStyle", attributes: { category: "component", type: "product-bar-vertical", item: "header", subitem: "border-style", }, path: ["component", "product-bar-vertical", "header", "border-style"], }, { value: "0.0625rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentProductBarVerticalHeaderBorderWidth", attributes: { category: "component", type: "product-bar-vertical", item: "header", subitem: "border-width", }, path: ["component", "product-bar-vertical", "header", "border-width"], }, { value: "0.5rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentProductBarVerticalHeaderPadding", attributes: { category: "component", type: "product-bar-vertical", item: "header", subitem: "padding", }, path: ["component", "product-bar-vertical", "header", "padding"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentProductBarVerticalSectionBorderColor", attributes: { category: "component", type: "product-bar-vertical", item: "section", subitem: "border-color", }, path: ["component", "product-bar-vertical", "section", "border-color"], }, { value: "solid", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentProductBarVerticalSectionBorderStyle", attributes: { category: "component", type: "product-bar-vertical", item: "section", subitem: "border-style", }, path: ["component", "product-bar-vertical", "section", "border-style"], }, { value: "0.0625rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentProductBarVerticalSectionBorderWidth", attributes: { category: "component", type: "product-bar-vertical", item: "section", subitem: "border-width", }, path: ["component", "product-bar-vertical", "section", "border-width"], }, { value: "0.875rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentProductBarVerticalItemBranchFontSize", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "branch", state: "font-size", }, path: [ "component", "product-bar-vertical", "item", "branch", "font-size", ], }, { value: "1.25rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentProductBarVerticalItemBranchLineHeight", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "branch", state: "line-height", }, path: [ "component", "product-bar-vertical", "item", "branch", "line-height", ], }, { value: "#007db8ff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentProductBarVerticalItemLeafSelectedBackgroundColor", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "leaf", state: "selected-background-color", }, path: [ "component", "product-bar-vertical", "item", "leaf", "selected-background-color", ], }, { value: "#ffffffff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentProductBarVerticalItemLeafSelectedColor", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "leaf", state: "selected-color", }, path: [ "component", "product-bar-vertical", "item", "leaf", "selected-color", ], }, { value: "0.625rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.component.product-bar-vertical.expand-icon-size.value}", }, name: "ComponentProductBarVerticalItemLeafExpandIconSize", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "leaf", state: "expand-icon-size", }, path: [ "component", "product-bar-vertical", "item", "leaf", "expand-icon-size", ], }, { value: "1.25rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentProductBarVerticalItemLeafExpandIconLineHeight", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "leaf", state: "expand-icon-line-height", }, path: [ "component", "product-bar-vertical", "item", "leaf", "expand-icon-line-height", ], }, { value: "0.25rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentProductBarVerticalItemLeafExpandIconMarginRight", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "leaf", state: "expand-icon-margin-right", }, path: [ "component", "product-bar-vertical", "item", "leaf", "expand-icon-margin-right", ], }, { value: "0.875rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.component.product-bar-vertical.expand-icon-margin.value}", }, name: "ComponentProductBarVerticalItemLeafExpandIconMarginLeft", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "leaf", state: "expand-icon-margin-left", }, path: [ "component", "product-bar-vertical", "item", "leaf", "expand-icon-margin-left", ], }, { value: "#f3f4f4ff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentProductBarVerticalItemLeafHoverBackgroundColor", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "leaf", state: "hover", }, path: [ "component", "product-bar-vertical", "item", "leaf", "hover", "background-color", ], }, { value: "#1f282cff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentProductBarVerticalItemLinkColor", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "link", state: "color", }, path: ["component", "product-bar-vertical", "item", "link", "color"], }, { value: "0.875rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentProductBarVerticalItemLinkFontSize", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "link", state: "font-size", }, path: ["component", "product-bar-vertical", "item", "link", "font-size"], }, { value: "1.5rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.type.title-xl.line.value}" }, name: "ComponentProductBarVerticalItemLinkLineHeight", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "link", state: "line-height", }, path: [ "component", "product-bar-vertical", "item", "link", "line-height", ], }, { value: "0.5rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentProductBarVerticalItemLinkPaddingVertical", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "link", state: "padding-vertical", }, path: [ "component", "product-bar-vertical", "item", "link", "padding-vertical", ], }, { value: "1rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentProductBarVerticalItemLinkPaddingRight", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "link", state: "padding-right", }, path: [ "component", "product-bar-vertical", "item", "link", "padding-right", ], }, { value: "1rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentProductBarVerticalItemLinkPaddingLeft", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "link", state: "padding-left", }, path: [ "component", "product-bar-vertical", "item", "link", "padding-left", ], }, { value: "2.5rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.component.product-bar-vertical.link-min-height.value}", }, name: "ComponentProductBarVerticalItemLinkMinHeight", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "link", state: "min-height", }, path: ["component", "product-bar-vertical", "item", "link", "min-height"], }, { value: "2.125rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.component.product-bar-vertical.nested-first-level.value}", }, name: "ComponentProductBarVerticalItemNestingPaddingFirstLevel", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "nesting", state: "padding-first-level", }, path: [ "component", "product-bar-vertical", "item", "nesting", "padding-first-level", ], }, { value: "3rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.component.product-bar-vertical.nested-second-level.value}", }, name: "ComponentProductBarVerticalItemNestingPaddingSecondLevel", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "nesting", state: "padding-second-level", }, path: [ "component", "product-bar-vertical", "item", "nesting", "padding-second-level", ], }, { value: "3.875rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.component.product-bar-vertical.nested-third-level.value}", }, name: "ComponentProductBarVerticalItemNestingPaddingThirdLevel", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "nesting", state: "padding-third-level", }, path: [ "component", "product-bar-vertical", "item", "nesting", "padding-third-level", ], }, { value: "4.75rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.component.product-bar-vertical.nested-fourth-level.value}", }, name: "ComponentProductBarVerticalItemNestingPaddingFourthLevel", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "nesting", state: "padding-fourth-level", }, path: [ "component", "product-bar-vertical", "item", "nesting", "padding-fourth-level", ], }, { value: "#ffffffff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentProductBarVerticalItemTagActiveBackgroundColor", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "tag", state: "active", }, path: [ "component", "product-bar-vertical", "item", "tag", "active", "background-color", ], }, { value: "#4b5356ff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentProductBarVerticalItemTagActiveColor", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "tag", state: "active", }, path: [ "component", "product-bar-vertical", "item", "tag", "active", "color", ], }, { value: "#ffffffff", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentProductBarBackgroundColor", attributes: { category: "component", type: "product-bar", item: "background-color", }, path: ["component", "product-bar", "background-color"], }, { value: "3.75rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.component.product-bar.min-height.value}" }, name: "ComponentProductBarBarMinHeight", attributes: { category: "component", type: "product-bar", item: "bar", subitem: "min-height", }, path: ["component", "product-bar", "bar", "min-height"], }, { value: "2rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.spacing.lg.value}" }, name: "ComponentProductBarBarPadding", attributes: { category: "component", type: "product-bar", item: "bar", subitem: "padding", }, path: ["component", "product-bar", "bar", "padding"], }, { value: "1280px", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.component.product-bar.width.value}" }, name: "ComponentProductBarBarWidth", attributes: { category: "component", type: "product-bar", item: "bar", subitem: "width", }, path: ["component", "product-bar", "bar", "width"], }, { value: "2rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.spacing.lg.value}" }, name: "ComponentProductBarBrandMarginRight", attributes: { category: "component", type: "product-bar", item: "brand", subitem: "margin-right", }, path: ["component", "product-bar", "brand", "margin-right"], }, { value: "1.5rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.component.product-bar.logo-size.value}" }, name: "ComponentProductBarLogoSize", attributes: { category: "component", type: "product-bar", item: "logo", subitem: "size", }, path: ["component", "product-bar", "logo", "size"], }, { value: "0.5rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentProductBarLogoMarginRight", attributes: { category: "component", type: "product-bar", item: "logo", subitem: "margin-right", }, path: ["component", "product-bar", "logo", "margin-right"], }, { value: "#1f282cff", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentProductBarNameColor", attributes: { category: "component", type: "product-bar", item: "name", subitem: "color", }, path: ["component", "product-bar", "name", "color"], }, { value: "1rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.type.title-sm.font.value}" }, name: "ComponentProductBarNameFontSize", attributes: { category: "component", type: "product-bar", item: "name", subitem: "font-size", }, path: ["component", "product-bar", "name", "font-size"], }, { value: 600, filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentProductBarNameFontWeight", attributes: { category: "component", type: "product-bar", item: "name", subitem: "font-weight", }, path: ["component", "product-bar", "name", "font-weight"], }, { value: "0.125rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.component.product-bar.nav-underline.value}" }, name: "ComponentProductBarNavBorderWidth", attributes: { category: "component", type: "product-bar", item: "nav", subitem: "border-width", }, path: ["component", "product-bar", "nav", "border-width"], }, { value: "solid", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentProductBarNavBorderStyle", attributes: { category: "component", type: "product-bar", item: "nav", subitem: "border-style", }, path: ["component", "product-bar", "nav", "border-style"], }, { value: "#4b5356ff", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentProductBarNavColor", attributes: { category: "component", type: "product-bar", item: "nav", subitem: "color", }, path: ["component", "product-bar", "nav", "color"], }, { value: "0.875rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentProductBarNavFontSize", attributes: { category: "component", type: "product-bar", item: "nav", subitem: "font-size", }, path: ["component", "product-bar", "nav", "font-size"], }, { value: "3.625rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.component.product-bar.nav-height.value}" }, name: "ComponentProductBarNavHeight", attributes: { category: "component", type: "product-bar", item: "nav", subitem: "height", }, path: ["component", "product-bar", "nav", "height"], }, { value: "0.125rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentProductBarNavMarginTop", attributes: { category: "component", type: "product-bar", item: "nav", subitem: "margin-top", }, path: ["component", "product-bar", "nav", "margin-top"], }, { value: "1rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentProductBarNavPadding", attributes: { category: "component", type: "product-bar", item: "nav", subitem: "padding", }, path: ["component", "product-bar", "nav", "padding"], }, { value: "#007db8ff", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentProductBarNavActiveBorderColor", attributes: { category: "component", type: "product-bar", item: "nav", subitem: "active-border-color", }, path: ["component", "product-bar", "nav", "active-border-color"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentProductBarNavDisabledColor", attributes: { category: "component", type: "product-bar", item: "nav", subitem: "disabled-color", }, path: ["component", "product-bar", "nav", "disabled-color"], }, { value: "2.125rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.component.product-bar.vertical-rule-height.value}", }, name: "ComponentProductBarVerticalRuleHeight", attributes: { category: "component", type: "product-bar", item: "vertical-rule", subitem: "height", }, path: ["component", "product-bar", "vertical-rule", "height"], }, { value: "1rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentProductBarVerticalRuleMarginRight", attributes: { category: "component", type: "product-bar", item: "vertical-rule", subitem: "margin-right", }, path: ["component", "product-bar", "vertical-rule", "margin-right"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentProductBarVerticalRuleBackground", attributes: { category: "component", type: "product-bar", item: "vertical-rule", subitem: "background", }, path: ["component", "product-bar", "vertical-rule", "background"], }, { value: "0.0625rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentProductBarVerticalRuleWidth", attributes: { category: "component", type: "product-bar", item: "vertical-rule", subitem: "width", }, path: ["component", "product-bar", "vertical-rule", "width"], }, { value: "#91467fff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentProgressBarProgressColorPurpleColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "purple", state: "color", }, path: ["component", "progress-bar", "progress-color", "purple", "color"], }, { value: "#6e3c65ff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.purple.dark.value}" }, name: "ComponentProgressBarProgressColorPurpleHoverColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "purple", state: "hover-color", }, path: [ "component", "progress-bar", "progress-color", "purple", "hover-color", ], }, { value: "#007db8ff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentProgressBarProgressColorBlueColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "blue", state: "color", }, path: ["component", "progress-bar", "progress-color", "blue", "color"], }, { value: "#09638dff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentProgressBarProgressColorBlueHoverColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "blue", state: "hover-color", }, path: [ "component", "progress-bar", "progress-color", "blue", "hover-color", ], }, { value: "#de002eff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentProgressBarProgressColorRedColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "red", state: "color", }, path: ["component", "progress-bar", "progress-color", "red", "color"], }, { value: "#a30d2dff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.red.dark.value}" }, name: "ComponentProgressBarProgressColorRedHoverColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "red", state: "hover-color", }, path: [ "component", "progress-bar", "progress-color", "red", "hover-color", ], }, { value: "#e7760bff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentProgressBarProgressColorOrangeColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "orange", state: "color", }, path: ["component", "progress-bar", "progress-color", "orange", "color"], }, { value: "#aa5e14ff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.orange.dark.value}" }, name: "ComponentProgressBarProgressColorOrangeHoverColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "orange", state: "hover-color", }, path: [ "component", "progress-bar", "progress-color", "orange", "hover-color", ], }, { value: "#717779ff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentProgressBarProgressColorGreyColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "grey", state: "color", }, path: ["component", "progress-bar", "progress-color", "grey", "color"], }, { value: "#1f282cff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentProgressBarProgressColorGreyHoverColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "grey", state: "hover-color", }, path: [ "component", "progress-bar", "progress-color", "grey", "hover-color", ], }, { value: "0.5rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentProgressBarCloseButtonMarginLeft", attributes: { category: "component", type: "progress-bar", item: "close-button", subitem: "margin-left", }, path: ["component", "progress-bar", "close-button", "margin-left"], }, { value: "0.375rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.component.progress-bar.close-button-margin.value}", }, name: "ComponentProgressBarCloseButtonMarginTop", attributes: { category: "component", type: "progress-bar", item: "close-button", subitem: "margin-top", }, path: ["component", "progress-bar", "close-button", "margin-top"], }, { value: "0.875rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentProgressBarHeadingFontSize", attributes: { category: "component", type: "progress-bar", item: "heading", subitem: "font-size", }, path: ["component", "progress-bar", "heading", "font-size"], }, { value: "1.25rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.type.title-lg.line.value}" }, name: "ComponentProgressBarHeadingLineHeight", attributes: { category: "component", type: "progress-bar", item: "heading", subitem: "line-height", }, path: ["component", "progress-bar", "heading", "line-height"], }, { value: "0.5rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentProgressBarHeadingMarginBottom", attributes: { category: "component", type: "progress-bar", item: "heading", subitem: "margin-bottom", }, path: ["component", "progress-bar", "heading", "margin-bottom"], }, { value: "#1f282cff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentProgressBarTitleColor", attributes: { category: "component", type: "progress-bar", item: "title-color", }, path: ["component", "progress-bar", "title-color"], }, { value: "#91467fff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentProgressBarPercentageColor", attributes: { category: "component", type: "progress-bar", item: "percentage", subitem: "color", }, path: ["component", "progress-bar", "percentage", "color"], }, { value: 600, filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentProgressBarPercentageFontWeight", attributes: { category: "component", type: "progress-bar", item: "percentage", subitem: "font-weight", }, path: ["component", "progress-bar", "percentage", "font-weight"], }, { value: "0.875rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.type.body-md.font.value }" }, name: "ComponentProgressBarPercentageFontSize", attributes: { category: "component", type: "progress-bar", item: "percentage", subitem: "font-size", }, path: ["component", "progress-bar", "percentage", "font-size"], }, { value: "1.25rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.type.title-lg.line.value}" }, name: "ComponentProgressBarPercentageLineHeight", attributes: { category: "component", type: "progress-bar", item: "percentage", subitem: "line-height", }, path: ["component", "progress-bar", "percentage", "line-height"], }, { value: "#0b8940ff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentProgressBarPercentageCompletedColor", attributes: { category: "component", type: "progress-bar", item: "percentage", subitem: "completed-color", }, path: ["component", "progress-bar", "percentage", "completed-color"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentProgressBarPercentageDisabledColor", attributes: { category: "component", type: "progress-bar", item: "percentage", subitem: "disabled-color", }, path: ["component", "progress-bar", "percentage", "disabled-color"], }, { value: "#e9e9eaff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentProgressBarBackgroundBackground", attributes: { category: "component", type: "progress-bar", item: "background", subitem: "background", }, path: ["component", "progress-bar", "background", "background"], }, { value: "0.5rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.component.progress-bar.border-radius.value}" }, name: "ComponentProgressBarBackgroundBorderRadius", attributes: { category: "component", type: "progress-bar", item: "background", subitem: "border-radius", }, path: ["component", "progress-bar", "background", "border-radius"], }, { value: "1rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentProgressBarBackgroundHeight", attributes: { category: "component", type: "progress-bar", item: "background", subitem: "height", }, path: ["component", "progress-bar", "background", "height"], }, { value: "#91467fff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentProgressBarProgressBackgroundColor", attributes: { category: "component", type: "progress-bar", item: "progress", subitem: "background-color", }, path: ["component", "progress-bar", "progress", "background-color"], }, { value: "0.5rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.component.progress-bar.border-radius.value}" }, name: "ComponentProgressBarProgressBorderRadius", attributes: { category: "component", type: "progress-bar", item: "progress", subitem: "border-radius", }, path: ["component", "progress-bar", "progress", "border-radius"], }, { value: "1rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentProgressBarProgressHeight", attributes: { category: "component", type: "progress-bar", item: "progress", subitem: "height", }, path: ["component", "progress-bar", "progress", "height"], }, { value: "#0b8940ff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentProgressBarProgressCompletedBackgroundColor", attributes: { category: "component", type: "progress-bar", item: "progress", subitem: "completed-background-color", }, path: [ "component", "progress-bar", "progress", "completed-background-color", ], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentProgressBarProgressDisabledBackgroundColor", attributes: { category: "component", type: "progress-bar", item: "progress", subitem: "disabled-background-color", }, path: [ "component", "progress-bar", "progress", "disabled-background-color", ], }, { value: "#4b5356ff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentProgressBarDetailColor", attributes: { category: "component", type: "progress-bar", item: "detail", subitem: "color", }, path: ["component", "progress-bar", "detail", "color"], }, { value: "0.75rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "ComponentProgressBarDetailFontSize", attributes: { category: "component", type: "progress-bar", item: "detail", subitem: "font-size", }, path: ["component", "progress-bar", "detail", "font-size"], }, { value: "1.125rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.type.title-md.line.value}" }, name: "ComponentProgressBarDetailLineHeight", attributes: { category: "component", type: "progress-bar", item: "detail", subitem: "line-height", }, path: ["component", "progress-bar", "detail", "line-height"], }, { value: "1rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentProgressBarDetailMarginTop", attributes: { category: "component", type: "progress-bar", item: "detail", subitem: "margin-top", }, path: ["component", "progress-bar", "detail", "margin-top"], }, { value: 14, filePath: "src/tokens/component/progress-ring.json", isSource: true, original: { value: 14 }, name: "ComponentProgressRingSm", attributes: { category: "component", type: "progress-ring", item: "sm" }, path: ["component", "progress-ring", "sm"], }, { value: 26, filePath: "src/tokens/component/progress-ring.json", isSource: true, original: { value: 26 }, name: "ComponentProgressRingMd", attributes: { category: "component", type: "progress-ring", item: "md" }, path: ["component", "progress-ring", "md"], }, { value: 38, filePath: "src/tokens/component/progress-ring.json", isSource: true, original: { value: 38 }, name: "ComponentProgressRingLg", attributes: { category: "component", type: "progress-ring", item: "lg" }, path: ["component", "progress-ring", "lg"], }, { value: "#ffffffff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentRichTextEditorBackgroundColor", attributes: { category: "component", type: "rich-text-editor", item: "background-color", }, path: ["component", "rich-text-editor", "background-color"], }, { value: "#717779ff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentRichTextEditorBorderColor", attributes: { category: "component", type: "rich-text-editor", item: "border", subitem: "color", }, path: ["component", "rich-text-editor", "border", "color"], }, { value: "solid", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentRichTextEditorBorderStyle", attributes: { category: "component", type: "rich-text-editor", item: "border", subitem: "style", }, path: ["component", "rich-text-editor", "border", "style"], }, { value: "0.25rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentRichTextEditorBorderRadius", attributes: { category: "component", type: "rich-text-editor", item: "border", subitem: "radius", }, path: ["component", "rich-text-editor", "border", "radius"], }, { value: "0.0625rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentRichTextEditorBorderWidth", attributes: { category: "component", type: "rich-text-editor", item: "border", subitem: "width", }, path: ["component", "rich-text-editor", "border", "width"], }, { value: "0", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.border.width.none.value}" }, name: "ComponentRichTextEditorBorderNoWidth", attributes: { category: "component", type: "rich-text-editor", item: "border", subitem: "no-width", }, path: ["component", "rich-text-editor", "border", "no-width"], }, { value: "0.875rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentRichTextEditorFontSize", attributes: { category: "component", type: "rich-text-editor", item: "font-size", }, path: ["component", "rich-text-editor", "font-size"], }, { value: "1.25rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentRichTextEditorLineHeight", attributes: { category: "component", type: "rich-text-editor", item: "line-height", }, path: ["component", "rich-text-editor", "line-height"], }, { value: "1.75rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.component.rich-text-editor.vr.height.value}" }, name: "ComponentRichTextEditorVrHeight", attributes: { category: "component", type: "rich-text-editor", item: "vr", subitem: "height", }, path: ["component", "rich-text-editor", "vr", "height"], }, { value: "8rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.component.rich-text-editor.editable-div.min-height.value}", }, name: "ComponentRichTextEditorEditableDivMinHeight", attributes: { category: "component", type: "rich-text-editor", item: "editable-div", subitem: "min-height", }, path: ["component", "rich-text-editor", "editable-div", "min-height"], }, { value: "0.5rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentRichTextEditorPaddingInputX", attributes: { category: "component", type: "rich-text-editor", item: "padding", subitem: "input", state: "x", }, path: ["component", "rich-text-editor", "padding", "input", "x"], }, { value: "0.25rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentRichTextEditorPaddingInputY", attributes: { category: "component", type: "rich-text-editor", item: "padding", subitem: "input", state: "y", }, path: ["component", "rich-text-editor", "padding", "input", "y"], }, { value: "0.25rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentRichTextEditorPaddingToolbar", attributes: { category: "component", type: "rich-text-editor", item: "padding", subitem: "toolbar", }, path: ["component", "rich-text-editor", "padding", "toolbar"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentRichTextEditorDisabledBorderColor", attributes: { category: "component", type: "rich-text-editor", item: "disabled", subitem: "border-color", }, path: ["component", "rich-text-editor", "disabled", "border-color"], }, { value: "#717779ff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentRichTextEditorDisabledInputColor", attributes: { category: "component", type: "rich-text-editor", item: "disabled", subitem: "input-color", }, path: ["component", "rich-text-editor", "disabled", "input-color"], }, { value: "#ffffffff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentRichTextEditorToolbarButtonBackgroundColor", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "background-color", }, path: [ "component", "rich-text-editor-toolbar-button", "background-color", ], }, { value: "#ffffffff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentRichTextEditorToolbarButtonBorderColor", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "border", subitem: "color", }, path: ["component", "rich-text-editor-toolbar-button", "border", "color"], }, { value: "solid", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentRichTextEditorToolbarButtonBorderStyle", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "border", subitem: "style", }, path: ["component", "rich-text-editor-toolbar-button", "border", "style"], }, { value: "0.25rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentRichTextEditorToolbarButtonBorderRadius", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "border", subitem: "radius", }, path: [ "component", "rich-text-editor-toolbar-button", "border", "radius", ], }, { value: "0.0625rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentRichTextEditorToolbarButtonBorderWidth", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "border", subitem: "width", }, path: ["component", "rich-text-editor-toolbar-button", "border", "width"], }, { value: "0.5rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentRichTextEditorToolbarButtonPaddingX", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "padding", subitem: "x", }, path: ["component", "rich-text-editor-toolbar-button", "padding", "x"], }, { value: "0.25rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentRichTextEditorToolbarButtonPaddingY", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "padding", subitem: "y", }, path: ["component", "rich-text-editor-toolbar-button", "padding", "y"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentRichTextEditorToolbarButtonHoverBackgroundColor", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "hover", subitem: "background-color", }, path: [ "component", "rich-text-editor-toolbar-button", "hover", "background-color", ], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentRichTextEditorToolbarButtonHoverBorderColor", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "hover", subitem: "border-color", }, path: [ "component", "rich-text-editor-toolbar-button", "hover", "border-color", ], }, { value: "#e6f2f8ff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.blue.light.value}" }, name: "ComponentRichTextEditorToolbarButtonActiveBackgroundColor", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "active", subitem: "background-color", }, path: [ "component", "rich-text-editor-toolbar-button", "active", "background-color", ], }, { value: "#007db8ff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentRichTextEditorToolbarButtonActiveBorderColor", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "active", subitem: "border-color", }, path: [ "component", "rich-text-editor-toolbar-button", "active", "border-color", ], }, { value: "#e9e9eaff", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentSearchResultsBarBackgroundColor", attributes: { category: "component", type: "search-results-bar", item: "background-color", }, path: ["component", "search-results-bar", "background-color"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentSearchResultsBarBorderColor", attributes: { category: "component", type: "search-results-bar", item: "border-color", }, path: ["component", "search-results-bar", "border-color"], }, { value: "solid", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentSearchResultsBarBorderStyle", attributes: { category: "component", type: "search-results-bar", item: "border-style", }, path: ["component", "search-results-bar", "border-style"], }, { value: "0.0625rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentSearchResultsBarBorderWidth", attributes: { category: "component", type: "search-results-bar", item: "border-width", }, path: ["component", "search-results-bar", "border-width"], }, { value: "0.25rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentSearchResultsBarBorderRadius", attributes: { category: "component", type: "search-results-bar", item: "border-radius", }, path: ["component", "search-results-bar", "border-radius"], }, { value: "3.25rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.component.search-results-bar.min-height.value}", }, name: "ComponentSearchResultsBarMinHeight", attributes: { category: "component", type: "search-results-bar", item: "min-height", }, path: ["component", "search-results-bar", "min-height"], }, { value: "0.5rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentSearchResultsBarPadding", attributes: { category: "component", type: "search-results-bar", item: "padding", }, path: ["component", "search-results-bar", "padding"], }, { value: "0.25rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentSearchResultsBarMargin", attributes: { category: "component", type: "search-results-bar", item: "margin", }, path: ["component", "search-results-bar", "margin"], }, { value: "0.125rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentSearchResultsBarListBarBorderRadiusBottom", attributes: { category: "component", type: "search-results-bar", item: "list-bar", subitem: "border-radius-bottom", }, path: [ "component", "search-results-bar", "list-bar", "border-radius-bottom", ], }, { value: "0", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.border.radius.none.value}" }, name: "ComponentSearchResultsBarListBarBorderRadiusTop", attributes: { category: "component", type: "search-results-bar", item: "list-bar", subitem: "border-radius-top", }, path: [ "component", "search-results-bar", "list-bar", "border-radius-top", ], }, { value: "0", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.border.width.none.value}" }, name: "ComponentSearchResultsBarListBarBorderWidth", attributes: { category: "component", type: "search-results-bar", item: "list-bar", subitem: "border-width", }, path: ["component", "search-results-bar", "list-bar", "border-width"], }, { value: "0.0625rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentSearchResultsBarListBarBorderWidthTop", attributes: { category: "component", type: "search-results-bar", item: "list-bar", subitem: "border-width-top", }, path: ["component", "search-results-bar", "list-bar", "border-width-top"], }, { value: "0.125rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentSearchResultsBarSelectionTagMarginVertical", attributes: { category: "component", type: "search-results-bar", item: "selection-tag", subitem: "margin-vertical", }, path: [ "component", "search-results-bar", "selection-tag", "margin-vertical", ], }, { value: "0.25rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentSearchResultsBarSelectionTagMarginRight", attributes: { category: "component", type: "search-results-bar", item: "selection-tag", subitem: "margin-right", }, path: [ "component", "search-results-bar", "selection-tag", "margin-right", ], }, { value: "5.25rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.component.search-results-bar.clear-button.value}", }, name: "ComponentSearchResultsBarClearButtonWidth", attributes: { category: "component", type: "search-results-bar", item: "clear-button", subitem: "width", }, path: ["component", "search-results-bar", "clear-button", "width"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentSearchResultsBarClearButtonHoverBackground", attributes: { category: "component", type: "search-results-bar", item: "clear-button", subitem: "hover-background", }, path: [ "component", "search-results-bar", "clear-button", "hover-background", ], }, { value: "#ffffffff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentSideNavBackgroundColor", attributes: { category: "component", type: "side-nav", item: "background-color", }, path: ["component", "side-nav", "background-color"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentSideNavBorderColor", attributes: { category: "component", type: "side-nav", item: "border-color", }, path: ["component", "side-nav", "border-color"], }, { value: "solid", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentSideNavBorderStyle", attributes: { category: "component", type: "side-nav", item: "border-style", }, path: ["component", "side-nav", "border-style"], }, { value: "0.0625rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentSideNavBorderWidth", attributes: { category: "component", type: "side-nav", item: "border-width", }, path: ["component", "side-nav", "border-width"], }, { value: "0.125rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentSideNavBorderRadius", attributes: { category: "component", type: "side-nav", item: "border-radius", }, path: ["component", "side-nav", "border-radius"], }, { value: "#ffffffff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentSideNavHeaderBackgroundColor", attributes: { category: "component", type: "side-nav", item: "header", subitem: "background-color", }, path: ["component", "side-nav", "header", "background-color"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentSideNavHeaderBorderColor", attributes: { category: "component", type: "side-nav", item: "header", subitem: "border-color", }, path: ["component", "side-nav", "header", "border-color"], }, { value: "solid", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentSideNavHeaderBorderStyle", attributes: { category: "component", type: "side-nav", item: "header", subitem: "border-style", }, path: ["component", "side-nav", "header", "border-style"], }, { value: "0.0625rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentSideNavHeaderBorderWidth", attributes: { category: "component", type: "side-nav", item: "header", subitem: "border-width", }, path: ["component", "side-nav", "header", "border-width"], }, { value: "0.5rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentSideNavHeaderPadding", attributes: { category: "component", type: "side-nav", item: "header", subitem: "padding", }, path: ["component", "side-nav", "header", "padding"], }, { value: "0.75rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "ComponentSideNavHeaderTitleFontSize", attributes: { category: "component", type: "side-nav", item: "header", subitem: "title", state: "font-size", }, path: ["component", "side-nav", "header", "title", "font-size"], }, { value: "1.5rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.type.title-xl.line.value}" }, name: "ComponentSideNavHeaderTitleLineHeight", attributes: { category: "component", type: "side-nav", item: "header", subitem: "title", state: "line-height", }, path: ["component", "side-nav", "header", "title", "line-height"], }, { value: 600, filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentSideNavHeaderTitleFontWeight", attributes: { category: "component", type: "side-nav", item: "header", subitem: "title", state: "font-weight", }, path: ["component", "side-nav", "header", "title", "font-weight"], }, { value: "0.5rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentSideNavHeaderTitlePaddingLeft", attributes: { category: "component", type: "side-nav", item: "header", subitem: "title", state: "padding-left", }, path: ["component", "side-nav", "header", "title", "padding-left"], }, { value: "0.875rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentSideNavHeaderTitleIconFontSize", attributes: { category: "component", type: "side-nav", item: "header", subitem: "title", state: "icon-font-size", }, path: ["component", "side-nav", "header", "title", "icon-font-size"], }, { value: "0.25rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentSideNavHeaderTitleIconMargin", attributes: { category: "component", type: "side-nav", item: "header", subitem: "title", state: "icon-margin", }, path: ["component", "side-nav", "header", "title", "icon-margin"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentSideNavFilterBorderColor", attributes: { category: "component", type: "side-nav", item: "filter", subitem: "border-color", }, path: ["component", "side-nav", "filter", "border-color"], }, { value: "solid", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentSideNavFilterBorderStyle", attributes: { category: "component", type: "side-nav", item: "filter", subitem: "border-style", }, path: ["component", "side-nav", "filter", "border-style"], }, { value: "0.0625rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentSideNavFilterBorderWidth", attributes: { category: "component", type: "side-nav", item: "filter", subitem: "border-width", }, path: ["component", "side-nav", "filter", "border-width"], }, { value: "0.5rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentSideNavFilterPaddingVertical", attributes: { category: "component", type: "side-nav", item: "filter", subitem: "padding-vertical", }, path: ["component", "side-nav", "filter", "padding-vertical"], }, { value: "0.5rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentSideNavSectionPaddingVertical", attributes: { category: "component", type: "side-nav", item: "section", subitem: "padding-vertical", }, path: ["component", "side-nav", "section", "padding-vertical"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentSideNavSectionBorderColor", attributes: { category: "component", type: "side-nav", item: "section", subitem: "border-color", }, path: ["component", "side-nav", "section", "border-color"], }, { value: "solid", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentSideNavSectionBorderStyle", attributes: { category: "component", type: "side-nav", item: "section", subitem: "border-style", }, path: ["component", "side-nav", "section", "border-style"], }, { value: "0.0625rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentSideNavSectionBorderWidth", attributes: { category: "component", type: "side-nav", item: "section", subitem: "border-width", }, path: ["component", "side-nav", "section", "border-width"], }, { value: "1rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.type.title-sm.font.value}" }, name: "ComponentSideNavSectionTitleFontSize", attributes: { category: "component", type: "side-nav", item: "section", subitem: "title", state: "font-size", }, path: ["component", "side-nav", "section", "title", "font-size"], }, { value: 400, filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{type.weight.normal.value}" }, name: "ComponentSideNavSectionTitleFontWeight", attributes: { category: "component", type: "side-nav", item: "section", subitem: "title", state: "font-weight", }, path: ["component", "side-nav", "section", "title", "font-weight"], }, { value: "#717779ff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentSideNavSectionTitleColor", attributes: { category: "component", type: "side-nav", item: "section", subitem: "title", state: "color", }, path: ["component", "side-nav", "section", "title", "color"], }, { value: "0.25rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentSideNavSectionTitleMarginTop", attributes: { category: "component", type: "side-nav", item: "section", subitem: "title", state: "margin-top", }, path: ["component", "side-nav", "section", "title", "margin-top"], }, { value: "0.5rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentSideNavSectionTitleMarginBottom", attributes: { category: "component", type: "side-nav", item: "section", subitem: "title", state: "margin-bottom", }, path: ["component", "side-nav", "section", "title", "margin-bottom"], }, { value: "1rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentSideNavSectionTitleMarginLeft", attributes: { category: "component", type: "side-nav", item: "section", subitem: "title", state: "margin-left", }, path: ["component", "side-nav", "section", "title", "margin-left"], }, { value: "0.875rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentSideNavItemBranchFontSize", attributes: { category: "component", type: "side-nav", item: "item", subitem: "branch", state: "font-size", }, path: ["component", "side-nav", "item", "branch", "font-size"], }, { value: "1.25rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentSideNavItemBranchLineHeight", attributes: { category: "component", type: "side-nav", item: "item", subitem: "branch", state: "line-height", }, path: ["component", "side-nav", "item", "branch", "line-height"], }, { value: "#e6f2f8ff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.blue.light.value}" }, name: "ComponentSideNavItemLeafSelectedBackgroundColor", attributes: { category: "component", type: "side-nav", item: "item", subitem: "leaf", state: "selected-background-color", }, path: [ "component", "side-nav", "item", "leaf", "selected-background-color", ], }, { value: "0.125rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentSideNavItemLeafBoxShadowSize", attributes: { category: "component", type: "side-nav", item: "item", subitem: "leaf", state: "box-shadow-size", }, path: ["component", "side-nav", "item", "leaf", "box-shadow-size"], }, { value: "#007db8ff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentSideNavItemLeafBoxShadowColor", attributes: { category: "component", type: "side-nav", item: "item", subitem: "leaf", state: "box-shadow-color", }, path: ["component", "side-nav", "item", "leaf", "box-shadow-color"], }, { value: "#1f282cff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentSideNavItemLeafColor", attributes: { category: "component", type: "side-nav", item: "item", subitem: "leaf", state: "color", }, path: ["component", "side-nav", "item", "leaf", "color"], }, { value: "43.75rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.component.side-nav.selected-font-weight.value}", }, name: "ComponentSideNavItemLeafFontWeight", attributes: { category: "component", type: "side-nav", item: "item", subitem: "leaf", state: "font-weight", }, path: ["component", "side-nav", "item", "leaf", "font-weight"], }, { value: "0.625rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.component.side-nav.expand-icon-size.value}" }, name: "ComponentSideNavItemLeafExpandIconSize", attributes: { category: "component", type: "side-nav", item: "item", subitem: "leaf", state: "expand-icon-size", }, path: ["component", "side-nav", "item", "leaf", "expand-icon-size"], }, { value: "1.25rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentSideNavItemLeafExpandIconLineHeight", attributes: { category: "component", type: "side-nav", item: "item", subitem: "leaf", state: "expand-icon-line-height", }, path: [ "component", "side-nav", "item", "leaf", "expand-icon-line-height", ], }, { value: "0.25rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentSideNavItemLeafExpandIconMarginRight", attributes: { category: "component", type: "side-nav", item: "item", subitem: "leaf", state: "expand-icon-margin-right", }, path: [ "component", "side-nav", "item", "leaf", "expand-icon-margin-right", ], }, { value: "0.875rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.component.side-nav.expand-icon-margin.value}" }, name: "ComponentSideNavItemLeafExpandIconMarginLeft", attributes: { category: "component", type: "side-nav", item: "item", subitem: "leaf", state: "expand-icon-margin-left", }, path: [ "component", "side-nav", "item", "leaf", "expand-icon-margin-left", ], }, { value: "#1f282cff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentSideNavItemLinkColor", attributes: { category: "component", type: "side-nav", item: "item", subitem: "link", state: "color", }, path: ["component", "side-nav", "item", "link", "color"], }, { value: "0.875rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentSideNavItemLinkFontSize", attributes: { category: "component", type: "side-nav", item: "item", subitem: "link", state: "font-size", }, path: ["component", "side-nav", "item", "link", "font-size"], }, { value: "1.25rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentSideNavItemLinkLineHeight", attributes: { category: "component", type: "side-nav", item: "item", subitem: "link", state: "line-height", }, path: ["component", "side-nav", "item", "link", "line-height"], }, { value: "0.5rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentSideNavItemLinkPaddingVertical", attributes: { category: "component", type: "side-nav", item: "item", subitem: "link", state: "padding-vertical", }, path: ["component", "side-nav", "item", "link", "padding-vertical"], }, { value: "1rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentSideNavItemLinkPaddingRight", attributes: { category: "component", type: "side-nav", item: "item", subitem: "link", state: "padding-right", }, path: ["component", "side-nav", "item", "link", "padding-right"], }, { value: "1.25rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.component.side-nav.link-padding-left.value}" }, name: "ComponentSideNavItemLinkPaddingLeft", attributes: { category: "component", type: "side-nav", item: "item", subitem: "link", state: "padding-left", }, path: ["component", "side-nav", "item", "link", "padding-left"], }, { value: "#f3f4f4ff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentSideNavItemLinkHoverBackgroundColor", attributes: { category: "component", type: "side-nav", item: "item", subitem: "link", state: "hover-background-color", }, path: ["component", "side-nav", "item", "link", "hover-background-color"], }, { value: "2.125rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.component.side-nav.nested-first-level.value}" }, name: "ComponentSideNavItemNestingPaddingFirstLevel", attributes: { category: "component", type: "side-nav", item: "item", subitem: "nesting", state: "padding-first-level", }, path: ["component", "side-nav", "item", "nesting", "padding-first-level"], }, { value: "3rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.component.side-nav.nested-second-level.value}", }, name: "ComponentSideNavItemNestingPaddingSecondLevel", attributes: { category: "component", type: "side-nav", item: "item", subitem: "nesting", state: "padding-second-level", }, path: [ "component", "side-nav", "item", "nesting", "padding-second-level", ], }, { value: "3.875rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.component.side-nav.nested-third-level.value}" }, name: "ComponentSideNavItemNestingPaddingThirdLevel", attributes: { category: "component", type: "side-nav", item: "item", subitem: "nesting", state: "padding-third-level", }, path: ["component", "side-nav", "item", "nesting", "padding-third-level"], }, { value: "4.75rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.component.side-nav.nested-fourth-level.value}", }, name: "ComponentSideNavItemNestingPaddingFouthLevel", attributes: { category: "component", type: "side-nav", item: "item", subitem: "nesting", state: "padding-fouth-level", }, path: ["component", "side-nav", "item", "nesting", "padding-fouth-level"], }, { value: "0.875rem", filePath: "src/tokens/component/slack-link.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentSlackLinkFontSize", attributes: { category: "component", type: "slack-link", item: "font-size", }, path: ["component", "slack-link", "font-size"], }, { value: "#007db8ff", filePath: "src/tokens/component/slack-link.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentSlackLinkBorderColor", attributes: { category: "component", type: "slack-link", item: "border-color", }, path: ["component", "slack-link", "border-color"], }, { value: "0.0625rem", filePath: "src/tokens/component/slack-link.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentSlackLinkBorderSize", attributes: { category: "component", type: "slack-link", item: "border-size", }, path: ["component", "slack-link", "border-size"], }, { value: "solid", filePath: "src/tokens/component/slack-link.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentSlackLinkBorderStyle", attributes: { category: "component", type: "slack-link", item: "border-style", }, path: ["component", "slack-link", "border-style"], }, { value: "1rem", filePath: "src/tokens/component/slack-link.json", isSource: true, original: { value: "{size.type.title-sm.font.value}" }, name: "ComponentSlackLinkIconFontSize", attributes: { category: "component", type: "slack-link", item: "icon", subitem: "font-size", }, path: ["component", "slack-link", "icon", "font-size"], }, { value: "0.25rem", filePath: "src/tokens/component/slack-link.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentSlackLinkIconMarginRight", attributes: { category: "component", type: "slack-link", item: "icon", subitem: "margin-right", }, path: ["component", "slack-link", "icon", "margin-right"], }, { value: "100%", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "100%" }, name: "ComponentSortingHeaderWidth", attributes: { category: "component", type: "sorting-header", item: "width", }, path: ["component", "sorting-header", "width"], }, { value: "0", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "0" }, name: "ComponentSortingHeaderPadding", attributes: { category: "component", type: "sorting-header", item: "padding", }, path: ["component", "sorting-header", "padding"], }, { value: "0.25rem", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{size.system.xs.value}" }, name: "ComponentSortingHeaderBorderRadius", attributes: { category: "component", type: "sorting-header", item: "borderRadius", }, path: ["component", "sorting-header", "borderRadius"], }, { value: "#e9e9eaff", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentSortingHeaderBackgroundColor", attributes: { category: "component", type: "sorting-header", item: "backgroundColor", }, path: ["component", "sorting-header", "backgroundColor"], }, { value: "#4b5356ff", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentSortingHeaderCellTypeColor", attributes: { category: "component", type: "sorting-header", item: "cell", subitem: "typeColor", }, path: ["component", "sorting-header", "cell", "typeColor"], }, { value: "#1f282cff", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentSortingHeaderCellActiveTypeColor", attributes: { category: "component", type: "sorting-header", item: "cell", subitem: "activeTypeColor", }, path: ["component", "sorting-header", "cell", "activeTypeColor"], }, { value: "0.75rem", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "ComponentSortingHeaderCellFontSize", attributes: { category: "component", type: "sorting-header", item: "cell", subitem: "fontSize", }, path: ["component", "sorting-header", "cell", "fontSize"], }, { value: 600, filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: 600 }, name: "ComponentSortingHeaderCellFontWeight", attributes: { category: "component", type: "sorting-header", item: "cell", subitem: "fontWeight", }, path: ["component", "sorting-header", "cell", "fontWeight"], }, { value: "1.25rem", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentSortingHeaderCellLineHeight", attributes: { category: "component", type: "sorting-header", item: "cell", subitem: "lineHeight", }, path: ["component", "sorting-header", "cell", "lineHeight"], }, { value: "0.5rem", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentSortingHeaderCellPadding", attributes: { category: "component", type: "sorting-header", item: "cell", subitem: "padding", }, path: ["component", "sorting-header", "cell", "padding"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentSortingHeaderCellActiveBackgroundColor", attributes: { category: "component", type: "sorting-header", item: "cell", subitem: "activeBackgroundColor", }, path: ["component", "sorting-header", "cell", "activeBackgroundColor"], }, { value: "#f3f4f4ff", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentSortingHeaderCellHoverBackgroundColor", attributes: { category: "component", type: "sorting-header", item: "cell", subitem: "hoverBackgroundColor", }, path: ["component", "sorting-header", "cell", "hoverBackgroundColor"], }, { value: 999, filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: 999 }, name: "ComponentSortingHeaderPinnedZIndex", attributes: { category: "component", type: "sorting-header", item: "pinned", subitem: "zIndex", }, path: ["component", "sorting-header", "pinned", "zIndex"], }, { value: 0, filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: 0 }, name: "ComponentSortingHeaderPinnedBorderRadius", attributes: { category: "component", type: "sorting-header", item: "pinned", subitem: "borderRadius", }, path: ["component", "sorting-header", "pinned", "borderRadius"], }, { value: "0.625rem", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{size.component.sorting-header.pinned.shadowHeight.value}", }, name: "ComponentSortingHeaderPinnedShadowHeight", attributes: { category: "component", type: "sorting-header", item: "pinned", subitem: "shadowHeight", }, path: ["component", "sorting-header", "pinned", "shadowHeight"], }, { value: "-0.0625rem", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{size.component.sorting-header.pinned.shadowLeftAdjustment.value}", }, name: "ComponentSortingHeaderPinnedShadowLeftAdjustment", attributes: { category: "component", type: "sorting-header", item: "pinned", subitem: "shadowLeftAdjustment", }, path: ["component", "sorting-header", "pinned", "shadowLeftAdjustment"], }, { value: "1rem", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentSortingHeaderAutoLayoutSpacerHeight", attributes: { category: "component", type: "sorting-header-auto-layout-spacer", item: "height", }, path: ["component", "sorting-header-auto-layout-spacer", "height"], }, { value: "#91467fff", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentSpinnerColorPrimary", attributes: { category: "component", type: "spinner", item: "color", subitem: "primary", }, path: ["component", "spinner", "color", "primary"], }, { value: "#f4ecf2ff", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{color.purple.light.value}" }, name: "ComponentSpinnerColorSecondary", attributes: { category: "component", type: "spinner", item: "color", subitem: "secondary", }, path: ["component", "spinner", "color", "secondary"], }, { value: "#ffffffff", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentSpinnerColorWhite", attributes: { category: "component", type: "spinner", item: "color", subitem: "white", }, path: ["component", "spinner", "color", "white"], }, { value: "#ffffffff", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentSpinnerLightColorPrimary", attributes: { category: "component", type: "spinner", item: "light", subitem: "color", state: "primary", }, path: ["component", "spinner", "light", "color", "primary"], }, { value: "#ffffffcc", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{color.white-80.value}" }, name: "ComponentSpinnerLightColorSecondary", attributes: { category: "component", type: "spinner", item: "light", subitem: "color", state: "secondary", }, path: ["component", "spinner", "light", "color", "secondary"], }, { value: "1.125rem", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{size.component.spinner.sm.dimension.value}" }, name: "ComponentSpinnerSmDimension", attributes: { category: "component", type: "spinner", item: "sm", subitem: "dimension", }, path: ["component", "spinner", "sm", "dimension"], }, { value: "0.125rem", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{size.component.spinner.sm.thickness.value}" }, name: "ComponentSpinnerSmThickness", attributes: { category: "component", type: "spinner", item: "sm", subitem: "thickness", }, path: ["component", "spinner", "sm", "thickness"], }, { value: "2.25rem", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{size.component.spinner.md.dimension.value}" }, name: "ComponentSpinnerMdDimension", attributes: { category: "component", type: "spinner", item: "md", subitem: "dimension", }, path: ["component", "spinner", "md", "dimension"], }, { value: "0.25rem", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{size.component.spinner.md.thickness.value}" }, name: "ComponentSpinnerMdThickness", attributes: { category: "component", type: "spinner", item: "md", subitem: "thickness", }, path: ["component", "spinner", "md", "thickness"], }, { value: "4.5rem", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{size.component.spinner.lg.dimension.value}" }, name: "ComponentSpinnerLgDimension", attributes: { category: "component", type: "spinner", item: "lg", subitem: "dimension", }, path: ["component", "spinner", "lg", "dimension"], }, { value: "0.5rem", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{size.component.spinner.lg.thickness.value}" }, name: "ComponentSpinnerLgThickness", attributes: { category: "component", type: "spinner", item: "lg", subitem: "thickness", }, path: ["component", "spinner", "lg", "thickness"], }, { value: "0.125rem", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{size.border.radius.xxs.value }" }, name: "ComponentSplitTagKeySectionBorderLeftRadius", attributes: { category: "component", type: "split-tag", item: "key-section", subitem: "border-left-radius", }, path: ["component", "split-tag", "key-section", "border-left-radius"], }, { value: "0", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{size.border.radius.none.value}" }, name: "ComponentSplitTagKeySectionBorderRightRadius", attributes: { category: "component", type: "split-tag", item: "key-section", subitem: "border-right-radius", }, path: ["component", "split-tag", "key-section", "border-right-radius"], }, { value: "0.25rem", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentSplitTagKeySectionTextMargin", attributes: { category: "component", type: "split-tag", item: "key-section", subitem: "text-margin", }, path: ["component", "split-tag", "key-section", "text-margin"], }, { value: "#ffffffff", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentSplitTagValueSectionBackground", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "background", }, path: ["component", "split-tag", "value-section", "background"], }, { value: "0", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{size.border.radius.none.value }" }, name: "ComponentSplitTagValueSectionBorderLeftRadius", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "border-left-radius", }, path: ["component", "split-tag", "value-section", "border-left-radius"], }, { value: "0.125rem", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentSplitTagValueSectionBorderRightRadius", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "border-right-radius", }, path: ["component", "split-tag", "value-section", "border-right-radius"], }, { value: "#e9e9eaff", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentSplitTagValueSectionBoxShadowColorDefault", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "box-shadow-color", state: "default", }, path: [ "component", "split-tag", "value-section", "box-shadow-color", "default", ], }, { value: "#4b5356ff", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentSplitTagValueSectionBoxShadowColorKey", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "box-shadow-color", state: "key", }, path: [ "component", "split-tag", "value-section", "box-shadow-color", "key", ], }, { value: "#e7760bff", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentSplitTagValueSectionBoxShadowColorWarning", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "box-shadow-color", state: "warning", }, path: [ "component", "split-tag", "value-section", "box-shadow-color", "warning", ], }, { value: "#de002eff", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentSplitTagValueSectionBoxShadowColorError", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "box-shadow-color", state: "error", }, path: [ "component", "split-tag", "value-section", "box-shadow-color", "error", ], }, { value: "#91467fff", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentSplitTagValueSectionBoxShadowColorPending", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "box-shadow-color", state: "pending", }, path: [ "component", "split-tag", "value-section", "box-shadow-color", "pending", ], }, { value: "#0b8940ff", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentSplitTagValueSectionBoxShadowColorSuccess", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "box-shadow-color", state: "success", }, path: [ "component", "split-tag", "value-section", "box-shadow-color", "success", ], }, { value: "#007db8ff", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentSplitTagValueSectionBoxShadowColorInfo", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "box-shadow-color", state: "info", }, path: [ "component", "split-tag", "value-section", "box-shadow-color", "info", ], }, { value: "0.0625rem", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentSplitTagValueSectionBoxShadowWidth", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "box-shadow-width", }, path: ["component", "split-tag", "value-section", "box-shadow-width"], }, { value: "0.125rem", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentSplitTagValueSectionPaddingVertical", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "padding-vertical", }, path: ["component", "split-tag", "value-section", "padding-vertical"], }, { value: "0.25rem", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentSplitTagValueSectionPaddingHorizontal", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "padding-horizontal", }, path: ["component", "split-tag", "value-section", "padding-horizontal"], }, { value: "#4b5356ff", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentSplitTagValueSectionLinkColor", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "link-color", }, path: ["component", "split-tag", "value-section", "link-color"], }, { value: "#91467fff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentSteppedProgressBarProgressColorPurpleColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "purple", state: "color", }, path: [ "component", "stepped-progress-bar", "progress-color", "purple", "color", ], }, { value: "#6e3c65ff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.purple.dark.value}" }, name: "ComponentSteppedProgressBarProgressColorPurpleHoverColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "purple", state: "hover-color", }, path: [ "component", "stepped-progress-bar", "progress-color", "purple", "hover-color", ], }, { value: "#007db8ff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentSteppedProgressBarProgressColorBlueColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "blue", state: "color", }, path: [ "component", "stepped-progress-bar", "progress-color", "blue", "color", ], }, { value: "#09638dff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentSteppedProgressBarProgressColorBlueHoverColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "blue", state: "hover-color", }, path: [ "component", "stepped-progress-bar", "progress-color", "blue", "hover-color", ], }, { value: "#de002eff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentSteppedProgressBarProgressColorRedColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "red", state: "color", }, path: [ "component", "stepped-progress-bar", "progress-color", "red", "color", ], }, { value: "#a30d2dff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.red.dark.value}" }, name: "ComponentSteppedProgressBarProgressColorRedHoverColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "red", state: "hover-color", }, path: [ "component", "stepped-progress-bar", "progress-color", "red", "hover-color", ], }, { value: "#e7760bff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentSteppedProgressBarProgressColorOrangeColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "orange", state: "color", }, path: [ "component", "stepped-progress-bar", "progress-color", "orange", "color", ], }, { value: "#aa5e14ff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.orange.dark.value}" }, name: "ComponentSteppedProgressBarProgressColorOrangeHoverColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "orange", state: "hover-color", }, path: [ "component", "stepped-progress-bar", "progress-color", "orange", "hover-color", ], }, { value: "#717779ff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentSteppedProgressBarProgressColorGreyColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "grey", state: "color", }, path: [ "component", "stepped-progress-bar", "progress-color", "grey", "color", ], }, { value: "#1f282cff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentSteppedProgressBarProgressColorGreyHoverColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "grey", state: "hover-color", }, path: [ "component", "stepped-progress-bar", "progress-color", "grey", "hover-color", ], }, { value: "#0b8940ff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentSteppedProgressBarCompletedColor", attributes: { category: "component", type: "stepped-progress-bar", item: "completed-color", }, path: ["component", "stepped-progress-bar", "completed-color"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentSteppedProgressBarDisabledColor", attributes: { category: "component", type: "stepped-progress-bar", item: "disabled-color", }, path: ["component", "stepped-progress-bar", "disabled-color"], }, { value: 600, filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentSteppedProgressBarPercentageFontWeight", attributes: { category: "component", type: "stepped-progress-bar", item: "percentage", subitem: "font-weight", }, path: ["component", "stepped-progress-bar", "percentage", "font-weight"], }, { value: "1rem", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentSteppedProgressBarStepHeight", attributes: { category: "component", type: "stepped-progress-bar", item: "step", subitem: "height", }, path: ["component", "stepped-progress-bar", "step", "height"], }, { value: "0.125rem", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentSteppedProgressBarStepMarginLeft", attributes: { category: "component", type: "stepped-progress-bar", item: "step", subitem: "margin-left", }, path: ["component", "stepped-progress-bar", "step", "margin-left"], }, { value: "0.125rem", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentSteppedProgressBarStepBorderRadius", attributes: { category: "component", type: "stepped-progress-bar", item: "step", subitem: "border-radius", }, path: ["component", "stepped-progress-bar", "step", "border-radius"], }, { value: "#e9e9eaff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentSteppedProgressBarStepBackground", attributes: { category: "component", type: "stepped-progress-bar", item: "step", subitem: "background", }, path: ["component", "stepped-progress-bar", "step", "background"], }, { value: "#e9e9eaff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentSteppedProgressBarStepDisabledColor", attributes: { category: "component", type: "stepped-progress-bar", item: "step", subitem: "disabled-color", }, path: ["component", "stepped-progress-bar", "step", "disabled-color"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentSteppedProgressBarStepCompletedDisabledColor", attributes: { category: "component", type: "stepped-progress-bar", item: "step", subitem: "completed-disabled-color", }, path: [ "component", "stepped-progress-bar", "step", "completed-disabled-color", ], }, { value: "0.5rem", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{size.component.progress-bar.border-radius.value}" }, name: "ComponentSteppedProgressBarStepBorderRadiusEndCap", attributes: { category: "component", type: "stepped-progress-bar", item: "step", subitem: "border-radius-end-cap", }, path: [ "component", "stepped-progress-bar", "step", "border-radius-end-cap", ], }, { value: "#ffffffff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentSteppedProgressBarIconCompletedColor", attributes: { category: "component", type: "stepped-progress-bar", item: "icon", subitem: "completed-color", }, path: ["component", "stepped-progress-bar", "icon", "completed-color"], }, { value: "#717779ff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentSteppedProgressBarIconColor", attributes: { category: "component", type: "stepped-progress-bar", item: "icon", subitem: "color", }, path: ["component", "stepped-progress-bar", "icon", "color"], }, { value: "#e9e9eaff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentTabsContainerBackgroundColor", attributes: { category: "component", type: "tabs", item: "container", subitem: "background-color", }, path: ["component", "tabs", "container", "background-color"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentTabsContainerBorderColor", attributes: { category: "component", type: "tabs", item: "container", subitem: "border", state: "color", }, path: ["component", "tabs", "container", "border", "color"], }, { value: "0.0625rem", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentTabsContainerBorderWidth", attributes: { category: "component", type: "tabs", item: "container", subitem: "border", state: "width", }, path: ["component", "tabs", "container", "border", "width"], }, { value: "solid", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentTabsContainerBorderStyle", attributes: { category: "component", type: "tabs", item: "container", subitem: "border", state: "style", }, path: ["component", "tabs", "container", "border", "style"], }, { value: "0.25rem", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentTabsContainerBorderRadius", attributes: { category: "component", type: "tabs", item: "container", subitem: "border", state: "radius", }, path: ["component", "tabs", "container", "border", "radius"], }, { value: "1rem", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentTabsContainerPadding", attributes: { category: "component", type: "tabs", item: "container", subitem: "padding", }, path: ["component", "tabs", "container", "padding"], }, { value: "1rem", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentTabsNavigationMarginBottom", attributes: { category: "component", type: "tabs", item: "navigation", subitem: "margin-bottom", }, path: ["component", "tabs", "navigation", "margin-bottom"], }, { value: "solid", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentTabBorderStyle", attributes: { category: "component", type: "tab", item: "border", subitem: "style", }, path: ["component", "tab", "border", "style"], }, { value: "0.0625rem", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentTabBorderWidth", attributes: { category: "component", type: "tab", item: "border", subitem: "width", }, path: ["component", "tab", "border", "width"], }, { value: "0.25rem", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentTabBorderRadius", attributes: { category: "component", type: "tab", item: "border", subitem: "radius", }, path: ["component", "tab", "border", "radius"], }, { value: "0.875rem ", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.type.component-sm.line.value} " }, name: "ComponentTabTypeLineHeight", attributes: { category: "component", type: "tab", item: "type", subitem: "line-height", }, path: ["component", "tab", "type", "line-height"], }, { value: "0.75rem", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.type.component-sm.font.value}" }, name: "ComponentTabTypeSize", attributes: { category: "component", type: "tab", item: "type", subitem: "size", }, path: ["component", "tab", "type", "size"], }, { value: 600, filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentTabTypeWeight", attributes: { category: "component", type: "tab", item: "type", subitem: "weight", }, path: ["component", "tab", "type", "weight"], }, { value: "1rem", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentTabPaddingX", attributes: { category: "component", type: "tab", item: "padding", subitem: "x", }, path: ["component", "tab", "padding", "x"], }, { value: "0.5rem", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentTabPaddingY", attributes: { category: "component", type: "tab", item: "padding", subitem: "y", }, path: ["component", "tab", "padding", "y"], }, { value: "#00000000", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.transparent.value}" }, name: "ComponentTabContainerBorderColor", attributes: { category: "component", type: "tab", item: "container", subitem: "border-color", }, path: ["component", "tab", "container", "border-color"], }, { value: "#717779ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentTabContainerColor", attributes: { category: "component", type: "tab", item: "container", subitem: "color", }, path: ["component", "tab", "container", "color"], }, { value: "#ffffffff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentTabContainerActiveBackgroundColor", attributes: { category: "component", type: "tab", item: "container", subitem: "active", state: "background-color", }, path: ["component", "tab", "container", "active", "background-color"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentTabContainerActiveBorderColor", attributes: { category: "component", type: "tab", item: "container", subitem: "active", state: "border-color", }, path: ["component", "tab", "container", "active", "border-color"], }, { value: "#1f282cff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentTabContainerActiveColor", attributes: { category: "component", type: "tab", item: "container", subitem: "active", state: "color", }, path: ["component", "tab", "container", "active", "color"], }, { value: "#f3f4f4ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentTabContainerHoverBackgroundColor", attributes: { category: "component", type: "tab", item: "container", subitem: "hover", state: "background-color", }, path: ["component", "tab", "container", "hover", "background-color"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentTabContainerHoverBorderColor", attributes: { category: "component", type: "tab", item: "container", subitem: "hover", state: "border-color", }, path: ["component", "tab", "container", "hover", "border-color"], }, { value: "#ffffffff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentTabNavigationBackgroundColor", attributes: { category: "component", type: "tab", item: "navigation", subitem: "background-color", }, path: ["component", "tab", "navigation", "background-color"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentTabNavigationBorderColor", attributes: { category: "component", type: "tab", item: "navigation", subitem: "border-color", }, path: ["component", "tab", "navigation", "border-color"], }, { value: "#4b5356ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentTabNavigationColor", attributes: { category: "component", type: "tab", item: "navigation", subitem: "color", }, path: ["component", "tab", "navigation", "color"], }, { value: "#007db8ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.blue.medium}" }, name: "ComponentTabNavigationActiveBackgroundColor", attributes: { category: "component", type: "tab", item: "navigation", subitem: "active", state: "background-color", }, path: ["component", "tab", "navigation", "active", "background-color"], }, { value: "#007db8ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.blue.medium}" }, name: "ComponentTabNavigationActiveBorderColor", attributes: { category: "component", type: "tab", item: "navigation", subitem: "active", state: "border-color", }, path: ["component", "tab", "navigation", "active", "border-color"], }, { value: "#ffffffff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentTabNavigationActiveColor", attributes: { category: "component", type: "tab", item: "navigation", subitem: "active", state: "color", }, path: ["component", "tab", "navigation", "active", "color"], }, { value: "#f3f4f4ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentTabNavigationHoverBackgroundColor", attributes: { category: "component", type: "tab", item: "navigation", subitem: "hover", state: "background-color", }, path: ["component", "tab", "navigation", "hover", "background-color"], }, { value: "#717779ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentTabNavigationDisabledColor", attributes: { category: "component", type: "tab", item: "navigation", subitem: "disabled", state: "color", }, path: ["component", "tab", "navigation", "disabled", "color"], }, { value: "0.125rem", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentTagDefaultBorderRadius", attributes: { category: "component", type: "tag", item: "default", subitem: "border-radius", }, path: ["component", "tag", "default", "border-radius"], }, { value: "0.75rem", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{size.type.component-sm.font.value}" }, name: "ComponentTagDefaultFontSize", attributes: { category: "component", type: "tag", item: "default", subitem: "font-size", }, path: ["component", "tag", "default", "font-size"], }, { value: 600, filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentTagDefaultFontWeight", attributes: { category: "component", type: "tag", item: "default", subitem: "font-weight", }, path: ["component", "tag", "default", "font-weight"], }, { value: "0.75rem", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{size.component.tag.line-height.value}" }, name: "ComponentTagDefaultLineHeight", attributes: { category: "component", type: "tag", item: "default", subitem: "line-height", }, path: ["component", "tag", "default", "line-height"], }, { value: "0.125rem", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentTagDefaultPaddingVertical", attributes: { category: "component", type: "tag", item: "default", subitem: "padding-vertical", }, path: ["component", "tag", "default", "padding-vertical"], }, { value: "0.25rem", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentTagDefaultPaddingHorizontal", attributes: { category: "component", type: "tag", item: "default", subitem: "padding-horizontal", }, path: ["component", "tag", "default", "padding-horizontal"], }, { value: "#e9e9eaff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentTagDefaultBackground", attributes: { category: "component", type: "tag", item: "default", subitem: "background", }, path: ["component", "tag", "default", "background"], }, { value: "#4b5356ff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentTagDefaultTextColor", attributes: { category: "component", type: "tag", item: "default", subitem: "text-color", }, path: ["component", "tag", "default", "text-color"], }, { value: "0.75rem", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{size.type.component-sm.font.value}" }, name: "ComponentTagDefaultIconFontSize", attributes: { category: "component", type: "tag", item: "default", subitem: "icon", state: "font-size", }, path: ["component", "tag", "default", "icon", "font-size"], }, { value: "0.625rem", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{size.component.tag.icon-line-height.value}" }, name: "ComponentTagDefaultIconLineHeight", attributes: { category: "component", type: "tag", item: "default", subitem: "icon", state: "line-height", }, path: ["component", "tag", "default", "icon", "line-height"], }, { value: "0.25rem", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentTagDefaultIconMarginRight", attributes: { category: "component", type: "tag", item: "default", subitem: "icon", state: "margin-right", }, path: ["component", "tag", "default", "icon", "margin-right"], }, { value: "#4b5356ff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentTagKeyBackground", attributes: { category: "component", type: "tag", item: "key", subitem: "background", }, path: ["component", "tag", "key", "background"], }, { value: "#ffffffff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.white}" }, name: "ComponentTagKeyTextColor", attributes: { category: "component", type: "tag", item: "key", subitem: "text-color", }, path: ["component", "tag", "key", "text-color"], }, { value: "#e7760bff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentTagWarningBackground", attributes: { category: "component", type: "tag", item: "warning", subitem: "background", }, path: ["component", "tag", "warning", "background"], }, { value: "#ffffffff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.white}" }, name: "ComponentTagWarningTextColor", attributes: { category: "component", type: "tag", item: "warning", subitem: "text-color", }, path: ["component", "tag", "warning", "text-color"], }, { value: "#de002eff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentTagErrorBackground", attributes: { category: "component", type: "tag", item: "error", subitem: "background", }, path: ["component", "tag", "error", "background"], }, { value: "#ffffffff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.white}" }, name: "ComponentTagErrorTextColor", attributes: { category: "component", type: "tag", item: "error", subitem: "text-color", }, path: ["component", "tag", "error", "text-color"], }, { value: "#91467fff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentTagPendingBackground", attributes: { category: "component", type: "tag", item: "pending", subitem: "background", }, path: ["component", "tag", "pending", "background"], }, { value: "#ffffffff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.white}" }, name: "ComponentTagPendingTextColor", attributes: { category: "component", type: "tag", item: "pending", subitem: "text-color", }, path: ["component", "tag", "pending", "text-color"], }, { value: "#0b8940ff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentTagSuccessBackground", attributes: { category: "component", type: "tag", item: "success", subitem: "background", }, path: ["component", "tag", "success", "background"], }, { value: "#ffffffff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.white}" }, name: "ComponentTagSuccessTextColor", attributes: { category: "component", type: "tag", item: "success", subitem: "text-color", }, path: ["component", "tag", "success", "text-color"], }, { value: "#007db8ff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentTagInfoBackground", attributes: { category: "component", type: "tag", item: "info", subitem: "background", }, path: ["component", "tag", "info", "background"], }, { value: "#ffffffff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.white}" }, name: "ComponentTagInfoTextColor", attributes: { category: "component", type: "tag", item: "info", subitem: "text-color", }, path: ["component", "tag", "info", "text-color"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/vertical-rule.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentVerticalRuleBackgroundColor", attributes: { category: "component", type: "vertical-rule", item: "background-color", }, path: ["component", "vertical-rule", "background-color"], }, { value: "0.25rem", filePath: "src/tokens/component/vertical-rule.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentVerticalRuleMarginX", attributes: { category: "component", type: "vertical-rule", item: "margin-x", }, path: ["component", "vertical-rule", "margin-x"], }, { value: "0.0625rem", filePath: "src/tokens/component/vertical-rule.json", isSource: true, original: { value: "{size.component.vertical-rule.thickness.value}" }, name: "ComponentVerticalRuleThickness", attributes: { category: "component", type: "vertical-rule", item: "thickness", }, path: ["component", "vertical-rule", "thickness"], }, { value: "1rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentZeroStateWrapperPadding", attributes: { category: "component", type: "zero-state", item: "wrapper-padding", }, path: ["component", "zero-state", "wrapper-padding"], }, { value: "2rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.spacing.lg.value}" }, name: "ComponentZeroStatePaddingVertical", attributes: { category: "component", type: "zero-state", item: "padding-vertical", }, path: ["component", "zero-state", "padding-vertical"], }, { value: "6.25rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.component.zero-state.image-height.value}" }, name: "ComponentZeroStateImageHeight", attributes: { category: "component", type: "zero-state", item: "image", subitem: "height", }, path: ["component", "zero-state", "image", "height"], }, { value: "12.5rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.component.zero-state.image-width.value}" }, name: "ComponentZeroStateImageWidth", attributes: { category: "component", type: "zero-state", item: "image", subitem: "width", }, path: ["component", "zero-state", "image", "width"], }, { value: "1rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentZeroStateImageMarginBottom", attributes: { category: "component", type: "zero-state", item: "image", subitem: "margin-bottom", }, path: ["component", "zero-state", "image", "margin-bottom"], }, { value: "#1f282cff", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentZeroStateHeadingColor", attributes: { category: "component", type: "zero-state", item: "heading", subitem: "color", }, path: ["component", "zero-state", "heading", "color"], }, { value: "1.5rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.type.title-xl.font.value}" }, name: "ComponentZeroStateHeadingFontSize", attributes: { category: "component", type: "zero-state", item: "heading", subitem: "font-size", }, path: ["component", "zero-state", "heading", "font-size"], }, { value: "1.5rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.type.title-xl.line.value}" }, name: "ComponentZeroStateHeadingLineHeight", attributes: { category: "component", type: "zero-state", item: "heading", subitem: "line-height", }, path: ["component", "zero-state", "heading", "line-height"], }, { value: "#4b5356ff", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentZeroStateHeadingMicroColor", attributes: { category: "component", type: "zero-state", item: "heading", subitem: "micro-color", }, path: ["component", "zero-state", "heading", "micro-color"], }, { value: "1rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.type.title-sm.font.value}" }, name: "ComponentZeroStateHeadingMicroFontSize", attributes: { category: "component", type: "zero-state", item: "heading", subitem: "micro-font-size", }, path: ["component", "zero-state", "heading", "micro-font-size"], }, { value: 600, filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentZeroStateHeadingMicroFontWeight", attributes: { category: "component", type: "zero-state", item: "heading", subitem: "micro-font-weight", }, path: ["component", "zero-state", "heading", "micro-font-weight"], }, { value: "1.25rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.type.title-lg.line.value}" }, name: "ComponentZeroStateHeadingMicroLineHeight", attributes: { category: "component", type: "zero-state", item: "heading", subitem: "micro-line-height", }, path: ["component", "zero-state", "heading", "micro-line-height"], }, { value: "#4b5356ff", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentZeroStateSubHeadingColor", attributes: { category: "component", type: "zero-state", item: "sub-heading", subitem: "color", }, path: ["component", "zero-state", "sub-heading", "color"], }, { value: "0.875rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentZeroStateSubHeadingFontSize", attributes: { category: "component", type: "zero-state", item: "sub-heading", subitem: "font-size", }, path: ["component", "zero-state", "sub-heading", "font-size"], }, { value: "1.25rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.type.title-lg.line.value}" }, name: "ComponentZeroStateSubHeadingLineHeight", attributes: { category: "component", type: "zero-state", item: "sub-heading", subitem: "line-height", }, path: ["component", "zero-state", "sub-heading", "line-height"], }, { value: "0.25rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentZeroStateSubHeadingMarginTop", attributes: { category: "component", type: "zero-state", item: "sub-heading", subitem: "margin-top", }, path: ["component", "zero-state", "sub-heading", "margin-top"], }, { value: "1rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentZeroStateContentMarignTop", attributes: { category: "component", type: "zero-state", item: "content", subitem: "marign-top", }, path: ["component", "zero-state", "content", "marign-top"], }, { value: "#717779ff", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentZeroStateIconColor", attributes: { category: "component", type: "zero-state", item: "icon", subitem: "color", }, path: ["component", "zero-state", "icon", "color"], }, { value: "3rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.component.zero-state.icon-font-size.value}" }, name: "ComponentZeroStateIconFontSize", attributes: { category: "component", type: "zero-state", item: "icon", subitem: "font-size", }, path: ["component", "zero-state", "icon", "font-size"], }, { value: "3rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.component.zero-state.icon-line-height.value}" }, name: "ComponentZeroStateIconLineHeight", attributes: { category: "component", type: "zero-state", item: "icon", subitem: "line-height", }, path: ["component", "zero-state", "icon", "line-height"], }, { value: "0.25rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentZeroStateIconPaddingBottom", attributes: { category: "component", type: "zero-state", item: "icon", subitem: "padding-bottom", }, path: ["component", "zero-state", "icon", "padding-bottom"], }, { value: 12, filePath: "src/tokens/grid/grid.json", isSource: true, original: { value: 12 }, name: "GridColumnsStandard", attributes: { category: "grid", type: "columns", item: "standard", cssValue: "1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr", }, path: ["grid", "columns", "standard"], }, { value: "1280px", filePath: "src/tokens/grid/grid.json", isSource: true, original: { value: "1280px" }, name: "GridContentWidth", attributes: { category: "grid", type: "content-width" }, path: ["grid", "content-width"], }, { value: "\\e9bd", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9bd" }, name: "IconAiCharacter", attributes: { category: "icon", type: "ai", item: "character" }, path: ["icon", "ai", "character"], }, { value: "", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "" }, name: "IconAiColorCharacter", attributes: { category: "icon", type: "ai-color", item: "character" }, path: ["icon", "ai-color", "character"], }, { value: "", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "" }, name: "IconAiGenericCharacter", attributes: { category: "icon", type: "ai-generic", item: "character" }, path: ["icon", "ai-generic", "character"], }, { value: "\\e900", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e900" }, name: "IconAngleLeftCharacter", attributes: { category: "icon", type: "angle-left", item: "character" }, path: ["icon", "angle-left", "character"], }, { value: "\\e901", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e901" }, name: "IconAngleRightCharacter", attributes: { category: "icon", type: "angle-right", item: "character" }, path: ["icon", "angle-right", "character"], }, { value: "\\e902", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e902" }, name: "IconArchiveCharacter", attributes: { category: "icon", type: "archive", item: "character" }, path: ["icon", "archive", "character"], }, { value: "\\e903", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e903" }, name: "IconArrowDownCharacter", attributes: { category: "icon", type: "arrow-down", item: "character" }, path: ["icon", "arrow-down", "character"], }, { value: "\\e904", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e904" }, name: "IconArrowLeftCircleCharacter", attributes: { category: "icon", type: "arrow-left-circle", item: "character", }, path: ["icon", "arrow-left-circle", "character"], }, { value: "\\e905", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e905" }, name: "IconArrowLeftCharacter", attributes: { category: "icon", type: "arrow-left", item: "character" }, path: ["icon", "arrow-left", "character"], }, { value: "\\e906", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e906" }, name: "IconArrowRightCharacter", attributes: { category: "icon", type: "arrow-right", item: "character" }, path: ["icon", "arrow-right", "character"], }, { value: "\\e907", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e907" }, name: "IconArrowUpCharacter", attributes: { category: "icon", type: "arrow-up", item: "character" }, path: ["icon", "arrow-up", "character"], }, { value: "\\e908", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e908" }, name: "IconAsteriskCharacter", attributes: { category: "icon", type: "asterisk", item: "character" }, path: ["icon", "asterisk", "character"], }, { value: "\\e909", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e909" }, name: "IconBanCharacter", attributes: { category: "icon", type: "ban", item: "character" }, path: ["icon", "ban", "character"], }, { value: "\\e90a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e90a" }, name: "IconBarcodeCharacter", attributes: { category: "icon", type: "barcode", item: "character" }, path: ["icon", "barcode", "character"], }, { value: "\\e90b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e90b" }, name: "IconBellCharacter", attributes: { category: "icon", type: "bell", item: "character" }, path: ["icon", "bell", "character"], }, { value: "\\e9a5", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a5" }, name: "IconBoldCharacter", attributes: { category: "icon", type: "bold", item: "character" }, path: ["icon", "bold", "character"], }, { value: "\\e90c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e90c" }, name: "IconBoltCharacter", attributes: { category: "icon", type: "bolt", item: "character" }, path: ["icon", "bolt", "character"], }, { value: "\\e90d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e90d" }, name: "IconBookCharacter", attributes: { category: "icon", type: "book", item: "character" }, path: ["icon", "book", "character"], }, { value: "", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "" }, name: "IconBookmarkCharacter", attributes: { category: "icon", type: "bookmark", item: "character" }, path: ["icon", "bookmark", "character"], }, { value: "", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "" }, name: "IconBookmarkOutlineCharacter", attributes: { category: "icon", type: "bookmark-outline", item: "character", }, path: ["icon", "bookmark-outline", "character"], }, { value: "\\e90e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e90e" }, name: "IconBuildingCharacter", attributes: { category: "icon", type: "building", item: "character" }, path: ["icon", "building", "character"], }, { value: "\\e90f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e90f" }, name: "IconBurstBoltCharacter", attributes: { category: "icon", type: "burst-bolt", item: "character" }, path: ["icon", "burst-bolt", "character"], }, { value: "\\e910", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e910" }, name: "IconBurstCharacter", attributes: { category: "icon", type: "burst", item: "character" }, path: ["icon", "burst", "character"], }, { value: "\\e911", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e911" }, name: "IconCalendarBlankCharacter", attributes: { category: "icon", type: "calendar-blank", item: "character", }, path: ["icon", "calendar-blank", "character"], }, { value: "\\e912", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e912" }, name: "IconCalendarCharacter", attributes: { category: "icon", type: "calendar", item: "character" }, path: ["icon", "calendar", "character"], }, { value: "\\e913", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e913" }, name: "IconCameraCharacter", attributes: { category: "icon", type: "camera", item: "character" }, path: ["icon", "camera", "character"], }, { value: "\\e914", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e914" }, name: "IconChartAreaCharacter", attributes: { category: "icon", type: "chart-area", item: "character" }, path: ["icon", "chart-area", "character"], }, { value: "\\e915", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e915" }, name: "IconChartBarCharacter", attributes: { category: "icon", type: "chart-bar", item: "character" }, path: ["icon", "chart-bar", "character"], }, { value: "\\e916", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e916" }, name: "IconChartLineCharacter", attributes: { category: "icon", type: "chart-line", item: "character" }, path: ["icon", "chart-line", "character"], }, { value: "\\e917", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e917" }, name: "IconChartPieCharacter", attributes: { category: "icon", type: "chart-pie", item: "character" }, path: ["icon", "chart-pie", "character"], }, { value: "\\e918", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e918" }, name: "IconCheckmarkCharacter", attributes: { category: "icon", type: "checkmark", item: "character" }, path: ["icon", "checkmark", "character"], }, { value: "\\e919", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e919" }, name: "IconChevronDownCharacter", attributes: { category: "icon", type: "chevron-down", item: "character" }, path: ["icon", "chevron-down", "character"], }, { value: "\\e91a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e91a" }, name: "IconChevronLeftCharacter", attributes: { category: "icon", type: "chevron-left", item: "character" }, path: ["icon", "chevron-left", "character"], }, { value: "\\e91b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e91b" }, name: "IconChevronRightCharacter", attributes: { category: "icon", type: "chevron-right", item: "character", }, path: ["icon", "chevron-right", "character"], }, { value: "\\e91c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e91c" }, name: "IconChevronUpCharacter", attributes: { category: "icon", type: "chevron-up", item: "character" }, path: ["icon", "chevron-up", "character"], }, { value: "\\e91d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e91d" }, name: "IconCircleOutlineCharacter", attributes: { category: "icon", type: "circle-outline", item: "character", }, path: ["icon", "circle-outline", "character"], }, { value: "\\e9af", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9af" }, name: "IconClearFormattingCharacter", attributes: { category: "icon", type: "clear-formatting", item: "character", }, path: ["icon", "clear-formatting", "character"], }, { value: "\\e91e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e91e" }, name: "IconClockCharacter", attributes: { category: "icon", type: "clock", item: "character" }, path: ["icon", "clock", "character"], }, { value: "\\e91f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e91f" }, name: "IconCodeForkCharacter", attributes: { category: "icon", type: "code-fork", item: "character" }, path: ["icon", "code-fork", "character"], }, { value: "\\e9ae", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9ae" }, name: "IconCommentBubbleExclamationCharacter", attributes: { category: "icon", type: "comment-bubble-exclamation", item: "character", }, path: ["icon", "comment-bubble-exclamation", "character"], }, { value: "\\e920", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e920" }, name: "IconCommentBubbleQuestionCharacter", attributes: { category: "icon", type: "comment-bubble-question", item: "character", }, path: ["icon", "comment-bubble-question", "character"], }, { value: "\\e921", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e921" }, name: "IconCommentBubbleCharacter", attributes: { category: "icon", type: "comment-bubble", item: "character", }, path: ["icon", "comment-bubble", "character"], }, { value: "\\e9b0", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b0" }, name: "IconCompleteFileCharacter", attributes: { category: "icon", type: "complete-file", item: "character", }, path: ["icon", "complete-file", "character"], }, { value: "\\e922", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e922" }, name: "IconConversationCharacter", attributes: { category: "icon", type: "conversation", item: "character" }, path: ["icon", "conversation", "character"], }, { value: "\\e923", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e923" }, name: "IconColumnSwitcherCharacter", attributes: { category: "icon", type: "column-switcher", item: "character", }, path: ["icon", "column-switcher", "character"], }, { value: "\\e924", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e924" }, name: "IconCreditCardCharacter", attributes: { category: "icon", type: "credit-card", item: "character" }, path: ["icon", "credit-card", "character"], }, { value: "\\e925", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e925" }, name: "IconDashboardCharacter", attributes: { category: "icon", type: "dashboard", item: "character" }, path: ["icon", "dashboard", "character"], }, { value: "\\e926", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e926" }, name: "IconDatabaseCharacter", attributes: { category: "icon", type: "database", item: "character" }, path: ["icon", "database", "character"], }, { value: "\\e927", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e927" }, name: "IconDiskCharacter", attributes: { category: "icon", type: "disk", item: "character" }, path: ["icon", "disk", "character"], }, { value: "\\e928", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e928" }, name: "IconDollarSignCharacter", attributes: { category: "icon", type: "dollar-sign", item: "character" }, path: ["icon", "dollar-sign", "character"], }, { value: "\\e929", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e929" }, name: "IconDoubleAngleLeftCharacter", attributes: { category: "icon", type: "double-angle-left", item: "character", }, path: ["icon", "double-angle-left", "character"], }, { value: "\\e92a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e92a" }, name: "IconDoubleAngleRightCharacter", attributes: { category: "icon", type: "double-angle-right", item: "character", }, path: ["icon", "double-angle-right", "character"], }, { value: "\\e92b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e92b" }, name: "IconDownloadCloudCharacter", attributes: { category: "icon", type: "download-cloud", item: "character", }, path: ["icon", "download-cloud", "character"], }, { value: "\\e92c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e92c" }, name: "IconDrillCharacter", attributes: { category: "icon", type: "drill", item: "character" }, path: ["icon", "drill", "character"], }, { value: "\\e92d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e92d" }, name: "IconDuplicateCharacter", attributes: { category: "icon", type: "duplicate", item: "character" }, path: ["icon", "duplicate", "character"], }, { value: "\\e92e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e92e" }, name: "IconEllipsesCharacter", attributes: { category: "icon", type: "ellipses", item: "character" }, path: ["icon", "ellipses", "character"], }, { value: "\\e92f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e92f" }, name: "IconEnvelopeCharacter", attributes: { category: "icon", type: "envelope", item: "character" }, path: ["icon", "envelope", "character"], }, { value: "\\e930", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e930" }, name: "IconExchangeCharacter", attributes: { category: "icon", type: "exchange", item: "character" }, path: ["icon", "exchange", "character"], }, { value: "\\e931", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e931" }, name: "IconExpandCollapseCharacter", attributes: { category: "icon", type: "expand-collapse", item: "character", }, path: ["icon", "expand-collapse", "character"], }, { value: "\\e932", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e932" }, name: "IconEyeCharacter", attributes: { category: "icon", type: "eye", item: "character" }, path: ["icon", "eye", "character"], }, { value: "\\e933", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e933" }, name: "IconFileDuplicateCharacter", attributes: { category: "icon", type: "file-duplicate", item: "character", }, path: ["icon", "file-duplicate", "character"], }, { value: "\\e934", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e934" }, name: "IconFilePdfCharacter", attributes: { category: "icon", type: "file-pdf", item: "character" }, path: ["icon", "file-pdf", "character"], }, { value: "\\e935", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e935" }, name: "IconFilePresentationCharacter", attributes: { category: "icon", type: "file-presentation", item: "character", }, path: ["icon", "file-presentation", "character"], }, { value: "\\e936", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e936" }, name: "IconFileSizeCharacter", attributes: { category: "icon", type: "file-size", item: "character" }, path: ["icon", "file-size", "character"], }, { value: "\\e937", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e937" }, name: "IconFileSolidTextCharacter", attributes: { category: "icon", type: "file-solid-text", item: "character", }, path: ["icon", "file-solid-text", "character"], }, { value: "\\e938", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e938" }, name: "IconFileSolidCharacter", attributes: { category: "icon", type: "file-solid", item: "character" }, path: ["icon", "file-solid", "character"], }, { value: "\\e939", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e939" }, name: "IconFileSpreadsheetCharacter", attributes: { category: "icon", type: "file-spreadsheet", item: "character", }, path: ["icon", "file-spreadsheet", "character"], }, { value: "\\e93a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e93a" }, name: "IconFileTextCharacter", attributes: { category: "icon", type: "file-text", item: "character" }, path: ["icon", "file-text", "character"], }, { value: "\\e93b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e93b" }, name: "IconFileCharacter", attributes: { category: "icon", type: "file", item: "character" }, path: ["icon", "file", "character"], }, { value: "\\e93c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e93c" }, name: "IconFilterCharacter", attributes: { category: "icon", type: "filter", item: "character" }, path: ["icon", "filter", "character"], }, { value: "\\e93d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e93d" }, name: "IconFlagCharacter", attributes: { category: "icon", type: "flag", item: "character" }, path: ["icon", "flag", "character"], }, { value: "\\e9bb", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9bb" }, name: "IconFlagOutlineCharacter", attributes: { category: "icon", type: "flag-outline", item: "character" }, path: ["icon", "flag-outline", "character"], }, { value: "\\e93e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e93e" }, name: "IconFolderOpenCharacter", attributes: { category: "icon", type: "folder-open", item: "character" }, path: ["icon", "folder-open", "character"], }, { value: "\\e93f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e93f" }, name: "IconFolderSolidOpenCharacter", attributes: { category: "icon", type: "folder-solid-open", item: "character", }, path: ["icon", "folder-solid-open", "character"], }, { value: "\\e940", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e940" }, name: "IconFolderSolidCharacter", attributes: { category: "icon", type: "folder-solid", item: "character" }, path: ["icon", "folder-solid", "character"], }, { value: "\\e941", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e941" }, name: "IconFolderCharacter", attributes: { category: "icon", type: "folder", item: "character" }, path: ["icon", "folder", "character"], }, { value: "\\e942", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e942" }, name: "IconGearCharacter", attributes: { category: "icon", type: "gear", item: "character" }, path: ["icon", "gear", "character"], }, { value: "\\e943", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e943" }, name: "IconGlobeCharacter", attributes: { category: "icon", type: "globe", item: "character" }, path: ["icon", "globe", "character"], }, { value: "\\e944", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e944" }, name: "IconGridCharacter", attributes: { category: "icon", type: "grid", item: "character" }, path: ["icon", "grid", "character"], }, { value: "\\e945", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e945" }, name: "IconGroupCharacter", attributes: { category: "icon", type: "group", item: "character" }, path: ["icon", "group", "character"], }, { value: "\\e946", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e946" }, name: "IconHandStopCharacter", attributes: { category: "icon", type: "hand-stop", item: "character" }, path: ["icon", "hand-stop", "character"], }, { value: "\\e947", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e947" }, name: "IconHandshakeCharacter", attributes: { category: "icon", type: "handshake", item: "character" }, path: ["icon", "handshake", "character"], }, { value: "\\e948", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e948" }, name: "IconHatCharacter", attributes: { category: "icon", type: "hat", item: "character" }, path: ["icon", "hat", "character"], }, { value: "\\e949", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e949" }, name: "IconHeartCharacter", attributes: { category: "icon", type: "heart", item: "character" }, path: ["icon", "heart", "character"], }, { value: "\\e9b9", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b9" }, name: "IconHeartOutlineCharacter", attributes: { category: "icon", type: "heart-outline", item: "character", }, path: ["icon", "heart-outline", "character"], }, { value: "\\e94a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e94a" }, name: "IconHistoryCharacter", attributes: { category: "icon", type: "history", item: "character" }, path: ["icon", "history", "character"], }, { value: "", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "" }, name: "IconHomeCharacter", attributes: { category: "icon", type: "home", item: "character" }, path: ["icon", "home", "character"], }, { value: "\\e9be", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9be" }, name: "IconIMadeThisCharacter", attributes: { category: "icon", type: "i-made-this", item: "character" }, path: ["icon", "i-made-this", "character"], }, { value: "\\e94b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e94b" }, name: "IconInboxCharacter", attributes: { category: "icon", type: "inbox", item: "character" }, path: ["icon", "inbox", "character"], }, { value: "\\e94c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e94c" }, name: "IconIncomingCharacter", attributes: { category: "icon", type: "incoming", item: "character" }, path: ["icon", "incoming", "character"], }, { value: "\\e94d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e94d" }, name: "IconInfoCircleCharacter", attributes: { category: "icon", type: "info-circle", item: "character" }, path: ["icon", "info-circle", "character"], }, { value: "\\e94e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e94e" }, name: "IconIntercomCharacter", attributes: { category: "icon", type: "intercom", item: "character" }, path: ["icon", "intercom", "character"], }, { value: "\\e9a6", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a6" }, name: "IconItalicsCharacter", attributes: { category: "icon", type: "italics", item: "character" }, path: ["icon", "italics", "character"], }, { value: "\\e94f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e94f" }, name: "IconItemTagCharacter", attributes: { category: "icon", type: "item-tag", item: "character" }, path: ["icon", "item-tag", "character"], }, { value: "\\e950", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e950" }, name: "IconKeyCharacter", attributes: { category: "icon", type: "key", item: "character" }, path: ["icon", "key", "character"], }, { value: "\\e951", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e951" }, name: "IconLifePreserverCharacter", attributes: { category: "icon", type: "life-preserver", item: "character", }, path: ["icon", "life-preserver", "character"], }, { value: "\\e952", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e952" }, name: "IconLightbulbCharacter", attributes: { category: "icon", type: "lightbulb", item: "character" }, path: ["icon", "lightbulb", "character"], }, { value: "\\e953", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e953" }, name: "IconLinkCharacter", attributes: { category: "icon", type: "link", item: "character" }, path: ["icon", "link", "character"], }, { value: "\\e954", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e954" }, name: "IconLinkedinCharacter", attributes: { category: "icon", type: "linkedin", item: "character" }, path: ["icon", "linkedin", "character"], }, { value: "\\e955", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e955" }, name: "IconListCardsCharacter", attributes: { category: "icon", type: "list-cards", item: "character" }, path: ["icon", "list-cards", "character"], }, { value: "\\e956", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e956" }, name: "IconListColumnsCharacter", attributes: { category: "icon", type: "list-columns", item: "character" }, path: ["icon", "list-columns", "character"], }, { value: "\\e9a7", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a7" }, name: "IconListIndentCharacter", attributes: { category: "icon", type: "list-indent", item: "character" }, path: ["icon", "list-indent", "character"], }, { value: "\\e9a8", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a8" }, name: "IconListOrderedCharacter", attributes: { category: "icon", type: "list-ordered", item: "character" }, path: ["icon", "list-ordered", "character"], }, { value: "\\e9a9", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a9" }, name: "IconListOutdentCharacter", attributes: { category: "icon", type: "list-outdent", item: "character" }, path: ["icon", "list-outdent", "character"], }, { value: "\\e9aa", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9aa" }, name: "IconListUnorderedCharacter", attributes: { category: "icon", type: "list-unordered", item: "character", }, path: ["icon", "list-unordered", "character"], }, { value: "\\e957", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e957" }, name: "IconListSummaryCharacter", attributes: { category: "icon", type: "list-summary", item: "character" }, path: ["icon", "list-summary", "character"], }, { value: "\\e958", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e958" }, name: "IconListTableCharacter", attributes: { category: "icon", type: "list-table", item: "character" }, path: ["icon", "list-table", "character"], }, { value: "\\e959", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e959" }, name: "IconListCharacter", attributes: { category: "icon", type: "list", item: "character" }, path: ["icon", "list", "character"], }, { value: "\\e95a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e95a" }, name: "IconLocationCharacter", attributes: { category: "icon", type: "location", item: "character" }, path: ["icon", "location", "character"], }, { value: "\\e95b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e95b" }, name: "IconLockedCharacter", attributes: { category: "icon", type: "locked", item: "character" }, path: ["icon", "locked", "character"], }, { value: "\\e95c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e95c" }, name: "IconMapMarkerCharacter", attributes: { category: "icon", type: "map-marker", item: "character" }, path: ["icon", "map-marker", "character"], }, { value: "\\e95d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e95d" }, name: "IconMapCharacter", attributes: { category: "icon", type: "map", item: "character" }, path: ["icon", "map", "character"], }, { value: "\\e95e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e95e" }, name: "IconMaximizeCharacter", attributes: { category: "icon", type: "maximize", item: "character" }, path: ["icon", "maximize", "character"], }, { value: "\\e9b7", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b7" }, name: "IconMicrophoneOffCharacter", attributes: { category: "icon", type: "microphone-off", item: "character", }, path: ["icon", "microphone-off", "character"], }, { value: "\\e9b8", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b8" }, name: "IconMicrophoneOnCharacter", attributes: { category: "icon", type: "microphone-on", item: "character", }, path: ["icon", "microphone-on", "character"], }, { value: "\\e95f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e95f" }, name: "IconMinimizeCharacter", attributes: { category: "icon", type: "minimize", item: "character" }, path: ["icon", "minimize", "character"], }, { value: "\\e960", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e960" }, name: "IconMinusCircleCharacter", attributes: { category: "icon", type: "minus-circle", item: "character" }, path: ["icon", "minus-circle", "character"], }, { value: "\\e961", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e961" }, name: "IconMinusCharacter", attributes: { category: "icon", type: "minus", item: "character" }, path: ["icon", "minus", "character"], }, { value: "\\e962", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e962" }, name: "IconNewFileCharacter", attributes: { category: "icon", type: "new-file", item: "character" }, path: ["icon", "new-file", "character"], }, { value: "\\e963", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e963" }, name: "IconNewScreenCharacter", attributes: { category: "icon", type: "new-screen", item: "character" }, path: ["icon", "new-screen", "character"], }, { value: "\\e964", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e964" }, name: "IconOutgoingCharacter", attributes: { category: "icon", type: "outgoing", item: "character" }, path: ["icon", "outgoing", "character"], }, { value: "\\e965", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e965" }, name: "IconPaperPlaneCharacter", attributes: { category: "icon", type: "paper-plane", item: "character" }, path: ["icon", "paper-plane", "character"], }, { value: "\\e966", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e966" }, name: "IconPencilCharacter", attributes: { category: "icon", type: "pencil", item: "character" }, path: ["icon", "pencil", "character"], }, { value: "\\e967", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e967" }, name: "IconPhotoCharacter", attributes: { category: "icon", type: "photo", item: "character" }, path: ["icon", "photo", "character"], }, { value: "\\e968", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e968" }, name: "IconPinterestCharacter", attributes: { category: "icon", type: "pinterest", item: "character" }, path: ["icon", "pinterest", "character"], }, { value: "\\e969", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e969" }, name: "IconPlayCharacter", attributes: { category: "icon", type: "play", item: "character" }, path: ["icon", "play", "character"], }, { value: "\\e96a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e96a" }, name: "IconPlusCircleCharacter", attributes: { category: "icon", type: "plus-circle", item: "character" }, path: ["icon", "plus-circle", "character"], }, { value: "\\e96b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e96b" }, name: "IconPlusSignCharacter", attributes: { category: "icon", type: "plus-sign", item: "character" }, path: ["icon", "plus-sign", "character"], }, { value: "\\e96c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e96c" }, name: "IconPresentationCharacter", attributes: { category: "icon", type: "presentation", item: "character" }, path: ["icon", "presentation", "character"], }, { value: "\\e96d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e96d" }, name: "IconPrinterCharacter", attributes: { category: "icon", type: "printer", item: "character" }, path: ["icon", "printer", "character"], }, { value: "\\e96e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e96e" }, name: "IconQrCodeCharacter", attributes: { category: "icon", type: "qr-code", item: "character" }, path: ["icon", "qr-code", "character"], }, { value: "\\e96f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e96f" }, name: "IconQuestionCircleCharacter", attributes: { category: "icon", type: "question-circle", item: "character", }, path: ["icon", "question-circle", "character"], }, { value: "\\e970", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e970" }, name: "IconQuoteLeftCharacter", attributes: { category: "icon", type: "quote-left", item: "character" }, path: ["icon", "quote-left", "character"], }, { value: "\\e971", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e971" }, name: "IconQuoteRightCharacter", attributes: { category: "icon", type: "quote-right", item: "character" }, path: ["icon", "quote-right", "character"], }, { value: "\\e972", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e972" }, name: "IconRandomCharacter", attributes: { category: "icon", type: "random", item: "character" }, path: ["icon", "random", "character"], }, { value: "\\e9ac", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9ac" }, name: "IconRedoCharacter", attributes: { category: "icon", type: "redo", item: "character" }, path: ["icon", "redo", "character"], }, { value: "\\e973", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e973" }, name: "IconRefreshCharacter", attributes: { category: "icon", type: "refresh", item: "character" }, path: ["icon", "refresh", "character"], }, { value: "\\e974", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e974" }, name: "IconRocketCharacter", attributes: { category: "icon", type: "rocket", item: "character" }, path: ["icon", "rocket", "character"], }, { value: "\\e98a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e98a" }, name: "IconSavedCircleCharacter", attributes: { category: "icon", type: "saved-circle", item: "character" }, path: ["icon", "saved-circle", "character"], }, { value: "\\e975", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e975" }, name: "IconSearchPlusCharacter", attributes: { category: "icon", type: "search-plus", item: "character" }, path: ["icon", "search-plus", "character"], }, { value: "\\e976", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e976" }, name: "IconSearchCharacter", attributes: { category: "icon", type: "search", item: "character" }, path: ["icon", "search", "character"], }, { value: "\\e977", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e977" }, name: "IconShareCharacter", attributes: { category: "icon", type: "share", item: "character" }, path: ["icon", "share", "character"], }, { value: "\\e978", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e978" }, name: "IconShoppingCartCharacter", attributes: { category: "icon", type: "shopping-cart", item: "character", }, path: ["icon", "shopping-cart", "character"], }, { value: "\\e979", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e979" }, name: "IconSortAlphaAscCharacter", attributes: { category: "icon", type: "sort-alpha-asc", item: "character", }, path: ["icon", "sort-alpha-asc", "character"], }, { value: "\\e97a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e97a" }, name: "IconSortAlphaDescCharacter", attributes: { category: "icon", type: "sort-alpha-desc", item: "character", }, path: ["icon", "sort-alpha-desc", "character"], }, { value: "\\e97b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e97b" }, name: "IconSortNumAscCharacter", attributes: { category: "icon", type: "sort-num-asc", item: "character" }, path: ["icon", "sort-num-asc", "character"], }, { value: "\\e97c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e97c" }, name: "IconSortNumDescCharacter", attributes: { category: "icon", type: "sort-num-desc", item: "character", }, path: ["icon", "sort-num-desc", "character"], }, { value: "\\e97d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e97d" }, name: "IconStarOutlineCharacter", attributes: { category: "icon", type: "star-outline", item: "character" }, path: ["icon", "star-outline", "character"], }, { value: "\\e97e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e97e" }, name: "IconStarCharacter", attributes: { category: "icon", type: "star", item: "character" }, path: ["icon", "star", "character"], }, { value: "\\e97f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e97f" }, name: "IconArchiveCircleCharacter", attributes: { category: "icon", type: "archive-circle", item: "character", }, path: ["icon", "archive-circle", "character"], }, { value: "\\e980", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e980" }, name: "IconXCircleCharacter", attributes: { category: "icon", type: "x-circle", item: "character" }, path: ["icon", "x-circle", "character"], }, { value: "\\e981", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e981" }, name: "IconExclamationCircleCharacter", attributes: { category: "icon", type: "exclamation-circle", item: "character", }, path: ["icon", "exclamation-circle", "character"], }, { value: "\\e982", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e982" }, name: "IconDescendingEllipsesCircleCharacter", attributes: { category: "icon", type: "descending-ellipses-circle", item: "character", }, path: ["icon", "descending-ellipses-circle", "character"], }, { value: "\\e983", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e983" }, name: "IconDoubleAngleRightCircleCharacter", attributes: { category: "icon", type: "double-angle-right-circle", item: "character", }, path: ["icon", "double-angle-right-circle", "character"], }, { value: "\\e984", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e984" }, name: "IconLockedCircleCharacter", attributes: { category: "icon", type: "locked-circle", item: "character", }, path: ["icon", "locked-circle", "character"], }, { value: "\\e985", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e985" }, name: "IconAsteriskCircleCharacter", attributes: { category: "icon", type: "asterisk-circle", item: "character", }, path: ["icon", "asterisk-circle", "character"], }, { value: "\\e986", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e986" }, name: "IconCheckmarkCircleCharacter", attributes: { category: "icon", type: "checkmark-circle", item: "character", }, path: ["icon", "checkmark-circle", "character"], }, { value: "\\e987", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e987" }, name: "IconClockCircleCharacter", attributes: { category: "icon", type: "clock-circle", item: "character" }, path: ["icon", "clock-circle", "character"], }, { value: "\\e988", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e988" }, name: "IconCalendarBlankCircleCharacter", attributes: { category: "icon", type: "calendar-blank-circle", item: "character", }, path: ["icon", "calendar-blank-circle", "character"], }, { value: "\\e989", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e989" }, name: "IconBanCircleCharacter", attributes: { category: "icon", type: "ban-circle", item: "character" }, path: ["icon", "ban-circle", "character"], }, { value: "\\e98b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e98b" }, name: "IconDiskCircleCharacter", attributes: { category: "icon", type: "disk-circle", item: "character" }, path: ["icon", "disk-circle", "character"], }, { value: "\\e98c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e98c" }, name: "IconTemplateCircleCharacter", attributes: { category: "icon", type: "template-circle", item: "character", }, path: ["icon", "template-circle", "character"], }, { value: "\\e98d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e98d" }, name: "IconExclamationTriangleCharacter", attributes: { category: "icon", type: "exclamation-triangle", item: "character", }, path: ["icon", "exclamation-triangle", "character"], }, { value: "\\e98e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e98e" }, name: "IconTableCharacter", attributes: { category: "icon", type: "table", item: "character" }, path: ["icon", "table", "character"], }, { value: "\\e98f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e98f" }, name: "IconTabsCharacter", attributes: { category: "icon", type: "tabs", item: "character" }, path: ["icon", "tabs", "character"], }, { value: "\\e990", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e990" }, name: "IconThumbsDownOutlineCharacter", attributes: { category: "icon", type: "thumbs-down-outline", item: "character", }, path: ["icon", "thumbs-down-outline", "character"], }, { value: "\\e991", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e991" }, name: "IconThumbsDownCharacter", attributes: { category: "icon", type: "thumbs-down", item: "character" }, path: ["icon", "thumbs-down", "character"], }, { value: "\\e992", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e992" }, name: "IconThumbsUpOutlineCharacter", attributes: { category: "icon", type: "thumbs-up-outline", item: "character", }, path: ["icon", "thumbs-up-outline", "character"], }, { value: "\\e993", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e993" }, name: "IconThumbsUpCharacter", attributes: { category: "icon", type: "thumbs-up", item: "character" }, path: ["icon", "thumbs-up", "character"], }, { value: "\\e994", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e994" }, name: "IconTrashCharacter", attributes: { category: "icon", type: "trash", item: "character" }, path: ["icon", "trash", "character"], }, { value: "\\e995", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e995" }, name: "IconTruckShippingCharacter", attributes: { category: "icon", type: "truck-shipping", item: "character", }, path: ["icon", "truck-shipping", "character"], }, { value: "\\e996", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e996" }, name: "IconTwitterCharacter", attributes: { category: "icon", type: "twitter", item: "character" }, path: ["icon", "twitter", "character"], }, { value: "\\e9ad", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9ad" }, name: "IconUnarchiveCharacter", attributes: { category: "icon", type: "unarchive", item: "character" }, path: ["icon", "unarchive", "character"], }, { value: "\\e997", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e997" }, name: "IconUndoCharacter", attributes: { category: "icon", type: "undo", item: "character" }, path: ["icon", "undo", "character"], }, { value: "\\e998", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e998" }, name: "IconUnlockedCharacter", attributes: { category: "icon", type: "unlocked", item: "character" }, path: ["icon", "unlocked", "character"], }, { value: "\\e9ab", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9ab" }, name: "IconUnlinkCharacter", attributes: { category: "icon", type: "unlink", item: "character" }, path: ["icon", "unlink", "character"], }, { value: "\\e999", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e999" }, name: "IconUploadCloudCharacter", attributes: { category: "icon", type: "upload-cloud", item: "character" }, path: ["icon", "upload-cloud", "character"], }, { value: "\\e99a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e99a" }, name: "IconWrenchCharacter", attributes: { category: "icon", type: "wrench", item: "character" }, path: ["icon", "wrench", "character"], }, { value: "\\e99b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e99b" }, name: "IconXCharacter", attributes: { category: "icon", type: "x", item: "character" }, path: ["icon", "x", "character"], }, { value: "\\e99c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e99c" }, name: "IconArrowRightCircleCharacter", attributes: { category: "icon", type: "arrow-right-circle", item: "character", }, path: ["icon", "arrow-right-circle", "character"], }, { value: "\\e99d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e99d" }, name: "IconCalendarSelectCharacter", attributes: { category: "icon", type: "calendar-select", item: "character", }, path: ["icon", "calendar-select", "character"], }, { value: "\\e99e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e99e" }, name: "IconTagCharacter", attributes: { category: "icon", type: "tag", item: "character" }, path: ["icon", "tag", "character"], }, { value: "\\e99f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e99f" }, name: "IconUserCharacter", attributes: { category: "icon", type: "user", item: "character" }, path: ["icon", "user", "character"], }, { value: "\\e9a0", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a0" }, name: "IconEyeSlashCharacter", attributes: { category: "icon", type: "eye-slash", item: "character" }, path: ["icon", "eye-slash", "character"], }, { value: "\\e9a1", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a1" }, name: "IconBellFilledCharacter", attributes: { category: "icon", type: "bell-filled", item: "character" }, path: ["icon", "bell-filled", "character"], }, { value: "\\e9a2", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a2" }, name: "IconNestedListCharacter", attributes: { category: "icon", type: "nested-list", item: "character" }, path: ["icon", "nested-list", "character"], }, { value: "\\e9a3", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a3" }, name: "IconPinCharacter", attributes: { category: "icon", type: "pin", item: "character" }, path: ["icon", "pin", "character"], }, { value: "\\e9bc", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9bc" }, name: "IconPinOutlineCharacter", attributes: { category: "icon", type: "pin-outline", item: "character" }, path: ["icon", "pin-outline", "character"], }, { value: "\\e9a4", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a4" }, name: "IconUserImpersonationCharacter", attributes: { category: "icon", type: "user-impersonation", item: "character", }, path: ["icon", "user-impersonation", "character"], }, { value: "\\e9b6", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b6" }, name: "IconVolumeFullCharacter", attributes: { category: "icon", type: "volume-full", item: "character" }, path: ["icon", "volume-full", "character"], }, { value: "\\e9b3", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b3" }, name: "IconVolumeLowCharacter", attributes: { category: "icon", type: "volume-low", item: "character" }, path: ["icon", "volume-low", "character"], }, { value: "\\e9b5", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b5" }, name: "IconVolumeMediumCharacter", attributes: { category: "icon", type: "volume-medium", item: "character", }, path: ["icon", "volume-medium", "character"], }, { value: "\\e9b1", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b1" }, name: "IconVolumeOffCharacter", attributes: { category: "icon", type: "volume-off", item: "character" }, path: ["icon", "volume-off", "character"], }, { value: "\\e9b4", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b4" }, name: "IconWorkflowCharacter", attributes: { category: "icon", type: "workflow", item: "character" }, path: ["icon", "workflow", "character"], }, { value: "\\e9b2", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b2" }, name: "IconWorkflowCompleteCharacter", attributes: { category: "icon", type: "workflow-complete", item: "character", }, path: ["icon", "workflow-complete", "character"], }, { value: "\\e97f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.archive-circle.character}" }, name: "IconStatusArchivedCharacter", attributes: { category: "icon", type: "status-archived", item: "character", }, path: ["icon", "status-archived", "character"], }, { value: "#1f282cff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.grey.dark}" }, name: "IconStatusArchivedColor", attributes: { category: "icon", type: "status-archived", item: "color" }, path: ["icon", "status-archived", "color"], }, { value: "\\e980", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.x-circle.character}" }, name: "IconStatusCancelledCharacter", attributes: { category: "icon", type: "status-cancelled", item: "character", }, path: ["icon", "status-cancelled", "character"], }, { value: "#de002eff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.red.medium}" }, name: "IconStatusCancelledColor", attributes: { category: "icon", type: "status-cancelled", item: "color" }, path: ["icon", "status-cancelled", "color"], }, { value: "\\e981", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.exclamation-circle.character}" }, name: "IconStatusErrorCharacter", attributes: { category: "icon", type: "status-error", item: "character" }, path: ["icon", "status-error", "character"], }, { value: "#de002eff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.red.medium}" }, name: "IconStatusErrorColor", attributes: { category: "icon", type: "status-error", item: "color" }, path: ["icon", "status-error", "color"], }, { value: "\\e982", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.descending-ellipses-circle.character}" }, name: "IconStatusInProcessCharacter", attributes: { category: "icon", type: "status-in-process", item: "character", }, path: ["icon", "status-in-process", "character"], }, { value: "#91467fff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.purple.medium}" }, name: "IconStatusInProcessColor", attributes: { category: "icon", type: "status-in-process", item: "color", }, path: ["icon", "status-in-process", "color"], }, { value: "\\e983", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.double-angle-right-circle.character}" }, name: "IconStatusInTransitCharacter", attributes: { category: "icon", type: "status-in-transit", item: "character", }, path: ["icon", "status-in-transit", "character"], }, { value: "#91467fff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.purple.medium}" }, name: "IconStatusInTransitColor", attributes: { category: "icon", type: "status-in-transit", item: "color", }, path: ["icon", "status-in-transit", "color"], }, { value: "\\e984", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.locked-circle.character}" }, name: "IconStatusLockedCharacter", attributes: { category: "icon", type: "status-locked", item: "character", }, path: ["icon", "status-locked", "character"], }, { value: "#1f282cff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.grey.dark}" }, name: "IconStatusLockedColor", attributes: { category: "icon", type: "status-locked", item: "color" }, path: ["icon", "status-locked", "color"], }, { value: "\\e985", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.asterisk-circle.character}" }, name: "IconStatusNewCharacter", attributes: { category: "icon", type: "status-new", item: "character" }, path: ["icon", "status-new", "character"], }, { value: "#007db8ff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.blue.medium}" }, name: "IconStatusNewColor", attributes: { category: "icon", type: "status-new", item: "color" }, path: ["icon", "status-new", "color"], }, { value: "\\e986", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.checkmark-circle.character}" }, name: "IconStatusOkCharacter", attributes: { category: "icon", type: "status-ok", item: "character" }, path: ["icon", "status-ok", "character"], }, { value: "#0b8940ff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.green.medium}" }, name: "IconStatusOkColor", attributes: { category: "icon", type: "status-ok", item: "color" }, path: ["icon", "status-ok", "color"], }, { value: "\\e987", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.clock-circle.character}" }, name: "IconStatusOnHoldCharacter", attributes: { category: "icon", type: "status-on-hold", item: "character", }, path: ["icon", "status-on-hold", "character"], }, { value: "#1f282cff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.grey.dark}" }, name: "IconStatusOnHoldColor", attributes: { category: "icon", type: "status-on-hold", item: "color" }, path: ["icon", "status-on-hold", "color"], }, { value: "\\e988", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.calendar-blank-circle.character}" }, name: "IconStatusOutdatedCharacter", attributes: { category: "icon", type: "status-outdated", item: "character", }, path: ["icon", "status-outdated", "character"], }, { value: "#1f282cff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.grey.dark}" }, name: "IconStatusOutdatedColor", attributes: { category: "icon", type: "status-outdated", item: "color" }, path: ["icon", "status-outdated", "color"], }, { value: "\\e9ba", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9ba" }, name: "IconStatusPreviewCharacter", attributes: { category: "icon", type: "status-preview", item: "character", }, path: ["icon", "status-preview", "character"], }, { value: "#1f282cff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.grey.dark}" }, name: "IconStatusPreviewColor", attributes: { category: "icon", type: "status-preview", item: "color" }, path: ["icon", "status-preview", "color"], }, { value: "\\e989", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.ban-circle.character}" }, name: "IconStatusRejectedCharacter", attributes: { category: "icon", type: "status-rejected", item: "character", }, path: ["icon", "status-rejected", "character"], }, { value: "#de002eff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.red.medium}" }, name: "IconStatusRejectedColor", attributes: { category: "icon", type: "status-rejected", item: "color" }, path: ["icon", "status-rejected", "color"], }, { value: "\\e98b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.disk-circle.character}" }, name: "IconStatusSavedCharacter", attributes: { category: "icon", type: "status-saved", item: "character" }, path: ["icon", "status-saved", "character"], }, { value: "#91467fff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.purple.medium}" }, name: "IconStatusSavedColor", attributes: { category: "icon", type: "status-saved", item: "color" }, path: ["icon", "status-saved", "color"], }, { value: "\\e98b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.disk-circle.character}" }, name: "IconStatusSavingCharacter", attributes: { category: "icon", type: "status-saving", item: "character", }, path: ["icon", "status-saving", "character"], }, { value: "#91467fff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.purple.medium}" }, name: "IconStatusSavingColor", attributes: { category: "icon", type: "status-saving", item: "color" }, path: ["icon", "status-saving", "color"], }, { value: "\\e98c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.template-circle.character}" }, name: "IconStatusTemplateCharacter", attributes: { category: "icon", type: "status-template", item: "character", }, path: ["icon", "status-template", "character"], }, { value: "#007db8ff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.blue.medium}" }, name: "IconStatusTemplateColor", attributes: { category: "icon", type: "status-template", item: "color" }, path: ["icon", "status-template", "color"], }, { value: "\\e98d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.exclamation-triangle.character}" }, name: "IconStatusWarningCharacter", attributes: { category: "icon", type: "status-warning", item: "character", }, path: ["icon", "status-warning", "character"], }, { value: "#e7760bff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.orange.medium}" }, name: "IconStatusWarningColor", attributes: { category: "icon", type: "status-warning", item: "color" }, path: ["icon", "status-warning", "color"], }, { value: "0 0.25rem 0 0 #e9e9eaff inset", filePath: "src/tokens/shadow/shadow.json", isSource: true, original: { value: { offsetY: "{size.system.xs.value}", color: "{color.grey.light.value}", inset: true, }, }, name: "ShadowInput", attributes: { category: "shadow", type: "input" }, path: ["shadow", "input"], }, { value: "0 0 0.25rem 0 #1f282c80", filePath: "src/tokens/shadow/shadow.json", isSource: true, original: { value: { blur: "{size.system.xs.value}", color: "{color.grey.dark-50.value}", }, }, name: "ShadowOuter", attributes: { category: "shadow", type: "outer" }, path: ["shadow", "outer"], }, { value: "0 0 0.25rem 0 #1f282c40", filePath: "src/tokens/shadow/shadow.json", isSource: true, original: { value: { blur: "{size.system.xs.value}", color: "{color.grey.dark-25.value}", }, }, name: "ShadowDropdown", attributes: { category: "shadow", type: "dropdown" }, path: ["shadow", "dropdown"], }, { value: "0 0 0.25rem 0.25rem #1f282c1a", filePath: "src/tokens/shadow/shadow.json", isSource: true, original: { value: { blur: "{size.system.xs.value}", spread: "{size.system.xs.value}", color: "{color.grey.dark-10.value}", }, }, name: "ShadowFixedContainer", attributes: { category: "shadow", type: "fixed-container" }, path: ["shadow", "fixed-container"], }, { value: "0", filePath: "src/tokens/size/border.json", isSource: true, original: { value: 0 }, name: "SizeBorderRadiusNone", attributes: { category: "size", type: "border", item: "radius", subitem: "none", }, path: ["size", "border", "radius", "none"], }, { value: "0.125rem", filePath: "src/tokens/size/border.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "SizeBorderRadiusXxs", attributes: { category: "size", type: "border", item: "radius", subitem: "xxs", }, path: ["size", "border", "radius", "xxs"], }, { value: "0.25rem", filePath: "src/tokens/size/border.json", isSource: true, original: { value: "{size.system.xs.value}" }, name: "SizeBorderRadiusXs", attributes: { category: "size", type: "border", item: "radius", subitem: "xs", }, path: ["size", "border", "radius", "xs"], }, { value: "0", filePath: "src/tokens/size/border.json", isSource: true, original: { value: 0 }, name: "SizeBorderWidthNone", attributes: { category: "size", type: "border", item: "width", subitem: "none", }, path: ["size", "border", "width", "none"], }, { value: "0.0625rem", filePath: "src/tokens/size/border.json", isSource: true, original: { value: 1 }, name: "SizeBorderWidthStandard", attributes: { category: "size", type: "border", item: "width", subitem: "standard", }, path: ["size", "border", "width", "standard"], }, { value: "1280px", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "{grid.content-width.value}" }, name: "SizeComponentActionBarMaxContentWidth", attributes: { category: "size", type: "component", item: "action-bar", subitem: "max-content-width", }, path: ["size", "component", "action-bar", "max-content-width"], }, { value: "1.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "20px" }, name: "SizeComponentActionBarContentPadding", attributes: { category: "size", type: "component", item: "action-bar", subitem: "content-padding", }, path: ["size", "component", "action-bar", "content-padding"], }, { value: "0.375rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "6px" }, name: "SizeComponentAddToListDragHandleWidth", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "drag-handle", state: "width", }, path: ["size", "component", "add-to-list", "drag-handle", "width"], }, { value: "1.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "18px" }, name: "SizeComponentAddToListDragHandleHeight", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "drag-handle", state: "height", }, path: ["size", "component", "add-to-list", "drag-handle", "height"], }, { value: "0.375rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "6px" }, name: "SizeComponentAddToListCloseButtonRight", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "close-button", state: "right", }, path: ["size", "component", "add-to-list", "close-button", "right"], }, { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentAddToListCloseButtonTop", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "close-button", state: "top", }, path: ["size", "component", "add-to-list", "close-button", "top"], }, { value: "17.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "284px" }, name: "SizeComponentAddToListItemMinwidth", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "item", state: "minwidth", }, path: ["size", "component", "add-to-list", "item", "minwidth"], }, { value: "0.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "12px" }, name: "SizeComponentAddToListItemPadding", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "item", state: "padding", }, path: ["size", "component", "add-to-list", "item", "padding"], }, { value: "3.09375rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "49.5%" }, name: "SizeComponentAddToListVerticalRuleLeft", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "verticalRule", state: "left", }, path: ["size", "component", "add-to-list", "verticalRule", "left"], }, { value: "0", filePath: "src/tokens/size/component.json", isSource: true, original: { value: 0 }, name: "SizeComponentAddToListVerticalRuleTop", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "verticalRule", state: "top", }, path: ["size", "component", "add-to-list", "verticalRule", "top"], }, { value: "0", filePath: "src/tokens/size/component.json", isSource: true, original: { value: 0 }, name: "SizeComponentAddToListVerticalRuleBottom", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "verticalRule", state: "bottom", }, path: ["size", "component", "add-to-list", "verticalRule", "bottom"], }, { value: "6.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "100%" }, name: "SizeComponentAddToListVerticalRuleHeight", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "verticalRule", state: "height", }, path: ["size", "component", "add-to-list", "verticalRule", "height"], }, { value: "1rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "16px" }, name: "SizeComponentAddToListLeftListBaseMarginRight", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "leftList", state: "base", }, path: [ "size", "component", "add-to-list", "leftList", "base", "marginRight", ], }, { value: "0", filePath: "src/tokens/size/component.json", isSource: true, original: { value: 0 }, name: "SizeComponentAddToListLeftListVerticalMarginRight", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "leftList", state: "vertical", }, path: [ "size", "component", "add-to-list", "leftList", "vertical", "marginRight", ], }, { value: "1.375rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "22px" }, name: "SizeComponentAddToListLeftListVerticalMarginBottom", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "leftList", state: "vertical", }, path: [ "size", "component", "add-to-list", "leftList", "vertical", "marginBottom", ], }, { value: "1rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "16px" }, name: "SizeComponentAddToListRightListBaseMarginLeft", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "rightList", state: "base", }, path: [ "size", "component", "add-to-list", "rightList", "base", "marginLeft", ], }, { value: "0", filePath: "src/tokens/size/component.json", isSource: true, original: { value: 0 }, name: "SizeComponentAddToListRightListVerticalMarginLeft", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "rightList", state: "vertical", }, path: [ "size", "component", "add-to-list", "rightList", "vertical", "marginLeft", ], }, { value: "1.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "20px" }, name: "SizeComponentAddToListFilterContainerMarginBottom", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "filterContainer", state: "marginBottom", }, path: [ "size", "component", "add-to-list", "filterContainer", "marginBottom", ], }, { value: "1.5625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "25px" }, name: "SizeComponentAddToListPhantomDroppableContainerTotalHeight", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "phantomDroppableContainerTotalHeight", }, path: [ "size", "component", "add-to-list", "phantomDroppableContainerTotalHeight", ], }, { value: "1.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "30px" }, name: "SizeComponentCapContentLineHeight", attributes: { category: "size", type: "component", item: "cap-content", subitem: "line-height", }, path: ["size", "component", "cap-content", "line-height"], }, { value: "1.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "18px" }, name: "SizeComponentClickableTagHeight", attributes: { category: "size", type: "component", item: "clickable-tag", subitem: "height", }, path: ["size", "component", "clickable-tag", "height"], }, { value: "0.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "12px" }, name: "SizeComponentClickableTagLineHeight", attributes: { category: "size", type: "component", item: "clickable-tag", subitem: "line-height", }, path: ["size", "component", "clickable-tag", "line-height"], }, { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentClickableTagIconFontSize", attributes: { category: "size", type: "component", item: "clickable-tag", subitem: "icon-font-size", }, path: ["size", "component", "clickable-tag", "icon-font-size"], }, { value: "-0.0625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "-1px" }, name: "SizeComponentClickableTagIconTopOffset", attributes: { category: "size", type: "component", item: "clickable-tag", subitem: "icon-top-offset", }, path: ["size", "component", "clickable-tag", "icon-top-offset"], }, { value: "3.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "62px" }, name: "SizeComponentContentRowReorderableMinContainerHeight", attributes: { category: "size", type: "component", item: "content-row", subitem: "reorderable-min-container-height", }, path: [ "size", "component", "content-row", "reorderable-min-container-height", ], }, { value: "3.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "56px" }, name: "SizeComponentContentRowReorderableIndexContainerSize", attributes: { category: "size", type: "component", item: "content-row", subitem: "reorderable-index-container-size", }, path: [ "size", "component", "content-row", "reorderable-index-container-size", ], }, { value: "1.78125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "28.5px" }, name: "SizeComponentContentRowReorderableButtonHeight", attributes: { category: "size", type: "component", item: "content-row", subitem: "reorderable-button-height", }, path: ["size", "component", "content-row", "reorderable-button-height"], }, { value: "3.3125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "53px" }, name: "SizeComponentContentRowReorderableButtonWidth", attributes: { category: "size", type: "component", item: "content-row", subitem: "reorderable-button-width", }, path: ["size", "component", "content-row", "reorderable-button-width"], }, { value: "0.1875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "3px" }, name: "SizeComponentContentRowReorderableButtonBorderRadius", attributes: { category: "size", type: "component", item: "content-row", subitem: "reorderable-button-border-radius", }, path: [ "size", "component", "content-row", "reorderable-button-border-radius", ], }, { value: "-0.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "-2px" }, name: "SizeComponentContentRowIconMarginAdjustment", attributes: { category: "size", type: "component", item: "content-row", subitem: "icon-margin-adjustment", }, path: ["size", "component", "content-row", "icon-margin-adjustment"], }, { value: "8.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "138px" }, name: "SizeComponentContentTileHeight", attributes: { category: "size", type: "component", item: "content-tile", subitem: "height", }, path: ["size", "component", "content-tile", "height"], }, { value: "3.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "60px" }, name: "SizeComponentContentTileImageHeight", attributes: { category: "size", type: "component", item: "content-tile", subitem: "image", state: "height", }, path: ["size", "component", "content-tile", "image", "height"], }, { value: "3.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "60px" }, name: "SizeComponentContentTileImageWidth", attributes: { category: "size", type: "component", item: "content-tile", subitem: "image", state: "width", }, path: ["size", "component", "content-tile", "image", "width"], }, { value: "1rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "{size.spacing.md}" }, name: "SizeComponentContentTileImageMarginBottom", attributes: { category: "size", type: "component", item: "content-tile", subitem: "image", state: "marginBottom", }, path: ["size", "component", "content-tile", "image", "marginBottom"], }, { value: "1rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "{size.spacing.md}" }, name: "SizeComponentContentTileImageMarginTop", attributes: { category: "size", type: "component", item: "content-tile", subitem: "image", state: "marginTop", }, path: ["size", "component", "content-tile", "image", "marginTop"], }, { value: "0.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "{size.spacing.sm}" }, name: "SizeComponentContentTileContainerSpacing", attributes: { category: "size", type: "component", item: "content-tile", subitem: "container", state: "spacing", }, path: ["size", "component", "content-tile", "container", "spacing"], }, { value: "0.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "{size.spacing.sm}" }, name: "SizeComponentContentTileTitleContainerSpacing", attributes: { category: "size", type: "component", item: "content-tile", subitem: "titleContainer", state: "spacing", }, path: ["size", "component", "content-tile", "titleContainer", "spacing"], }, { value: "-0.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "-4px" }, name: "SizeComponentFeedbackBlockStandardMarginLeft", attributes: { category: "size", type: "component", item: "feedback-block", subitem: "standard", state: "margin-left", }, path: ["size", "component", "feedback-block", "standard", "margin-left"], }, { value: "0.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "2px" }, name: "SizeComponentFeedbackBlockMicroMarginTop", attributes: { category: "size", type: "component", item: "feedback-block", subitem: "micro", state: "margin-top", }, path: ["size", "component", "feedback-block", "micro", "margin-top"], }, { value: "3rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "48px" }, name: "SizeComponentFileUploadIconSize", attributes: { category: "size", type: "component", item: "file-upload", subitem: "icon-size", }, path: ["size", "component", "file-upload", "icon-size"], }, { value: "6.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "106px" }, name: "SizeComponentFilterTileHeight", attributes: { category: "size", type: "component", item: "filter-tile", subitem: "height", }, path: ["size", "component", "filter-tile", "height"], }, { value: "15.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "250px" }, name: "SizeComponentFilterTileMaxWidth", attributes: { category: "size", type: "component", item: "filter-tile", subitem: "maxWidth", }, path: ["size", "component", "filter-tile", "maxWidth"], }, { value: "6.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "110px" }, name: "SizeComponentFilterTileMinWidth", attributes: { category: "size", type: "component", item: "filter-tile", subitem: "minWidth", }, path: ["size", "component", "filter-tile", "minWidth"], }, { value: "0", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "0" }, name: "SizeComponentFilterTileMarginEndChildren", attributes: { category: "size", type: "component", item: "filter-tile", subitem: "marginEndChildren", }, path: ["size", "component", "filter-tile", "marginEndChildren"], }, { value: "2.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "36px" }, name: "SizeComponentFilterTileTitleHeight", attributes: { category: "size", type: "component", item: "filter-tile", subitem: "title", state: "height", }, path: ["size", "component", "filter-tile", "title", "height"], }, { value: "1.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "30px" }, name: "SizeComponentFilterTileTileValueHeightFontSizeLineHeight", attributes: { category: "size", type: "component", item: "filter-tile", subitem: "tileValue", state: "heightFontSizeLineHeight", }, path: [ "size", "component", "filter-tile", "tileValue", "heightFontSizeLineHeight", ], }, { value: "3.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "50px" }, name: "SizeComponentFocusedTaskHeight", attributes: { category: "size", type: "component", item: "focused-task", subitem: "height", }, path: ["size", "component", "focused-task", "height"], }, { value: "-0.0625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "-1px" }, name: "SizeComponentFocusedTaskBoxShadowOffsetY", attributes: { category: "size", type: "component", item: "focused-task", subitem: "box-shadow-offset-y", }, path: ["size", "component", "focused-task", "box-shadow-offset-y"], }, { value: "23.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "380px" }, name: "SizeComponentModalSizesSm", attributes: { category: "size", type: "component", item: "modal", subitem: "sizes", state: "sm", }, path: ["size", "component", "modal", "sizes", "sm"], }, { value: "36.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "580px" }, name: "SizeComponentModalSizesMd", attributes: { category: "size", type: "component", item: "modal", subitem: "sizes", state: "md", }, path: ["size", "component", "modal", "sizes", "md"], }, { value: "48.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "780px" }, name: "SizeComponentModalSizesLg", attributes: { category: "size", type: "component", item: "modal", subitem: "sizes", state: "lg", }, path: ["size", "component", "modal", "sizes", "lg"], }, { value: "73.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "1180px" }, name: "SizeComponentModalSizesXl", attributes: { category: "size", type: "component", item: "modal", subitem: "sizes", state: "xl", }, path: ["size", "component", "modal", "sizes", "xl"], }, { value: "3.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "60px" }, name: "SizeComponentProductBarMinHeight", attributes: { category: "size", type: "component", item: "product-bar", subitem: "min-height", }, path: ["size", "component", "product-bar", "min-height"], }, { value: "1280px", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "{grid.content-width.value}" }, name: "SizeComponentProductBarWidth", attributes: { category: "size", type: "component", item: "product-bar", subitem: "width", }, path: ["size", "component", "product-bar", "width"], }, { value: "1.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "24px" }, name: "SizeComponentProductBarLogoSize", attributes: { category: "size", type: "component", item: "product-bar", subitem: "logo-size", }, path: ["size", "component", "product-bar", "logo-size"], }, { value: "0.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "2px" }, name: "SizeComponentProductBarNavUnderline", attributes: { category: "size", type: "component", item: "product-bar", subitem: "nav-underline", }, path: ["size", "component", "product-bar", "nav-underline"], }, { value: "3.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "58px" }, name: "SizeComponentProductBarNavHeight", attributes: { category: "size", type: "component", item: "product-bar", subitem: "nav-height", }, path: ["size", "component", "product-bar", "nav-height"], }, { value: "2.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "34px" }, name: "SizeComponentProductBarVerticalRuleHeight", attributes: { category: "size", type: "component", item: "product-bar", subitem: "vertical-rule-height", }, path: ["size", "component", "product-bar", "vertical-rule-height"], }, { value: "1.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "18px" }, name: "SizeComponentSpinnerSmDimension", attributes: { category: "size", type: "component", item: "spinner", subitem: "sm", state: "dimension", }, path: ["size", "component", "spinner", "sm", "dimension"], }, { value: "0.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "2px" }, name: "SizeComponentSpinnerSmThickness", attributes: { category: "size", type: "component", item: "spinner", subitem: "sm", state: "thickness", }, path: ["size", "component", "spinner", "sm", "thickness"], }, { value: "2.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "36px" }, name: "SizeComponentSpinnerMdDimension", attributes: { category: "size", type: "component", item: "spinner", subitem: "md", state: "dimension", }, path: ["size", "component", "spinner", "md", "dimension"], }, { value: "0.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "4px" }, name: "SizeComponentSpinnerMdThickness", attributes: { category: "size", type: "component", item: "spinner", subitem: "md", state: "thickness", }, path: ["size", "component", "spinner", "md", "thickness"], }, { value: "4.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "72px" }, name: "SizeComponentSpinnerLgDimension", attributes: { category: "size", type: "component", item: "spinner", subitem: "lg", state: "dimension", }, path: ["size", "component", "spinner", "lg", "dimension"], }, { value: "0.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "8px" }, name: "SizeComponentSpinnerLgThickness", attributes: { category: "size", type: "component", item: "spinner", subitem: "lg", state: "thickness", }, path: ["size", "component", "spinner", "lg", "thickness"], }, { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentSortingHeaderPinnedShadowHeight", attributes: { category: "size", type: "component", item: "sorting-header", subitem: "pinned", state: "shadowHeight", }, path: ["size", "component", "sorting-header", "pinned", "shadowHeight"], }, { value: "-0.0625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "-1px" }, name: "SizeComponentSortingHeaderPinnedShadowLeftAdjustment", attributes: { category: "size", type: "component", item: "sorting-header", subitem: "pinned", state: "shadowLeftAdjustment", }, path: [ "size", "component", "sorting-header", "pinned", "shadowLeftAdjustment", ], }, { value: "0.0625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "1px" }, name: "SizeComponentVerticalRuleThickness", attributes: { category: "size", type: "component", item: "vertical-rule", subitem: "thickness", }, path: ["size", "component", "vertical-rule", "thickness"], }, { value: "0.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "12px" }, name: "SizeComponentTagLineHeight", attributes: { category: "size", type: "component", item: "tag", subitem: "line-height", }, path: ["size", "component", "tag", "line-height"], }, { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentTagIconLineHeight", attributes: { category: "size", type: "component", item: "tag", subitem: "icon-line-height", }, path: ["size", "component", "tag", "icon-line-height"], }, { value: "6.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "100px" }, name: "SizeComponentZeroStateImageHeight", attributes: { category: "size", type: "component", item: "zero-state", subitem: "image-height", }, path: ["size", "component", "zero-state", "image-height"], }, { value: "12.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "200px" }, name: "SizeComponentZeroStateImageWidth", attributes: { category: "size", type: "component", item: "zero-state", subitem: "image-width", }, path: ["size", "component", "zero-state", "image-width"], }, { value: "3rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "48px" }, name: "SizeComponentZeroStateIconFontSize", attributes: { category: "size", type: "component", item: "zero-state", subitem: "icon-font-size", }, path: ["size", "component", "zero-state", "icon-font-size"], }, { value: "3rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "48px" }, name: "SizeComponentZeroStateIconLineHeight", attributes: { category: "size", type: "component", item: "zero-state", subitem: "icon-line-height", }, path: ["size", "component", "zero-state", "icon-line-height"], }, { value: "25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "400px" }, name: "SizeComponentGrowlerWidth", attributes: { category: "size", type: "component", item: "growler", subitem: "width", }, path: ["size", "component", "growler", "width"], }, { value: "1.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "30px" }, name: "SizeComponentGrowlerIconFontSize", attributes: { category: "size", type: "component", item: "growler", subitem: "icon", state: "fontSize", }, path: ["size", "component", "growler", "icon", "fontSize"], }, { value: "1.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "30px" }, name: "SizeComponentGrowlerIconBoxRight", attributes: { category: "size", type: "component", item: "growler", subitem: "icon", state: "box", }, path: ["size", "component", "growler", "icon", "box", "right"], }, { value: "5.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "90px" }, name: "SizeComponentGrowlerIconBoxTop", attributes: { category: "size", type: "component", item: "growler", subitem: "icon", state: "box", }, path: ["size", "component", "growler", "icon", "box", "top"], }, { value: "4.375rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "70px" }, name: "SizeComponentGrowlerIconBoxWidth", attributes: { category: "size", type: "component", item: "growler", subitem: "icon", state: "box", }, path: ["size", "component", "growler", "icon", "box", "width"], }, { value: "16.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "264px" }, name: "SizeComponentGrowlerMessageBoxSubtitleWidth", attributes: { category: "size", type: "component", item: "growler", subitem: "messageBox", state: "subtitle", }, path: ["size", "component", "growler", "messageBox", "subtitle", "width"], }, { value: "2.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "42px" }, name: "SizeComponentGrowlerMessageBoxPaddingRight", attributes: { category: "size", type: "component", item: "growler", subitem: "messageBox", state: "padding", }, path: ["size", "component", "growler", "messageBox", "padding", "right"], }, { value: "0.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "14px" }, name: "SizeComponentButtonSpinnerMarginVertical", attributes: { category: "size", type: "component", item: "button", subitem: "spinner-margin-vertical", }, path: ["size", "component", "button", "spinner-margin-vertical"], }, { value: "0.4375rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "7px" }, name: "SizeComponentButtonSpinnerMarginHorizontal", attributes: { category: "size", type: "component", item: "button", subitem: "spinner-margin-horizontal", }, path: ["size", "component", "button", "spinner-margin-horizontal"], }, { value: "0.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "2px" }, name: "SizeComponentButtonSpinnerBorderWidth", attributes: { category: "size", type: "component", item: "button", subitem: "spinner-border-width", }, path: ["size", "component", "button", "spinner-border-width"], }, { value: "0.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "14px" }, name: "SizeComponentButtonSpinnerSize", attributes: { category: "size", type: "component", item: "button", subitem: "spinner-size", }, path: ["size", "component", "button", "spinner-size"], }, { value: "3.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "52px" }, name: "SizeComponentSearchResultsBarMinHeight", attributes: { category: "size", type: "component", item: "search-results-bar", subitem: "min-height", }, path: ["size", "component", "search-results-bar", "min-height"], }, { value: "5.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "84px" }, name: "SizeComponentSearchResultsBarClearButton", attributes: { category: "size", type: "component", item: "search-results-bar", subitem: "clear-button", }, path: ["size", "component", "search-results-bar", "clear-button"], }, { value: "1280px", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "{grid.content-width.value}" }, name: "SizeComponentListBarPinnedWidth", attributes: { category: "size", type: "component", item: "list-bar", subitem: "pinned-width", }, path: ["size", "component", "list-bar", "pinned-width"], }, { value: "1.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "20px" }, name: "SizeComponentListBarPinnedPadding", attributes: { category: "size", type: "component", item: "list-bar", subitem: "pinned-padding", }, path: ["size", "component", "list-bar", "pinned-padding"], }, { value: "3.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "60px" }, name: "SizeComponentListBarTop", attributes: { category: "size", type: "component", item: "list-bar", subitem: "top", }, path: ["size", "component", "list-bar", "top"], }, { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentListBarHeight", attributes: { category: "size", type: "component", item: "list-bar", subitem: "height", }, path: ["size", "component", "list-bar", "height"], }, { value: "2rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "32px" }, name: "SizeComponentListBarContentHeaderHeight", attributes: { category: "size", type: "component", item: "list-bar", subitem: "content-header-height", }, path: ["size", "component", "list-bar", "content-header-height"], }, { value: "25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "400px" }, name: "SizeComponentListBarSearchFormMaxWidth", attributes: { category: "size", type: "component", item: "list-bar", subitem: "search-form-max-width", }, path: ["size", "component", "list-bar", "search-form-max-width"], }, { value: "1.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "30px" }, name: "SizeComponentListBarSearchButtonHeight", attributes: { category: "size", type: "component", item: "list-bar", subitem: "search-button-height", }, path: ["size", "component", "list-bar", "search-button-height"], }, { value: "2rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "32px" }, name: "SizeComponentListBarSearchFieldSelectLineHeight", attributes: { category: "size", type: "component", item: "list-bar", subitem: "search-field-select-line-height", }, path: [ "size", "component", "list-bar", "search-field-select-line-height", ], }, { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentAdvancedSearchMarginTop", attributes: { category: "size", type: "component", item: "advanced-search", subitem: "margin-top", }, path: ["size", "component", "advanced-search", "margin-top"], }, { value: "0.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "8px" }, name: "SizeComponentProgressBarBorderRadius", attributes: { category: "size", type: "component", item: "progress-bar", subitem: "border-radius", }, path: ["size", "component", "progress-bar", "border-radius"], }, { value: "0.375rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "6px" }, name: "SizeComponentProgressBarCloseButtonMargin", attributes: { category: "size", type: "component", item: "progress-bar", subitem: "close-button-margin", }, path: ["size", "component", "progress-bar", "close-button-margin"], }, { value: "43.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: 700 }, name: "SizeComponentSideNavSelectedFontWeight", attributes: { category: "size", type: "component", item: "side-nav", subitem: "selected-font-weight", }, path: ["size", "component", "side-nav", "selected-font-weight"], }, { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentSideNavExpandIconSize", attributes: { category: "size", type: "component", item: "side-nav", subitem: "expand-icon-size", }, path: ["size", "component", "side-nav", "expand-icon-size"], }, { value: "0.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "14px" }, name: "SizeComponentSideNavExpandIconMargin", attributes: { category: "size", type: "component", item: "side-nav", subitem: "expand-icon-margin", }, path: ["size", "component", "side-nav", "expand-icon-margin"], }, { value: "1.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "20px" }, name: "SizeComponentSideNavLinkPaddingLeft", attributes: { category: "size", type: "component", item: "side-nav", subitem: "link-padding-left", }, path: ["size", "component", "side-nav", "link-padding-left"], }, { value: "2.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "34px" }, name: "SizeComponentSideNavNestedFirstLevel", attributes: { category: "size", type: "component", item: "side-nav", subitem: "nested-first-level", }, path: ["size", "component", "side-nav", "nested-first-level"], }, { value: "3rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "48px" }, name: "SizeComponentSideNavNestedSecondLevel", attributes: { category: "size", type: "component", item: "side-nav", subitem: "nested-second-level", }, path: ["size", "component", "side-nav", "nested-second-level"], }, { value: "3.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "62px" }, name: "SizeComponentSideNavNestedThirdLevel", attributes: { category: "size", type: "component", item: "side-nav", subitem: "nested-third-level", }, path: ["size", "component", "side-nav", "nested-third-level"], }, { value: "4.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "76px" }, name: "SizeComponentSideNavNestedFourthLevel", attributes: { category: "size", type: "component", item: "side-nav", subitem: "nested-fourth-level", }, path: ["size", "component", "side-nav", "nested-fourth-level"], }, { value: "2.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "40px" }, name: "SizeComponentProductBarVerticalLinkMinHeight", attributes: { category: "size", type: "component", item: "product-bar-vertical", subitem: "link-min-height", }, path: ["size", "component", "product-bar-vertical", "link-min-height"], }, { value: "1.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "24px" }, name: "SizeComponentProductBarVerticalLogoSize", attributes: { category: "size", type: "component", item: "product-bar-vertical", subitem: "logo-size", }, path: ["size", "component", "product-bar-vertical", "logo-size"], }, { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentProductBarVerticalExpandIconSize", attributes: { category: "size", type: "component", item: "product-bar-vertical", subitem: "expand-icon-size", }, path: ["size", "component", "product-bar-vertical", "expand-icon-size"], }, { value: "0.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "14px" }, name: "SizeComponentProductBarVerticalExpandIconMargin", attributes: { category: "size", type: "component", item: "product-bar-vertical", subitem: "expand-icon-margin", }, path: ["size", "component", "product-bar-vertical", "expand-icon-margin"], }, { value: "2.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "34px" }, name: "SizeComponentProductBarVerticalNestedFirstLevel", attributes: { category: "size", type: "component", item: "product-bar-vertical", subitem: "nested-first-level", }, path: ["size", "component", "product-bar-vertical", "nested-first-level"], }, { value: "3rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "48px" }, name: "SizeComponentProductBarVerticalNestedSecondLevel", attributes: { category: "size", type: "component", item: "product-bar-vertical", subitem: "nested-second-level", }, path: [ "size", "component", "product-bar-vertical", "nested-second-level", ], }, { value: "3.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "62px" }, name: "SizeComponentProductBarVerticalNestedThirdLevel", attributes: { category: "size", type: "component", item: "product-bar-vertical", subitem: "nested-third-level", }, path: ["size", "component", "product-bar-vertical", "nested-third-level"], }, { value: "4.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "76px" }, name: "SizeComponentProductBarVerticalNestedFourthLevel", attributes: { category: "size", type: "component", item: "product-bar-vertical", subitem: "nested-fourth-level", }, path: [ "size", "component", "product-bar-vertical", "nested-fourth-level", ], }, { value: "-0.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "-2px" }, name: "SizeComponentIconMarginAdjustment", attributes: { category: "size", type: "component", item: "icon", subitem: "margin-adjustment", }, path: ["size", "component", "icon", "margin-adjustment"], }, { value: "0.1875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "3px" }, name: "SizeComponentPageTitleIconMarginTop", attributes: { category: "size", type: "component", item: "page-title", subitem: "icon-margin-top", }, path: ["size", "component", "page-title", "icon-margin-top"], }, { value: "0.9375rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "15px" }, name: "SizeComponentInsightCardVerticalPadding", attributes: { category: "size", type: "component", item: "insight-card", subitem: "vertical-padding", }, path: ["size", "component", "insight-card", "vertical-padding"], }, { value: "1.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "20px" }, name: "SizeComponentInsightCardHorizontalPadding", attributes: { category: "size", type: "component", item: "insight-card", subitem: "horizontal-padding", }, path: ["size", "component", "insight-card", "horizontal-padding"], }, { value: "5.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "82px" }, name: "SizeComponentInsightCardHorizontalHeight", attributes: { category: "size", type: "component", item: "insight-card", subitem: "horizontal-height", }, path: ["size", "component", "insight-card", "horizontal-height"], }, { value: "2rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "32px" }, name: "SizeComponentInsightCardIconSize", attributes: { category: "size", type: "component", item: "insight-card", subitem: "icon-size", }, path: ["size", "component", "insight-card", "icon-size"], }, { value: "3rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "48px" }, name: "SizeComponentInsightCardMetricSize", attributes: { category: "size", type: "component", item: "insight-card", subitem: "metric-size", }, path: ["size", "component", "insight-card", "metric-size"], }, { value: "2.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "34px" }, name: "SizeComponentInsightCardMinTitleHeight", attributes: { category: "size", type: "component", item: "insight-card", subitem: "min-title-height", }, path: ["size", "component", "insight-card", "min-title-height"], }, { value: "0.9375rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "15px" }, name: "SizeComponentInsightCardPartnerCountMarginVertical", attributes: { category: "size", type: "component", item: "insight-card", subitem: "partner-count-margin-vertical", }, path: [ "size", "component", "insight-card", "partner-count-margin-vertical", ], }, { value: "1.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "20px" }, name: "SizeComponentInsightCardPartnerCountMarginHorizontal", attributes: { category: "size", type: "component", item: "insight-card", subitem: "partner-count-margin-horizontal", }, path: [ "size", "component", "insight-card", "partner-count-margin-horizontal", ], }, { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentInsightCardPartnerCountPaddingVertical", attributes: { category: "size", type: "component", item: "insight-card", subitem: "partner-count-padding-vertical", }, path: [ "size", "component", "insight-card", "partner-count-padding-vertical", ], }, { value: "1.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "20px" }, name: "SizeComponentInsightCardPartnerCountPaddingHorizontal", attributes: { category: "size", type: "component", item: "insight-card", subitem: "partner-count-padding-horizontal", }, path: [ "size", "component", "insight-card", "partner-count-padding-horizontal", ], }, { value: "3.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "60px" }, name: "SizeComponentInsightCardPartnerCountWidth", attributes: { category: "size", type: "component", item: "insight-card", subitem: "partner-count-width", }, path: ["size", "component", "insight-card", "partner-count-width"], }, { value: "1.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "20px" }, name: "SizeComponentInsightCardHorizontalPartnerCountPaddingVertical", attributes: { category: "size", type: "component", item: "insight-card", subitem: "horizontal-partner-count-padding-vertical", }, path: [ "size", "component", "insight-card", "horizontal-partner-count-padding-vertical", ], }, { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentInsightCardHorizontalPartnerCountPaddingHorizontal", attributes: { category: "size", type: "component", item: "insight-card", subitem: "horizontal-partner-count-padding-horizontal", }, path: [ "size", "component", "insight-card", "horizontal-partner-count-padding-horizontal", ], }, { value: "1.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "28px" }, name: "SizeComponentRichTextEditorVrHeight", attributes: { category: "size", type: "component", item: "rich-text-editor", subitem: "vr", state: "height", }, path: ["size", "component", "rich-text-editor", "vr", "height"], }, { value: "8rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "128px" }, name: "SizeComponentRichTextEditorEditableDivMinHeight", attributes: { category: "size", type: "component", item: "rich-text-editor", subitem: "editable-div", state: "min-height", }, path: [ "size", "component", "rich-text-editor", "editable-div", "min-height", ], }, { value: "1rem", filePath: "src/tokens/size/grid.json", isSource: true, original: { value: "{size.spacing.md}" }, name: "SizeGridGutter", attributes: { category: "size", type: "grid", item: "gutter" }, path: ["size", "grid", "gutter"], }, { value: "0.75rem", filePath: "src/tokens/size/icon.json", isSource: true, original: { value: 12 }, name: "SizeIconXs", attributes: { category: "size", type: "icon", item: "xs" }, path: ["size", "icon", "xs"], }, { value: "0.875rem", filePath: "src/tokens/size/icon.json", isSource: true, original: { value: 14 }, name: "SizeIconSm", attributes: { category: "size", type: "icon", item: "sm" }, path: ["size", "icon", "sm"], }, { value: "1rem", filePath: "src/tokens/size/icon.json", isSource: true, original: { value: 16 }, name: "SizeIconMd", attributes: { category: "size", type: "icon", item: "md" }, path: ["size", "icon", "md"], }, { value: "1.25rem", filePath: "src/tokens/size/icon.json", isSource: true, original: { value: 20 }, name: "SizeIconLg", attributes: { category: "size", type: "icon", item: "lg" }, path: ["size", "icon", "lg"], }, { value: "0.125rem", filePath: "src/tokens/size/spacing.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "SizeSpacingXxs", attributes: { category: "size", type: "spacing", item: "xxs" }, path: ["size", "spacing", "xxs"], }, { value: "0.25rem", filePath: "src/tokens/size/spacing.json", isSource: true, original: { value: "{size.system.xs.value}" }, name: "SizeSpacingXs", attributes: { category: "size", type: "spacing", item: "xs" }, path: ["size", "spacing", "xs"], }, { value: "0.5rem", filePath: "src/tokens/size/spacing.json", isSource: true, original: { value: "{size.system.sm.value}" }, name: "SizeSpacingSm", attributes: { category: "size", type: "spacing", item: "sm" }, path: ["size", "spacing", "sm"], }, { value: "1rem", filePath: "src/tokens/size/spacing.json", isSource: true, original: { value: "{size.system.md.value}" }, name: "SizeSpacingMd", attributes: { category: "size", type: "spacing", item: "md" }, path: ["size", "spacing", "md"], }, { value: "2rem", filePath: "src/tokens/size/spacing.json", isSource: true, original: { value: "{size.system.lg.value}" }, name: "SizeSpacingLg", attributes: { category: "size", type: "spacing", item: "lg" }, path: ["size", "spacing", "lg"], }, { value: "4rem", filePath: "src/tokens/size/spacing.json", isSource: true, original: { value: "{size.system.xl.value}" }, name: "SizeSpacingXl", attributes: { category: "size", type: "spacing", item: "xl" }, path: ["size", "spacing", "xl"], }, { value: "0.125rem", filePath: "src/tokens/size/system.json", isSource: true, original: { value: 2 }, name: "SizeSystemXxs", attributes: { category: "size", type: "system", item: "xxs" }, path: ["size", "system", "xxs"], }, { value: "0.25rem", filePath: "src/tokens/size/system.json", isSource: true, original: { value: 4 }, name: "SizeSystemXs", attributes: { category: "size", type: "system", item: "xs" }, path: ["size", "system", "xs"], }, { value: "0.5rem", filePath: "src/tokens/size/system.json", isSource: true, original: { value: 8 }, name: "SizeSystemSm", attributes: { category: "size", type: "system", item: "sm" }, path: ["size", "system", "sm"], }, { value: "1rem", filePath: "src/tokens/size/system.json", isSource: true, original: { value: 16 }, name: "SizeSystemMd", attributes: { category: "size", type: "system", item: "md" }, path: ["size", "system", "md"], }, { value: "2rem", filePath: "src/tokens/size/system.json", isSource: true, original: { value: 32 }, name: "SizeSystemLg", attributes: { category: "size", type: "system", item: "lg" }, path: ["size", "system", "lg"], }, { value: "4rem", filePath: "src/tokens/size/system.json", isSource: true, original: { value: 64 }, name: "SizeSystemXl", attributes: { category: "size", type: "system", item: "xl" }, path: ["size", "system", "xl"], }, { value: "0.75rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 12 }, name: "SizeTypeBodySmFont", attributes: { category: "size", type: "type", item: "body-sm", subitem: "font", }, path: ["size", "type", "body-sm", "font"], }, { value: "1.125rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 18 }, name: "SizeTypeBodySmLine", attributes: { category: "size", type: "type", item: "body-sm", subitem: "line", }, path: ["size", "type", "body-sm", "line"], }, { value: "0.875rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 14 }, name: "SizeTypeBodyMdFont", attributes: { category: "size", type: "type", item: "body-md", subitem: "font", }, path: ["size", "type", "body-md", "font"], }, { value: "1.25rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 20 }, name: "SizeTypeBodyMdLine", attributes: { category: "size", type: "type", item: "body-md", subitem: "line", }, path: ["size", "type", "body-md", "line"], }, { value: "0.75rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "SizeTypeComponentSmFont", attributes: { category: "size", type: "type", item: "component-sm", subitem: "font", }, path: ["size", "type", "component-sm", "font"], }, { value: "0.875rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 14 }, name: "SizeTypeComponentSmLine", attributes: { category: "size", type: "type", item: "component-sm", subitem: "line", }, path: ["size", "type", "component-sm", "line"], }, { value: "0.75rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 12 }, name: "SizeTypeTitleXxsFont", attributes: { category: "size", type: "type", item: "title-xxs", subitem: "font", }, path: ["size", "type", "title-xxs", "font"], }, { value: "0.75rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 12 }, name: "SizeTypeTitleXxsLine", attributes: { category: "size", type: "type", item: "title-xxs", subitem: "line", }, path: ["size", "type", "title-xxs", "line"], }, { value: "0.875rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 14 }, name: "SizeTypeTitleXsFont", attributes: { category: "size", type: "type", item: "title-xs", subitem: "font", }, path: ["size", "type", "title-xs", "font"], }, { value: "0.875rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 14 }, name: "SizeTypeTitleXsLine", attributes: { category: "size", type: "type", item: "title-xs", subitem: "line", }, path: ["size", "type", "title-xs", "line"], }, { value: "1rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 16 }, name: "SizeTypeTitleSmFont", attributes: { category: "size", type: "type", item: "title-sm", subitem: "font", }, path: ["size", "type", "title-sm", "font"], }, { value: "1rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 16 }, name: "SizeTypeTitleSmLine", attributes: { category: "size", type: "type", item: "title-sm", subitem: "line", }, path: ["size", "type", "title-sm", "line"], }, { value: "1.125rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 18 }, name: "SizeTypeTitleMdFont", attributes: { category: "size", type: "type", item: "title-md", subitem: "font", }, path: ["size", "type", "title-md", "font"], }, { value: "1.125rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 18 }, name: "SizeTypeTitleMdLine", attributes: { category: "size", type: "type", item: "title-md", subitem: "line", }, path: ["size", "type", "title-md", "line"], }, { value: "1.25rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 20 }, name: "SizeTypeTitleLgFont", attributes: { category: "size", type: "type", item: "title-lg", subitem: "font", }, path: ["size", "type", "title-lg", "font"], }, { value: "1.25rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 20 }, name: "SizeTypeTitleLgLine", attributes: { category: "size", type: "type", item: "title-lg", subitem: "line", }, path: ["size", "type", "title-lg", "line"], }, { value: "1.5rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 24 }, name: "SizeTypeTitleXlFont", attributes: { category: "size", type: "type", item: "title-xl", subitem: "font", }, path: ["size", "type", "title-xl", "font"], }, { value: "1.5rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 24 }, name: "SizeTypeTitleXlLine", attributes: { category: "size", type: "type", item: "title-xl", subitem: "line", }, path: ["size", "type", "title-xl", "line"], }, { value: 400, filePath: "src/tokens/type/type.json", isSource: true, original: { value: 400 }, name: "TypeWeightNormal", attributes: { category: "type", type: "weight", item: "normal" }, path: ["type", "weight", "normal"], }, { value: 600, filePath: "src/tokens/type/type.json", isSource: true, original: { value: 600 }, name: "TypeWeightBold", attributes: { category: "type", type: "weight", item: "bold" }, path: ["type", "weight", "bold"], }, { value: "none", filePath: "src/tokens/type/type.json", isSource: true, original: { value: "none" }, name: "TypeDecorationNone", attributes: { category: "type", type: "decoration", item: "none" }, path: ["type", "decoration", "none"], }, ], tokens: { asset: { font: { "Source Sans Pro": { "400": { normal: { value: "fonts/source-sans-pro-v9-latin-regular", formats: ["woff2", "woff"], filePath: "src/tokens/asset/font.json", isSource: true, original: { value: "fonts/source-sans-pro-v9-latin-regular", formats: ["woff2", "woff"], }, name: "AssetFontSourceSansPro400Normal", attributes: { category: "asset", type: "font", item: "Source Sans Pro", subitem: "400", state: "normal", family: "Source Sans Pro", weight: "400", style: "normal", }, path: ["asset", "font", "Source Sans Pro", "400", "normal"], }, italic: { value: "fonts/source-sans-pro-v9-latin-italic", formats: ["woff2", "woff"], filePath: "src/tokens/asset/font.json", isSource: true, original: { value: "fonts/source-sans-pro-v9-latin-italic", formats: ["woff2", "woff"], }, name: "AssetFontSourceSansPro400Italic", attributes: { category: "asset", type: "font", item: "Source Sans Pro", subitem: "400", state: "italic", family: "Source Sans Pro", weight: "400", style: "italic", }, path: ["asset", "font", "Source Sans Pro", "400", "italic"], }, }, "600": { normal: { value: "fonts/source-sans-pro-v9-latin-600", formats: ["woff2", "woff"], filePath: "src/tokens/asset/font.json", isSource: true, original: { value: "fonts/source-sans-pro-v9-latin-600", formats: ["woff2", "woff"], }, name: "AssetFontSourceSansPro600Normal", attributes: { category: "asset", type: "font", item: "Source Sans Pro", subitem: "600", state: "normal", family: "Source Sans Pro", weight: "600", style: "normal", }, path: ["asset", "font", "Source Sans Pro", "600", "normal"], }, italic: { value: "fonts/source-sans-pro-v9-latin-600italic", formats: ["woff2", "woff"], filePath: "src/tokens/asset/font.json", isSource: true, original: { value: "fonts/source-sans-pro-v9-latin-600italic", formats: ["woff2", "woff"], }, name: "AssetFontSourceSansPro600Italic", attributes: { category: "asset", type: "font", item: "Source Sans Pro", subitem: "600", state: "italic", family: "Source Sans Pro", weight: "600", style: "italic", }, path: ["asset", "font", "Source Sans Pro", "600", "italic"], }, }, }, "Source Code Pro": { "400": { normal: { value: "fonts/source-code-pro-v6-latin-regular", formats: ["woff2", "woff"], filePath: "src/tokens/asset/font.json", isSource: true, original: { value: "fonts/source-code-pro-v6-latin-regular", formats: ["woff2", "woff"], }, name: "AssetFontSourceCodePro400Normal", attributes: { category: "asset", type: "font", item: "Source Code Pro", subitem: "400", state: "normal", family: "Source Code Pro", weight: "400", style: "normal", }, path: ["asset", "font", "Source Code Pro", "400", "normal"], }, italic: { value: "fonts/source-code-pro-v6-latin-italic", formats: ["woff2", "woff"], filePath: "src/tokens/asset/font.json", isSource: true, original: { value: "fonts/source-code-pro-v6-latin-italic", formats: ["woff2", "woff"], }, name: "AssetFontSourceCodePro400Italic", attributes: { category: "asset", type: "font", item: "Source Code Pro", subitem: "400", state: "italic", family: "Source Code Pro", weight: "400", style: "italic", }, path: ["asset", "font", "Source Code Pro", "400", "italic"], }, }, "600": { normal: { value: "fonts/source-code-pro-v6-latin-600", formats: ["woff2", "woff"], filePath: "src/tokens/asset/font.json", isSource: true, original: { value: "fonts/source-code-pro-v6-latin-600", formats: ["woff2", "woff"], }, name: "AssetFontSourceCodePro600Normal", attributes: { category: "asset", type: "font", item: "Source Code Pro", subitem: "600", state: "normal", family: "Source Code Pro", weight: "600", style: "normal", }, path: ["asset", "font", "Source Code Pro", "600", "normal"], }, italic: { value: "fonts/source-code-pro-v6-latin-600italic", formats: ["woff2", "woff"], filePath: "src/tokens/asset/font.json", isSource: true, original: { value: "fonts/source-code-pro-v6-latin-600italic", formats: ["woff2", "woff"], }, name: "AssetFontSourceCodePro600Italic", attributes: { category: "asset", type: "font", item: "Source Code Pro", subitem: "600", state: "italic", family: "Source Code Pro", weight: "600", style: "italic", }, path: ["asset", "font", "Source Code Pro", "600", "italic"], }, }, }, "SPS-Icons": { "400": { normal: { value: "fonts/icomoon-sps-icons", formats: ["svg", "truetype", "woff", "woff2"], filePath: "src/tokens/asset/font.json", isSource: true, original: { value: "fonts/icomoon-sps-icons", formats: ["svg", "truetype", "woff", "woff2"], }, name: "AssetFontSpsIcons400Normal", attributes: { category: "asset", type: "font", item: "SPS-Icons", subitem: "400", state: "normal", family: "SPS-Icons", weight: "400", style: "normal", }, path: ["asset", "font", "SPS-Icons", "400", "normal"], }, }, }, }, }, border: { style: { standard: { value: "solid", filePath: "src/tokens/border/border.json", isSource: true, original: { value: "solid" }, name: "BorderStyleStandard", attributes: { category: "border", type: "style", item: "standard" }, path: ["border", "style", "standard"], }, }, }, color: { red: { light: { value: "#fbe6eaff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#FBE6EA" }, name: "ColorRedLight", attributes: { category: "color", type: "red", item: "light" }, path: ["color", "red", "light"], }, medium: { value: "#de002eff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#DE002E" }, name: "ColorRedMedium", attributes: { category: "color", type: "red", item: "medium" }, path: ["color", "red", "medium"], }, dark: { value: "#a30d2dff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#A30D2D" }, name: "ColorRedDark", attributes: { category: "color", type: "red", item: "dark" }, path: ["color", "red", "dark"], }, }, blue: { "extra-light": { value: "#f2f8fbff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#F2F8FB" }, name: "ColorBlueExtraLight", attributes: { category: "color", type: "blue", item: "extra-light" }, path: ["color", "blue", "extra-light"], }, light: { value: "#e6f2f8ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#E6F2F8" }, name: "ColorBlueLight", attributes: { category: "color", type: "blue", item: "light" }, path: ["color", "blue", "light"], }, medium: { value: "#007db8ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#007DB8" }, name: "ColorBlueMedium", attributes: { category: "color", type: "blue", item: "medium" }, path: ["color", "blue", "medium"], }, dark: { value: "#09638dff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#09638D" }, name: "ColorBlueDark", attributes: { category: "color", type: "blue", item: "dark" }, path: ["color", "blue", "dark"], }, }, green: { light: { value: "#e7f3ecff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#E7F3EC" }, name: "ColorGreenLight", attributes: { category: "color", type: "green", item: "light" }, path: ["color", "green", "light"], }, medium: { value: "#0b8940ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#0B8940" }, name: "ColorGreenMedium", attributes: { category: "color", type: "green", item: "medium" }, path: ["color", "green", "medium"], }, dark: { value: "#106b39ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#106B39" }, name: "ColorGreenDark", attributes: { category: "color", type: "green", item: "dark" }, path: ["color", "green", "dark"], }, }, purple: { light: { value: "#f4ecf2ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#F4ECF2" }, name: "ColorPurpleLight", attributes: { category: "color", type: "purple", item: "light" }, path: ["color", "purple", "light"], }, "medium-light": { value: "#e3d0deff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#E3D0DE" }, name: "ColorPurpleMediumLight", attributes: { category: "color", type: "purple", item: "medium-light", }, path: ["color", "purple", "medium-light"], }, medium: { value: "#91467fff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#91467F" }, name: "ColorPurpleMedium", attributes: { category: "color", type: "purple", item: "medium" }, path: ["color", "purple", "medium"], }, dark: { value: "#6e3c65ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#6E3C65" }, name: "ColorPurpleDark", attributes: { category: "color", type: "purple", item: "dark" }, path: ["color", "purple", "dark"], }, }, orange: { light: { value: "#fcf1e7ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#FCF1E7" }, name: "ColorOrangeLight", attributes: { category: "color", type: "orange", item: "light" }, path: ["color", "orange", "light"], }, medium: { value: "#e7760bff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#E7760B" }, name: "ColorOrangeMedium", attributes: { category: "color", type: "orange", item: "medium" }, path: ["color", "orange", "medium"], }, dark: { value: "#aa5e14ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#AA5E14" }, name: "ColorOrangeDark", attributes: { category: "color", type: "orange", item: "dark" }, path: ["color", "orange", "dark"], }, }, grey: { "extra-light": { value: "#f3f4f4ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#F3F4F4" }, name: "ColorGreyExtraLight", attributes: { category: "color", type: "grey", item: "extra-light" }, path: ["color", "grey", "extra-light"], }, "extra-light-80": { value: "#f3f4f4cc", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#F3F4F4CC" }, name: "ColorGreyExtraLight80", attributes: { category: "color", type: "grey", item: "extra-light-80", }, path: ["color", "grey", "extra-light-80"], }, light: { value: "#e9e9eaff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#E9E9EA" }, name: "ColorGreyLight", attributes: { category: "color", type: "grey", item: "light" }, path: ["color", "grey", "light"], }, "medium-light": { value: "#d2d4d4ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#D2D4D4" }, name: "ColorGreyMediumLight", attributes: { category: "color", type: "grey", item: "medium-light" }, path: ["color", "grey", "medium-light"], }, medium: { value: "#717779ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#717779" }, name: "ColorGreyMedium", attributes: { category: "color", type: "grey", item: "medium" }, path: ["color", "grey", "medium"], }, "medium-dark": { value: "#4b5356ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#4B5356" }, name: "ColorGreyMediumDark", attributes: { category: "color", type: "grey", item: "medium-dark" }, path: ["color", "grey", "medium-dark"], }, dark: { value: "#1f282cff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#1F282C" }, name: "ColorGreyDark", attributes: { category: "color", type: "grey", item: "dark" }, path: ["color", "grey", "dark"], }, "dark-10": { value: "#1f282c1a", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#1F282C1A" }, name: "ColorGreyDark10", attributes: { category: "color", type: "grey", item: "dark-10" }, path: ["color", "grey", "dark-10"], }, "dark-25": { value: "#1f282c40", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#1F282C40" }, name: "ColorGreyDark25", attributes: { category: "color", type: "grey", item: "dark-25" }, path: ["color", "grey", "dark-25"], }, "dark-50": { value: "#1f282c80", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#1F282C80" }, name: "ColorGreyDark50", attributes: { category: "color", type: "grey", item: "dark-50" }, path: ["color", "grey", "dark-50"], }, }, yellow: { light: { value: "#fff8e0ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#FFF8E0" }, name: "ColorYellowLight", attributes: { category: "color", type: "yellow", item: "light" }, path: ["color", "yellow", "light"], }, medium: { value: "#ffcc00ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#FFCC00" }, name: "ColorYellowMedium", attributes: { category: "color", type: "yellow", item: "medium" }, path: ["color", "yellow", "medium"], }, }, white: { value: "#ffffffff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#FFFFFF" }, name: "ColorWhite", attributes: { category: "color", type: "white" }, path: ["color", "white"], }, "white-80": { value: "#ffffffcc", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#FFFFFFCC" }, name: "ColorWhite80", attributes: { category: "color", type: "white-80" }, path: ["color", "white-80"], }, black: { value: "#000000ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#000000" }, name: "ColorBlack", attributes: { category: "color", type: "black" }, path: ["color", "black"], }, transparent: { value: "#00000000", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "transparent" }, name: "ColorTransparent", attributes: { category: "color", type: "transparent" }, path: ["color", "transparent"], }, }, component: { "action-bar": { "background-color": { value: "#ffffffff", filePath: "src/tokens/component/action-bar.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentActionBarBackgroundColor", attributes: { category: "component", type: "action-bar", item: "background-color", }, path: ["component", "action-bar", "background-color"], }, "main-content-height": { value: "2rem", filePath: "src/tokens/component/action-bar.json", isSource: true, original: { value: "{size.system.lg.value}" }, name: "ComponentActionBarMainContentHeight", attributes: { category: "component", type: "action-bar", item: "main-content-height", }, path: ["component", "action-bar", "main-content-height"], }, "max-content-width": { value: "1280px", filePath: "src/tokens/component/action-bar.json", isSource: true, original: { value: "{size.component.action-bar.max-content-width.value}", }, name: "ComponentActionBarMaxContentWidth", attributes: { category: "component", type: "action-bar", item: "max-content-width", }, path: ["component", "action-bar", "max-content-width"], }, "content-padding": { value: "1.25rem", filePath: "src/tokens/component/action-bar.json", isSource: true, original: { value: "{size.component.action-bar.content-padding.value}", }, name: "ComponentActionBarContentPadding", attributes: { category: "component", type: "action-bar", item: "content-padding", }, path: ["component", "action-bar", "content-padding"], }, padding: { value: "0.5rem", filePath: "src/tokens/component/action-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentActionBarPadding", attributes: { category: "component", type: "action-bar", item: "padding", }, path: ["component", "action-bar", "padding"], }, shadow: { value: "0 0 0.25rem 0.25rem #1f282c1a", filePath: "src/tokens/component/action-bar.json", isSource: true, original: { value: "{shadow.fixed-container.value}" }, name: "ComponentActionBarShadow", attributes: { category: "component", type: "action-bar", item: "shadow", }, path: ["component", "action-bar", "shadow"], }, }, "add-to-list": { lists: { "individual-gutter-margin": { value: "1rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentAddToListListsIndividualGutterMargin", attributes: { category: "component", type: "add-to-list", item: "lists", subitem: "individual-gutter-margin", }, path: [ "component", "add-to-list", "lists", "individual-gutter-margin", ], }, }, item: { dragHandle: { width: { value: "0.375rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.drag-handle.width.value}", }, name: "ComponentAddToListItemDragHandleWidth", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "dragHandle", state: "width", }, path: ["component", "add-to-list", "item", "dragHandle", "width"], }, height: { value: "1.125rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.drag-handle.height.value}", }, name: "ComponentAddToListItemDragHandleHeight", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "dragHandle", state: "height", }, path: [ "component", "add-to-list", "item", "dragHandle", "height", ], }, lineHeight: { value: "1.125rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.type.body-sm.line.value}" }, name: "ComponentAddToListItemDragHandleLineHeight", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "dragHandle", state: "lineHeight", }, path: [ "component", "add-to-list", "item", "dragHandle", "lineHeight", ], }, padding: { right: { value: "1rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentAddToListItemDragHandlePaddingRight", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "dragHandle", state: "padding", }, path: [ "component", "add-to-list", "item", "dragHandle", "padding", "right", ], }, }, background: { value: "url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgOCAxOCIgd2lkdGg9IjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE2IDcwODFoM3YzaC0zem0wIDVoM3YzaC0zem0wIDVoM3YzaC0zem0wIDVoM3YzaC0zem01LTE1aDN2M2gtM3ptMCA1aDN2M2gtM3ptMCA1aDN2M2gtM3ptMCA1aDN2M2gtM3oiIGZpbGw9IiNhNWE5YWIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE2IC03MDgxKSIvPjwvc3ZnPg==') no-repeat left center", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgOCAxOCIgd2lkdGg9IjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE2IDcwODFoM3YzaC0zem0wIDVoM3YzaC0zem0wIDVoM3YzaC0zem0wIDVoM3YzaC0zem01LTE1aDN2M2gtM3ptMCA1aDN2M2gtM3ptMCA1aDN2M2gtM3ptMCA1aDN2M2gtM3oiIGZpbGw9IiNhNWE5YWIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE2IC03MDgxKSIvPjwvc3ZnPg==') no-repeat left center", }, name: "ComponentAddToListItemDragHandleBackground", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "dragHandle", state: "background", }, path: [ "component", "add-to-list", "item", "dragHandle", "background", ], }, disabled: { opacity: { value: 0.25, filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: 0.25 }, name: "ComponentAddToListItemDragHandleDisabledOpacity", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "dragHandle", state: "disabled", }, path: [ "component", "add-to-list", "item", "dragHandle", "disabled", "opacity", ], }, }, }, lineHeight: { value: "1.125rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.type.body-sm.line.value}" }, name: "ComponentAddToListItemLineHeight", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "lineHeight", }, path: ["component", "add-to-list", "item", "lineHeight"], }, fontSize: { value: "0.75rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "ComponentAddToListItemFontSize", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "fontSize", }, path: ["component", "add-to-list", "item", "fontSize"], }, width: { value: "100%", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "100%" }, name: "ComponentAddToListItemWidth", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "width", }, path: ["component", "add-to-list", "item", "width"], }, minWidth: { value: "17.75rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.item.minwidth.value}", }, name: "ComponentAddToListItemMinWidth", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "minWidth", }, path: ["component", "add-to-list", "item", "minWidth"], }, padding: { value: "0.75rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.item.padding.value}", }, name: "ComponentAddToListItemPadding", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "padding", }, path: ["component", "add-to-list", "item", "padding"], }, border: { weight: { value: "0.0625rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentAddToListItemBorderWeight", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "border", state: "weight", }, path: ["component", "add-to-list", "item", "border", "weight"], }, style: { value: "solid", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentAddToListItemBorderStyle", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "border", state: "style", }, path: ["component", "add-to-list", "item", "border", "style"], }, color: { value: "#d2d4d4ff", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentAddToListItemBorderColor", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "border", state: "color", }, path: ["component", "add-to-list", "item", "border", "color"], }, }, dragging: { backgroundColor: { value: "#e6f2f8ff", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{color.blue.light.value}" }, name: "ComponentAddToListItemDraggingBackgroundColor", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "dragging", state: "backgroundColor", }, path: [ "component", "add-to-list", "item", "dragging", "backgroundColor", ], }, }, closeButton: { right: { value: "0.375rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.close-button.right.value}", }, name: "ComponentAddToListItemCloseButtonRight", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "closeButton", state: "right", }, path: [ "component", "add-to-list", "item", "closeButton", "right", ], }, top: { value: "0.625rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.close-button.top.value}", }, name: "ComponentAddToListItemCloseButtonTop", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "closeButton", state: "top", }, path: ["component", "add-to-list", "item", "closeButton", "top"], }, }, dropTarget: { boxShadow: { color: { value: "#007db8ff", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentAddToListItemDropTargetBoxShadowColor", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "dropTarget", state: "boxShadow", }, path: [ "component", "add-to-list", "item", "dropTarget", "boxShadow", "color", ], }, offsetY: { value: "0.25rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.system.xs.value}" }, name: "ComponentAddToListItemDropTargetBoxShadowOffsetY", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "dropTarget", state: "boxShadow", }, path: [ "component", "add-to-list", "item", "dropTarget", "boxShadow", "offsetY", ], }, }, }, }, heading: { fontSize: { value: "0.875rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentAddToListHeadingFontSize", attributes: { category: "component", type: "add-to-list", item: "heading", subitem: "fontSize", }, path: ["component", "add-to-list", "heading", "fontSize"], }, lineHeight: { value: "1.25rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentAddToListHeadingLineHeight", attributes: { category: "component", type: "add-to-list", item: "heading", subitem: "lineHeight", }, path: ["component", "add-to-list", "heading", "lineHeight"], }, marginBottom: { value: "0.25rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentAddToListHeadingMarginBottom", attributes: { category: "component", type: "add-to-list", item: "heading", subitem: "marginBottom", }, path: ["component", "add-to-list", "heading", "marginBottom"], }, icon: { fontSize: { value: "0.875rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentAddToListHeadingIconFontSize", attributes: { category: "component", type: "add-to-list", item: "heading", subitem: "icon", state: "fontSize", }, path: ["component", "add-to-list", "heading", "icon", "fontSize"], }, lineHeight: { value: "1.25rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentAddToListHeadingIconLineHeight", attributes: { category: "component", type: "add-to-list", item: "heading", subitem: "icon", state: "lineHeight", }, path: [ "component", "add-to-list", "heading", "icon", "lineHeight", ], }, marginRight: { value: "0.25rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentAddToListHeadingIconMarginRight", attributes: { category: "component", type: "add-to-list", item: "heading", subitem: "icon", state: "marginRight", }, path: [ "component", "add-to-list", "heading", "icon", "marginRight", ], }, }, tag: { marginLeft: { value: "0.25rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentAddToListHeadingTagMarginLeft", attributes: { category: "component", type: "add-to-list", item: "heading", subitem: "tag", state: "marginLeft", }, path: [ "component", "add-to-list", "heading", "tag", "marginLeft", ], }, }, fontWeight: { value: 600, filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentAddToListHeadingFontWeight", attributes: { category: "component", type: "add-to-list", item: "heading", subitem: "fontWeight", }, path: ["component", "add-to-list", "heading", "fontWeight"], }, }, leftList: { marginRight: { value: "1rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentAddToListLeftListMarginRight", attributes: { category: "component", type: "add-to-list", item: "leftList", subitem: "marginRight", }, path: ["component", "add-to-list", "leftList", "marginRight"], }, vertical: { marginRight: { value: "0", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.leftList.vertical.marginRight.value}", }, name: "ComponentAddToListLeftListVerticalMarginRight", attributes: { category: "component", type: "add-to-list", item: "leftList", subitem: "vertical", state: "marginRight", }, path: [ "component", "add-to-list", "leftList", "vertical", "marginRight", ], }, marginBottom: { value: "1.375rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.leftList.vertical.marginBottom.value}", }, name: "ComponentAddToListLeftListVerticalMarginBottom", attributes: { category: "component", type: "add-to-list", item: "leftList", subitem: "vertical", state: "marginBottom", }, path: [ "component", "add-to-list", "leftList", "vertical", "marginBottom", ], }, }, }, rightList: { marginLeft: { value: "1rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentAddToListRightListMarginLeft", attributes: { category: "component", type: "add-to-list", item: "rightList", subitem: "marginLeft", }, path: ["component", "add-to-list", "rightList", "marginLeft"], }, vertical: { marginLeft: { value: "0", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.rightList.vertical.marginLeft.value}", }, name: "ComponentAddToListRightListVerticalMarginLeft", attributes: { category: "component", type: "add-to-list", item: "rightList", subitem: "vertical", state: "marginLeft", }, path: [ "component", "add-to-list", "rightList", "vertical", "marginLeft", ], }, }, }, separator: { width: { value: "0.0625rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentAddToListSeparatorWidth", attributes: { category: "component", type: "add-to-list", item: "separator", subitem: "width", }, path: ["component", "add-to-list", "separator", "width"], }, leftAdjustment: { value: "1rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentAddToListSeparatorLeftAdjustment", attributes: { category: "component", type: "add-to-list", item: "separator", subitem: "leftAdjustment", }, path: ["component", "add-to-list", "separator", "leftAdjustment"], }, heightAdjustmentForPhantomDroppableContainer: { value: "1.5625rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.phantomDroppableContainerTotalHeight.value}", }, name: "ComponentAddToListSeparatorHeightAdjustmentForPhantomDroppableContainer", attributes: { category: "component", type: "add-to-list", item: "separator", subitem: "heightAdjustmentForPhantomDroppableContainer", }, path: [ "component", "add-to-list", "separator", "heightAdjustmentForPhantomDroppableContainer", ], }, }, listComponentWrapper: { widthAdjustment: { value: "1rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentAddToListListComponentWrapperWidthAdjustment", attributes: { category: "component", type: "add-to-list", item: "listComponentWrapper", subitem: "widthAdjustment", }, path: [ "component", "add-to-list", "listComponentWrapper", "widthAdjustment", ], }, vertical: { width: { value: "100%", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "100%" }, name: "ComponentAddToListListComponentWrapperVerticalWidth", attributes: { category: "component", type: "add-to-list", item: "listComponentWrapper", subitem: "vertical", state: "width", }, path: [ "component", "add-to-list", "listComponentWrapper", "vertical", "width", ], }, }, }, draggableBox: { isDragging: { backgroundColor: { value: "#f3f4f4ff", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentAddToListDraggableBoxIsDraggingBackgroundColor", attributes: { category: "component", type: "add-to-list", item: "draggableBox", subitem: "isDragging", state: "backgroundColor", }, path: [ "component", "add-to-list", "draggableBox", "isDragging", "backgroundColor", ], }, color: { value: "#717779ff", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentAddToListDraggableBoxIsDraggingColor", attributes: { category: "component", type: "add-to-list", item: "draggableBox", subitem: "isDragging", state: "color", }, path: [ "component", "add-to-list", "draggableBox", "isDragging", "color", ], }, }, }, filterContainer: { marginBottom: { value: "1.25rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.filterContainer.marginBottom.value}", }, name: "ComponentAddToListFilterContainerMarginBottom", attributes: { category: "component", type: "add-to-list", item: "filterContainer", subitem: "marginBottom", }, path: [ "component", "add-to-list", "filterContainer", "marginBottom", ], }, }, moveAllButtonAdjustmentForPhantomDroppableContainer: { marginTop: { value: "1.5625rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.phantomDroppableContainerTotalHeight.value}", }, name: "ComponentAddToListMoveAllButtonAdjustmentForPhantomDroppableContainerMarginTop", attributes: { category: "component", type: "add-to-list", item: "moveAllButtonAdjustmentForPhantomDroppableContainer", subitem: "marginTop", }, path: [ "component", "add-to-list", "moveAllButtonAdjustmentForPhantomDroppableContainer", "marginTop", ], }, }, }, "advanced-search": { background: { value: "#ffffffff", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentAdvancedSearchBackground", attributes: { category: "component", type: "advanced-search", item: "background", }, path: ["component", "advanced-search", "background"], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentAdvancedSearchBorderColor", attributes: { category: "component", type: "advanced-search", item: "border-color", }, path: ["component", "advanced-search", "border-color"], }, "border-radius-bottom": { value: "0.25rem", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{size.border.radius.xs}" }, name: "ComponentAdvancedSearchBorderRadiusBottom", attributes: { category: "component", type: "advanced-search", item: "border-radius-bottom", }, path: ["component", "advanced-search", "border-radius-bottom"], }, "border-radius-top": { value: "0", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{size.border.radius.none.value}" }, name: "ComponentAdvancedSearchBorderRadiusTop", attributes: { category: "component", type: "advanced-search", item: "border-radius-top", }, path: ["component", "advanced-search", "border-radius-top"], }, "border-style": { value: "solid", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentAdvancedSearchBorderStyle", attributes: { category: "component", type: "advanced-search", item: "border-style", }, path: ["component", "advanced-search", "border-style"], }, "border-width": { value: "0.0625rem", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentAdvancedSearchBorderWidth", attributes: { category: "component", type: "advanced-search", item: "border-width", }, path: ["component", "advanced-search", "border-width"], }, "border-width-top": { value: "0", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{size.border.width.none.value}" }, name: "ComponentAdvancedSearchBorderWidthTop", attributes: { category: "component", type: "advanced-search", item: "border-width-top", }, path: ["component", "advanced-search", "border-width-top"], }, "margin-top": { value: "0.625rem", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{size.component.advanced-search.margin-top.value}", }, name: "ComponentAdvancedSearchMarginTop", attributes: { category: "component", type: "advanced-search", item: "margin-top", }, path: ["component", "advanced-search", "margin-top"], }, "margin-bottom": { value: "1rem", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentAdvancedSearchMarginBottom", attributes: { category: "component", type: "advanced-search", item: "margin-bottom", }, path: ["component", "advanced-search", "margin-bottom"], }, "form-padding": { value: "1rem", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentAdvancedSearchFormPadding", attributes: { category: "component", type: "advanced-search", item: "form-padding", }, path: ["component", "advanced-search", "form-padding"], }, footer: { background: { value: "#f3f4f4ff", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentAdvancedSearchFooterBackground", attributes: { category: "component", type: "advanced-search", item: "footer", subitem: "background", }, path: ["component", "advanced-search", "footer", "background"], }, padding: { value: "0.5rem", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentAdvancedSearchFooterPadding", attributes: { category: "component", type: "advanced-search", item: "footer", subitem: "padding", }, path: ["component", "advanced-search", "footer", "padding"], }, }, }, button: { kind: { default: { background: { value: "#e9e9eaff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentButtonKindDefaultBackground", attributes: { category: "component", type: "button", item: "kind", subitem: "default", state: "background", }, path: ["component", "button", "kind", "default", "background"], }, "hover-background": { value: "#d2d4d4ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentButtonKindDefaultHoverBackground", attributes: { category: "component", type: "button", item: "kind", subitem: "default", state: "hover-background", }, path: [ "component", "button", "kind", "default", "hover-background", ], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentButtonKindDefaultBorderColor", attributes: { category: "component", type: "button", item: "kind", subitem: "default", state: "border-color", }, path: ["component", "button", "kind", "default", "border-color"], }, }, link: { "text-color": { value: "#007db8ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentButtonKindLinkTextColor", attributes: { category: "component", type: "button", item: "kind", subitem: "link", state: "text-color", }, path: ["component", "button", "kind", "link", "text-color"], }, "text-color-hover": { value: "#09638dff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentButtonKindLinkTextColorHover", attributes: { category: "component", type: "button", item: "kind", subitem: "link", state: "text-color-hover", }, path: ["component", "button", "kind", "link", "text-color-hover"], }, }, icon: { "hover-background": { value: "#d2d4d4ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentButtonKindIconHoverBackground", attributes: { category: "component", type: "button", item: "kind", subitem: "icon", state: "hover-background", }, path: ["component", "button", "kind", "icon", "hover-background"], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentButtonKindIconBorderColor", attributes: { category: "component", type: "button", item: "kind", subitem: "icon", state: "border-color", }, path: ["component", "button", "kind", "icon", "border-color"], }, "padding-vertical": { value: "0.25rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentButtonKindIconPaddingVertical", attributes: { category: "component", type: "button", item: "kind", subitem: "icon", state: "padding-vertical", }, path: ["component", "button", "kind", "icon", "padding-vertical"], }, "padding-horizontal": { value: "0.5rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentButtonKindIconPaddingHorizontal", attributes: { category: "component", type: "button", item: "kind", subitem: "icon", state: "padding-horizontal", }, path: [ "component", "button", "kind", "icon", "padding-horizontal", ], }, }, confirm: { background: { value: "#007db8ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentButtonKindConfirmBackground", attributes: { category: "component", type: "button", item: "kind", subitem: "confirm", state: "background", }, path: ["component", "button", "kind", "confirm", "background"], }, "hover-background": { value: "#09638dff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentButtonKindConfirmHoverBackground", attributes: { category: "component", type: "button", item: "kind", subitem: "confirm", state: "hover-background", }, path: [ "component", "button", "kind", "confirm", "hover-background", ], }, "border-color": { value: "#09638dff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentButtonKindConfirmBorderColor", attributes: { category: "component", type: "button", item: "kind", subitem: "confirm", state: "border-color", }, path: ["component", "button", "kind", "confirm", "border-color"], }, }, delete: { background: { value: "#de002eff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentButtonKindDeleteBackground", attributes: { category: "component", type: "button", item: "kind", subitem: "delete", state: "background", }, path: ["component", "button", "kind", "delete", "background"], }, "hover-background": { value: "#a30d2dff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.red.dark.value}" }, name: "ComponentButtonKindDeleteHoverBackground", attributes: { category: "component", type: "button", item: "kind", subitem: "delete", state: "hover-background", }, path: [ "component", "button", "kind", "delete", "hover-background", ], }, "border-color": { value: "#a30d2dff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.red.dark.value}" }, name: "ComponentButtonKindDeleteBorderColor", attributes: { category: "component", type: "button", item: "kind", subitem: "delete", state: "border-color", }, path: ["component", "button", "kind", "delete", "border-color"], }, }, key: { background: { value: "#4b5356ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentButtonKindKeyBackground", attributes: { category: "component", type: "button", item: "kind", subitem: "key", state: "background", }, path: ["component", "button", "kind", "key", "background"], }, "hover-background": { value: "#1f282cff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentButtonKindKeyHoverBackground", attributes: { category: "component", type: "button", item: "kind", subitem: "key", state: "hover-background", }, path: ["component", "button", "kind", "key", "hover-background"], }, "border-color": { value: "#1f282cff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentButtonKindKeyBorderColor", attributes: { category: "component", type: "button", item: "kind", subitem: "key", state: "border-color", }, path: ["component", "button", "kind", "key", "border-color"], }, }, }, border: { style: { value: "solid", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentButtonBorderStyle", attributes: { category: "component", type: "button", item: "border", subitem: "style", }, path: ["component", "button", "border", "style"], }, width: { value: "0.0625rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentButtonBorderWidth", attributes: { category: "component", type: "button", item: "border", subitem: "width", }, path: ["component", "button", "border", "width"], }, radius: { value: "0.25rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentButtonBorderRadius", attributes: { category: "component", type: "button", item: "border", subitem: "radius", }, path: ["component", "button", "border", "radius"], }, }, "disabled-background": { value: "#ffffffff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentButtonDisabledBackground", attributes: { category: "component", type: "button", item: "disabled-background", }, path: ["component", "button", "disabled-background"], }, spinner: { "margin-vertical": { value: "0.875rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.component.button.spinner-margin-vertical.value}", }, name: "ComponentButtonSpinnerMarginVertical", attributes: { category: "component", type: "button", item: "spinner", subitem: "margin-vertical", }, path: ["component", "button", "spinner", "margin-vertical"], }, "margin-horizontal": { value: "0.4375rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.component.button.spinner-margin-horizontal.value}", }, name: "ComponentButtonSpinnerMarginHorizontal", attributes: { category: "component", type: "button", item: "spinner", subitem: "margin-horizontal", }, path: ["component", "button", "spinner", "margin-horizontal"], }, "border-width": { value: "0.125rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.component.button.spinner-border-width.value}", }, name: "ComponentButtonSpinnerBorderWidth", attributes: { category: "component", type: "button", item: "spinner", subitem: "border-width", }, path: ["component", "button", "spinner", "border-width"], }, size: { value: "0.875rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.component.button.spinner-size}" }, name: "ComponentButtonSpinnerSize", attributes: { category: "component", type: "button", item: "spinner", subitem: "size", }, path: ["component", "button", "spinner", "size"], }, }, "font-size": { value: "0.75rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.type.component-sm.font.value}" }, name: "ComponentButtonFontSize", attributes: { category: "component", type: "button", item: "font-size", }, path: ["component", "button", "font-size"], }, "font-weight": { value: 600, filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentButtonFontWeight", attributes: { category: "component", type: "button", item: "font-weight", }, path: ["component", "button", "font-weight"], }, "line-height": { value: "0.875rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.type.component-sm.line.value}" }, name: "ComponentButtonLineHeight", attributes: { category: "component", type: "button", item: "line-height", }, path: ["component", "button", "line-height"], }, "text-color-dark": { value: "#4b5356ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentButtonTextColorDark", attributes: { category: "component", type: "button", item: "text-color-dark", }, path: ["component", "button", "text-color-dark"], }, "text-color-light": { value: "#ffffffff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentButtonTextColorLight", attributes: { category: "component", type: "button", item: "text-color-light", }, path: ["component", "button", "text-color-light"], }, "text-color-disabled": { value: "#717779ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentButtonTextColorDisabled", attributes: { category: "component", type: "button", item: "text-color-disabled", }, path: ["component", "button", "text-color-disabled"], }, "text-color-link": { value: "#007db8ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentButtonTextColorLink", attributes: { category: "component", type: "button", item: "text-color-link", }, path: ["component", "button", "text-color-link"], }, "text-color-link-hover": { value: "#09638dff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentButtonTextColorLinkHover", attributes: { category: "component", type: "button", item: "text-color-link-hover", }, path: ["component", "button", "text-color-link-hover"], }, "padding-vertical": { value: "0.5rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentButtonPaddingVertical", attributes: { category: "component", type: "button", item: "padding-vertical", }, path: ["component", "button", "padding-vertical"], }, "padding-horizontal": { value: "1rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentButtonPaddingHorizontal", attributes: { category: "component", type: "button", item: "padding-horizontal", }, path: ["component", "button", "padding-horizontal"], }, "icon-font-size": { value: "0.875rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentButtonIconFontSize", attributes: { category: "component", type: "button", item: "icon-font-size", }, path: ["component", "button", "icon-font-size"], }, "icon-margin": { value: "0.5rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentButtonIconMargin", attributes: { category: "component", type: "button", item: "icon-margin", }, path: ["component", "button", "icon-margin"], }, "text-icon-margin": { value: "0.25rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentButtonTextIconMargin", attributes: { category: "component", type: "button", item: "text-icon-margin", }, path: ["component", "button", "text-icon-margin"], }, "icon-top": { value: "0.125rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentButtonIconTop", attributes: { category: "component", type: "button", item: "icon-top", }, path: ["component", "button", "icon-top"], }, }, "cap-content": { padding: { value: "0.5rem", filePath: "src/tokens/component/cap-content.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentCapContentPadding", attributes: { category: "component", type: "cap-content", item: "padding", }, path: ["component", "cap-content", "padding"], }, "font-size": { value: "0.75rem", filePath: "src/tokens/component/cap-content.json", isSource: true, original: { value: "{size.type.component-sm.font.value}" }, name: "ComponentCapContentFontSize", attributes: { category: "component", type: "cap-content", item: "font-size", }, path: ["component", "cap-content", "font-size"], }, "line-height": { value: "1.875rem", filePath: "src/tokens/component/cap-content.json", isSource: true, original: { value: "{size.component.cap-content.line-height.value}" }, name: "ComponentCapContentLineHeight", attributes: { category: "component", type: "cap-content", item: "line-height", }, path: ["component", "cap-content", "line-height"], }, title: { "padding-left": { value: "0.5rem", filePath: "src/tokens/component/cap-content.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentCapContentTitlePaddingLeft", attributes: { category: "component", type: "cap-content", item: "title", subitem: "padding-left", }, path: ["component", "cap-content", "title", "padding-left"], }, }, }, card: { "background-color": { value: "#ffffffff", filePath: "src/tokens/component/card.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentCardBackgroundColor", attributes: { category: "component", type: "card", item: "background-color", }, path: ["component", "card", "background-color"], }, border: { style: { value: "solid", filePath: "src/tokens/component/card.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentCardBorderStyle", attributes: { category: "component", type: "card", item: "border", subitem: "style", }, path: ["component", "card", "border", "style"], }, width: { value: "0.0625rem", filePath: "src/tokens/component/card.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentCardBorderWidth", attributes: { category: "component", type: "card", item: "border", subitem: "width", }, path: ["component", "card", "border", "width"], }, color: { value: "#d2d4d4ff", filePath: "src/tokens/component/card.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentCardBorderColor", attributes: { category: "component", type: "card", item: "border", subitem: "color", }, path: ["component", "card", "border", "color"], }, radius: { value: "0.25rem", filePath: "src/tokens/component/card.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentCardBorderRadius", attributes: { category: "component", type: "card", item: "border", subitem: "radius", }, path: ["component", "card", "border", "radius"], }, }, }, "card-body": { padding: { value: "1rem", filePath: "src/tokens/component/card.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentCardBodyPadding", attributes: { category: "component", type: "card-body", item: "padding", }, path: ["component", "card-body", "padding"], }, }, "card-title": { "font-weight": { value: 600, filePath: "src/tokens/component/card.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentCardTitleFontWeight", attributes: { category: "component", type: "card-title", item: "font-weight", }, path: ["component", "card-title", "font-weight"], }, }, "clickable-tag": { "border-radius": { value: "0.125rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentClickableTagBorderRadius", attributes: { category: "component", type: "clickable-tag", item: "border-radius", }, path: ["component", "clickable-tag", "border-radius"], }, color: { value: "#09638dff", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentClickableTagColor", attributes: { category: "component", type: "clickable-tag", item: "color", }, path: ["component", "clickable-tag", "color"], }, "font-size": { value: "0.75rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.type.component-sm.font.value}" }, name: "ComponentClickableTagFontSize", attributes: { category: "component", type: "clickable-tag", item: "font-size", }, path: ["component", "clickable-tag", "font-size"], }, "font-weight": { value: 600, filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentClickableTagFontWeight", attributes: { category: "component", type: "clickable-tag", item: "font-weight", }, path: ["component", "clickable-tag", "font-weight"], }, height: { value: "1.125rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.component.clickable-tag.height.value}" }, name: "ComponentClickableTagHeight", attributes: { category: "component", type: "clickable-tag", item: "height", }, path: ["component", "clickable-tag", "height"], }, "hover-background-color": { value: "#09638dff", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentClickableTagHoverBackgroundColor", attributes: { category: "component", type: "clickable-tag", item: "hover-background-color", }, path: ["component", "clickable-tag", "hover-background-color"], }, "hover-color": { value: "#e6f2f8ff", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{color.blue.light.value}" }, name: "ComponentClickableTagHoverColor", attributes: { category: "component", type: "clickable-tag", item: "hover-color", }, path: ["component", "clickable-tag", "hover-color"], }, "line-height": { value: "0.75rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.component.clickable-tag.line-height.value}", }, name: "ComponentClickableTagLineHeight", attributes: { category: "component", type: "clickable-tag", item: "line-height", }, path: ["component", "clickable-tag", "line-height"], }, "padding-vertical": { value: "0.125rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentClickableTagPaddingVertical", attributes: { category: "component", type: "clickable-tag", item: "padding-vertical", }, path: ["component", "clickable-tag", "padding-vertical"], }, "padding-horizontal": { value: "0.25rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentClickableTagPaddingHorizontal", attributes: { category: "component", type: "clickable-tag", item: "padding-horizontal", }, path: ["component", "clickable-tag", "padding-horizontal"], }, kind: { blue: { "background-color": { value: "#e6f2f8ff", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{color.blue.light.value}" }, name: "ComponentClickableTagKindBlueBackgroundColor", attributes: { category: "component", type: "clickable-tag", item: "kind", subitem: "blue", state: "background-color", }, path: [ "component", "clickable-tag", "kind", "blue", "background-color", ], }, }, gray: { "background-color": { value: "#e9e9eaff", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentClickableTagKindGrayBackgroundColor", attributes: { category: "component", type: "clickable-tag", item: "kind", subitem: "gray", state: "background-color", }, path: [ "component", "clickable-tag", "kind", "gray", "background-color", ], }, }, }, disabled: { "background-color": { value: "#ffffffff", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentClickableTagDisabledBackgroundColor", attributes: { category: "component", type: "clickable-tag", item: "disabled", subitem: "background-color", }, path: [ "component", "clickable-tag", "disabled", "background-color", ], }, "border-width": { value: "0.0625rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentClickableTagDisabledBorderWidth", attributes: { category: "component", type: "clickable-tag", item: "disabled", subitem: "border-width", }, path: ["component", "clickable-tag", "disabled", "border-width"], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentClickableTagDisabledBorderColor", attributes: { category: "component", type: "clickable-tag", item: "disabled", subitem: "border-color", }, path: ["component", "clickable-tag", "disabled", "border-color"], }, color: { value: "#717779ff", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentClickableTagDisabledColor", attributes: { category: "component", type: "clickable-tag", item: "disabled", subitem: "color", }, path: ["component", "clickable-tag", "disabled", "color"], }, }, label: { "border-left-radius": { value: "0.125rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.border.radius.xxs.value }" }, name: "ComponentClickableTagLabelBorderLeftRadius", attributes: { category: "component", type: "clickable-tag", item: "label", subitem: "border-left-radius", }, path: ["component", "clickable-tag", "label", "border-left-radius"], }, "border-right-radius": { value: "0", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.border.radius.none.value}" }, name: "ComponentClickableTagLabelBorderRightRadius", attributes: { category: "component", type: "clickable-tag", item: "label", subitem: "border-right-radius", }, path: [ "component", "clickable-tag", "label", "border-right-radius", ], }, }, icon: { "border-left-radius": { value: "0", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.border.radius.none.value }" }, name: "ComponentClickableTagIconBorderLeftRadius", attributes: { category: "component", type: "clickable-tag", item: "icon", subitem: "border-left-radius", }, path: ["component", "clickable-tag", "icon", "border-left-radius"], }, "border-right-radius": { value: "0.125rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentClickableTagIconBorderRightRadius", attributes: { category: "component", type: "clickable-tag", item: "icon", subitem: "border-right-radius", }, path: ["component", "clickable-tag", "icon", "border-right-radius"], }, "font-size": { value: "0.625rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.component.clickable-tag.icon-font-size.value}", }, name: "ComponentClickableTagIconFontSize", attributes: { category: "component", type: "clickable-tag", item: "icon", subitem: "font-size", }, path: ["component", "clickable-tag", "icon", "font-size"], }, "top-offset": { value: "-0.0625rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.component.clickable-tag.icon-top-offset.value}", }, name: "ComponentClickableTagIconTopOffset", attributes: { category: "component", type: "clickable-tag", item: "icon", subitem: "top-offset", }, path: ["component", "clickable-tag", "icon", "top-offset"], }, }, }, "content-row": { "background-color": { value: "#ffffffff", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentContentRowBackgroundColor", attributes: { category: "component", type: "content-row", item: "background-color", }, path: ["component", "content-row", "background-color"], }, "border-width": { value: "0.0625rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentContentRowBorderWidth", attributes: { category: "component", type: "content-row", item: "border-width", }, path: ["component", "content-row", "border-width"], }, "border-style": { value: "solid", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentContentRowBorderStyle", attributes: { category: "component", type: "content-row", item: "border-style", }, path: ["component", "content-row", "border-style"], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentContentRowBorderColor", attributes: { category: "component", type: "content-row", item: "border-color", }, path: ["component", "content-row", "border-color"], }, "border-radius": { value: "0.25rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentContentRowBorderRadius", attributes: { category: "component", type: "content-row", item: "border-radius", }, path: ["component", "content-row", "border-radius"], }, "expanded-border-radius-top": { value: "0.25rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentContentRowExpandedBorderRadiusTop", attributes: { category: "component", type: "content-row", item: "expanded-border-radius-top", }, path: ["component", "content-row", "expanded-border-radius-top"], }, "expanded-border-radius-bottom": { value: "0", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.border.radius.none.value}" }, name: "ComponentContentRowExpandedBorderRadiusBottom", attributes: { category: "component", type: "content-row", item: "expanded-border-radius-bottom", }, path: ["component", "content-row", "expanded-border-radius-bottom"], }, "selected-background-color": { value: "#e6f2f8ff", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{color.blue.light.value}" }, name: "ComponentContentRowSelectedBackgroundColor", attributes: { category: "component", type: "content-row", item: "selected-background-color", }, path: ["component", "content-row", "selected-background-color"], }, "selected-border-color": { value: "#007db8ff", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentContentRowSelectedBorderColor", attributes: { category: "component", type: "content-row", item: "selected-border-color", }, path: ["component", "content-row", "selected-border-color"], }, "expand-button-border": { value: "0", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.border.width.none.value}" }, name: "ComponentContentRowExpandButtonBorder", attributes: { category: "component", type: "content-row", item: "expand-button-border", }, path: ["component", "content-row", "expand-button-border"], }, "expand-button-color": { value: "#007db8ff", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentContentRowExpandButtonColor", attributes: { category: "component", type: "content-row", item: "expand-button-color", }, path: ["component", "content-row", "expand-button-color"], }, "expand-button-hover-color": { value: "#09638dff", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentContentRowExpandButtonHoverColor", attributes: { category: "component", type: "content-row", item: "expand-button-hover-color", }, path: ["component", "content-row", "expand-button-hover-color"], }, "expand-button-color-disabled": { value: "#d2d4d4ff", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentContentRowExpandButtonColorDisabled", attributes: { category: "component", type: "content-row", item: "expand-button-color-disabled", }, path: ["component", "content-row", "expand-button-color-disabled"], }, "expand-button-font-size": { value: "1rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.type.title-sm.font.value}" }, name: "ComponentContentRowExpandButtonFontSize", attributes: { category: "component", type: "content-row", item: "expand-button-font-size", }, path: ["component", "content-row", "expand-button-font-size"], }, "expand-button-line-height": { value: "1.125rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.type.title-md.line.value}" }, name: "ComponentContentRowExpandButtonLineHeight", attributes: { category: "component", type: "content-row", item: "expand-button-line-height", }, path: ["component", "content-row", "expand-button-line-height"], }, padding: { value: "1rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentContentRowPadding", attributes: { category: "component", type: "content-row", item: "padding", }, path: ["component", "content-row", "padding"], }, "card-spacing-margin": { value: "1rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentContentRowCardSpacingMargin", attributes: { category: "component", type: "content-row", item: "card-spacing-margin", }, path: ["component", "content-row", "card-spacing-margin"], }, }, "content-row-col": { "padding-small": { value: "0.5rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentContentRowColPaddingSmall", attributes: { category: "component", type: "content-row-col", item: "padding-small", }, path: ["component", "content-row-col", "padding-small"], }, "icon-margin-adjustment": { value: "-0.125rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.component.content-row.icon-margin-adjustment}", }, name: "ComponentContentRowColIconMarginAdjustment", attributes: { category: "component", type: "content-row-col", item: "icon-margin-adjustment", }, path: ["component", "content-row-col", "icon-margin-adjustment"], }, }, "content-row-expansion": { "background-color": { value: "#f3f4f4ff", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentContentRowExpansionBackgroundColor", attributes: { category: "component", type: "content-row-expansion", item: "background-color", }, path: ["component", "content-row-expansion", "background-color"], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentContentRowExpansionBorderColor", attributes: { category: "component", type: "content-row-expansion", item: "border-color", }, path: ["component", "content-row-expansion", "border-color"], }, "border-radius-top": { value: "0", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.border.radius.none.value}" }, name: "ComponentContentRowExpansionBorderRadiusTop", attributes: { category: "component", type: "content-row-expansion", item: "border-radius-top", }, path: ["component", "content-row-expansion", "border-radius-top"], }, "border-radius-bottom": { value: "0.25rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentContentRowExpansionBorderRadiusBottom", attributes: { category: "component", type: "content-row-expansion", item: "border-radius-bottom", }, path: ["component", "content-row-expansion", "border-radius-bottom"], }, }, "content-row-auto-layout-spacer": { height: { value: "1rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentContentRowAutoLayoutSpacerHeight", attributes: { category: "component", type: "content-row-auto-layout-spacer", item: "height", }, path: ["component", "content-row-auto-layout-spacer", "height"], }, }, "content-row-reorderable": { "min-container-height": { value: "3.875rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.component.content-row.reorderable-min-container-height.value}", }, name: "ComponentContentRowReorderableMinContainerHeight", attributes: { category: "component", type: "content-row-reorderable", item: "min-container-height", }, path: [ "component", "content-row-reorderable", "min-container-height", ], }, "index-container-size": { value: "3.5rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.component.content-row.reorderable-index-container-size.value}", }, name: "ComponentContentRowReorderableIndexContainerSize", attributes: { category: "component", type: "content-row-reorderable", item: "index-container-size", }, path: [ "component", "content-row-reorderable", "index-container-size", ], }, "index-container-padding": { value: "0.5rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentContentRowReorderableIndexContainerPadding", attributes: { category: "component", type: "content-row-reorderable", item: "index-container-padding", }, path: [ "component", "content-row-reorderable", "index-container-padding", ], }, "reorder-button-border-radius-none": { value: "0", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.border.radius.none.value}" }, name: "ComponentContentRowReorderableReorderButtonBorderRadiusNone", attributes: { category: "component", type: "content-row-reorderable", item: "reorder-button-border-radius-none", }, path: [ "component", "content-row-reorderable", "reorder-button-border-radius-none", ], }, "reorder-button-border-radius": { value: "0.1875rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.component.content-row.reorderable-button-border-radius.value}", }, name: "ComponentContentRowReorderableReorderButtonBorderRadius", attributes: { category: "component", type: "content-row-reorderable", item: "reorder-button-border-radius", }, path: [ "component", "content-row-reorderable", "reorder-button-border-radius", ], }, "reorder-button-height": { value: "1.78125rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.component.content-row.reorderable-button-height.value}", }, name: "ComponentContentRowReorderableReorderButtonHeight", attributes: { category: "component", type: "content-row-reorderable", item: "reorder-button-height", }, path: [ "component", "content-row-reorderable", "reorder-button-height", ], }, "reorder-button-width": { value: "3.3125rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.component.content-row.reorderable-button-width.value}", }, name: "ComponentContentRowReorderableReorderButtonWidth", attributes: { category: "component", type: "content-row-reorderable", item: "reorder-button-width", }, path: [ "component", "content-row-reorderable", "reorder-button-width", ], }, }, "content-tiles": { color: { value: "#000000ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.black.value}" }, name: "ComponentContentTilesColor", attributes: { category: "component", type: "content-tiles", item: "color", }, path: ["component", "content-tiles", "color"], }, "background-color": { value: "#ffffffff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentContentTilesBackgroundColor", attributes: { category: "component", type: "content-tiles", item: "background-color", }, path: ["component", "content-tiles", "background-color"], }, border: { radius: { value: "0.25rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentContentTilesBorderRadius", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "radius", }, path: ["component", "content-tiles", "border", "radius"], }, width: { value: "0.0625rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentContentTilesBorderWidth", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "width", }, path: ["component", "content-tiles", "border", "width"], }, style: { value: "solid", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentContentTilesBorderStyle", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "style", }, path: ["component", "content-tiles", "border", "style"], }, borderColor: { value: "#d2d4d4ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentContentTilesBorderBorderColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "borderColor", }, path: ["component", "content-tiles", "border", "borderColor"], }, hover: { borderColor: { value: "#007db8ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentContentTilesBorderHoverBorderColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "hover", state: "borderColor", }, path: [ "component", "content-tiles", "border", "hover", "borderColor", ], }, color: { value: "#000000ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.black.value}" }, name: "ComponentContentTilesBorderHoverColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "hover", state: "color", }, path: ["component", "content-tiles", "border", "hover", "color"], }, }, error: { borderColor: { value: "#de002eff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentContentTilesBorderErrorBorderColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "error", state: "borderColor", }, path: [ "component", "content-tiles", "border", "error", "borderColor", ], }, hover: { borderColor: { value: "#de002eff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentContentTilesBorderErrorHoverBorderColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "error", state: "hover", }, path: [ "component", "content-tiles", "border", "error", "hover", "borderColor", ], }, }, }, warning: { borderColor: { value: "#e7760bff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentContentTilesBorderWarningBorderColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "warning", state: "borderColor", }, path: [ "component", "content-tiles", "border", "warning", "borderColor", ], }, }, disabled: { borderColor: { value: "#d2d4d4ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentContentTilesBorderDisabledBorderColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "disabled", state: "borderColor", }, path: [ "component", "content-tiles", "border", "disabled", "borderColor", ], }, backgroundColor: { value: "#f3f4f4ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentContentTilesBorderDisabledBackgroundColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "disabled", state: "backgroundColor", }, path: [ "component", "content-tiles", "border", "disabled", "backgroundColor", ], }, color: { value: "#d2d4d4ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentContentTilesBorderDisabledColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "disabled", state: "color", }, path: [ "component", "content-tiles", "border", "disabled", "color", ], }, hover: { borderColor: { value: "#d2d4d4ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentContentTilesBorderDisabledHoverBorderColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "disabled", state: "hover", }, path: [ "component", "content-tiles", "border", "disabled", "hover", "borderColor", ], }, }, }, }, disabled: { opacity: { value: ".25", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: ".25" }, name: "ComponentContentTilesDisabledOpacity", attributes: { category: "component", type: "content-tiles", item: "disabled", subitem: "opacity", }, path: ["component", "content-tiles", "disabled", "opacity"], }, }, cursor: { notAllowed: { value: "not-allowed", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "not-allowed" }, name: "ComponentContentTilesCursorNotAllowed", attributes: { category: "component", type: "content-tiles", item: "cursor", subitem: "notAllowed", }, path: ["component", "content-tiles", "cursor", "notAllowed"], }, pointer: { value: "pointer", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "pointer" }, name: "ComponentContentTilesCursorPointer", attributes: { category: "component", type: "content-tiles", item: "cursor", subitem: "pointer", }, path: ["component", "content-tiles", "cursor", "pointer"], }, }, height: { value: "8.625rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.component.content-tile.height.value}" }, name: "ComponentContentTilesHeight", attributes: { category: "component", type: "content-tiles", item: "height", }, path: ["component", "content-tiles", "height"], }, transition: { value: "all 0.25s ease", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "all 0.25s ease" }, name: "ComponentContentTilesTransition", attributes: { category: "component", type: "content-tiles", item: "transition", }, path: ["component", "content-tiles", "transition"], }, "text-decoration": { value: "none", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{type.decoration.none.value}" }, name: "ComponentContentTilesTextDecoration", attributes: { category: "component", type: "content-tiles", item: "text-decoration", }, path: ["component", "content-tiles", "text-decoration"], }, links: { color: { value: "#000000ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.black.value}" }, name: "ComponentContentTilesLinksColor", attributes: { category: "component", type: "content-tiles", item: "links", subitem: "color", }, path: ["component", "content-tiles", "links", "color"], }, }, image: { height: { value: "3.75rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.component.content-tile.image.height.value}", }, name: "ComponentContentTilesImageHeight", attributes: { category: "component", type: "content-tiles", item: "image", subitem: "height", }, path: ["component", "content-tiles", "image", "height"], }, width: { value: "3.75rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.component.content-tile.image.width.value}", }, name: "ComponentContentTilesImageWidth", attributes: { category: "component", type: "content-tiles", item: "image", subitem: "width", }, path: ["component", "content-tiles", "image", "width"], }, }, icons: { warning: { value: "#e7760bff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentContentTilesIconsWarning", attributes: { category: "component", type: "content-tiles", item: "icons", subitem: "warning", }, path: ["component", "content-tiles", "icons", "warning"], }, error: { value: "#de002eff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentContentTilesIconsError", attributes: { category: "component", type: "content-tiles", item: "icons", subitem: "error", }, path: ["component", "content-tiles", "icons", "error"], }, disabled: { value: "#717779ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentContentTilesIconsDisabled", attributes: { category: "component", type: "content-tiles", item: "icons", subitem: "disabled", }, path: ["component", "content-tiles", "icons", "disabled"], }, }, iconContainer: { padding: { value: "0.5rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.component.content-tile.titleContainer.spacing.value}", }, name: "ComponentContentTilesIconContainerPadding", attributes: { category: "component", type: "content-tiles", item: "iconContainer", subitem: "padding", }, path: ["component", "content-tiles", "iconContainer", "padding"], }, }, title: { icon: { padding: { value: "0.5rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentContentTilesTitleIconPadding", attributes: { category: "component", type: "content-tiles", item: "title", subitem: "icon", state: "padding", }, path: ["component", "content-tiles", "title", "icon", "padding"], }, color: { value: "#007db8ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentContentTilesTitleIconColor", attributes: { category: "component", type: "content-tiles", item: "title", subitem: "icon", state: "color", }, path: ["component", "content-tiles", "title", "icon", "color"], }, }, }, imageContainer: { height: { value: "3.75rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.component.content-tile.image.height.value}", }, name: "ComponentContentTilesImageContainerHeight", attributes: { category: "component", type: "content-tiles", item: "imageContainer", subitem: "height", }, path: ["component", "content-tiles", "imageContainer", "height"], }, width: { value: "3.75rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.component.content-tile.image.width.value}", }, name: "ComponentContentTilesImageContainerWidth", attributes: { category: "component", type: "content-tiles", item: "imageContainer", subitem: "width", }, path: ["component", "content-tiles", "imageContainer", "width"], }, marginTop: { value: "1rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.component.content-tile.image.marginTop.value}", }, name: "ComponentContentTilesImageContainerMarginTop", attributes: { category: "component", type: "content-tiles", item: "imageContainer", subitem: "marginTop", }, path: ["component", "content-tiles", "imageContainer", "marginTop"], }, marginBottom: { value: "1rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.component.content-tile.image.marginBottom.value}", }, name: "ComponentContentTilesImageContainerMarginBottom", attributes: { category: "component", type: "content-tiles", item: "imageContainer", subitem: "marginBottom", }, path: [ "component", "content-tiles", "imageContainer", "marginBottom", ], }, }, }, "feedback-block": { kind: { tip: { "background-color": { value: "#fff8e0ff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.yellow.light.value}" }, name: "ComponentFeedbackBlockKindTipBackgroundColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "tip", state: "background-color", }, path: [ "component", "feedback-block", "kind", "tip", "background-color", ], }, "border-color": { value: "#ffcc00ff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.yellow.medium.value}" }, name: "ComponentFeedbackBlockKindTipBorderColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "tip", state: "border-color", }, path: [ "component", "feedback-block", "kind", "tip", "border-color", ], }, iconColor: { value: "#ffcc00ff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.yellow.medium.value}" }, name: "ComponentFeedbackBlockKindTipIconColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "tip", state: "iconColor", }, path: ["component", "feedback-block", "kind", "tip", "iconColor"], }, microIconColor: { value: "#09638dff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentFeedbackBlockKindTipMicroIconColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "tip", state: "microIconColor", }, path: [ "component", "feedback-block", "kind", "tip", "microIconColor", ], }, }, success: { "background-color": { value: "#e7f3ecff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.green.light.value}" }, name: "ComponentFeedbackBlockKindSuccessBackgroundColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "success", state: "background-color", }, path: [ "component", "feedback-block", "kind", "success", "background-color", ], }, "border-color": { value: "#0b8940ff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentFeedbackBlockKindSuccessBorderColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "success", state: "border-color", }, path: [ "component", "feedback-block", "kind", "success", "border-color", ], }, iconColor: { value: "#0b8940ff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentFeedbackBlockKindSuccessIconColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "success", state: "iconColor", }, path: [ "component", "feedback-block", "kind", "success", "iconColor", ], }, }, warning: { "background-color": { value: "#fcf1e7ff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.orange.light.value}" }, name: "ComponentFeedbackBlockKindWarningBackgroundColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "warning", state: "background-color", }, path: [ "component", "feedback-block", "kind", "warning", "background-color", ], }, "border-color": { value: "#e7760bff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentFeedbackBlockKindWarningBorderColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "warning", state: "border-color", }, path: [ "component", "feedback-block", "kind", "warning", "border-color", ], }, iconColor: { value: "#e7760bff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentFeedbackBlockKindWarningIconColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "warning", state: "iconColor", }, path: [ "component", "feedback-block", "kind", "warning", "iconColor", ], }, }, info: { "background-color": { value: "#e6f2f8ff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.blue.light.value}" }, name: "ComponentFeedbackBlockKindInfoBackgroundColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "info", state: "background-color", }, path: [ "component", "feedback-block", "kind", "info", "background-color", ], }, "border-color": { value: "#09638dff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentFeedbackBlockKindInfoBorderColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "info", state: "border-color", }, path: [ "component", "feedback-block", "kind", "info", "border-color", ], }, iconColor: { value: "#09638dff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentFeedbackBlockKindInfoIconColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "info", state: "iconColor", }, path: [ "component", "feedback-block", "kind", "info", "iconColor", ], }, }, error: { "background-color": { value: "#fbe6eaff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.red.light.value}" }, name: "ComponentFeedbackBlockKindErrorBackgroundColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "error", state: "background-color", }, path: [ "component", "feedback-block", "kind", "error", "background-color", ], }, "border-color": { value: "#de002eff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentFeedbackBlockKindErrorBorderColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "error", state: "border-color", }, path: [ "component", "feedback-block", "kind", "error", "border-color", ], }, iconColor: { value: "#de002eff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentFeedbackBlockKindErrorIconColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "error", state: "iconColor", }, path: [ "component", "feedback-block", "kind", "error", "iconColor", ], }, }, }, standard: { "border-radius": { value: "0.125rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentFeedbackBlockStandardBorderRadius", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "border-radius", }, path: ["component", "feedback-block", "standard", "border-radius"], }, "border-style": { value: "solid", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentFeedbackBlockStandardBorderStyle", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "border-style", }, path: ["component", "feedback-block", "standard", "border-style"], }, "border-width": { value: "0.0625rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentFeedbackBlockStandardBorderWidth", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "border-width", }, path: ["component", "feedback-block", "standard", "border-width"], }, "font-size": { value: "0.875rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentFeedbackBlockStandardFontSize", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "font-size", }, path: ["component", "feedback-block", "standard", "font-size"], }, "font-weight": { value: 400, filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{type.weight.normal.value}" }, name: "ComponentFeedbackBlockStandardFontWeight", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "font-weight", }, path: ["component", "feedback-block", "standard", "font-weight"], }, "line-height": { value: "1.25rem ", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.type.body-md.line.value} " }, name: "ComponentFeedbackBlockStandardLineHeight", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "line-height", }, path: ["component", "feedback-block", "standard", "line-height"], }, "margin-bottom": { value: "1rem ", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.spacing.md.value} " }, name: "ComponentFeedbackBlockStandardMarginBottom", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "margin-bottom", }, path: ["component", "feedback-block", "standard", "margin-bottom"], }, "padding-top": { value: "0.5rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentFeedbackBlockStandardPaddingTop", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "padding-top", }, path: ["component", "feedback-block", "standard", "padding-top"], }, "padding-bottom": { value: "0.5rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentFeedbackBlockStandardPaddingBottom", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "padding-bottom", }, path: ["component", "feedback-block", "standard", "padding-bottom"], }, "padding-left": { value: "0.5rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentFeedbackBlockStandardPaddingLeft", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "padding-left", }, path: ["component", "feedback-block", "standard", "padding-left"], }, "padding-right": { value: "1rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentFeedbackBlockStandardPaddingRight", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "padding-right", }, path: ["component", "feedback-block", "standard", "padding-right"], }, }, micro: { height: { value: "1rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentFeedbackBlockMicroHeight", attributes: { category: "component", type: "feedback-block", item: "micro", subitem: "height", }, path: ["component", "feedback-block", "micro", "height"], }, text: { color: { value: "#4b5356ff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentFeedbackBlockMicroTextColor", attributes: { category: "component", type: "feedback-block", item: "micro", subitem: "text", state: "color", }, path: ["component", "feedback-block", "micro", "text", "color"], }, "font-size": { value: "0.75rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "ComponentFeedbackBlockMicroTextFontSize", attributes: { category: "component", type: "feedback-block", item: "micro", subitem: "text", state: "font-size", }, path: [ "component", "feedback-block", "micro", "text", "font-size", ], }, "font-weight": { value: 600, filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentFeedbackBlockMicroTextFontWeight", attributes: { category: "component", type: "feedback-block", item: "micro", subitem: "text", state: "font-weight", }, path: [ "component", "feedback-block", "micro", "text", "font-weight", ], }, "line-height": { value: "1.125rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.type.body-sm.line.value}" }, name: "ComponentFeedbackBlockMicroTextLineHeight", attributes: { category: "component", type: "feedback-block", item: "micro", subitem: "text", state: "line-height", }, path: [ "component", "feedback-block", "micro", "text", "line-height", ], }, "margin-left": { value: "0.25rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentFeedbackBlockMicroTextMarginLeft", attributes: { category: "component", type: "feedback-block", item: "micro", subitem: "text", state: "margin-left", }, path: [ "component", "feedback-block", "micro", "text", "margin-left", ], }, }, }, icon: { standard: { "margin-right": { value: "0.5rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentFeedbackBlockIconStandardMarginRight", attributes: { category: "component", type: "feedback-block", item: "icon", subitem: "standard", state: "margin-right", }, path: [ "component", "feedback-block", "icon", "standard", "margin-right", ], }, "font-size": { value: "1.25rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.type.title-lg.font.value}" }, name: "ComponentFeedbackBlockIconStandardFontSize", attributes: { category: "component", type: "feedback-block", item: "icon", subitem: "standard", state: "font-size", }, path: [ "component", "feedback-block", "icon", "standard", "font-size", ], }, "margin-left": { value: "-0.25rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.component.feedback-block.standard.margin-left}", }, name: "ComponentFeedbackBlockIconStandardMarginLeft", attributes: { category: "component", type: "feedback-block", item: "icon", subitem: "standard", state: "margin-left", }, path: [ "component", "feedback-block", "icon", "standard", "margin-left", ], }, }, micro: { "font-size": { value: "0.875rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentFeedbackBlockIconMicroFontSize", attributes: { category: "component", type: "feedback-block", item: "icon", subitem: "micro", state: "font-size", }, path: [ "component", "feedback-block", "icon", "micro", "font-size", ], }, "font-weight": { value: 400, filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{type.weight.normal.value}" }, name: "ComponentFeedbackBlockIconMicroFontWeight", attributes: { category: "component", type: "feedback-block", item: "icon", subitem: "micro", state: "font-weight", }, path: [ "component", "feedback-block", "icon", "micro", "font-weight", ], }, "line-height": { value: "1.125rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.type.title-md.line.value}" }, name: "ComponentFeedbackBlockIconMicroLineHeight", attributes: { category: "component", type: "feedback-block", item: "icon", subitem: "micro", state: "line-height", }, path: [ "component", "feedback-block", "icon", "micro", "line-height", ], }, "margin-top": { value: "0.125rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.component.feedback-block.micro.margin-top}", }, name: "ComponentFeedbackBlockIconMicroMarginTop", attributes: { category: "component", type: "feedback-block", item: "icon", subitem: "micro", state: "margin-top", }, path: [ "component", "feedback-block", "icon", "micro", "margin-top", ], }, }, }, }, "file-upload": { "border-width": { value: "0.0625rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentFileUploadBorderWidth", attributes: { category: "component", type: "file-upload", item: "border-width", }, path: ["component", "file-upload", "border-width"], }, "border-color": { value: "#717779ff", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentFileUploadBorderColor", attributes: { category: "component", type: "file-upload", item: "border-color", }, path: ["component", "file-upload", "border-color"], }, "border-radius": { value: "0.25rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentFileUploadBorderRadius", attributes: { category: "component", type: "file-upload", item: "border-radius", }, path: ["component", "file-upload", "border-radius"], }, padding: { value: "1rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentFileUploadPadding", attributes: { category: "component", type: "file-upload", item: "padding", }, path: ["component", "file-upload", "padding"], }, color: { value: "#717779ff", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentFileUploadColor", attributes: { category: "component", type: "file-upload", item: "color", }, path: ["component", "file-upload", "color"], }, "content-color": { value: "#4b5356ff", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentFileUploadContentColor", attributes: { category: "component", type: "file-upload", item: "content-color", }, path: ["component", "file-upload", "content-color"], }, "download-button-margin": { value: "1rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentFileUploadDownloadButtonMargin", attributes: { category: "component", type: "file-upload", item: "download-button-margin", }, path: ["component", "file-upload", "download-button-margin"], }, "close-button-position": { value: "0.5rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentFileUploadCloseButtonPosition", attributes: { category: "component", type: "file-upload", item: "close-button-position", }, path: ["component", "file-upload", "close-button-position"], }, active: { "background-color": { value: "#f4ecf2ff", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{color.purple.light.value}" }, name: "ComponentFileUploadActiveBackgroundColor", attributes: { category: "component", type: "file-upload", item: "active", subitem: "background-color", }, path: ["component", "file-upload", "active", "background-color"], }, "border-color": { value: "#91467fff", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentFileUploadActiveBorderColor", attributes: { category: "component", type: "file-upload", item: "active", subitem: "border-color", }, path: ["component", "file-upload", "active", "border-color"], }, "border-style": { value: "solid", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentFileUploadActiveBorderStyle", attributes: { category: "component", type: "file-upload", item: "active", subitem: "border-style", }, path: ["component", "file-upload", "active", "border-style"], }, }, disabled: { color: { value: "#717779ff", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentFileUploadDisabledColor", attributes: { category: "component", type: "file-upload", item: "disabled", subitem: "color", }, path: ["component", "file-upload", "disabled", "color"], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentFileUploadDisabledBorderColor", attributes: { category: "component", type: "file-upload", item: "disabled", subitem: "border-color", }, path: ["component", "file-upload", "disabled", "border-color"], }, "icon-opacity": { value: 0.5, filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: 0.5 }, name: "ComponentFileUploadDisabledIconOpacity", attributes: { category: "component", type: "file-upload", item: "disabled", subitem: "icon-opacity", }, path: ["component", "file-upload", "disabled", "icon-opacity"], }, }, error: { color: { value: "#de002eff", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentFileUploadErrorColor", attributes: { category: "component", type: "file-upload", item: "error", subitem: "color", }, path: ["component", "file-upload", "error", "color"], }, "font-size": { value: "0.875rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentFileUploadErrorFontSize", attributes: { category: "component", type: "file-upload", item: "error", subitem: "font-size", }, path: ["component", "file-upload", "error", "font-size"], }, "font-weight": { value: 600, filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentFileUploadErrorFontWeight", attributes: { category: "component", type: "file-upload", item: "error", subitem: "font-weight", }, path: ["component", "file-upload", "error", "font-weight"], }, "line-height": { value: "1.25rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.title-lg.line.value}" }, name: "ComponentFileUploadErrorLineHeight", attributes: { category: "component", type: "file-upload", item: "error", subitem: "line-height", }, path: ["component", "file-upload", "error", "line-height"], }, }, instructions: { "font-size": { value: "0.75rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.component-sm.font.value}" }, name: "ComponentFileUploadInstructionsFontSize", attributes: { category: "component", type: "file-upload", item: "instructions", subitem: "font-size", }, path: ["component", "file-upload", "instructions", "font-size"], }, "line-height": { value: "1.25rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentFileUploadInstructionsLineHeight", attributes: { category: "component", type: "file-upload", item: "instructions", subitem: "line-height", }, path: ["component", "file-upload", "instructions", "line-height"], }, }, icon: { "margin-bottom": { value: "1rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentFileUploadIconMarginBottom", attributes: { category: "component", type: "file-upload", item: "icon", subitem: "margin-bottom", }, path: ["component", "file-upload", "icon", "margin-bottom"], }, size: { value: "3rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.component.file-upload.icon-size.value}" }, name: "ComponentFileUploadIconSize", attributes: { category: "component", type: "file-upload", item: "icon", subitem: "size", }, path: ["component", "file-upload", "icon", "size"], }, "mini-font-size": { value: "1.5rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.title-xl.font.value}" }, name: "ComponentFileUploadIconMiniFontSize", attributes: { category: "component", type: "file-upload", item: "icon", subitem: "mini-font-size", }, path: ["component", "file-upload", "icon", "mini-font-size"], }, "mini-line-height": { value: "1.5rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.title-xl.line.value}" }, name: "ComponentFileUploadIconMiniLineHeight", attributes: { category: "component", type: "file-upload", item: "icon", subitem: "mini-line-height", }, path: ["component", "file-upload", "icon", "mini-line-height"], }, }, title: { "font-weight": { value: 600, filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentFileUploadTitleFontWeight", attributes: { category: "component", type: "file-upload", item: "title", subitem: "font-weight", }, path: ["component", "file-upload", "title", "font-weight"], }, "margin-bottom": { value: "0.25rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentFileUploadTitleMarginBottom", attributes: { category: "component", type: "file-upload", item: "title", subitem: "margin-bottom", }, path: ["component", "file-upload", "title", "margin-bottom"], }, "font-size": { value: "1.125rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.title-md.font.value}" }, name: "ComponentFileUploadTitleFontSize", attributes: { category: "component", type: "file-upload", item: "title", subitem: "font-size", }, path: ["component", "file-upload", "title", "font-size"], }, "line-height": { value: "1.25rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.title-lg.line.value}" }, name: "ComponentFileUploadTitleLineHeight", attributes: { category: "component", type: "file-upload", item: "title", subitem: "line-height", }, path: ["component", "file-upload", "title", "line-height"], }, "mini-font-size": { value: "1rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.title-sm.font.value}" }, name: "ComponentFileUploadTitleMiniFontSize", attributes: { category: "component", type: "file-upload", item: "title", subitem: "mini-font-size", }, path: ["component", "file-upload", "title", "mini-font-size"], }, }, requirements: { "font-size": { value: "0.75rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "ComponentFileUploadRequirementsFontSize", attributes: { category: "component", type: "file-upload", item: "requirements", subitem: "font-size", }, path: ["component", "file-upload", "requirements", "font-size"], }, "line-height": { value: "1.125rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.title-md.line.value}" }, name: "ComponentFileUploadRequirementsLineHeight", attributes: { category: "component", type: "file-upload", item: "requirements", subitem: "line-height", }, path: ["component", "file-upload", "requirements", "line-height"], }, "margin-top": { value: "0.25rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentFileUploadRequirementsMarginTop", attributes: { category: "component", type: "file-upload", item: "requirements", subitem: "margin-top", }, path: ["component", "file-upload", "requirements", "margin-top"], }, "margin-left": { value: "0.125rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentFileUploadRequirementsMarginLeft", attributes: { category: "component", type: "file-upload", item: "requirements", subitem: "margin-left", }, path: ["component", "file-upload", "requirements", "margin-left"], }, }, }, "filter-tile": { height: { value: "6.625rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.component.filter-tile.height}" }, name: "ComponentFilterTileHeight", attributes: { category: "component", type: "filter-tile", item: "height", }, path: ["component", "filter-tile", "height"], }, maxWidth: { value: "15.625rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.component.filter-tile.maxWidth}" }, name: "ComponentFilterTileMaxWidth", attributes: { category: "component", type: "filter-tile", item: "maxWidth", }, path: ["component", "filter-tile", "maxWidth"], }, minWidth: { value: "6.875rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.component.filter-tile.minWidth}" }, name: "ComponentFilterTileMinWidth", attributes: { category: "component", type: "filter-tile", item: "minWidth", }, path: ["component", "filter-tile", "minWidth"], }, firstLastChildMargin: { value: "0", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.component.filter-tile.marginEndChildren}" }, name: "ComponentFilterTileFirstLastChildMargin", attributes: { category: "component", type: "filter-tile", item: "firstLastChildMargin", }, path: ["component", "filter-tile", "firstLastChildMargin"], }, sideMargins: { value: "0.25rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.system.xs.value}" }, name: "ComponentFilterTileSideMargins", attributes: { category: "component", type: "filter-tile", item: "sideMargins", }, path: ["component", "filter-tile", "sideMargins"], }, kind: { processing: { value: "#91467fff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentFilterTileKindProcessing", attributes: { category: "component", type: "filter-tile", item: "kind", subitem: "processing", }, path: ["component", "filter-tile", "kind", "processing"], }, general: { value: "#007db8ff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentFilterTileKindGeneral", attributes: { category: "component", type: "filter-tile", item: "kind", subitem: "general", }, path: ["component", "filter-tile", "kind", "general"], }, error: { value: "#de002eff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentFilterTileKindError", attributes: { category: "component", type: "filter-tile", item: "kind", subitem: "error", }, path: ["component", "filter-tile", "kind", "error"], }, success: { value: "#0b8940ff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentFilterTileKindSuccess", attributes: { category: "component", type: "filter-tile", item: "kind", subitem: "success", }, path: ["component", "filter-tile", "kind", "success"], }, warning: { value: "#e7760bff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentFilterTileKindWarning", attributes: { category: "component", type: "filter-tile", item: "kind", subitem: "warning", }, path: ["component", "filter-tile", "kind", "warning"], }, }, active: { kind: { processing: { value: "#f4ecf2ff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.purple.light.value}" }, name: "ComponentFilterTileActiveKindProcessing", attributes: { category: "component", type: "filter-tile", item: "active", subitem: "kind", state: "processing", }, path: [ "component", "filter-tile", "active", "kind", "processing", ], }, general: { value: "#e6f2f8ff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.blue.light.value}" }, name: "ComponentFilterTileActiveKindGeneral", attributes: { category: "component", type: "filter-tile", item: "active", subitem: "kind", state: "general", }, path: ["component", "filter-tile", "active", "kind", "general"], }, error: { value: "#fbe6eaff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.red.light.value}" }, name: "ComponentFilterTileActiveKindError", attributes: { category: "component", type: "filter-tile", item: "active", subitem: "kind", state: "error", }, path: ["component", "filter-tile", "active", "kind", "error"], }, success: { value: "#e7f3ecff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.green.light.value}" }, name: "ComponentFilterTileActiveKindSuccess", attributes: { category: "component", type: "filter-tile", item: "active", subitem: "kind", state: "success", }, path: ["component", "filter-tile", "active", "kind", "success"], }, warning: { value: "#fcf1e7ff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.orange.light.value}" }, name: "ComponentFilterTileActiveKindWarning", attributes: { category: "component", type: "filter-tile", item: "active", subitem: "kind", state: "warning", }, path: ["component", "filter-tile", "active", "kind", "warning"], }, }, }, body: { padding: { value: "1rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.system.md.value}" }, name: "ComponentFilterTileBodyPadding", attributes: { category: "component", type: "filter-tile", item: "body", subitem: "padding", }, path: ["component", "filter-tile", "body", "padding"], }, cursor: { value: "pointer", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "pointer" }, name: "ComponentFilterTileBodyCursor", attributes: { category: "component", type: "filter-tile", item: "body", subitem: "cursor", }, path: ["component", "filter-tile", "body", "cursor"], }, color: { value: "#1f282cff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentFilterTileBodyColor", attributes: { category: "component", type: "filter-tile", item: "body", subitem: "color", }, path: ["component", "filter-tile", "body", "color"], }, borderTopLeftRightRadius: { value: "0.25rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.system.xs.value}" }, name: "ComponentFilterTileBodyBorderTopLeftRightRadius", attributes: { category: "component", type: "filter-tile", item: "body", subitem: "borderTopLeftRightRadius", }, path: [ "component", "filter-tile", "body", "borderTopLeftRightRadius", ], }, borderWidth: { value: "0.0625rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "0.0625rem" }, name: "ComponentFilterTileBodyBorderWidth", attributes: { category: "component", type: "filter-tile", item: "body", subitem: "borderWidth", }, path: ["component", "filter-tile", "body", "borderWidth"], }, borderStyle: { value: "solid", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "solid" }, name: "ComponentFilterTileBodyBorderStyle", attributes: { category: "component", type: "filter-tile", item: "body", subitem: "borderStyle", }, path: ["component", "filter-tile", "body", "borderStyle"], }, borderColor: { value: "#d2d4d4ff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentFilterTileBodyBorderColor", attributes: { category: "component", type: "filter-tile", item: "body", subitem: "borderColor", }, path: ["component", "filter-tile", "body", "borderColor"], }, backgroundColor: { value: "#ffffffff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentFilterTileBodyBackgroundColor", attributes: { category: "component", type: "filter-tile", item: "body", subitem: "backgroundColor", }, path: ["component", "filter-tile", "body", "backgroundColor"], }, }, title: { fontSize: { value: "0.875rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentFilterTileTitleFontSize", attributes: { category: "component", type: "filter-tile", item: "title", subitem: "fontSize", }, path: ["component", "filter-tile", "title", "fontSize"], }, lineHeight: { value: "1.125rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.type.body-sm.line.value}" }, name: "ComponentFilterTileTitleLineHeight", attributes: { category: "component", type: "filter-tile", item: "title", subitem: "lineHeight", }, path: ["component", "filter-tile", "title", "lineHeight"], }, height: { value: "2.25rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.component.filter-tile.title.height.value}", }, name: "ComponentFilterTileTitleHeight", attributes: { category: "component", type: "filter-tile", item: "title", subitem: "height", }, path: ["component", "filter-tile", "title", "height"], }, }, tileValue: { fontSize: { value: "1.875rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.component.filter-tile.tileValue.heightFontSizeLineHeight.value}", }, name: "ComponentFilterTileTileValueFontSize", attributes: { category: "component", type: "filter-tile", item: "tileValue", subitem: "fontSize", }, path: ["component", "filter-tile", "tileValue", "fontSize"], }, lineHeight: { value: "1.875rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.component.filter-tile.tileValue.heightFontSizeLineHeight.value}", }, name: "ComponentFilterTileTileValueLineHeight", attributes: { category: "component", type: "filter-tile", item: "tileValue", subitem: "lineHeight", }, path: ["component", "filter-tile", "tileValue", "lineHeight"], }, height: { value: "1.875rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.component.filter-tile.tileValue.heightFontSizeLineHeight.value}", }, name: "ComponentFilterTileTileValueHeight", attributes: { category: "component", type: "filter-tile", item: "tileValue", subitem: "height", }, path: ["component", "filter-tile", "tileValue", "height"], }, }, footer: { normalHeight: { value: "0.25rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.system.xs.value}" }, name: "ComponentFilterTileFooterNormalHeight", attributes: { category: "component", type: "filter-tile", item: "footer", subitem: "normalHeight", }, path: ["component", "filter-tile", "footer", "normalHeight"], }, activeHeight: { value: "0.5rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.system.sm.value}" }, name: "ComponentFilterTileFooterActiveHeight", attributes: { category: "component", type: "filter-tile", item: "footer", subitem: "activeHeight", }, path: ["component", "filter-tile", "footer", "activeHeight"], }, }, }, focusedTask: { backgroundColor: { value: "#f3f4f4ff", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentFocusedTaskBackgroundColor", attributes: { category: "component", type: "focusedTask", item: "backgroundColor", }, path: ["component", "focusedTask", "backgroundColor"], }, transition: { value: "top 0.3s ease", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "top 0.3s ease" }, name: "ComponentFocusedTaskTransition", attributes: { category: "component", type: "focusedTask", item: "transition", }, path: ["component", "focusedTask", "transition"], }, paddingBottom: { value: "2rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.system.lg.value}" }, name: "ComponentFocusedTaskPaddingBottom", attributes: { category: "component", type: "focusedTask", item: "paddingBottom", }, path: ["component", "focusedTask", "paddingBottom"], }, underlay: { background: { value: "#f3f4f4ff", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentFocusedTaskUnderlayBackground", attributes: { category: "component", type: "focusedTask", item: "underlay", subitem: "background", }, path: ["component", "focusedTask", "underlay", "background"], }, padding: { value: "1rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentFocusedTaskUnderlayPadding", attributes: { category: "component", type: "focusedTask", item: "underlay", subitem: "padding", }, path: ["component", "focusedTask", "underlay", "padding"], }, }, title: { paddingLeftRight: { value: "1rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentFocusedTaskTitlePaddingLeftRight", attributes: { category: "component", type: "focusedTask", item: "title", subitem: "paddingLeftRight", }, path: ["component", "focusedTask", "title", "paddingLeftRight"], }, marginTop: { value: "1rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentFocusedTaskTitleMarginTop", attributes: { category: "component", type: "focusedTask", item: "title", subitem: "marginTop", }, path: ["component", "focusedTask", "title", "marginTop"], }, marginBottom: { value: "0.5rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentFocusedTaskTitleMarginBottom", attributes: { category: "component", type: "focusedTask", item: "title", subitem: "marginBottom", }, path: ["component", "focusedTask", "title", "marginBottom"], }, maxWidth: { value: "1280px", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{grid.content-width.value}" }, name: "ComponentFocusedTaskTitleMaxWidth", attributes: { category: "component", type: "focusedTask", item: "title", subitem: "maxWidth", }, path: ["component", "focusedTask", "title", "maxWidth"], }, }, body: { margin: { value: "0 auto", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "0 auto" }, name: "ComponentFocusedTaskBodyMargin", attributes: { category: "component", type: "focusedTask", item: "body", subitem: "margin", }, path: ["component", "focusedTask", "body", "margin"], }, maxWidth: { value: "1280px", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{grid.content-width.value}" }, name: "ComponentFocusedTaskBodyMaxWidth", attributes: { category: "component", type: "focusedTask", item: "body", subitem: "maxWidth", }, path: ["component", "focusedTask", "body", "maxWidth"], }, padding: { value: "1rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentFocusedTaskBodyPadding", attributes: { category: "component", type: "focusedTask", item: "body", subitem: "padding", }, path: ["component", "focusedTask", "body", "padding"], }, }, closeButton: { backgroundColor: { value: "#00000000", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{color.transparent.value}" }, name: "ComponentFocusedTaskCloseButtonBackgroundColor", attributes: { category: "component", type: "focusedTask", item: "closeButton", subitem: "backgroundColor", }, path: [ "component", "focusedTask", "closeButton", "backgroundColor", ], }, color: { value: "#4b5356ff", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentFocusedTaskCloseButtonColor", attributes: { category: "component", type: "focusedTask", item: "closeButton", subitem: "color", }, path: ["component", "focusedTask", "closeButton", "color"], }, right: { value: "0.5rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentFocusedTaskCloseButtonRight", attributes: { category: "component", type: "focusedTask", item: "closeButton", subitem: "right", }, path: ["component", "focusedTask", "closeButton", "right"], }, icon: { paddingLeftRight: { value: "0.25rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentFocusedTaskCloseButtonIconPaddingLeftRight", attributes: { category: "component", type: "focusedTask", item: "closeButton", subitem: "icon", state: "paddingLeftRight", }, path: [ "component", "focusedTask", "closeButton", "icon", "paddingLeftRight", ], }, }, }, listActionBarContainer: { backgroundColor: { value: "#ffffffff", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentFocusedTaskListActionBarContainerBackgroundColor", attributes: { category: "component", type: "focusedTask", item: "listActionBarContainer", subitem: "backgroundColor", }, path: [ "component", "focusedTask", "listActionBarContainer", "backgroundColor", ], }, boxShadowOffsetY: { value: "-0.0625rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.component.focused-task.box-shadow-offset-y}", }, name: "ComponentFocusedTaskListActionBarContainerBoxShadowOffsetY", attributes: { category: "component", type: "focusedTask", item: "listActionBarContainer", subitem: "boxShadowOffsetY", }, path: [ "component", "focusedTask", "listActionBarContainer", "boxShadowOffsetY", ], }, boxShadowBlurRadius: { value: "0.125rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentFocusedTaskListActionBarContainerBoxShadowBlurRadius", attributes: { category: "component", type: "focusedTask", item: "listActionBarContainer", subitem: "boxShadowBlurRadius", }, path: [ "component", "focusedTask", "listActionBarContainer", "boxShadowBlurRadius", ], }, boxShadowColor: { value: "#00000026", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "#00000026" }, name: "ComponentFocusedTaskListActionBarContainerBoxShadowColor", attributes: { category: "component", type: "focusedTask", item: "listActionBarContainer", subitem: "boxShadowColor", }, path: [ "component", "focusedTask", "listActionBarContainer", "boxShadowColor", ], }, height: { value: "3.125rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.component.focused-task.height}" }, name: "ComponentFocusedTaskListActionBarContainerHeight", attributes: { category: "component", type: "focusedTask", item: "listActionBarContainer", subitem: "height", }, path: [ "component", "focusedTask", "listActionBarContainer", "height", ], }, padding: { value: "0.5rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentFocusedTaskListActionBarContainerPadding", attributes: { category: "component", type: "focusedTask", item: "listActionBarContainer", subitem: "padding", }, path: [ "component", "focusedTask", "listActionBarContainer", "padding", ], }, }, listActionBar: { maxWidth: { value: "1180px", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "1180px" }, name: "ComponentFocusedTaskListActionBarMaxWidth", attributes: { category: "component", type: "focusedTask", item: "listActionBar", subitem: "maxWidth", }, path: ["component", "focusedTask", "listActionBar", "maxWidth"], }, }, }, growler: { borderWidth: { value: "0.0625rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.border.width.standard}" }, name: "ComponentGrowlerBorderWidth", attributes: { category: "component", type: "growler", item: "borderWidth", }, path: ["component", "growler", "borderWidth"], }, kind: { activity: { background: { value: "#e9e9eaff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentGrowlerKindActivityBackground", attributes: { category: "component", type: "growler", item: "kind", subitem: "activity", state: "background", }, path: ["component", "growler", "kind", "activity", "background"], }, border: { value: "#717779ff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentGrowlerKindActivityBorder", attributes: { category: "component", type: "growler", item: "kind", subitem: "activity", state: "border", }, path: ["component", "growler", "kind", "activity", "border"], }, }, info: { background: { value: "#007db8ff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentGrowlerKindInfoBackground", attributes: { category: "component", type: "growler", item: "kind", subitem: "info", state: "background", }, path: ["component", "growler", "kind", "info", "background"], }, border: { value: "#007db8ff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentGrowlerKindInfoBorder", attributes: { category: "component", type: "growler", item: "kind", subitem: "info", state: "border", }, path: ["component", "growler", "kind", "info", "border"], }, }, progress: { background: { value: "#91467fff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentGrowlerKindProgressBackground", attributes: { category: "component", type: "growler", item: "kind", subitem: "progress", state: "background", }, path: ["component", "growler", "kind", "progress", "background"], }, border: { value: "#91467fff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentGrowlerKindProgressBorder", attributes: { category: "component", type: "growler", item: "kind", subitem: "progress", state: "border", }, path: ["component", "growler", "kind", "progress", "border"], }, }, error: { background: { value: "#de002eff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentGrowlerKindErrorBackground", attributes: { category: "component", type: "growler", item: "kind", subitem: "error", state: "background", }, path: ["component", "growler", "kind", "error", "background"], }, border: { value: "#de002eff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentGrowlerKindErrorBorder", attributes: { category: "component", type: "growler", item: "kind", subitem: "error", state: "border", }, path: ["component", "growler", "kind", "error", "border"], }, }, success: { background: { value: "#0b8940ff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentGrowlerKindSuccessBackground", attributes: { category: "component", type: "growler", item: "kind", subitem: "success", state: "background", }, path: ["component", "growler", "kind", "success", "background"], }, border: { value: "#0b8940ff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentGrowlerKindSuccessBorder", attributes: { category: "component", type: "growler", item: "kind", subitem: "success", state: "border", }, path: ["component", "growler", "kind", "success", "border"], }, }, warning: { background: { value: "#e7760bff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentGrowlerKindWarningBackground", attributes: { category: "component", type: "growler", item: "kind", subitem: "warning", state: "background", }, path: ["component", "growler", "kind", "warning", "background"], }, border: { value: "#e7760bff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentGrowlerKindWarningBorder", attributes: { category: "component", type: "growler", item: "kind", subitem: "warning", state: "border", }, path: ["component", "growler", "kind", "warning", "border"], }, }, }, duration: { visible: { value: 7000, filePath: "src/tokens/component/growler.json", isSource: true, original: { value: 7000 }, name: "ComponentGrowlerDurationVisible", attributes: { category: "component", type: "growler", item: "duration", subitem: "visible", }, path: ["component", "growler", "duration", "visible"], }, fadeout: { value: 2000, filePath: "src/tokens/component/growler.json", isSource: true, original: { value: 2000 }, name: "ComponentGrowlerDurationFadeout", attributes: { category: "component", type: "growler", item: "duration", subitem: "fadeout", }, path: ["component", "growler", "duration", "fadeout"], }, }, base: { borderRadius: { value: "0.25rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentGrowlerBaseBorderRadius", attributes: { category: "component", type: "growler", item: "base", subitem: "borderRadius", }, path: ["component", "growler", "base", "borderRadius"], }, boxShadow: { value: "0 0 0.3125rem rgba(0, 0, 0, 0.25)", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "0 0 0.3125rem rgba(0, 0, 0, 0.25)" }, name: "ComponentGrowlerBaseBoxShadow", attributes: { category: "component", type: "growler", item: "base", subitem: "boxShadow", }, path: ["component", "growler", "base", "boxShadow"], }, display: { value: "flex", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "flex" }, name: "ComponentGrowlerBaseDisplay", attributes: { category: "component", type: "growler", item: "base", subitem: "display", }, path: ["component", "growler", "base", "display"], }, marginBottom: { value: "1rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentGrowlerBaseMarginBottom", attributes: { category: "component", type: "growler", item: "base", subitem: "marginBottom", }, path: ["component", "growler", "base", "marginBottom"], }, overflow: { value: "hidden", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "hidden" }, name: "ComponentGrowlerBaseOverflow", attributes: { category: "component", type: "growler", item: "base", subitem: "overflow", }, path: ["component", "growler", "base", "overflow"], }, width: { value: "25rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.component.growler.width.value}" }, name: "ComponentGrowlerBaseWidth", attributes: { category: "component", type: "growler", item: "base", subitem: "width", }, path: ["component", "growler", "base", "width"], }, zIndex: { value: 10000, filePath: "src/tokens/component/growler.json", isSource: true, original: { value: 10000 }, name: "ComponentGrowlerBaseZIndex", attributes: { category: "component", type: "growler", item: "base", subitem: "zIndex", }, path: ["component", "growler", "base", "zIndex"], }, }, area: { right: { value: "1.875rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.component.growler.icon.box.right.value}", }, name: "ComponentGrowlerAreaRight", attributes: { category: "component", type: "growler", item: "area", subitem: "right", }, path: ["component", "growler", "area", "right"], }, top: { value: "5.625rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.component.growler.icon.box.top.value}" }, name: "ComponentGrowlerAreaTop", attributes: { category: "component", type: "growler", item: "area", subitem: "top", }, path: ["component", "growler", "area", "top"], }, }, icon: { fontColor: { value: "#ffffffff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentGrowlerIconFontColor", attributes: { category: "component", type: "growler", item: "icon", subitem: "fontColor", }, path: ["component", "growler", "icon", "fontColor"], }, fontSize: { value: "1.875rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.component.growler.icon.fontSize.value}" }, name: "ComponentGrowlerIconFontSize", attributes: { category: "component", type: "growler", item: "icon", subitem: "fontSize", }, path: ["component", "growler", "icon", "fontSize"], }, box: { width: { value: "4.375rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.component.growler.icon.box.width.value}", }, name: "ComponentGrowlerIconBoxWidth", attributes: { category: "component", type: "growler", item: "icon", subitem: "box", state: "width", }, path: ["component", "growler", "icon", "box", "width"], }, }, }, messageBox: { backgroundColor: { value: "#ffffffff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentGrowlerMessageBoxBackgroundColor", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "backgroundColor", }, path: ["component", "growler", "messageBox", "backgroundColor"], }, titleWeight: { value: 600, filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentGrowlerMessageBoxTitleWeight", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "titleWeight", }, path: ["component", "growler", "messageBox", "titleWeight"], }, type: { size: { value: "0.75rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.type.component-sm.font.value}" }, name: "ComponentGrowlerMessageBoxTypeSize", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "type", state: "size", }, path: ["component", "growler", "messageBox", "type", "size"], }, line: { value: "1.25rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.type.title-lg.line.value}" }, name: "ComponentGrowlerMessageBoxTypeLine", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "type", state: "line", }, path: ["component", "growler", "messageBox", "type", "line"], }, }, subtitle: { color: { value: "#4b5356ff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentGrowlerMessageBoxSubtitleColor", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "subtitle", state: "color", }, path: ["component", "growler", "messageBox", "subtitle", "color"], }, width: { value: "16.5rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.component.growler.messageBox.subtitle.width.value}", }, name: "ComponentGrowlerMessageBoxSubtitleWidth", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "subtitle", state: "width", }, path: ["component", "growler", "messageBox", "subtitle", "width"], }, }, padding: { top: { value: "1rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentGrowlerMessageBoxPaddingTop", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "padding", state: "top", }, path: ["component", "growler", "messageBox", "padding", "top"], }, right: { value: "2.625rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.component.growler.messageBox.padding.right.value}", }, name: "ComponentGrowlerMessageBoxPaddingRight", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "padding", state: "right", }, path: ["component", "growler", "messageBox", "padding", "right"], }, bottom: { value: "1rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentGrowlerMessageBoxPaddingBottom", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "padding", state: "bottom", }, path: ["component", "growler", "messageBox", "padding", "bottom"], }, left: { value: "1rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentGrowlerMessageBoxPaddingLeft", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "padding", state: "left", }, path: ["component", "growler", "messageBox", "padding", "left"], }, }, }, closeButton: { right: { value: "0.5rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentGrowlerCloseButtonRight", attributes: { category: "component", type: "growler", item: "closeButton", subitem: "right", }, path: ["component", "growler", "closeButton", "right"], }, top: { value: "0.5rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentGrowlerCloseButtonTop", attributes: { category: "component", type: "growler", item: "closeButton", subitem: "top", }, path: ["component", "growler", "closeButton", "top"], }, }, }, icon: { "margin-adjustment": { value: "-0.125rem", filePath: "src/tokens/component/icon.json", isSource: true, original: { value: "{size.component.icon.margin-adjustment}" }, name: "ComponentIconMarginAdjustment", attributes: { category: "component", type: "icon", item: "margin-adjustment", }, path: ["component", "icon", "margin-adjustment"], }, }, "insight-card-wrapper": { margin: { value: "0.5rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentInsightCardWrapperMargin", attributes: { category: "component", type: "insight-card-wrapper", item: "margin", }, path: ["component", "insight-card-wrapper", "margin"], }, }, "insight-card": { kind: { general: { value: "#007db8ff", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentInsightCardKindGeneral", attributes: { category: "component", type: "insight-card", item: "kind", subitem: "general", }, path: ["component", "insight-card", "kind", "general"], }, error: { value: "#de002eff", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentInsightCardKindError", attributes: { category: "component", type: "insight-card", item: "kind", subitem: "error", }, path: ["component", "insight-card", "kind", "error"], }, success: { value: "#0b8940ff", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentInsightCardKindSuccess", attributes: { category: "component", type: "insight-card", item: "kind", subitem: "success", }, path: ["component", "insight-card", "kind", "success"], }, warning: { value: "#e7760bff", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentInsightCardKindWarning", attributes: { category: "component", type: "insight-card", item: "kind", subitem: "warning", }, path: ["component", "insight-card", "kind", "warning"], }, processing: { value: "#91467fff", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentInsightCardKindProcessing", attributes: { category: "component", type: "insight-card", item: "kind", subitem: "processing", }, path: ["component", "insight-card", "kind", "processing"], }, }, background: { value: "#ffffffff", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentInsightCardBackground", attributes: { category: "component", type: "insight-card", item: "background", }, path: ["component", "insight-card", "background"], }, "border-width": { value: "0.0625rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentInsightCardBorderWidth", attributes: { category: "component", type: "insight-card", item: "border-width", }, path: ["component", "insight-card", "border-width"], }, "border-radius": { value: "0.25rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentInsightCardBorderRadius", attributes: { category: "component", type: "insight-card", item: "border-radius", }, path: ["component", "insight-card", "border-radius"], }, "border-style": { value: "solid", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentInsightCardBorderStyle", attributes: { category: "component", type: "insight-card", item: "border-style", }, path: ["component", "insight-card", "border-style"], }, "icon-size": { value: "2rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.icon-size.value}" }, name: "ComponentInsightCardIconSize", attributes: { category: "component", type: "insight-card", item: "icon-size", }, path: ["component", "insight-card", "icon-size"], }, margin: { value: "0.5rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentInsightCardMargin", attributes: { category: "component", type: "insight-card", item: "margin", }, path: ["component", "insight-card", "margin"], }, "padding-vertical": { value: "0.9375rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.vertical-padding.value}", }, name: "ComponentInsightCardPaddingVertical", attributes: { category: "component", type: "insight-card", item: "padding-vertical", }, path: ["component", "insight-card", "padding-vertical"], }, "padding-horizontal": { value: "1.25rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.horizontal-padding.value}", }, name: "ComponentInsightCardPaddingHorizontal", attributes: { category: "component", type: "insight-card", item: "padding-horizontal", }, path: ["component", "insight-card", "padding-horizontal"], }, "metric-size": { value: "3rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.metric-size.value}", }, name: "ComponentInsightCardMetricSize", attributes: { category: "component", type: "insight-card", item: "metric-size", }, path: ["component", "insight-card", "metric-size"], }, "font-weight": { value: 600, filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentInsightCardFontWeight", attributes: { category: "component", type: "insight-card", item: "font-weight", }, path: ["component", "insight-card", "font-weight"], }, title: { color: { value: "#1f282cff", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentInsightCardTitleColor", attributes: { category: "component", type: "insight-card", item: "title", subitem: "color", }, path: ["component", "insight-card", "title", "color"], }, "font-size": { value: "1rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.type.title-sm.font.value}" }, name: "ComponentInsightCardTitleFontSize", attributes: { category: "component", type: "insight-card", item: "title", subitem: "font-size", }, path: ["component", "insight-card", "title", "font-size"], }, "line-height": { value: "1rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.type.title-sm.line.value}" }, name: "ComponentInsightCardTitleLineHeight", attributes: { category: "component", type: "insight-card", item: "title", subitem: "line-height", }, path: ["component", "insight-card", "title", "line-height"], }, "padding-bottom": { value: "0.125rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.spacing.xxs.value}" }, name: "ComponentInsightCardTitlePaddingBottom", attributes: { category: "component", type: "insight-card", item: "title", subitem: "padding-bottom", }, path: ["component", "insight-card", "title", "padding-bottom"], }, "min-height": { value: "2.125rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.min-title-height.value}", }, name: "ComponentInsightCardTitleMinHeight", attributes: { category: "component", type: "insight-card", item: "title", subitem: "min-height", }, path: ["component", "insight-card", "title", "min-height"], }, }, "description-margin": { value: "0.5rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentInsightCardDescriptionMargin", attributes: { category: "component", type: "insight-card", item: "description-margin", }, path: ["component", "insight-card", "description-margin"], }, detail: { color: { value: "#4b5356ff", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentInsightCardDetailColor", attributes: { category: "component", type: "insight-card", item: "detail", subitem: "color", }, path: ["component", "insight-card", "detail", "color"], }, height: {}, "font-size": { value: "0.75rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.type.title-xxs.font.value}" }, name: "ComponentInsightCardDetailFontSize", attributes: { category: "component", type: "insight-card", item: "detail", subitem: "font-size", }, path: ["component", "insight-card", "detail", "font-size"], }, "line-height": { value: "0.75rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.type.title-xxs.line.value}" }, name: "ComponentInsightCardDetailLineHeight", attributes: { category: "component", type: "insight-card", item: "detail", subitem: "line-height", }, path: ["component", "insight-card", "detail", "line-height"], }, "margin-top": { value: "0.25rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentInsightCardDetailMarginTop", attributes: { category: "component", type: "insight-card", item: "detail", subitem: "margin-top", }, path: ["component", "insight-card", "detail", "margin-top"], }, }, "partner-count": { color: { value: "#ffffffff", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentInsightCardPartnerCountColor", attributes: { category: "component", type: "insight-card", item: "partner-count", subitem: "color", }, path: ["component", "insight-card", "partner-count", "color"], }, "font-size": { value: "0.75rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "ComponentInsightCardPartnerCountFontSize", attributes: { category: "component", type: "insight-card", item: "partner-count", subitem: "font-size", }, path: ["component", "insight-card", "partner-count", "font-size"], }, "line-height": { value: "1.125rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.type.body-sm.line.value}" }, name: "ComponentInsightCardPartnerCountLineHeight", attributes: { category: "component", type: "insight-card", item: "partner-count", subitem: "line-height", }, path: ["component", "insight-card", "partner-count", "line-height"], }, "padding-right": { value: "0.125rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.spacing.xxs.value}" }, name: "ComponentInsightCardPartnerCountPaddingRight", attributes: { category: "component", type: "insight-card", item: "partner-count", subitem: "padding-right", }, path: [ "component", "insight-card", "partner-count", "padding-right", ], }, "margin-vertical": { value: "0.9375rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.partner-count-margin-vertical}", }, name: "ComponentInsightCardPartnerCountMarginVertical", attributes: { category: "component", type: "insight-card", item: "partner-count", subitem: "margin-vertical", }, path: [ "component", "insight-card", "partner-count", "margin-vertical", ], }, "margin-horizontal": { value: "1.25rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.partner-count-margin-horizontal}", }, name: "ComponentInsightCardPartnerCountMarginHorizontal", attributes: { category: "component", type: "insight-card", item: "partner-count", subitem: "margin-horizontal", }, path: [ "component", "insight-card", "partner-count", "margin-horizontal", ], }, "padding-vertical": { value: "0.625rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.partner-count-padding-vertical}", }, name: "ComponentInsightCardPartnerCountPaddingVertical", attributes: { category: "component", type: "insight-card", item: "partner-count", subitem: "padding-vertical", }, path: [ "component", "insight-card", "partner-count", "padding-vertical", ], }, "padding-horizontal": { value: "1.25rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.partner-count-padding-horizontal}", }, name: "ComponentInsightCardPartnerCountPaddingHorizontal", attributes: { category: "component", type: "insight-card", item: "partner-count", subitem: "padding-horizontal", }, path: [ "component", "insight-card", "partner-count", "padding-horizontal", ], }, }, horizontal: { "metric-margin": { value: "0.5rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentInsightCardHorizontalMetricMargin", attributes: { category: "component", type: "insight-card", item: "horizontal", subitem: "metric-margin", }, path: ["component", "insight-card", "horizontal", "metric-margin"], }, "title-min-height": { value: "1rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentInsightCardHorizontalTitleMinHeight", attributes: { category: "component", type: "insight-card", item: "horizontal", subitem: "title-min-height", }, path: [ "component", "insight-card", "horizontal", "title-min-height", ], }, "partner-count": { "line-height": { value: "0.875rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.type.component-sm.line.value}" }, name: "ComponentInsightCardHorizontalPartnerCountLineHeight", attributes: { category: "component", type: "insight-card", item: "horizontal", subitem: "partner-count", state: "line-height", }, path: [ "component", "insight-card", "horizontal", "partner-count", "line-height", ], }, width: { value: "3.75rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.partner-count-width.value}", }, name: "ComponentInsightCardHorizontalPartnerCountWidth", attributes: { category: "component", type: "insight-card", item: "horizontal", subitem: "partner-count", state: "width", }, path: [ "component", "insight-card", "horizontal", "partner-count", "width", ], }, "padding-vertical": { value: "1.25rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.horizontal-partner-count-padding-vertical}", }, name: "ComponentInsightCardHorizontalPartnerCountPaddingVertical", attributes: { category: "component", type: "insight-card", item: "horizontal", subitem: "partner-count", state: "padding-vertical", }, path: [ "component", "insight-card", "horizontal", "partner-count", "padding-vertical", ], }, "padding-horizontal": { value: "0.625rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.horizontal-partner-count-padding-horizontal}", }, name: "ComponentInsightCardHorizontalPartnerCountPaddingHorizontal", attributes: { category: "component", type: "insight-card", item: "horizontal", subitem: "partner-count", state: "padding-horizontal", }, path: [ "component", "insight-card", "horizontal", "partner-count", "padding-horizontal", ], }, }, }, }, "key-value-set": { "font-size": { value: "0.75rem", filePath: "src/tokens/component/key-value-set.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "ComponentKeyValueSetFontSize", attributes: { category: "component", type: "key-value-set", item: "font-size", }, path: ["component", "key-value-set", "font-size"], }, "line-height": { value: "1.125rem", filePath: "src/tokens/component/key-value-set.json", isSource: true, original: { value: "{size.type.body-sm.line.value}" }, name: "ComponentKeyValueSetLineHeight", attributes: { category: "component", type: "key-value-set", item: "line-height", }, path: ["component", "key-value-set", "line-height"], }, spacing: { value: "0.5rem", filePath: "src/tokens/component/key-value-set.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentKeyValueSetSpacing", attributes: { category: "component", type: "key-value-set", item: "spacing", }, path: ["component", "key-value-set", "spacing"], }, key: { "font-weight": { value: 600, filePath: "src/tokens/component/key-value-set.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentKeyValueSetKeyFontWeight", attributes: { category: "component", type: "key-value-set", item: "key", subitem: "font-weight", }, path: ["component", "key-value-set", "key", "font-weight"], }, }, }, "list-bar": { background: { value: "#ffffffff", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentListBarBackground", attributes: { category: "component", type: "list-bar", item: "background", }, path: ["component", "list-bar", "background"], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentListBarBorderColor", attributes: { category: "component", type: "list-bar", item: "border-color", }, path: ["component", "list-bar", "border-color"], }, "border-style": { value: "solid", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentListBarBorderStyle", attributes: { category: "component", type: "list-bar", item: "border-style", }, path: ["component", "list-bar", "border-style"], }, "border-width": { value: "0.0625rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentListBarBorderWidth", attributes: { category: "component", type: "list-bar", item: "border-width", }, path: ["component", "list-bar", "border-width"], }, "border-radius": { value: "0.25rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentListBarBorderRadius", attributes: { category: "component", type: "list-bar", item: "border-radius", }, path: ["component", "list-bar", "border-radius"], }, margin: { value: "0.5rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentListBarMargin", attributes: { category: "component", type: "list-bar", item: "margin", }, path: ["component", "list-bar", "margin"], }, pinned: { width: { value: "1280px", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.component.list-bar.pinned-width.value}" }, name: "ComponentListBarPinnedWidth", attributes: { category: "component", type: "list-bar", item: "pinned", subitem: "width", }, path: ["component", "list-bar", "pinned", "width"], }, padding: { value: "1.25rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.component.list-bar.pinned-padding.value}", }, name: "ComponentListBarPinnedPadding", attributes: { category: "component", type: "list-bar", item: "pinned", subitem: "padding", }, path: ["component", "list-bar", "pinned", "padding"], }, top: { value: "3.75rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.component.list-bar.top.value}" }, name: "ComponentListBarPinnedTop", attributes: { category: "component", type: "list-bar", item: "pinned", subitem: "top", }, path: ["component", "list-bar", "pinned", "top"], }, height: { value: "0.625rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.component.list-bar.height.value}" }, name: "ComponentListBarPinnedHeight", attributes: { category: "component", type: "list-bar", item: "pinned", subitem: "height", }, path: ["component", "list-bar", "pinned", "height"], }, }, content: { padding: { value: "0.5rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentListBarContentPadding", attributes: { category: "component", type: "list-bar", item: "content", subitem: "padding", }, path: ["component", "list-bar", "content", "padding"], }, margin: { value: "0.5rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentListBarContentMargin", attributes: { category: "component", type: "list-bar", item: "content", subitem: "margin", }, path: ["component", "list-bar", "content", "margin"], }, height: { value: "2rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.component.list-bar.content-header-height.value}", }, name: "ComponentListBarContentHeight", attributes: { category: "component", type: "list-bar", item: "content", subitem: "height", }, path: ["component", "list-bar", "content", "height"], }, }, controls: { padding: { value: "1rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentListBarControlsPadding", attributes: { category: "component", type: "list-bar", item: "controls", subitem: "padding", }, path: ["component", "list-bar", "controls", "padding"], }, margin: { value: "0.5rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentListBarControlsMargin", attributes: { category: "component", type: "list-bar", item: "controls", subitem: "margin", }, path: ["component", "list-bar", "controls", "margin"], }, height: { value: "2rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.lg.value}" }, name: "ComponentListBarControlsHeight", attributes: { category: "component", type: "list-bar", item: "controls", subitem: "height", }, path: ["component", "list-bar", "controls", "height"], }, }, "advanced-search": { padding: { value: "0.25rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentListBarAdvancedSearchPadding", attributes: { category: "component", type: "list-bar", item: "advanced-search", subitem: "padding", }, path: ["component", "list-bar", "advanced-search", "padding"], }, margin: { value: "0.25rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentListBarAdvancedSearchMargin", attributes: { category: "component", type: "list-bar", item: "advanced-search", subitem: "margin", }, path: ["component", "list-bar", "advanced-search", "margin"], }, "font-size": { value: "0.75rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "ComponentListBarAdvancedSearchFontSize", attributes: { category: "component", type: "list-bar", item: "advanced-search", subitem: "font-size", }, path: ["component", "list-bar", "advanced-search", "font-size"], }, "font-weight": { value: 600, filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentListBarAdvancedSearchFontWeight", attributes: { category: "component", type: "list-bar", item: "advanced-search", subitem: "font-weight", }, path: ["component", "list-bar", "advanced-search", "font-weight"], }, "line-height": { value: "1.5rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.type.title-xl.line.value}" }, name: "ComponentListBarAdvancedSearchLineHeight", attributes: { category: "component", type: "list-bar", item: "advanced-search", subitem: "line-height", }, path: ["component", "list-bar", "advanced-search", "line-height"], }, "title-padding": { value: "0.5rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentListBarAdvancedSearchTitlePadding", attributes: { category: "component", type: "list-bar", item: "advanced-search", subitem: "title-padding", }, path: ["component", "list-bar", "advanced-search", "title-padding"], }, "icon-font-size": { value: "0.875rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentListBarAdvancedSearchIconFontSize", attributes: { category: "component", type: "list-bar", item: "advanced-search", subitem: "icon-font-size", }, path: [ "component", "list-bar", "advanced-search", "icon-font-size", ], }, }, "search-form": { margin: { value: "0.25rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentListBarSearchFormMargin", attributes: { category: "component", type: "list-bar", item: "search-form", subitem: "margin", }, path: ["component", "list-bar", "search-form", "margin"], }, "max-width": { value: "25rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.component.list-bar.search-form-max-width.value}", }, name: "ComponentListBarSearchFormMaxWidth", attributes: { category: "component", type: "list-bar", item: "search-form", subitem: "max-width", }, path: ["component", "list-bar", "search-form", "max-width"], }, }, "search-button": { "background-color": { value: "#e9e9eaff", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{color.grey.light}" }, name: "ComponentListBarSearchButtonBackgroundColor", attributes: { category: "component", type: "list-bar", item: "search-button", subitem: "background-color", }, path: [ "component", "list-bar", "search-button", "background-color", ], }, "border-color": { value: "#717779ff", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{color.grey.medium}" }, name: "ComponentListBarSearchButtonBorderColor", attributes: { category: "component", type: "list-bar", item: "search-button", subitem: "border-color", }, path: ["component", "list-bar", "search-button", "border-color"], }, "hover-background-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{color.grey.medium-light}" }, name: "ComponentListBarSearchButtonHoverBackgroundColor", attributes: { category: "component", type: "list-bar", item: "search-button", subitem: "hover-background-color", }, path: [ "component", "list-bar", "search-button", "hover-background-color", ], }, height: { value: "1.875rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.component.list-bar.search-button-height.value}", }, name: "ComponentListBarSearchButtonHeight", attributes: { category: "component", type: "list-bar", item: "search-button", subitem: "height", }, path: ["component", "list-bar", "search-button", "height"], }, }, "sort-by": { color: { value: "#4b5356ff", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{color.grey.medium-dark}" }, name: "ComponentListBarSortByColor", attributes: { category: "component", type: "list-bar", item: "sort-by", subitem: "color", }, path: ["component", "list-bar", "sort-by", "color"], }, padding: { value: "0.25rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentListBarSortByPadding", attributes: { category: "component", type: "list-bar", item: "sort-by", subitem: "padding", }, path: ["component", "list-bar", "sort-by", "padding"], }, }, "search-field": { "select-height": { value: "2rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.lg.value}" }, name: "ComponentListBarSearchFieldSelectHeight", attributes: { category: "component", type: "list-bar", item: "search-field", subitem: "select-height", }, path: ["component", "list-bar", "search-field", "select-height"], }, "select-line-height": { value: "2rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.component.list-bar.search-field-select-line-height.value}", }, name: "ComponentListBarSearchFieldSelectLineHeight", attributes: { category: "component", type: "list-bar", item: "search-field", subitem: "select-line-height", }, path: [ "component", "list-bar", "search-field", "select-line-height", ], }, }, }, matrix: { border: { radius: { value: "0.125rem", filePath: "src/tokens/component/matrix.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentMatrixBorderRadius", attributes: { category: "component", type: "matrix", item: "border", subitem: "radius", }, path: ["component", "matrix", "border", "radius"], }, style: { value: "solid", filePath: "src/tokens/component/matrix.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentMatrixBorderStyle", attributes: { category: "component", type: "matrix", item: "border", subitem: "style", }, path: ["component", "matrix", "border", "style"], }, width: { value: "0.0625rem", filePath: "src/tokens/component/matrix.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentMatrixBorderWidth", attributes: { category: "component", type: "matrix", item: "border", subitem: "width", }, path: ["component", "matrix", "border", "width"], }, }, color: { background: { value: "#f3f4f4ff", filePath: "src/tokens/component/matrix.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentMatrixColorBackground", attributes: { category: "component", type: "matrix", item: "color", subitem: "background", }, path: ["component", "matrix", "color", "background"], }, border: { value: "#d2d4d4ff", filePath: "src/tokens/component/matrix.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentMatrixColorBorder", attributes: { category: "component", type: "matrix", item: "color", subitem: "border", }, path: ["component", "matrix", "color", "border"], }, }, font: { size: { value: "0.875rem", filePath: "src/tokens/component/matrix.json", isSource: true, original: { value: "{size.type.title-xs.font.value}" }, name: "ComponentMatrixFontSize", attributes: { category: "component", type: "matrix", item: "font", subitem: "size", }, path: ["component", "matrix", "font", "size"], }, }, "line-height": { value: "1.25rem", filePath: "src/tokens/component/matrix.json", isSource: true, original: { value: "{size.type.title-lg.line.value}" }, name: "ComponentMatrixLineHeight", attributes: { category: "component", type: "matrix", item: "line-height", }, path: ["component", "matrix", "line-height"], }, padding: { value: "0.5rem", filePath: "src/tokens/component/matrix.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentMatrixPadding", attributes: { category: "component", type: "matrix", item: "padding", }, path: ["component", "matrix", "padding"], }, }, modal: { "background-color": { value: "#ffffffff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentModalBackgroundColor", attributes: { category: "component", type: "modal", item: "background-color", }, path: ["component", "modal", "background-color"], }, "border-style": { value: "solid", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentModalBorderStyle", attributes: { category: "component", type: "modal", item: "border-style", }, path: ["component", "modal", "border-style"], }, "border-radius": { value: "0.25rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentModalBorderRadius", attributes: { category: "component", type: "modal", item: "border-radius", }, path: ["component", "modal", "border-radius"], }, "border-width": { value: "0.0625rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.border.width.standard}" }, name: "ComponentModalBorderWidth", attributes: { category: "component", type: "modal", item: "border-width", }, path: ["component", "modal", "border-width"], }, underlay: { background: { value: "#f3f4f4cc", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.grey.extra-light-80.value}" }, name: "ComponentModalUnderlayBackground", attributes: { category: "component", type: "modal", item: "underlay", subitem: "background", }, path: ["component", "modal", "underlay", "background"], }, padding: { value: "4rem 1rem 1rem 1rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.spacing.xl.value} {size.spacing.md.value} {size.spacing.md.value} {size.spacing.md.value}", }, name: "ComponentModalUnderlayPadding", attributes: { category: "component", type: "modal", item: "underlay", subitem: "padding", }, path: ["component", "modal", "underlay", "padding"], }, }, title: { color: { value: "#ffffffff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentModalTitleColor", attributes: { category: "component", type: "modal", item: "title", subitem: "color", }, path: ["component", "modal", "title", "color"], }, padding: { value: "1rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentModalTitlePadding", attributes: { category: "component", type: "modal", item: "title", subitem: "padding", }, path: ["component", "modal", "title", "padding"], }, content: { "font-size": { value: "0.875rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentModalTitleContentFontSize", attributes: { category: "component", type: "modal", item: "title", subitem: "content", state: "font-size", }, path: ["component", "modal", "title", "content", "font-size"], }, "line-height": { value: "1.25rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentModalTitleContentLineHeight", attributes: { category: "component", type: "modal", item: "title", subitem: "content", state: "line-height", }, path: ["component", "modal", "title", "content", "line-height"], }, "font-weight": { value: 600, filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentModalTitleContentFontWeight", attributes: { category: "component", type: "modal", item: "title", subitem: "content", state: "font-weight", }, path: ["component", "modal", "title", "content", "font-weight"], }, "padding-left": { value: "0.5rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentModalTitleContentPaddingLeft", attributes: { category: "component", type: "modal", item: "title", subitem: "content", state: "padding-left", }, path: ["component", "modal", "title", "content", "padding-left"], }, }, }, body: { padding: { value: "1rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentModalBodyPadding", attributes: { category: "component", type: "modal", item: "body", subitem: "padding", }, path: ["component", "modal", "body", "padding"], }, }, footer: { "background-color": { value: "#f3f4f4ff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentModalFooterBackgroundColor", attributes: { category: "component", type: "modal", item: "footer", subitem: "background-color", }, path: ["component", "modal", "footer", "background-color"], }, padding: { value: "0.5rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentModalFooterPadding", attributes: { category: "component", type: "modal", item: "footer", subitem: "padding", }, path: ["component", "modal", "footer", "padding"], }, }, closeButton: { "background-color": { value: "#00000000", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.transparent.value}" }, name: "ComponentModalCloseButtonBackgroundColor", attributes: { category: "component", type: "modal", item: "closeButton", subitem: "background-color", }, path: ["component", "modal", "closeButton", "background-color"], }, color: { value: "#ffffffff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentModalCloseButtonColor", attributes: { category: "component", type: "modal", item: "closeButton", subitem: "color", }, path: ["component", "modal", "closeButton", "color"], }, icon: { paddingLeftRight: { value: "0.25rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentModalCloseButtonIconPaddingLeftRight", attributes: { category: "component", type: "modal", item: "closeButton", subitem: "icon", state: "paddingLeftRight", }, path: [ "component", "modal", "closeButton", "icon", "paddingLeftRight", ], }, }, }, iconBox: { fontSize: { value: "0.875rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentModalIconBoxFontSize", attributes: { category: "component", type: "modal", item: "iconBox", subitem: "fontSize", }, path: ["component", "modal", "iconBox", "fontSize"], }, lineHeight: { value: "0.875rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentModalIconBoxLineHeight", attributes: { category: "component", type: "modal", item: "iconBox", subitem: "lineHeight", }, path: ["component", "modal", "iconBox", "lineHeight"], }, margin: { right: { value: "0.5rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentModalIconBoxMarginRight", attributes: { category: "component", type: "modal", item: "iconBox", subitem: "margin", state: "right", }, path: ["component", "modal", "iconBox", "margin", "right"], }, }, }, kind: { form: { color: { value: "#4b5356ff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentModalKindFormColor", attributes: { category: "component", type: "modal", item: "kind", subitem: "form", state: "color", }, path: ["component", "modal", "kind", "form", "color"], }, }, delete: { color: { value: "#de002eff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentModalKindDeleteColor", attributes: { category: "component", type: "modal", item: "kind", subitem: "delete", state: "color", }, path: ["component", "modal", "kind", "delete", "color"], }, }, failure: { color: { value: "#de002eff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentModalKindFailureColor", attributes: { category: "component", type: "modal", item: "kind", subitem: "failure", state: "color", }, path: ["component", "modal", "kind", "failure", "color"], }, }, informational: { color: { value: "#007db8ff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentModalKindInformationalColor", attributes: { category: "component", type: "modal", item: "kind", subitem: "informational", state: "color", }, path: ["component", "modal", "kind", "informational", "color"], }, }, success: { color: { value: "#0b8940ff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentModalKindSuccessColor", attributes: { category: "component", type: "modal", item: "kind", subitem: "success", state: "color", }, path: ["component", "modal", "kind", "success", "color"], }, }, warning: { color: { value: "#e7760bff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentModalKindWarningColor", attributes: { category: "component", type: "modal", item: "kind", subitem: "warning", state: "color", }, path: ["component", "modal", "kind", "warning", "color"], }, }, successWithFailures: { color: { value: "#e7760bff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentModalKindSuccessWithFailuresColor", attributes: { category: "component", type: "modal", item: "kind", subitem: "successWithFailures", state: "color", }, path: [ "component", "modal", "kind", "successWithFailures", "color", ], }, }, }, size: { sm: { width: { value: "23.75rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.component.modal.sizes.sm.value}" }, name: "ComponentModalSizeSmWidth", attributes: { category: "component", type: "modal", item: "size", subitem: "sm", state: "width", }, path: ["component", "modal", "size", "sm", "width"], }, }, md: { width: { value: "36.25rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.component.modal.sizes.md.value}" }, name: "ComponentModalSizeMdWidth", attributes: { category: "component", type: "modal", item: "size", subitem: "md", state: "width", }, path: ["component", "modal", "size", "md", "width"], }, }, lg: { width: { value: "48.75rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.component.modal.sizes.lg.value}" }, name: "ComponentModalSizeLgWidth", attributes: { category: "component", type: "modal", item: "size", subitem: "lg", state: "width", }, path: ["component", "modal", "size", "lg", "width"], }, }, xl: { width: { value: "73.75rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.component.modal.sizes.xl.value}" }, name: "ComponentModalSizeXlWidth", attributes: { category: "component", type: "modal", item: "size", subitem: "xl", state: "width", }, path: ["component", "modal", "size", "xl", "width"], }, }, }, }, "page-subtitle": { text: { color: { value: "#4b5356ff", filePath: "src/tokens/component/page-subtitle.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentPageSubtitleTextColor", attributes: { category: "component", type: "page-subtitle", item: "text", subitem: "color", }, path: ["component", "page-subtitle", "text", "color"], }, "font-size": { value: "1.125rem", filePath: "src/tokens/component/page-subtitle.json", isSource: true, original: { value: "{size.type.title-md.font.value}" }, name: "ComponentPageSubtitleTextFontSize", attributes: { category: "component", type: "page-subtitle", item: "text", subitem: "font-size", }, path: ["component", "page-subtitle", "text", "font-size"], }, "line-height": { value: "1.125rem", filePath: "src/tokens/component/page-subtitle.json", isSource: true, original: { value: "{size.type.title-md.line.value}" }, name: "ComponentPageSubtitleTextLineHeight", attributes: { category: "component", type: "page-subtitle", item: "text", subitem: "line-height", }, path: ["component", "page-subtitle", "text", "line-height"], }, "margin-top": { value: "0.25rem", filePath: "src/tokens/component/page-subtitle.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentPageSubtitleTextMarginTop", attributes: { category: "component", type: "page-subtitle", item: "text", subitem: "margin-top", }, path: ["component", "page-subtitle", "text", "margin-top"], }, }, icon: { "font-size": { value: "0.75rem", filePath: "src/tokens/component/page-subtitle.json", isSource: true, original: { value: "{size.type.component-sm.font.value}" }, name: "ComponentPageSubtitleIconFontSize", attributes: { category: "component", type: "page-subtitle", item: "icon", subitem: "font-size", }, path: ["component", "page-subtitle", "icon", "font-size"], }, "line-height": { value: "1.125rem", filePath: "src/tokens/component/page-subtitle.json", isSource: true, original: { value: "{size.type.title-md.line.value}" }, name: "ComponentPageSubtitleIconLineHeight", attributes: { category: "component", type: "page-subtitle", item: "icon", subitem: "line-height", }, path: ["component", "page-subtitle", "icon", "line-height"], }, "margin-left": { value: "0.25rem", filePath: "src/tokens/component/page-subtitle.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentPageSubtitleIconMarginLeft", attributes: { category: "component", type: "page-subtitle", item: "icon", subitem: "margin-left", }, path: ["component", "page-subtitle", "icon", "margin-left"], }, "margin-right": { value: "0.25rem", filePath: "src/tokens/component/page-subtitle.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentPageSubtitleIconMarginRight", attributes: { category: "component", type: "page-subtitle", item: "icon", subitem: "margin-right", }, path: ["component", "page-subtitle", "icon", "margin-right"], }, "margin-top": { value: "0.25rem", filePath: "src/tokens/component/page-subtitle.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentPageSubtitleIconMarginTop", attributes: { category: "component", type: "page-subtitle", item: "icon", subitem: "margin-top", }, path: ["component", "page-subtitle", "icon", "margin-top"], }, }, }, "page-title": { text: { color: { value: "#1f282cff", filePath: "src/tokens/component/page-title.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentPageTitleTextColor", attributes: { category: "component", type: "page-title", item: "text", subitem: "color", }, path: ["component", "page-title", "text", "color"], }, "font-size": { value: "1.5rem", filePath: "src/tokens/component/page-title.json", isSource: true, original: { value: "{size.type.title-xl.font.value}" }, name: "ComponentPageTitleTextFontSize", attributes: { category: "component", type: "page-title", item: "text", subitem: "font-size", }, path: ["component", "page-title", "text", "font-size"], }, "line-height": { value: "1.5rem", filePath: "src/tokens/component/page-title.json", isSource: true, original: { value: "{size.type.title-xl.line.value}" }, name: "ComponentPageTitleTextLineHeight", attributes: { category: "component", type: "page-title", item: "text", subitem: "line-height", }, path: ["component", "page-title", "text", "line-height"], }, }, icon: { "font-size": { value: "1.125rem", filePath: "src/tokens/component/page-title.json", isSource: true, original: { value: "{size.type.title-md.font.value}" }, name: "ComponentPageTitleIconFontSize", attributes: { category: "component", type: "page-title", item: "icon", subitem: "font-size", }, path: ["component", "page-title", "icon", "font-size"], }, "line-height": { value: "1.5rem", filePath: "src/tokens/component/page-title.json", isSource: true, original: { value: "{size.type.title-xl.line.value}" }, name: "ComponentPageTitleIconLineHeight", attributes: { category: "component", type: "page-title", item: "icon", subitem: "line-height", }, path: ["component", "page-title", "icon", "line-height"], }, "margin-right": { value: "0.25rem", filePath: "src/tokens/component/page-title.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentPageTitleIconMarginRight", attributes: { category: "component", type: "page-title", item: "icon", subitem: "margin-right", }, path: ["component", "page-title", "icon", "margin-right"], }, "margin-top": { value: "0.1875rem", filePath: "src/tokens/component/page-title.json", isSource: true, original: { value: "{size.component.page-title.icon-margin-top}" }, name: "ComponentPageTitleIconMarginTop", attributes: { category: "component", type: "page-title", item: "icon", subitem: "margin-top", }, path: ["component", "page-title", "icon", "margin-top"], }, }, }, photo: { "display-mode": { fill: {}, fit: {} }, placeholder: { background: { value: "#f3f4f4ff", filePath: "src/tokens/component/photo.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentPhotoPlaceholderBackground", attributes: { category: "component", type: "photo", item: "placeholder", subitem: "background", }, path: ["component", "photo", "placeholder", "background"], }, "box-shadow-color-border": { value: "#d2d4d4ff", filePath: "src/tokens/component/photo.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentPhotoPlaceholderBoxShadowColorBorder", attributes: { category: "component", type: "photo", item: "placeholder", subitem: "box-shadow-color-border", }, path: [ "component", "photo", "placeholder", "box-shadow-color-border", ], }, "box-shadow-color-interior": { value: "#ffffffff", filePath: "src/tokens/component/photo.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentPhotoPlaceholderBoxShadowColorInterior", attributes: { category: "component", type: "photo", item: "placeholder", subitem: "box-shadow-color-interior", }, path: [ "component", "photo", "placeholder", "box-shadow-color-interior", ], }, "box-shadow-value-border": { value: "0.0625rem", filePath: "src/tokens/component/photo.json", isSource: true, original: { value: "{size.border.width.standard}" }, name: "ComponentPhotoPlaceholderBoxShadowValueBorder", attributes: { category: "component", type: "photo", item: "placeholder", subitem: "box-shadow-value-border", }, path: [ "component", "photo", "placeholder", "box-shadow-value-border", ], }, }, icon: { color: { value: "#717779ff", filePath: "src/tokens/component/photo.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentPhotoIconColor", attributes: { category: "component", type: "photo", item: "icon", subitem: "color", }, path: ["component", "photo", "icon", "color"], }, }, }, "photo-carousel": { "grid-gap": { value: "1rem", filePath: "src/tokens/component/photo.json", isSource: true, original: { value: "{size.grid.gutter.value}" }, name: "ComponentPhotoCarouselGridGap", attributes: { category: "component", type: "photo-carousel", item: "grid-gap", }, path: ["component", "photo-carousel", "grid-gap"], }, "margin-bottom": { value: "0.5rem", filePath: "src/tokens/component/photo.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentPhotoCarouselMarginBottom", attributes: { category: "component", type: "photo-carousel", item: "margin-bottom", }, path: ["component", "photo-carousel", "margin-bottom"], }, border: { value: "0", filePath: "src/tokens/component/photo.json", isSource: true, original: { value: "{size.border.width.none.value}" }, name: "ComponentPhotoCarouselBorder", attributes: { category: "component", type: "photo-carousel", item: "border", }, path: ["component", "photo-carousel", "border"], }, }, "product-bar-vertical": { "background-color": { value: "#ffffffff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentProductBarVerticalBackgroundColor", attributes: { category: "component", type: "product-bar-vertical", item: "background-color", }, path: ["component", "product-bar-vertical", "background-color"], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentProductBarVerticalBorderColor", attributes: { category: "component", type: "product-bar-vertical", item: "border-color", }, path: ["component", "product-bar-vertical", "border-color"], }, "border-style": { value: "solid", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentProductBarVerticalBorderStyle", attributes: { category: "component", type: "product-bar-vertical", item: "border-style", }, path: ["component", "product-bar-vertical", "border-style"], }, "border-width": { value: "0.0625rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentProductBarVerticalBorderWidth", attributes: { category: "component", type: "product-bar-vertical", item: "border-width", }, path: ["component", "product-bar-vertical", "border-width"], }, "border-radius": { value: "0.125rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentProductBarVerticalBorderRadius", attributes: { category: "component", type: "product-bar-vertical", item: "border-radius", }, path: ["component", "product-bar-vertical", "border-radius"], }, logo: { size: { value: "1.5rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.component.product-bar-vertical.logo-size.value}", }, name: "ComponentProductBarVerticalLogoSize", attributes: { category: "component", type: "product-bar-vertical", item: "logo", subitem: "size", }, path: ["component", "product-bar-vertical", "logo", "size"], }, "margin-right": { value: "0.5rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentProductBarVerticalLogoMarginRight", attributes: { category: "component", type: "product-bar-vertical", item: "logo", subitem: "margin-right", }, path: ["component", "product-bar-vertical", "logo", "margin-right"], }, }, name: { color: { value: "#1f282cff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentProductBarVerticalNameColor", attributes: { category: "component", type: "product-bar-vertical", item: "name", subitem: "color", }, path: ["component", "product-bar-vertical", "name", "color"], }, "font-size": { value: "1rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.type.title-sm.font.value}" }, name: "ComponentProductBarVerticalNameFontSize", attributes: { category: "component", type: "product-bar-vertical", item: "name", subitem: "font-size", }, path: ["component", "product-bar-vertical", "name", "font-size"], }, "font-weight": { value: 600, filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentProductBarVerticalNameFontWeight", attributes: { category: "component", type: "product-bar-vertical", item: "name", subitem: "font-weight", }, path: ["component", "product-bar-vertical", "name", "font-weight"], }, }, header: { "background-color": { value: "#ffffffff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentProductBarVerticalHeaderBackgroundColor", attributes: { category: "component", type: "product-bar-vertical", item: "header", subitem: "background-color", }, path: [ "component", "product-bar-vertical", "header", "background-color", ], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentProductBarVerticalHeaderBorderColor", attributes: { category: "component", type: "product-bar-vertical", item: "header", subitem: "border-color", }, path: [ "component", "product-bar-vertical", "header", "border-color", ], }, "border-style": { value: "solid", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentProductBarVerticalHeaderBorderStyle", attributes: { category: "component", type: "product-bar-vertical", item: "header", subitem: "border-style", }, path: [ "component", "product-bar-vertical", "header", "border-style", ], }, "border-width": { value: "0.0625rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentProductBarVerticalHeaderBorderWidth", attributes: { category: "component", type: "product-bar-vertical", item: "header", subitem: "border-width", }, path: [ "component", "product-bar-vertical", "header", "border-width", ], }, padding: { value: "0.5rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentProductBarVerticalHeaderPadding", attributes: { category: "component", type: "product-bar-vertical", item: "header", subitem: "padding", }, path: ["component", "product-bar-vertical", "header", "padding"], }, }, section: { "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentProductBarVerticalSectionBorderColor", attributes: { category: "component", type: "product-bar-vertical", item: "section", subitem: "border-color", }, path: [ "component", "product-bar-vertical", "section", "border-color", ], }, "border-style": { value: "solid", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentProductBarVerticalSectionBorderStyle", attributes: { category: "component", type: "product-bar-vertical", item: "section", subitem: "border-style", }, path: [ "component", "product-bar-vertical", "section", "border-style", ], }, "border-width": { value: "0.0625rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentProductBarVerticalSectionBorderWidth", attributes: { category: "component", type: "product-bar-vertical", item: "section", subitem: "border-width", }, path: [ "component", "product-bar-vertical", "section", "border-width", ], }, }, item: { branch: { "font-size": { value: "0.875rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentProductBarVerticalItemBranchFontSize", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "branch", state: "font-size", }, path: [ "component", "product-bar-vertical", "item", "branch", "font-size", ], }, "line-height": { value: "1.25rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentProductBarVerticalItemBranchLineHeight", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "branch", state: "line-height", }, path: [ "component", "product-bar-vertical", "item", "branch", "line-height", ], }, }, leaf: { "selected-background-color": { value: "#007db8ff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentProductBarVerticalItemLeafSelectedBackgroundColor", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "leaf", state: "selected-background-color", }, path: [ "component", "product-bar-vertical", "item", "leaf", "selected-background-color", ], }, "selected-color": { value: "#ffffffff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentProductBarVerticalItemLeafSelectedColor", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "leaf", state: "selected-color", }, path: [ "component", "product-bar-vertical", "item", "leaf", "selected-color", ], }, "expand-icon-size": { value: "0.625rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.component.product-bar-vertical.expand-icon-size.value}", }, name: "ComponentProductBarVerticalItemLeafExpandIconSize", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "leaf", state: "expand-icon-size", }, path: [ "component", "product-bar-vertical", "item", "leaf", "expand-icon-size", ], }, "expand-icon-line-height": { value: "1.25rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentProductBarVerticalItemLeafExpandIconLineHeight", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "leaf", state: "expand-icon-line-height", }, path: [ "component", "product-bar-vertical", "item", "leaf", "expand-icon-line-height", ], }, "expand-icon-margin-right": { value: "0.25rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentProductBarVerticalItemLeafExpandIconMarginRight", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "leaf", state: "expand-icon-margin-right", }, path: [ "component", "product-bar-vertical", "item", "leaf", "expand-icon-margin-right", ], }, "expand-icon-margin-left": { value: "0.875rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.component.product-bar-vertical.expand-icon-margin.value}", }, name: "ComponentProductBarVerticalItemLeafExpandIconMarginLeft", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "leaf", state: "expand-icon-margin-left", }, path: [ "component", "product-bar-vertical", "item", "leaf", "expand-icon-margin-left", ], }, hover: { "background-color": { value: "#f3f4f4ff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentProductBarVerticalItemLeafHoverBackgroundColor", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "leaf", state: "hover", }, path: [ "component", "product-bar-vertical", "item", "leaf", "hover", "background-color", ], }, }, }, link: { color: { value: "#1f282cff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentProductBarVerticalItemLinkColor", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "link", state: "color", }, path: [ "component", "product-bar-vertical", "item", "link", "color", ], }, "font-size": { value: "0.875rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentProductBarVerticalItemLinkFontSize", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "link", state: "font-size", }, path: [ "component", "product-bar-vertical", "item", "link", "font-size", ], }, "line-height": { value: "1.5rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.type.title-xl.line.value}" }, name: "ComponentProductBarVerticalItemLinkLineHeight", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "link", state: "line-height", }, path: [ "component", "product-bar-vertical", "item", "link", "line-height", ], }, "padding-vertical": { value: "0.5rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentProductBarVerticalItemLinkPaddingVertical", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "link", state: "padding-vertical", }, path: [ "component", "product-bar-vertical", "item", "link", "padding-vertical", ], }, "padding-right": { value: "1rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentProductBarVerticalItemLinkPaddingRight", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "link", state: "padding-right", }, path: [ "component", "product-bar-vertical", "item", "link", "padding-right", ], }, "padding-left": { value: "1rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentProductBarVerticalItemLinkPaddingLeft", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "link", state: "padding-left", }, path: [ "component", "product-bar-vertical", "item", "link", "padding-left", ], }, "min-height": { value: "2.5rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.component.product-bar-vertical.link-min-height.value}", }, name: "ComponentProductBarVerticalItemLinkMinHeight", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "link", state: "min-height", }, path: [ "component", "product-bar-vertical", "item", "link", "min-height", ], }, }, nesting: { "padding-first-level": { value: "2.125rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.component.product-bar-vertical.nested-first-level.value}", }, name: "ComponentProductBarVerticalItemNestingPaddingFirstLevel", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "nesting", state: "padding-first-level", }, path: [ "component", "product-bar-vertical", "item", "nesting", "padding-first-level", ], }, "padding-second-level": { value: "3rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.component.product-bar-vertical.nested-second-level.value}", }, name: "ComponentProductBarVerticalItemNestingPaddingSecondLevel", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "nesting", state: "padding-second-level", }, path: [ "component", "product-bar-vertical", "item", "nesting", "padding-second-level", ], }, "padding-third-level": { value: "3.875rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.component.product-bar-vertical.nested-third-level.value}", }, name: "ComponentProductBarVerticalItemNestingPaddingThirdLevel", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "nesting", state: "padding-third-level", }, path: [ "component", "product-bar-vertical", "item", "nesting", "padding-third-level", ], }, "padding-fourth-level": { value: "4.75rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.component.product-bar-vertical.nested-fourth-level.value}", }, name: "ComponentProductBarVerticalItemNestingPaddingFourthLevel", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "nesting", state: "padding-fourth-level", }, path: [ "component", "product-bar-vertical", "item", "nesting", "padding-fourth-level", ], }, }, tag: { active: { "background-color": { value: "#ffffffff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentProductBarVerticalItemTagActiveBackgroundColor", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "tag", state: "active", }, path: [ "component", "product-bar-vertical", "item", "tag", "active", "background-color", ], }, color: { value: "#4b5356ff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentProductBarVerticalItemTagActiveColor", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "tag", state: "active", }, path: [ "component", "product-bar-vertical", "item", "tag", "active", "color", ], }, }, }, }, }, "product-bar": { "background-color": { value: "#ffffffff", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentProductBarBackgroundColor", attributes: { category: "component", type: "product-bar", item: "background-color", }, path: ["component", "product-bar", "background-color"], }, bar: { "min-height": { value: "3.75rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.component.product-bar.min-height.value}", }, name: "ComponentProductBarBarMinHeight", attributes: { category: "component", type: "product-bar", item: "bar", subitem: "min-height", }, path: ["component", "product-bar", "bar", "min-height"], }, padding: { value: "2rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.spacing.lg.value}" }, name: "ComponentProductBarBarPadding", attributes: { category: "component", type: "product-bar", item: "bar", subitem: "padding", }, path: ["component", "product-bar", "bar", "padding"], }, width: { value: "1280px", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.component.product-bar.width.value}" }, name: "ComponentProductBarBarWidth", attributes: { category: "component", type: "product-bar", item: "bar", subitem: "width", }, path: ["component", "product-bar", "bar", "width"], }, }, brand: { "margin-right": { value: "2rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.spacing.lg.value}" }, name: "ComponentProductBarBrandMarginRight", attributes: { category: "component", type: "product-bar", item: "brand", subitem: "margin-right", }, path: ["component", "product-bar", "brand", "margin-right"], }, }, logo: { size: { value: "1.5rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.component.product-bar.logo-size.value}" }, name: "ComponentProductBarLogoSize", attributes: { category: "component", type: "product-bar", item: "logo", subitem: "size", }, path: ["component", "product-bar", "logo", "size"], }, "margin-right": { value: "0.5rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentProductBarLogoMarginRight", attributes: { category: "component", type: "product-bar", item: "logo", subitem: "margin-right", }, path: ["component", "product-bar", "logo", "margin-right"], }, }, name: { color: { value: "#1f282cff", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentProductBarNameColor", attributes: { category: "component", type: "product-bar", item: "name", subitem: "color", }, path: ["component", "product-bar", "name", "color"], }, "font-size": { value: "1rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.type.title-sm.font.value}" }, name: "ComponentProductBarNameFontSize", attributes: { category: "component", type: "product-bar", item: "name", subitem: "font-size", }, path: ["component", "product-bar", "name", "font-size"], }, "font-weight": { value: 600, filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentProductBarNameFontWeight", attributes: { category: "component", type: "product-bar", item: "name", subitem: "font-weight", }, path: ["component", "product-bar", "name", "font-weight"], }, }, nav: { "border-width": { value: "0.125rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.component.product-bar.nav-underline.value}", }, name: "ComponentProductBarNavBorderWidth", attributes: { category: "component", type: "product-bar", item: "nav", subitem: "border-width", }, path: ["component", "product-bar", "nav", "border-width"], }, "border-style": { value: "solid", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentProductBarNavBorderStyle", attributes: { category: "component", type: "product-bar", item: "nav", subitem: "border-style", }, path: ["component", "product-bar", "nav", "border-style"], }, color: { value: "#4b5356ff", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentProductBarNavColor", attributes: { category: "component", type: "product-bar", item: "nav", subitem: "color", }, path: ["component", "product-bar", "nav", "color"], }, "font-size": { value: "0.875rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentProductBarNavFontSize", attributes: { category: "component", type: "product-bar", item: "nav", subitem: "font-size", }, path: ["component", "product-bar", "nav", "font-size"], }, height: { value: "3.625rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.component.product-bar.nav-height.value}", }, name: "ComponentProductBarNavHeight", attributes: { category: "component", type: "product-bar", item: "nav", subitem: "height", }, path: ["component", "product-bar", "nav", "height"], }, "margin-top": { value: "0.125rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentProductBarNavMarginTop", attributes: { category: "component", type: "product-bar", item: "nav", subitem: "margin-top", }, path: ["component", "product-bar", "nav", "margin-top"], }, padding: { value: "1rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentProductBarNavPadding", attributes: { category: "component", type: "product-bar", item: "nav", subitem: "padding", }, path: ["component", "product-bar", "nav", "padding"], }, "active-border-color": { value: "#007db8ff", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentProductBarNavActiveBorderColor", attributes: { category: "component", type: "product-bar", item: "nav", subitem: "active-border-color", }, path: ["component", "product-bar", "nav", "active-border-color"], }, "disabled-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentProductBarNavDisabledColor", attributes: { category: "component", type: "product-bar", item: "nav", subitem: "disabled-color", }, path: ["component", "product-bar", "nav", "disabled-color"], }, }, "vertical-rule": { height: { value: "2.125rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.component.product-bar.vertical-rule-height.value}", }, name: "ComponentProductBarVerticalRuleHeight", attributes: { category: "component", type: "product-bar", item: "vertical-rule", subitem: "height", }, path: ["component", "product-bar", "vertical-rule", "height"], }, "margin-right": { value: "1rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentProductBarVerticalRuleMarginRight", attributes: { category: "component", type: "product-bar", item: "vertical-rule", subitem: "margin-right", }, path: ["component", "product-bar", "vertical-rule", "margin-right"], }, background: { value: "#d2d4d4ff", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentProductBarVerticalRuleBackground", attributes: { category: "component", type: "product-bar", item: "vertical-rule", subitem: "background", }, path: ["component", "product-bar", "vertical-rule", "background"], }, width: { value: "0.0625rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentProductBarVerticalRuleWidth", attributes: { category: "component", type: "product-bar", item: "vertical-rule", subitem: "width", }, path: ["component", "product-bar", "vertical-rule", "width"], }, }, }, "progress-bar": { "progress-color": { purple: { color: { value: "#91467fff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentProgressBarProgressColorPurpleColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "purple", state: "color", }, path: [ "component", "progress-bar", "progress-color", "purple", "color", ], }, "hover-color": { value: "#6e3c65ff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.purple.dark.value}" }, name: "ComponentProgressBarProgressColorPurpleHoverColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "purple", state: "hover-color", }, path: [ "component", "progress-bar", "progress-color", "purple", "hover-color", ], }, }, blue: { color: { value: "#007db8ff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentProgressBarProgressColorBlueColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "blue", state: "color", }, path: [ "component", "progress-bar", "progress-color", "blue", "color", ], }, "hover-color": { value: "#09638dff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentProgressBarProgressColorBlueHoverColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "blue", state: "hover-color", }, path: [ "component", "progress-bar", "progress-color", "blue", "hover-color", ], }, }, red: { color: { value: "#de002eff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentProgressBarProgressColorRedColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "red", state: "color", }, path: [ "component", "progress-bar", "progress-color", "red", "color", ], }, "hover-color": { value: "#a30d2dff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.red.dark.value}" }, name: "ComponentProgressBarProgressColorRedHoverColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "red", state: "hover-color", }, path: [ "component", "progress-bar", "progress-color", "red", "hover-color", ], }, }, orange: { color: { value: "#e7760bff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentProgressBarProgressColorOrangeColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "orange", state: "color", }, path: [ "component", "progress-bar", "progress-color", "orange", "color", ], }, "hover-color": { value: "#aa5e14ff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.orange.dark.value}" }, name: "ComponentProgressBarProgressColorOrangeHoverColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "orange", state: "hover-color", }, path: [ "component", "progress-bar", "progress-color", "orange", "hover-color", ], }, }, grey: { color: { value: "#717779ff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentProgressBarProgressColorGreyColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "grey", state: "color", }, path: [ "component", "progress-bar", "progress-color", "grey", "color", ], }, "hover-color": { value: "#1f282cff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentProgressBarProgressColorGreyHoverColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "grey", state: "hover-color", }, path: [ "component", "progress-bar", "progress-color", "grey", "hover-color", ], }, }, }, "close-button": { "margin-left": { value: "0.5rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentProgressBarCloseButtonMarginLeft", attributes: { category: "component", type: "progress-bar", item: "close-button", subitem: "margin-left", }, path: ["component", "progress-bar", "close-button", "margin-left"], }, "margin-top": { value: "0.375rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.component.progress-bar.close-button-margin.value}", }, name: "ComponentProgressBarCloseButtonMarginTop", attributes: { category: "component", type: "progress-bar", item: "close-button", subitem: "margin-top", }, path: ["component", "progress-bar", "close-button", "margin-top"], }, }, heading: { "font-size": { value: "0.875rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentProgressBarHeadingFontSize", attributes: { category: "component", type: "progress-bar", item: "heading", subitem: "font-size", }, path: ["component", "progress-bar", "heading", "font-size"], }, "line-height": { value: "1.25rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.type.title-lg.line.value}" }, name: "ComponentProgressBarHeadingLineHeight", attributes: { category: "component", type: "progress-bar", item: "heading", subitem: "line-height", }, path: ["component", "progress-bar", "heading", "line-height"], }, "margin-bottom": { value: "0.5rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentProgressBarHeadingMarginBottom", attributes: { category: "component", type: "progress-bar", item: "heading", subitem: "margin-bottom", }, path: ["component", "progress-bar", "heading", "margin-bottom"], }, }, "title-color": { value: "#1f282cff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentProgressBarTitleColor", attributes: { category: "component", type: "progress-bar", item: "title-color", }, path: ["component", "progress-bar", "title-color"], }, percentage: { color: { value: "#91467fff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentProgressBarPercentageColor", attributes: { category: "component", type: "progress-bar", item: "percentage", subitem: "color", }, path: ["component", "progress-bar", "percentage", "color"], }, "font-weight": { value: 600, filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentProgressBarPercentageFontWeight", attributes: { category: "component", type: "progress-bar", item: "percentage", subitem: "font-weight", }, path: ["component", "progress-bar", "percentage", "font-weight"], }, "font-size": { value: "0.875rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.type.body-md.font.value }" }, name: "ComponentProgressBarPercentageFontSize", attributes: { category: "component", type: "progress-bar", item: "percentage", subitem: "font-size", }, path: ["component", "progress-bar", "percentage", "font-size"], }, "line-height": { value: "1.25rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.type.title-lg.line.value}" }, name: "ComponentProgressBarPercentageLineHeight", attributes: { category: "component", type: "progress-bar", item: "percentage", subitem: "line-height", }, path: ["component", "progress-bar", "percentage", "line-height"], }, "completed-color": { value: "#0b8940ff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentProgressBarPercentageCompletedColor", attributes: { category: "component", type: "progress-bar", item: "percentage", subitem: "completed-color", }, path: [ "component", "progress-bar", "percentage", "completed-color", ], }, "disabled-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentProgressBarPercentageDisabledColor", attributes: { category: "component", type: "progress-bar", item: "percentage", subitem: "disabled-color", }, path: ["component", "progress-bar", "percentage", "disabled-color"], }, }, background: { background: { value: "#e9e9eaff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentProgressBarBackgroundBackground", attributes: { category: "component", type: "progress-bar", item: "background", subitem: "background", }, path: ["component", "progress-bar", "background", "background"], }, "border-radius": { value: "0.5rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.component.progress-bar.border-radius.value}", }, name: "ComponentProgressBarBackgroundBorderRadius", attributes: { category: "component", type: "progress-bar", item: "background", subitem: "border-radius", }, path: ["component", "progress-bar", "background", "border-radius"], }, height: { value: "1rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentProgressBarBackgroundHeight", attributes: { category: "component", type: "progress-bar", item: "background", subitem: "height", }, path: ["component", "progress-bar", "background", "height"], }, }, progress: { "background-color": { value: "#91467fff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentProgressBarProgressBackgroundColor", attributes: { category: "component", type: "progress-bar", item: "progress", subitem: "background-color", }, path: ["component", "progress-bar", "progress", "background-color"], }, "border-radius": { value: "0.5rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.component.progress-bar.border-radius.value}", }, name: "ComponentProgressBarProgressBorderRadius", attributes: { category: "component", type: "progress-bar", item: "progress", subitem: "border-radius", }, path: ["component", "progress-bar", "progress", "border-radius"], }, height: { value: "1rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentProgressBarProgressHeight", attributes: { category: "component", type: "progress-bar", item: "progress", subitem: "height", }, path: ["component", "progress-bar", "progress", "height"], }, "completed-background-color": { value: "#0b8940ff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentProgressBarProgressCompletedBackgroundColor", attributes: { category: "component", type: "progress-bar", item: "progress", subitem: "completed-background-color", }, path: [ "component", "progress-bar", "progress", "completed-background-color", ], }, "disabled-background-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentProgressBarProgressDisabledBackgroundColor", attributes: { category: "component", type: "progress-bar", item: "progress", subitem: "disabled-background-color", }, path: [ "component", "progress-bar", "progress", "disabled-background-color", ], }, }, detail: { color: { value: "#4b5356ff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentProgressBarDetailColor", attributes: { category: "component", type: "progress-bar", item: "detail", subitem: "color", }, path: ["component", "progress-bar", "detail", "color"], }, "font-size": { value: "0.75rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "ComponentProgressBarDetailFontSize", attributes: { category: "component", type: "progress-bar", item: "detail", subitem: "font-size", }, path: ["component", "progress-bar", "detail", "font-size"], }, "line-height": { value: "1.125rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.type.title-md.line.value}" }, name: "ComponentProgressBarDetailLineHeight", attributes: { category: "component", type: "progress-bar", item: "detail", subitem: "line-height", }, path: ["component", "progress-bar", "detail", "line-height"], }, "margin-top": { value: "1rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentProgressBarDetailMarginTop", attributes: { category: "component", type: "progress-bar", item: "detail", subitem: "margin-top", }, path: ["component", "progress-bar", "detail", "margin-top"], }, }, }, "progress-ring": { sm: { value: 14, filePath: "src/tokens/component/progress-ring.json", isSource: true, original: { value: 14 }, name: "ComponentProgressRingSm", attributes: { category: "component", type: "progress-ring", item: "sm", }, path: ["component", "progress-ring", "sm"], }, md: { value: 26, filePath: "src/tokens/component/progress-ring.json", isSource: true, original: { value: 26 }, name: "ComponentProgressRingMd", attributes: { category: "component", type: "progress-ring", item: "md", }, path: ["component", "progress-ring", "md"], }, lg: { value: 38, filePath: "src/tokens/component/progress-ring.json", isSource: true, original: { value: 38 }, name: "ComponentProgressRingLg", attributes: { category: "component", type: "progress-ring", item: "lg", }, path: ["component", "progress-ring", "lg"], }, }, "rich-text-editor": { "background-color": { value: "#ffffffff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentRichTextEditorBackgroundColor", attributes: { category: "component", type: "rich-text-editor", item: "background-color", }, path: ["component", "rich-text-editor", "background-color"], }, border: { color: { value: "#717779ff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentRichTextEditorBorderColor", attributes: { category: "component", type: "rich-text-editor", item: "border", subitem: "color", }, path: ["component", "rich-text-editor", "border", "color"], }, style: { value: "solid", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentRichTextEditorBorderStyle", attributes: { category: "component", type: "rich-text-editor", item: "border", subitem: "style", }, path: ["component", "rich-text-editor", "border", "style"], }, radius: { value: "0.25rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentRichTextEditorBorderRadius", attributes: { category: "component", type: "rich-text-editor", item: "border", subitem: "radius", }, path: ["component", "rich-text-editor", "border", "radius"], }, width: { value: "0.0625rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentRichTextEditorBorderWidth", attributes: { category: "component", type: "rich-text-editor", item: "border", subitem: "width", }, path: ["component", "rich-text-editor", "border", "width"], }, "no-width": { value: "0", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.border.width.none.value}" }, name: "ComponentRichTextEditorBorderNoWidth", attributes: { category: "component", type: "rich-text-editor", item: "border", subitem: "no-width", }, path: ["component", "rich-text-editor", "border", "no-width"], }, }, "font-size": { value: "0.875rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentRichTextEditorFontSize", attributes: { category: "component", type: "rich-text-editor", item: "font-size", }, path: ["component", "rich-text-editor", "font-size"], }, "line-height": { value: "1.25rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentRichTextEditorLineHeight", attributes: { category: "component", type: "rich-text-editor", item: "line-height", }, path: ["component", "rich-text-editor", "line-height"], }, vr: { height: { value: "1.75rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.component.rich-text-editor.vr.height.value}", }, name: "ComponentRichTextEditorVrHeight", attributes: { category: "component", type: "rich-text-editor", item: "vr", subitem: "height", }, path: ["component", "rich-text-editor", "vr", "height"], }, }, "editable-div": { "min-height": { value: "8rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.component.rich-text-editor.editable-div.min-height.value}", }, name: "ComponentRichTextEditorEditableDivMinHeight", attributes: { category: "component", type: "rich-text-editor", item: "editable-div", subitem: "min-height", }, path: [ "component", "rich-text-editor", "editable-div", "min-height", ], }, }, padding: { input: { x: { value: "0.5rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentRichTextEditorPaddingInputX", attributes: { category: "component", type: "rich-text-editor", item: "padding", subitem: "input", state: "x", }, path: ["component", "rich-text-editor", "padding", "input", "x"], }, y: { value: "0.25rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentRichTextEditorPaddingInputY", attributes: { category: "component", type: "rich-text-editor", item: "padding", subitem: "input", state: "y", }, path: ["component", "rich-text-editor", "padding", "input", "y"], }, }, toolbar: { value: "0.25rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentRichTextEditorPaddingToolbar", attributes: { category: "component", type: "rich-text-editor", item: "padding", subitem: "toolbar", }, path: ["component", "rich-text-editor", "padding", "toolbar"], }, }, disabled: { "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentRichTextEditorDisabledBorderColor", attributes: { category: "component", type: "rich-text-editor", item: "disabled", subitem: "border-color", }, path: ["component", "rich-text-editor", "disabled", "border-color"], }, "input-color": { value: "#717779ff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentRichTextEditorDisabledInputColor", attributes: { category: "component", type: "rich-text-editor", item: "disabled", subitem: "input-color", }, path: ["component", "rich-text-editor", "disabled", "input-color"], }, }, }, "rich-text-editor-toolbar-button": { "background-color": { value: "#ffffffff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentRichTextEditorToolbarButtonBackgroundColor", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "background-color", }, path: [ "component", "rich-text-editor-toolbar-button", "background-color", ], }, border: { color: { value: "#ffffffff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentRichTextEditorToolbarButtonBorderColor", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "border", subitem: "color", }, path: [ "component", "rich-text-editor-toolbar-button", "border", "color", ], }, style: { value: "solid", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentRichTextEditorToolbarButtonBorderStyle", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "border", subitem: "style", }, path: [ "component", "rich-text-editor-toolbar-button", "border", "style", ], }, radius: { value: "0.25rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentRichTextEditorToolbarButtonBorderRadius", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "border", subitem: "radius", }, path: [ "component", "rich-text-editor-toolbar-button", "border", "radius", ], }, width: { value: "0.0625rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentRichTextEditorToolbarButtonBorderWidth", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "border", subitem: "width", }, path: [ "component", "rich-text-editor-toolbar-button", "border", "width", ], }, }, padding: { x: { value: "0.5rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentRichTextEditorToolbarButtonPaddingX", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "padding", subitem: "x", }, path: [ "component", "rich-text-editor-toolbar-button", "padding", "x", ], }, y: { value: "0.25rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentRichTextEditorToolbarButtonPaddingY", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "padding", subitem: "y", }, path: [ "component", "rich-text-editor-toolbar-button", "padding", "y", ], }, }, hover: { "background-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentRichTextEditorToolbarButtonHoverBackgroundColor", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "hover", subitem: "background-color", }, path: [ "component", "rich-text-editor-toolbar-button", "hover", "background-color", ], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentRichTextEditorToolbarButtonHoverBorderColor", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "hover", subitem: "border-color", }, path: [ "component", "rich-text-editor-toolbar-button", "hover", "border-color", ], }, }, active: { "background-color": { value: "#e6f2f8ff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.blue.light.value}" }, name: "ComponentRichTextEditorToolbarButtonActiveBackgroundColor", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "active", subitem: "background-color", }, path: [ "component", "rich-text-editor-toolbar-button", "active", "background-color", ], }, "border-color": { value: "#007db8ff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentRichTextEditorToolbarButtonActiveBorderColor", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "active", subitem: "border-color", }, path: [ "component", "rich-text-editor-toolbar-button", "active", "border-color", ], }, }, }, "search-results-bar": { "background-color": { value: "#e9e9eaff", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentSearchResultsBarBackgroundColor", attributes: { category: "component", type: "search-results-bar", item: "background-color", }, path: ["component", "search-results-bar", "background-color"], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentSearchResultsBarBorderColor", attributes: { category: "component", type: "search-results-bar", item: "border-color", }, path: ["component", "search-results-bar", "border-color"], }, "border-style": { value: "solid", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentSearchResultsBarBorderStyle", attributes: { category: "component", type: "search-results-bar", item: "border-style", }, path: ["component", "search-results-bar", "border-style"], }, "border-width": { value: "0.0625rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentSearchResultsBarBorderWidth", attributes: { category: "component", type: "search-results-bar", item: "border-width", }, path: ["component", "search-results-bar", "border-width"], }, "border-radius": { value: "0.25rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentSearchResultsBarBorderRadius", attributes: { category: "component", type: "search-results-bar", item: "border-radius", }, path: ["component", "search-results-bar", "border-radius"], }, "min-height": { value: "3.25rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.component.search-results-bar.min-height.value}", }, name: "ComponentSearchResultsBarMinHeight", attributes: { category: "component", type: "search-results-bar", item: "min-height", }, path: ["component", "search-results-bar", "min-height"], }, padding: { value: "0.5rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentSearchResultsBarPadding", attributes: { category: "component", type: "search-results-bar", item: "padding", }, path: ["component", "search-results-bar", "padding"], }, margin: { value: "0.25rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentSearchResultsBarMargin", attributes: { category: "component", type: "search-results-bar", item: "margin", }, path: ["component", "search-results-bar", "margin"], }, "list-bar": { "border-radius-bottom": { value: "0.125rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentSearchResultsBarListBarBorderRadiusBottom", attributes: { category: "component", type: "search-results-bar", item: "list-bar", subitem: "border-radius-bottom", }, path: [ "component", "search-results-bar", "list-bar", "border-radius-bottom", ], }, "border-radius-top": { value: "0", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.border.radius.none.value}" }, name: "ComponentSearchResultsBarListBarBorderRadiusTop", attributes: { category: "component", type: "search-results-bar", item: "list-bar", subitem: "border-radius-top", }, path: [ "component", "search-results-bar", "list-bar", "border-radius-top", ], }, "border-width": { value: "0", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.border.width.none.value}" }, name: "ComponentSearchResultsBarListBarBorderWidth", attributes: { category: "component", type: "search-results-bar", item: "list-bar", subitem: "border-width", }, path: [ "component", "search-results-bar", "list-bar", "border-width", ], }, "border-width-top": { value: "0.0625rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentSearchResultsBarListBarBorderWidthTop", attributes: { category: "component", type: "search-results-bar", item: "list-bar", subitem: "border-width-top", }, path: [ "component", "search-results-bar", "list-bar", "border-width-top", ], }, }, "selection-tag": { "margin-vertical": { value: "0.125rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentSearchResultsBarSelectionTagMarginVertical", attributes: { category: "component", type: "search-results-bar", item: "selection-tag", subitem: "margin-vertical", }, path: [ "component", "search-results-bar", "selection-tag", "margin-vertical", ], }, "margin-right": { value: "0.25rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentSearchResultsBarSelectionTagMarginRight", attributes: { category: "component", type: "search-results-bar", item: "selection-tag", subitem: "margin-right", }, path: [ "component", "search-results-bar", "selection-tag", "margin-right", ], }, }, "clear-button": { width: { value: "5.25rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.component.search-results-bar.clear-button.value}", }, name: "ComponentSearchResultsBarClearButtonWidth", attributes: { category: "component", type: "search-results-bar", item: "clear-button", subitem: "width", }, path: ["component", "search-results-bar", "clear-button", "width"], }, "hover-background": { value: "#d2d4d4ff", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentSearchResultsBarClearButtonHoverBackground", attributes: { category: "component", type: "search-results-bar", item: "clear-button", subitem: "hover-background", }, path: [ "component", "search-results-bar", "clear-button", "hover-background", ], }, }, }, "side-nav": { "background-color": { value: "#ffffffff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentSideNavBackgroundColor", attributes: { category: "component", type: "side-nav", item: "background-color", }, path: ["component", "side-nav", "background-color"], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentSideNavBorderColor", attributes: { category: "component", type: "side-nav", item: "border-color", }, path: ["component", "side-nav", "border-color"], }, "border-style": { value: "solid", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentSideNavBorderStyle", attributes: { category: "component", type: "side-nav", item: "border-style", }, path: ["component", "side-nav", "border-style"], }, "border-width": { value: "0.0625rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentSideNavBorderWidth", attributes: { category: "component", type: "side-nav", item: "border-width", }, path: ["component", "side-nav", "border-width"], }, "border-radius": { value: "0.125rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentSideNavBorderRadius", attributes: { category: "component", type: "side-nav", item: "border-radius", }, path: ["component", "side-nav", "border-radius"], }, header: { "background-color": { value: "#ffffffff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentSideNavHeaderBackgroundColor", attributes: { category: "component", type: "side-nav", item: "header", subitem: "background-color", }, path: ["component", "side-nav", "header", "background-color"], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentSideNavHeaderBorderColor", attributes: { category: "component", type: "side-nav", item: "header", subitem: "border-color", }, path: ["component", "side-nav", "header", "border-color"], }, "border-style": { value: "solid", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentSideNavHeaderBorderStyle", attributes: { category: "component", type: "side-nav", item: "header", subitem: "border-style", }, path: ["component", "side-nav", "header", "border-style"], }, "border-width": { value: "0.0625rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentSideNavHeaderBorderWidth", attributes: { category: "component", type: "side-nav", item: "header", subitem: "border-width", }, path: ["component", "side-nav", "header", "border-width"], }, padding: { value: "0.5rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentSideNavHeaderPadding", attributes: { category: "component", type: "side-nav", item: "header", subitem: "padding", }, path: ["component", "side-nav", "header", "padding"], }, title: { "font-size": { value: "0.75rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "ComponentSideNavHeaderTitleFontSize", attributes: { category: "component", type: "side-nav", item: "header", subitem: "title", state: "font-size", }, path: ["component", "side-nav", "header", "title", "font-size"], }, "line-height": { value: "1.5rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.type.title-xl.line.value}" }, name: "ComponentSideNavHeaderTitleLineHeight", attributes: { category: "component", type: "side-nav", item: "header", subitem: "title", state: "line-height", }, path: ["component", "side-nav", "header", "title", "line-height"], }, "font-weight": { value: 600, filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentSideNavHeaderTitleFontWeight", attributes: { category: "component", type: "side-nav", item: "header", subitem: "title", state: "font-weight", }, path: ["component", "side-nav", "header", "title", "font-weight"], }, "padding-left": { value: "0.5rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentSideNavHeaderTitlePaddingLeft", attributes: { category: "component", type: "side-nav", item: "header", subitem: "title", state: "padding-left", }, path: [ "component", "side-nav", "header", "title", "padding-left", ], }, "icon-font-size": { value: "0.875rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentSideNavHeaderTitleIconFontSize", attributes: { category: "component", type: "side-nav", item: "header", subitem: "title", state: "icon-font-size", }, path: [ "component", "side-nav", "header", "title", "icon-font-size", ], }, "icon-margin": { value: "0.25rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentSideNavHeaderTitleIconMargin", attributes: { category: "component", type: "side-nav", item: "header", subitem: "title", state: "icon-margin", }, path: ["component", "side-nav", "header", "title", "icon-margin"], }, }, }, filter: { "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentSideNavFilterBorderColor", attributes: { category: "component", type: "side-nav", item: "filter", subitem: "border-color", }, path: ["component", "side-nav", "filter", "border-color"], }, "border-style": { value: "solid", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentSideNavFilterBorderStyle", attributes: { category: "component", type: "side-nav", item: "filter", subitem: "border-style", }, path: ["component", "side-nav", "filter", "border-style"], }, "border-width": { value: "0.0625rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentSideNavFilterBorderWidth", attributes: { category: "component", type: "side-nav", item: "filter", subitem: "border-width", }, path: ["component", "side-nav", "filter", "border-width"], }, "padding-vertical": { value: "0.5rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentSideNavFilterPaddingVertical", attributes: { category: "component", type: "side-nav", item: "filter", subitem: "padding-vertical", }, path: ["component", "side-nav", "filter", "padding-vertical"], }, }, section: { "padding-vertical": { value: "0.5rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentSideNavSectionPaddingVertical", attributes: { category: "component", type: "side-nav", item: "section", subitem: "padding-vertical", }, path: ["component", "side-nav", "section", "padding-vertical"], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentSideNavSectionBorderColor", attributes: { category: "component", type: "side-nav", item: "section", subitem: "border-color", }, path: ["component", "side-nav", "section", "border-color"], }, "border-style": { value: "solid", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentSideNavSectionBorderStyle", attributes: { category: "component", type: "side-nav", item: "section", subitem: "border-style", }, path: ["component", "side-nav", "section", "border-style"], }, "border-width": { value: "0.0625rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentSideNavSectionBorderWidth", attributes: { category: "component", type: "side-nav", item: "section", subitem: "border-width", }, path: ["component", "side-nav", "section", "border-width"], }, title: { "font-size": { value: "1rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.type.title-sm.font.value}" }, name: "ComponentSideNavSectionTitleFontSize", attributes: { category: "component", type: "side-nav", item: "section", subitem: "title", state: "font-size", }, path: ["component", "side-nav", "section", "title", "font-size"], }, "font-weight": { value: 400, filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{type.weight.normal.value}" }, name: "ComponentSideNavSectionTitleFontWeight", attributes: { category: "component", type: "side-nav", item: "section", subitem: "title", state: "font-weight", }, path: [ "component", "side-nav", "section", "title", "font-weight", ], }, color: { value: "#717779ff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentSideNavSectionTitleColor", attributes: { category: "component", type: "side-nav", item: "section", subitem: "title", state: "color", }, path: ["component", "side-nav", "section", "title", "color"], }, "margin-top": { value: "0.25rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentSideNavSectionTitleMarginTop", attributes: { category: "component", type: "side-nav", item: "section", subitem: "title", state: "margin-top", }, path: ["component", "side-nav", "section", "title", "margin-top"], }, "margin-bottom": { value: "0.5rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentSideNavSectionTitleMarginBottom", attributes: { category: "component", type: "side-nav", item: "section", subitem: "title", state: "margin-bottom", }, path: [ "component", "side-nav", "section", "title", "margin-bottom", ], }, "margin-left": { value: "1rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentSideNavSectionTitleMarginLeft", attributes: { category: "component", type: "side-nav", item: "section", subitem: "title", state: "margin-left", }, path: [ "component", "side-nav", "section", "title", "margin-left", ], }, }, }, item: { branch: { "font-size": { value: "0.875rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentSideNavItemBranchFontSize", attributes: { category: "component", type: "side-nav", item: "item", subitem: "branch", state: "font-size", }, path: ["component", "side-nav", "item", "branch", "font-size"], }, "line-height": { value: "1.25rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentSideNavItemBranchLineHeight", attributes: { category: "component", type: "side-nav", item: "item", subitem: "branch", state: "line-height", }, path: ["component", "side-nav", "item", "branch", "line-height"], }, }, leaf: { "selected-background-color": { value: "#e6f2f8ff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.blue.light.value}" }, name: "ComponentSideNavItemLeafSelectedBackgroundColor", attributes: { category: "component", type: "side-nav", item: "item", subitem: "leaf", state: "selected-background-color", }, path: [ "component", "side-nav", "item", "leaf", "selected-background-color", ], }, "box-shadow-size": { value: "0.125rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentSideNavItemLeafBoxShadowSize", attributes: { category: "component", type: "side-nav", item: "item", subitem: "leaf", state: "box-shadow-size", }, path: [ "component", "side-nav", "item", "leaf", "box-shadow-size", ], }, "box-shadow-color": { value: "#007db8ff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentSideNavItemLeafBoxShadowColor", attributes: { category: "component", type: "side-nav", item: "item", subitem: "leaf", state: "box-shadow-color", }, path: [ "component", "side-nav", "item", "leaf", "box-shadow-color", ], }, color: { value: "#1f282cff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentSideNavItemLeafColor", attributes: { category: "component", type: "side-nav", item: "item", subitem: "leaf", state: "color", }, path: ["component", "side-nav", "item", "leaf", "color"], }, "font-weight": { value: "43.75rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.component.side-nav.selected-font-weight.value}", }, name: "ComponentSideNavItemLeafFontWeight", attributes: { category: "component", type: "side-nav", item: "item", subitem: "leaf", state: "font-weight", }, path: ["component", "side-nav", "item", "leaf", "font-weight"], }, "expand-icon-size": { value: "0.625rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.component.side-nav.expand-icon-size.value}", }, name: "ComponentSideNavItemLeafExpandIconSize", attributes: { category: "component", type: "side-nav", item: "item", subitem: "leaf", state: "expand-icon-size", }, path: [ "component", "side-nav", "item", "leaf", "expand-icon-size", ], }, "expand-icon-line-height": { value: "1.25rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentSideNavItemLeafExpandIconLineHeight", attributes: { category: "component", type: "side-nav", item: "item", subitem: "leaf", state: "expand-icon-line-height", }, path: [ "component", "side-nav", "item", "leaf", "expand-icon-line-height", ], }, "expand-icon-margin-right": { value: "0.25rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentSideNavItemLeafExpandIconMarginRight", attributes: { category: "component", type: "side-nav", item: "item", subitem: "leaf", state: "expand-icon-margin-right", }, path: [ "component", "side-nav", "item", "leaf", "expand-icon-margin-right", ], }, "expand-icon-margin-left": { value: "0.875rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.component.side-nav.expand-icon-margin.value}", }, name: "ComponentSideNavItemLeafExpandIconMarginLeft", attributes: { category: "component", type: "side-nav", item: "item", subitem: "leaf", state: "expand-icon-margin-left", }, path: [ "component", "side-nav", "item", "leaf", "expand-icon-margin-left", ], }, }, link: { color: { value: "#1f282cff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentSideNavItemLinkColor", attributes: { category: "component", type: "side-nav", item: "item", subitem: "link", state: "color", }, path: ["component", "side-nav", "item", "link", "color"], }, "font-size": { value: "0.875rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentSideNavItemLinkFontSize", attributes: { category: "component", type: "side-nav", item: "item", subitem: "link", state: "font-size", }, path: ["component", "side-nav", "item", "link", "font-size"], }, "line-height": { value: "1.25rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentSideNavItemLinkLineHeight", attributes: { category: "component", type: "side-nav", item: "item", subitem: "link", state: "line-height", }, path: ["component", "side-nav", "item", "link", "line-height"], }, "padding-vertical": { value: "0.5rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentSideNavItemLinkPaddingVertical", attributes: { category: "component", type: "side-nav", item: "item", subitem: "link", state: "padding-vertical", }, path: [ "component", "side-nav", "item", "link", "padding-vertical", ], }, "padding-right": { value: "1rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentSideNavItemLinkPaddingRight", attributes: { category: "component", type: "side-nav", item: "item", subitem: "link", state: "padding-right", }, path: ["component", "side-nav", "item", "link", "padding-right"], }, "padding-left": { value: "1.25rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.component.side-nav.link-padding-left.value}", }, name: "ComponentSideNavItemLinkPaddingLeft", attributes: { category: "component", type: "side-nav", item: "item", subitem: "link", state: "padding-left", }, path: ["component", "side-nav", "item", "link", "padding-left"], }, "hover-background-color": { value: "#f3f4f4ff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentSideNavItemLinkHoverBackgroundColor", attributes: { category: "component", type: "side-nav", item: "item", subitem: "link", state: "hover-background-color", }, path: [ "component", "side-nav", "item", "link", "hover-background-color", ], }, }, nesting: { "padding-first-level": { value: "2.125rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.component.side-nav.nested-first-level.value}", }, name: "ComponentSideNavItemNestingPaddingFirstLevel", attributes: { category: "component", type: "side-nav", item: "item", subitem: "nesting", state: "padding-first-level", }, path: [ "component", "side-nav", "item", "nesting", "padding-first-level", ], }, "padding-second-level": { value: "3rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.component.side-nav.nested-second-level.value}", }, name: "ComponentSideNavItemNestingPaddingSecondLevel", attributes: { category: "component", type: "side-nav", item: "item", subitem: "nesting", state: "padding-second-level", }, path: [ "component", "side-nav", "item", "nesting", "padding-second-level", ], }, "padding-third-level": { value: "3.875rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.component.side-nav.nested-third-level.value}", }, name: "ComponentSideNavItemNestingPaddingThirdLevel", attributes: { category: "component", type: "side-nav", item: "item", subitem: "nesting", state: "padding-third-level", }, path: [ "component", "side-nav", "item", "nesting", "padding-third-level", ], }, "padding-fouth-level": { value: "4.75rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.component.side-nav.nested-fourth-level.value}", }, name: "ComponentSideNavItemNestingPaddingFouthLevel", attributes: { category: "component", type: "side-nav", item: "item", subitem: "nesting", state: "padding-fouth-level", }, path: [ "component", "side-nav", "item", "nesting", "padding-fouth-level", ], }, }, }, }, "slack-link": { "font-size": { value: "0.875rem", filePath: "src/tokens/component/slack-link.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentSlackLinkFontSize", attributes: { category: "component", type: "slack-link", item: "font-size", }, path: ["component", "slack-link", "font-size"], }, "border-color": { value: "#007db8ff", filePath: "src/tokens/component/slack-link.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentSlackLinkBorderColor", attributes: { category: "component", type: "slack-link", item: "border-color", }, path: ["component", "slack-link", "border-color"], }, "border-size": { value: "0.0625rem", filePath: "src/tokens/component/slack-link.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentSlackLinkBorderSize", attributes: { category: "component", type: "slack-link", item: "border-size", }, path: ["component", "slack-link", "border-size"], }, "border-style": { value: "solid", filePath: "src/tokens/component/slack-link.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentSlackLinkBorderStyle", attributes: { category: "component", type: "slack-link", item: "border-style", }, path: ["component", "slack-link", "border-style"], }, icon: { "font-size": { value: "1rem", filePath: "src/tokens/component/slack-link.json", isSource: true, original: { value: "{size.type.title-sm.font.value}" }, name: "ComponentSlackLinkIconFontSize", attributes: { category: "component", type: "slack-link", item: "icon", subitem: "font-size", }, path: ["component", "slack-link", "icon", "font-size"], }, "margin-right": { value: "0.25rem", filePath: "src/tokens/component/slack-link.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentSlackLinkIconMarginRight", attributes: { category: "component", type: "slack-link", item: "icon", subitem: "margin-right", }, path: ["component", "slack-link", "icon", "margin-right"], }, }, }, "sorting-header": { width: { value: "100%", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "100%" }, name: "ComponentSortingHeaderWidth", attributes: { category: "component", type: "sorting-header", item: "width", }, path: ["component", "sorting-header", "width"], }, padding: { value: "0", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "0" }, name: "ComponentSortingHeaderPadding", attributes: { category: "component", type: "sorting-header", item: "padding", }, path: ["component", "sorting-header", "padding"], }, borderRadius: { value: "0.25rem", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{size.system.xs.value}" }, name: "ComponentSortingHeaderBorderRadius", attributes: { category: "component", type: "sorting-header", item: "borderRadius", }, path: ["component", "sorting-header", "borderRadius"], }, backgroundColor: { value: "#e9e9eaff", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentSortingHeaderBackgroundColor", attributes: { category: "component", type: "sorting-header", item: "backgroundColor", }, path: ["component", "sorting-header", "backgroundColor"], }, cell: { typeColor: { value: "#4b5356ff", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentSortingHeaderCellTypeColor", attributes: { category: "component", type: "sorting-header", item: "cell", subitem: "typeColor", }, path: ["component", "sorting-header", "cell", "typeColor"], }, activeTypeColor: { value: "#1f282cff", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentSortingHeaderCellActiveTypeColor", attributes: { category: "component", type: "sorting-header", item: "cell", subitem: "activeTypeColor", }, path: ["component", "sorting-header", "cell", "activeTypeColor"], }, fontSize: { value: "0.75rem", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "ComponentSortingHeaderCellFontSize", attributes: { category: "component", type: "sorting-header", item: "cell", subitem: "fontSize", }, path: ["component", "sorting-header", "cell", "fontSize"], }, fontWeight: { value: 600, filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: 600 }, name: "ComponentSortingHeaderCellFontWeight", attributes: { category: "component", type: "sorting-header", item: "cell", subitem: "fontWeight", }, path: ["component", "sorting-header", "cell", "fontWeight"], }, lineHeight: { value: "1.25rem", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentSortingHeaderCellLineHeight", attributes: { category: "component", type: "sorting-header", item: "cell", subitem: "lineHeight", }, path: ["component", "sorting-header", "cell", "lineHeight"], }, padding: { value: "0.5rem", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentSortingHeaderCellPadding", attributes: { category: "component", type: "sorting-header", item: "cell", subitem: "padding", }, path: ["component", "sorting-header", "cell", "padding"], }, activeBackgroundColor: { value: "#d2d4d4ff", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentSortingHeaderCellActiveBackgroundColor", attributes: { category: "component", type: "sorting-header", item: "cell", subitem: "activeBackgroundColor", }, path: [ "component", "sorting-header", "cell", "activeBackgroundColor", ], }, hoverBackgroundColor: { value: "#f3f4f4ff", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentSortingHeaderCellHoverBackgroundColor", attributes: { category: "component", type: "sorting-header", item: "cell", subitem: "hoverBackgroundColor", }, path: [ "component", "sorting-header", "cell", "hoverBackgroundColor", ], }, }, pinned: { zIndex: { value: 999, filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: 999 }, name: "ComponentSortingHeaderPinnedZIndex", attributes: { category: "component", type: "sorting-header", item: "pinned", subitem: "zIndex", }, path: ["component", "sorting-header", "pinned", "zIndex"], }, borderRadius: { value: 0, filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: 0 }, name: "ComponentSortingHeaderPinnedBorderRadius", attributes: { category: "component", type: "sorting-header", item: "pinned", subitem: "borderRadius", }, path: ["component", "sorting-header", "pinned", "borderRadius"], }, shadowHeight: { value: "0.625rem", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{size.component.sorting-header.pinned.shadowHeight.value}", }, name: "ComponentSortingHeaderPinnedShadowHeight", attributes: { category: "component", type: "sorting-header", item: "pinned", subitem: "shadowHeight", }, path: ["component", "sorting-header", "pinned", "shadowHeight"], }, shadowLeftAdjustment: { value: "-0.0625rem", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{size.component.sorting-header.pinned.shadowLeftAdjustment.value}", }, name: "ComponentSortingHeaderPinnedShadowLeftAdjustment", attributes: { category: "component", type: "sorting-header", item: "pinned", subitem: "shadowLeftAdjustment", }, path: [ "component", "sorting-header", "pinned", "shadowLeftAdjustment", ], }, }, }, "sorting-header-auto-layout-spacer": { height: { value: "1rem", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentSortingHeaderAutoLayoutSpacerHeight", attributes: { category: "component", type: "sorting-header-auto-layout-spacer", item: "height", }, path: ["component", "sorting-header-auto-layout-spacer", "height"], }, }, spinner: { color: { primary: { value: "#91467fff", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentSpinnerColorPrimary", attributes: { category: "component", type: "spinner", item: "color", subitem: "primary", }, path: ["component", "spinner", "color", "primary"], }, secondary: { value: "#f4ecf2ff", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{color.purple.light.value}" }, name: "ComponentSpinnerColorSecondary", attributes: { category: "component", type: "spinner", item: "color", subitem: "secondary", }, path: ["component", "spinner", "color", "secondary"], }, white: { value: "#ffffffff", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentSpinnerColorWhite", attributes: { category: "component", type: "spinner", item: "color", subitem: "white", }, path: ["component", "spinner", "color", "white"], }, }, light: { color: { primary: { value: "#ffffffff", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentSpinnerLightColorPrimary", attributes: { category: "component", type: "spinner", item: "light", subitem: "color", state: "primary", }, path: ["component", "spinner", "light", "color", "primary"], }, secondary: { value: "#ffffffcc", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{color.white-80.value}" }, name: "ComponentSpinnerLightColorSecondary", attributes: { category: "component", type: "spinner", item: "light", subitem: "color", state: "secondary", }, path: ["component", "spinner", "light", "color", "secondary"], }, }, }, sm: { dimension: { value: "1.125rem", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{size.component.spinner.sm.dimension.value}" }, name: "ComponentSpinnerSmDimension", attributes: { category: "component", type: "spinner", item: "sm", subitem: "dimension", }, path: ["component", "spinner", "sm", "dimension"], }, thickness: { value: "0.125rem", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{size.component.spinner.sm.thickness.value}" }, name: "ComponentSpinnerSmThickness", attributes: { category: "component", type: "spinner", item: "sm", subitem: "thickness", }, path: ["component", "spinner", "sm", "thickness"], }, }, md: { dimension: { value: "2.25rem", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{size.component.spinner.md.dimension.value}" }, name: "ComponentSpinnerMdDimension", attributes: { category: "component", type: "spinner", item: "md", subitem: "dimension", }, path: ["component", "spinner", "md", "dimension"], }, thickness: { value: "0.25rem", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{size.component.spinner.md.thickness.value}" }, name: "ComponentSpinnerMdThickness", attributes: { category: "component", type: "spinner", item: "md", subitem: "thickness", }, path: ["component", "spinner", "md", "thickness"], }, }, lg: { dimension: { value: "4.5rem", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{size.component.spinner.lg.dimension.value}" }, name: "ComponentSpinnerLgDimension", attributes: { category: "component", type: "spinner", item: "lg", subitem: "dimension", }, path: ["component", "spinner", "lg", "dimension"], }, thickness: { value: "0.5rem", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{size.component.spinner.lg.thickness.value}" }, name: "ComponentSpinnerLgThickness", attributes: { category: "component", type: "spinner", item: "lg", subitem: "thickness", }, path: ["component", "spinner", "lg", "thickness"], }, }, }, "split-tag": { "key-section": { "border-left-radius": { value: "0.125rem", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{size.border.radius.xxs.value }" }, name: "ComponentSplitTagKeySectionBorderLeftRadius", attributes: { category: "component", type: "split-tag", item: "key-section", subitem: "border-left-radius", }, path: [ "component", "split-tag", "key-section", "border-left-radius", ], }, "border-right-radius": { value: "0", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{size.border.radius.none.value}" }, name: "ComponentSplitTagKeySectionBorderRightRadius", attributes: { category: "component", type: "split-tag", item: "key-section", subitem: "border-right-radius", }, path: [ "component", "split-tag", "key-section", "border-right-radius", ], }, "text-margin": { value: "0.25rem", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentSplitTagKeySectionTextMargin", attributes: { category: "component", type: "split-tag", item: "key-section", subitem: "text-margin", }, path: ["component", "split-tag", "key-section", "text-margin"], }, }, "value-section": { background: { value: "#ffffffff", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentSplitTagValueSectionBackground", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "background", }, path: ["component", "split-tag", "value-section", "background"], }, "border-left-radius": { value: "0", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{size.border.radius.none.value }" }, name: "ComponentSplitTagValueSectionBorderLeftRadius", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "border-left-radius", }, path: [ "component", "split-tag", "value-section", "border-left-radius", ], }, "border-right-radius": { value: "0.125rem", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentSplitTagValueSectionBorderRightRadius", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "border-right-radius", }, path: [ "component", "split-tag", "value-section", "border-right-radius", ], }, "box-shadow-color": { default: { value: "#e9e9eaff", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentSplitTagValueSectionBoxShadowColorDefault", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "box-shadow-color", state: "default", }, path: [ "component", "split-tag", "value-section", "box-shadow-color", "default", ], }, key: { value: "#4b5356ff", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentSplitTagValueSectionBoxShadowColorKey", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "box-shadow-color", state: "key", }, path: [ "component", "split-tag", "value-section", "box-shadow-color", "key", ], }, warning: { value: "#e7760bff", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentSplitTagValueSectionBoxShadowColorWarning", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "box-shadow-color", state: "warning", }, path: [ "component", "split-tag", "value-section", "box-shadow-color", "warning", ], }, error: { value: "#de002eff", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentSplitTagValueSectionBoxShadowColorError", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "box-shadow-color", state: "error", }, path: [ "component", "split-tag", "value-section", "box-shadow-color", "error", ], }, pending: { value: "#91467fff", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentSplitTagValueSectionBoxShadowColorPending", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "box-shadow-color", state: "pending", }, path: [ "component", "split-tag", "value-section", "box-shadow-color", "pending", ], }, success: { value: "#0b8940ff", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentSplitTagValueSectionBoxShadowColorSuccess", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "box-shadow-color", state: "success", }, path: [ "component", "split-tag", "value-section", "box-shadow-color", "success", ], }, info: { value: "#007db8ff", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentSplitTagValueSectionBoxShadowColorInfo", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "box-shadow-color", state: "info", }, path: [ "component", "split-tag", "value-section", "box-shadow-color", "info", ], }, }, "box-shadow-width": { value: "0.0625rem", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentSplitTagValueSectionBoxShadowWidth", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "box-shadow-width", }, path: [ "component", "split-tag", "value-section", "box-shadow-width", ], }, "padding-vertical": { value: "0.125rem", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentSplitTagValueSectionPaddingVertical", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "padding-vertical", }, path: [ "component", "split-tag", "value-section", "padding-vertical", ], }, "padding-horizontal": { value: "0.25rem", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentSplitTagValueSectionPaddingHorizontal", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "padding-horizontal", }, path: [ "component", "split-tag", "value-section", "padding-horizontal", ], }, "link-color": { value: "#4b5356ff", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentSplitTagValueSectionLinkColor", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "link-color", }, path: ["component", "split-tag", "value-section", "link-color"], }, }, }, "stepped-progress-bar": { "progress-color": { purple: { color: { value: "#91467fff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentSteppedProgressBarProgressColorPurpleColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "purple", state: "color", }, path: [ "component", "stepped-progress-bar", "progress-color", "purple", "color", ], }, "hover-color": { value: "#6e3c65ff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.purple.dark.value}" }, name: "ComponentSteppedProgressBarProgressColorPurpleHoverColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "purple", state: "hover-color", }, path: [ "component", "stepped-progress-bar", "progress-color", "purple", "hover-color", ], }, }, blue: { color: { value: "#007db8ff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentSteppedProgressBarProgressColorBlueColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "blue", state: "color", }, path: [ "component", "stepped-progress-bar", "progress-color", "blue", "color", ], }, "hover-color": { value: "#09638dff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentSteppedProgressBarProgressColorBlueHoverColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "blue", state: "hover-color", }, path: [ "component", "stepped-progress-bar", "progress-color", "blue", "hover-color", ], }, }, red: { color: { value: "#de002eff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentSteppedProgressBarProgressColorRedColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "red", state: "color", }, path: [ "component", "stepped-progress-bar", "progress-color", "red", "color", ], }, "hover-color": { value: "#a30d2dff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.red.dark.value}" }, name: "ComponentSteppedProgressBarProgressColorRedHoverColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "red", state: "hover-color", }, path: [ "component", "stepped-progress-bar", "progress-color", "red", "hover-color", ], }, }, orange: { color: { value: "#e7760bff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentSteppedProgressBarProgressColorOrangeColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "orange", state: "color", }, path: [ "component", "stepped-progress-bar", "progress-color", "orange", "color", ], }, "hover-color": { value: "#aa5e14ff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.orange.dark.value}" }, name: "ComponentSteppedProgressBarProgressColorOrangeHoverColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "orange", state: "hover-color", }, path: [ "component", "stepped-progress-bar", "progress-color", "orange", "hover-color", ], }, }, grey: { color: { value: "#717779ff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentSteppedProgressBarProgressColorGreyColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "grey", state: "color", }, path: [ "component", "stepped-progress-bar", "progress-color", "grey", "color", ], }, "hover-color": { value: "#1f282cff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentSteppedProgressBarProgressColorGreyHoverColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "grey", state: "hover-color", }, path: [ "component", "stepped-progress-bar", "progress-color", "grey", "hover-color", ], }, }, }, "completed-color": { value: "#0b8940ff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentSteppedProgressBarCompletedColor", attributes: { category: "component", type: "stepped-progress-bar", item: "completed-color", }, path: ["component", "stepped-progress-bar", "completed-color"], }, "disabled-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentSteppedProgressBarDisabledColor", attributes: { category: "component", type: "stepped-progress-bar", item: "disabled-color", }, path: ["component", "stepped-progress-bar", "disabled-color"], }, percentage: { "font-weight": { value: 600, filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentSteppedProgressBarPercentageFontWeight", attributes: { category: "component", type: "stepped-progress-bar", item: "percentage", subitem: "font-weight", }, path: [ "component", "stepped-progress-bar", "percentage", "font-weight", ], }, }, step: { height: { value: "1rem", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentSteppedProgressBarStepHeight", attributes: { category: "component", type: "stepped-progress-bar", item: "step", subitem: "height", }, path: ["component", "stepped-progress-bar", "step", "height"], }, "margin-left": { value: "0.125rem", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentSteppedProgressBarStepMarginLeft", attributes: { category: "component", type: "stepped-progress-bar", item: "step", subitem: "margin-left", }, path: ["component", "stepped-progress-bar", "step", "margin-left"], }, "border-radius": { value: "0.125rem", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentSteppedProgressBarStepBorderRadius", attributes: { category: "component", type: "stepped-progress-bar", item: "step", subitem: "border-radius", }, path: [ "component", "stepped-progress-bar", "step", "border-radius", ], }, background: { value: "#e9e9eaff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentSteppedProgressBarStepBackground", attributes: { category: "component", type: "stepped-progress-bar", item: "step", subitem: "background", }, path: ["component", "stepped-progress-bar", "step", "background"], }, "disabled-color": { value: "#e9e9eaff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentSteppedProgressBarStepDisabledColor", attributes: { category: "component", type: "stepped-progress-bar", item: "step", subitem: "disabled-color", }, path: [ "component", "stepped-progress-bar", "step", "disabled-color", ], }, "completed-disabled-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentSteppedProgressBarStepCompletedDisabledColor", attributes: { category: "component", type: "stepped-progress-bar", item: "step", subitem: "completed-disabled-color", }, path: [ "component", "stepped-progress-bar", "step", "completed-disabled-color", ], }, "border-radius-end-cap": { value: "0.5rem", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{size.component.progress-bar.border-radius.value}", }, name: "ComponentSteppedProgressBarStepBorderRadiusEndCap", attributes: { category: "component", type: "stepped-progress-bar", item: "step", subitem: "border-radius-end-cap", }, path: [ "component", "stepped-progress-bar", "step", "border-radius-end-cap", ], }, }, icon: { "completed-color": { value: "#ffffffff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentSteppedProgressBarIconCompletedColor", attributes: { category: "component", type: "stepped-progress-bar", item: "icon", subitem: "completed-color", }, path: [ "component", "stepped-progress-bar", "icon", "completed-color", ], }, color: { value: "#717779ff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentSteppedProgressBarIconColor", attributes: { category: "component", type: "stepped-progress-bar", item: "icon", subitem: "color", }, path: ["component", "stepped-progress-bar", "icon", "color"], }, }, }, tabs: { container: { "background-color": { value: "#e9e9eaff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentTabsContainerBackgroundColor", attributes: { category: "component", type: "tabs", item: "container", subitem: "background-color", }, path: ["component", "tabs", "container", "background-color"], }, border: { color: { value: "#d2d4d4ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentTabsContainerBorderColor", attributes: { category: "component", type: "tabs", item: "container", subitem: "border", state: "color", }, path: ["component", "tabs", "container", "border", "color"], }, width: { value: "0.0625rem", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentTabsContainerBorderWidth", attributes: { category: "component", type: "tabs", item: "container", subitem: "border", state: "width", }, path: ["component", "tabs", "container", "border", "width"], }, style: { value: "solid", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentTabsContainerBorderStyle", attributes: { category: "component", type: "tabs", item: "container", subitem: "border", state: "style", }, path: ["component", "tabs", "container", "border", "style"], }, radius: { value: "0.25rem", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentTabsContainerBorderRadius", attributes: { category: "component", type: "tabs", item: "container", subitem: "border", state: "radius", }, path: ["component", "tabs", "container", "border", "radius"], }, }, padding: { value: "1rem", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentTabsContainerPadding", attributes: { category: "component", type: "tabs", item: "container", subitem: "padding", }, path: ["component", "tabs", "container", "padding"], }, }, navigation: { "margin-bottom": { value: "1rem", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentTabsNavigationMarginBottom", attributes: { category: "component", type: "tabs", item: "navigation", subitem: "margin-bottom", }, path: ["component", "tabs", "navigation", "margin-bottom"], }, }, }, tab: { border: { style: { value: "solid", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentTabBorderStyle", attributes: { category: "component", type: "tab", item: "border", subitem: "style", }, path: ["component", "tab", "border", "style"], }, width: { value: "0.0625rem", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentTabBorderWidth", attributes: { category: "component", type: "tab", item: "border", subitem: "width", }, path: ["component", "tab", "border", "width"], }, radius: { value: "0.25rem", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentTabBorderRadius", attributes: { category: "component", type: "tab", item: "border", subitem: "radius", }, path: ["component", "tab", "border", "radius"], }, }, type: { "line-height": { value: "0.875rem ", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.type.component-sm.line.value} " }, name: "ComponentTabTypeLineHeight", attributes: { category: "component", type: "tab", item: "type", subitem: "line-height", }, path: ["component", "tab", "type", "line-height"], }, size: { value: "0.75rem", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.type.component-sm.font.value}" }, name: "ComponentTabTypeSize", attributes: { category: "component", type: "tab", item: "type", subitem: "size", }, path: ["component", "tab", "type", "size"], }, weight: { value: 600, filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentTabTypeWeight", attributes: { category: "component", type: "tab", item: "type", subitem: "weight", }, path: ["component", "tab", "type", "weight"], }, }, padding: { x: { value: "1rem", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentTabPaddingX", attributes: { category: "component", type: "tab", item: "padding", subitem: "x", }, path: ["component", "tab", "padding", "x"], }, y: { value: "0.5rem", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentTabPaddingY", attributes: { category: "component", type: "tab", item: "padding", subitem: "y", }, path: ["component", "tab", "padding", "y"], }, }, container: { "border-color": { value: "#00000000", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.transparent.value}" }, name: "ComponentTabContainerBorderColor", attributes: { category: "component", type: "tab", item: "container", subitem: "border-color", }, path: ["component", "tab", "container", "border-color"], }, color: { value: "#717779ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentTabContainerColor", attributes: { category: "component", type: "tab", item: "container", subitem: "color", }, path: ["component", "tab", "container", "color"], }, active: { "background-color": { value: "#ffffffff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentTabContainerActiveBackgroundColor", attributes: { category: "component", type: "tab", item: "container", subitem: "active", state: "background-color", }, path: [ "component", "tab", "container", "active", "background-color", ], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentTabContainerActiveBorderColor", attributes: { category: "component", type: "tab", item: "container", subitem: "active", state: "border-color", }, path: ["component", "tab", "container", "active", "border-color"], }, color: { value: "#1f282cff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentTabContainerActiveColor", attributes: { category: "component", type: "tab", item: "container", subitem: "active", state: "color", }, path: ["component", "tab", "container", "active", "color"], }, }, hover: { "background-color": { value: "#f3f4f4ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentTabContainerHoverBackgroundColor", attributes: { category: "component", type: "tab", item: "container", subitem: "hover", state: "background-color", }, path: [ "component", "tab", "container", "hover", "background-color", ], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentTabContainerHoverBorderColor", attributes: { category: "component", type: "tab", item: "container", subitem: "hover", state: "border-color", }, path: ["component", "tab", "container", "hover", "border-color"], }, }, }, navigation: { "background-color": { value: "#ffffffff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentTabNavigationBackgroundColor", attributes: { category: "component", type: "tab", item: "navigation", subitem: "background-color", }, path: ["component", "tab", "navigation", "background-color"], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentTabNavigationBorderColor", attributes: { category: "component", type: "tab", item: "navigation", subitem: "border-color", }, path: ["component", "tab", "navigation", "border-color"], }, color: { value: "#4b5356ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentTabNavigationColor", attributes: { category: "component", type: "tab", item: "navigation", subitem: "color", }, path: ["component", "tab", "navigation", "color"], }, active: { "background-color": { value: "#007db8ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.blue.medium}" }, name: "ComponentTabNavigationActiveBackgroundColor", attributes: { category: "component", type: "tab", item: "navigation", subitem: "active", state: "background-color", }, path: [ "component", "tab", "navigation", "active", "background-color", ], }, "border-color": { value: "#007db8ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.blue.medium}" }, name: "ComponentTabNavigationActiveBorderColor", attributes: { category: "component", type: "tab", item: "navigation", subitem: "active", state: "border-color", }, path: [ "component", "tab", "navigation", "active", "border-color", ], }, color: { value: "#ffffffff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentTabNavigationActiveColor", attributes: { category: "component", type: "tab", item: "navigation", subitem: "active", state: "color", }, path: ["component", "tab", "navigation", "active", "color"], }, }, hover: { "background-color": { value: "#f3f4f4ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentTabNavigationHoverBackgroundColor", attributes: { category: "component", type: "tab", item: "navigation", subitem: "hover", state: "background-color", }, path: [ "component", "tab", "navigation", "hover", "background-color", ], }, }, disabled: { color: { value: "#717779ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentTabNavigationDisabledColor", attributes: { category: "component", type: "tab", item: "navigation", subitem: "disabled", state: "color", }, path: ["component", "tab", "navigation", "disabled", "color"], }, }, }, }, tag: { default: { "border-radius": { value: "0.125rem", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentTagDefaultBorderRadius", attributes: { category: "component", type: "tag", item: "default", subitem: "border-radius", }, path: ["component", "tag", "default", "border-radius"], }, "font-size": { value: "0.75rem", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{size.type.component-sm.font.value}" }, name: "ComponentTagDefaultFontSize", attributes: { category: "component", type: "tag", item: "default", subitem: "font-size", }, path: ["component", "tag", "default", "font-size"], }, "font-weight": { value: 600, filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentTagDefaultFontWeight", attributes: { category: "component", type: "tag", item: "default", subitem: "font-weight", }, path: ["component", "tag", "default", "font-weight"], }, "line-height": { value: "0.75rem", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{size.component.tag.line-height.value}" }, name: "ComponentTagDefaultLineHeight", attributes: { category: "component", type: "tag", item: "default", subitem: "line-height", }, path: ["component", "tag", "default", "line-height"], }, "padding-vertical": { value: "0.125rem", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentTagDefaultPaddingVertical", attributes: { category: "component", type: "tag", item: "default", subitem: "padding-vertical", }, path: ["component", "tag", "default", "padding-vertical"], }, "padding-horizontal": { value: "0.25rem", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentTagDefaultPaddingHorizontal", attributes: { category: "component", type: "tag", item: "default", subitem: "padding-horizontal", }, path: ["component", "tag", "default", "padding-horizontal"], }, background: { value: "#e9e9eaff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentTagDefaultBackground", attributes: { category: "component", type: "tag", item: "default", subitem: "background", }, path: ["component", "tag", "default", "background"], }, "text-color": { value: "#4b5356ff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentTagDefaultTextColor", attributes: { category: "component", type: "tag", item: "default", subitem: "text-color", }, path: ["component", "tag", "default", "text-color"], }, icon: { "font-size": { value: "0.75rem", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{size.type.component-sm.font.value}" }, name: "ComponentTagDefaultIconFontSize", attributes: { category: "component", type: "tag", item: "default", subitem: "icon", state: "font-size", }, path: ["component", "tag", "default", "icon", "font-size"], }, "line-height": { value: "0.625rem", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{size.component.tag.icon-line-height.value}", }, name: "ComponentTagDefaultIconLineHeight", attributes: { category: "component", type: "tag", item: "default", subitem: "icon", state: "line-height", }, path: ["component", "tag", "default", "icon", "line-height"], }, "margin-right": { value: "0.25rem", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentTagDefaultIconMarginRight", attributes: { category: "component", type: "tag", item: "default", subitem: "icon", state: "margin-right", }, path: ["component", "tag", "default", "icon", "margin-right"], }, }, }, key: { background: { value: "#4b5356ff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentTagKeyBackground", attributes: { category: "component", type: "tag", item: "key", subitem: "background", }, path: ["component", "tag", "key", "background"], }, "text-color": { value: "#ffffffff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.white}" }, name: "ComponentTagKeyTextColor", attributes: { category: "component", type: "tag", item: "key", subitem: "text-color", }, path: ["component", "tag", "key", "text-color"], }, }, warning: { background: { value: "#e7760bff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentTagWarningBackground", attributes: { category: "component", type: "tag", item: "warning", subitem: "background", }, path: ["component", "tag", "warning", "background"], }, "text-color": { value: "#ffffffff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.white}" }, name: "ComponentTagWarningTextColor", attributes: { category: "component", type: "tag", item: "warning", subitem: "text-color", }, path: ["component", "tag", "warning", "text-color"], }, }, error: { background: { value: "#de002eff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentTagErrorBackground", attributes: { category: "component", type: "tag", item: "error", subitem: "background", }, path: ["component", "tag", "error", "background"], }, "text-color": { value: "#ffffffff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.white}" }, name: "ComponentTagErrorTextColor", attributes: { category: "component", type: "tag", item: "error", subitem: "text-color", }, path: ["component", "tag", "error", "text-color"], }, }, pending: { background: { value: "#91467fff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentTagPendingBackground", attributes: { category: "component", type: "tag", item: "pending", subitem: "background", }, path: ["component", "tag", "pending", "background"], }, "text-color": { value: "#ffffffff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.white}" }, name: "ComponentTagPendingTextColor", attributes: { category: "component", type: "tag", item: "pending", subitem: "text-color", }, path: ["component", "tag", "pending", "text-color"], }, }, success: { background: { value: "#0b8940ff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentTagSuccessBackground", attributes: { category: "component", type: "tag", item: "success", subitem: "background", }, path: ["component", "tag", "success", "background"], }, "text-color": { value: "#ffffffff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.white}" }, name: "ComponentTagSuccessTextColor", attributes: { category: "component", type: "tag", item: "success", subitem: "text-color", }, path: ["component", "tag", "success", "text-color"], }, }, info: { background: { value: "#007db8ff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentTagInfoBackground", attributes: { category: "component", type: "tag", item: "info", subitem: "background", }, path: ["component", "tag", "info", "background"], }, "text-color": { value: "#ffffffff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.white}" }, name: "ComponentTagInfoTextColor", attributes: { category: "component", type: "tag", item: "info", subitem: "text-color", }, path: ["component", "tag", "info", "text-color"], }, }, }, "vertical-rule": { "background-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/vertical-rule.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentVerticalRuleBackgroundColor", attributes: { category: "component", type: "vertical-rule", item: "background-color", }, path: ["component", "vertical-rule", "background-color"], }, "margin-x": { value: "0.25rem", filePath: "src/tokens/component/vertical-rule.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentVerticalRuleMarginX", attributes: { category: "component", type: "vertical-rule", item: "margin-x", }, path: ["component", "vertical-rule", "margin-x"], }, thickness: { value: "0.0625rem", filePath: "src/tokens/component/vertical-rule.json", isSource: true, original: { value: "{size.component.vertical-rule.thickness.value}" }, name: "ComponentVerticalRuleThickness", attributes: { category: "component", type: "vertical-rule", item: "thickness", }, path: ["component", "vertical-rule", "thickness"], }, }, "zero-state": { "wrapper-padding": { value: "1rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentZeroStateWrapperPadding", attributes: { category: "component", type: "zero-state", item: "wrapper-padding", }, path: ["component", "zero-state", "wrapper-padding"], }, "padding-vertical": { value: "2rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.spacing.lg.value}" }, name: "ComponentZeroStatePaddingVertical", attributes: { category: "component", type: "zero-state", item: "padding-vertical", }, path: ["component", "zero-state", "padding-vertical"], }, image: { height: { value: "6.25rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.component.zero-state.image-height.value}", }, name: "ComponentZeroStateImageHeight", attributes: { category: "component", type: "zero-state", item: "image", subitem: "height", }, path: ["component", "zero-state", "image", "height"], }, width: { value: "12.5rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.component.zero-state.image-width.value}", }, name: "ComponentZeroStateImageWidth", attributes: { category: "component", type: "zero-state", item: "image", subitem: "width", }, path: ["component", "zero-state", "image", "width"], }, "margin-bottom": { value: "1rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentZeroStateImageMarginBottom", attributes: { category: "component", type: "zero-state", item: "image", subitem: "margin-bottom", }, path: ["component", "zero-state", "image", "margin-bottom"], }, }, heading: { color: { value: "#1f282cff", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentZeroStateHeadingColor", attributes: { category: "component", type: "zero-state", item: "heading", subitem: "color", }, path: ["component", "zero-state", "heading", "color"], }, "font-size": { value: "1.5rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.type.title-xl.font.value}" }, name: "ComponentZeroStateHeadingFontSize", attributes: { category: "component", type: "zero-state", item: "heading", subitem: "font-size", }, path: ["component", "zero-state", "heading", "font-size"], }, "line-height": { value: "1.5rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.type.title-xl.line.value}" }, name: "ComponentZeroStateHeadingLineHeight", attributes: { category: "component", type: "zero-state", item: "heading", subitem: "line-height", }, path: ["component", "zero-state", "heading", "line-height"], }, "micro-color": { value: "#4b5356ff", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentZeroStateHeadingMicroColor", attributes: { category: "component", type: "zero-state", item: "heading", subitem: "micro-color", }, path: ["component", "zero-state", "heading", "micro-color"], }, "micro-font-size": { value: "1rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.type.title-sm.font.value}" }, name: "ComponentZeroStateHeadingMicroFontSize", attributes: { category: "component", type: "zero-state", item: "heading", subitem: "micro-font-size", }, path: ["component", "zero-state", "heading", "micro-font-size"], }, "micro-font-weight": { value: 600, filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentZeroStateHeadingMicroFontWeight", attributes: { category: "component", type: "zero-state", item: "heading", subitem: "micro-font-weight", }, path: ["component", "zero-state", "heading", "micro-font-weight"], }, "micro-line-height": { value: "1.25rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.type.title-lg.line.value}" }, name: "ComponentZeroStateHeadingMicroLineHeight", attributes: { category: "component", type: "zero-state", item: "heading", subitem: "micro-line-height", }, path: ["component", "zero-state", "heading", "micro-line-height"], }, }, "sub-heading": { color: { value: "#4b5356ff", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentZeroStateSubHeadingColor", attributes: { category: "component", type: "zero-state", item: "sub-heading", subitem: "color", }, path: ["component", "zero-state", "sub-heading", "color"], }, "font-size": { value: "0.875rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentZeroStateSubHeadingFontSize", attributes: { category: "component", type: "zero-state", item: "sub-heading", subitem: "font-size", }, path: ["component", "zero-state", "sub-heading", "font-size"], }, "line-height": { value: "1.25rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.type.title-lg.line.value}" }, name: "ComponentZeroStateSubHeadingLineHeight", attributes: { category: "component", type: "zero-state", item: "sub-heading", subitem: "line-height", }, path: ["component", "zero-state", "sub-heading", "line-height"], }, "margin-top": { value: "0.25rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentZeroStateSubHeadingMarginTop", attributes: { category: "component", type: "zero-state", item: "sub-heading", subitem: "margin-top", }, path: ["component", "zero-state", "sub-heading", "margin-top"], }, }, content: { "marign-top": { value: "1rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentZeroStateContentMarignTop", attributes: { category: "component", type: "zero-state", item: "content", subitem: "marign-top", }, path: ["component", "zero-state", "content", "marign-top"], }, }, icon: { color: { value: "#717779ff", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentZeroStateIconColor", attributes: { category: "component", type: "zero-state", item: "icon", subitem: "color", }, path: ["component", "zero-state", "icon", "color"], }, "font-size": { value: "3rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.component.zero-state.icon-font-size.value}", }, name: "ComponentZeroStateIconFontSize", attributes: { category: "component", type: "zero-state", item: "icon", subitem: "font-size", }, path: ["component", "zero-state", "icon", "font-size"], }, "line-height": { value: "3rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.component.zero-state.icon-line-height.value}", }, name: "ComponentZeroStateIconLineHeight", attributes: { category: "component", type: "zero-state", item: "icon", subitem: "line-height", }, path: ["component", "zero-state", "icon", "line-height"], }, "padding-bottom": { value: "0.25rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentZeroStateIconPaddingBottom", attributes: { category: "component", type: "zero-state", item: "icon", subitem: "padding-bottom", }, path: ["component", "zero-state", "icon", "padding-bottom"], }, }, }, }, grid: { columns: { standard: { value: 12, filePath: "src/tokens/grid/grid.json", isSource: true, original: { value: 12 }, name: "GridColumnsStandard", attributes: { category: "grid", type: "columns", item: "standard", cssValue: "1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr", }, path: ["grid", "columns", "standard"], }, }, "content-width": { value: "1280px", filePath: "src/tokens/grid/grid.json", isSource: true, original: { value: "1280px" }, name: "GridContentWidth", attributes: { category: "grid", type: "content-width" }, path: ["grid", "content-width"], }, }, icon: { ai: { character: { value: "\\e9bd", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9bd" }, name: "IconAiCharacter", attributes: { category: "icon", type: "ai", item: "character" }, path: ["icon", "ai", "character"], }, }, "ai-color": { character: { value: "", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "" }, name: "IconAiColorCharacter", attributes: { category: "icon", type: "ai-color", item: "character" }, path: ["icon", "ai-color", "character"], }, }, "ai-generic": { character: { value: "", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "" }, name: "IconAiGenericCharacter", attributes: { category: "icon", type: "ai-generic", item: "character", }, path: ["icon", "ai-generic", "character"], }, }, "angle-left": { character: { value: "\\e900", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e900" }, name: "IconAngleLeftCharacter", attributes: { category: "icon", type: "angle-left", item: "character", }, path: ["icon", "angle-left", "character"], }, }, "angle-right": { character: { value: "\\e901", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e901" }, name: "IconAngleRightCharacter", attributes: { category: "icon", type: "angle-right", item: "character", }, path: ["icon", "angle-right", "character"], }, }, archive: { character: { value: "\\e902", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e902" }, name: "IconArchiveCharacter", attributes: { category: "icon", type: "archive", item: "character" }, path: ["icon", "archive", "character"], }, }, "arrow-down": { character: { value: "\\e903", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e903" }, name: "IconArrowDownCharacter", attributes: { category: "icon", type: "arrow-down", item: "character", }, path: ["icon", "arrow-down", "character"], }, }, "arrow-left-circle": { character: { value: "\\e904", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e904" }, name: "IconArrowLeftCircleCharacter", attributes: { category: "icon", type: "arrow-left-circle", item: "character", }, path: ["icon", "arrow-left-circle", "character"], }, }, "arrow-left": { character: { value: "\\e905", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e905" }, name: "IconArrowLeftCharacter", attributes: { category: "icon", type: "arrow-left", item: "character", }, path: ["icon", "arrow-left", "character"], }, }, "arrow-right": { character: { value: "\\e906", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e906" }, name: "IconArrowRightCharacter", attributes: { category: "icon", type: "arrow-right", item: "character", }, path: ["icon", "arrow-right", "character"], }, }, "arrow-up": { character: { value: "\\e907", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e907" }, name: "IconArrowUpCharacter", attributes: { category: "icon", type: "arrow-up", item: "character" }, path: ["icon", "arrow-up", "character"], }, }, asterisk: { character: { value: "\\e908", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e908" }, name: "IconAsteriskCharacter", attributes: { category: "icon", type: "asterisk", item: "character" }, path: ["icon", "asterisk", "character"], }, }, ban: { character: { value: "\\e909", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e909" }, name: "IconBanCharacter", attributes: { category: "icon", type: "ban", item: "character" }, path: ["icon", "ban", "character"], }, }, barcode: { character: { value: "\\e90a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e90a" }, name: "IconBarcodeCharacter", attributes: { category: "icon", type: "barcode", item: "character" }, path: ["icon", "barcode", "character"], }, }, bell: { character: { value: "\\e90b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e90b" }, name: "IconBellCharacter", attributes: { category: "icon", type: "bell", item: "character" }, path: ["icon", "bell", "character"], }, }, bold: { character: { value: "\\e9a5", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a5" }, name: "IconBoldCharacter", attributes: { category: "icon", type: "bold", item: "character" }, path: ["icon", "bold", "character"], }, }, bolt: { character: { value: "\\e90c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e90c" }, name: "IconBoltCharacter", attributes: { category: "icon", type: "bolt", item: "character" }, path: ["icon", "bolt", "character"], }, }, book: { character: { value: "\\e90d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e90d" }, name: "IconBookCharacter", attributes: { category: "icon", type: "book", item: "character" }, path: ["icon", "book", "character"], }, }, bookmark: { character: { value: "", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "" }, name: "IconBookmarkCharacter", attributes: { category: "icon", type: "bookmark", item: "character" }, path: ["icon", "bookmark", "character"], }, }, "bookmark-outline": { character: { value: "", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "" }, name: "IconBookmarkOutlineCharacter", attributes: { category: "icon", type: "bookmark-outline", item: "character", }, path: ["icon", "bookmark-outline", "character"], }, }, building: { character: { value: "\\e90e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e90e" }, name: "IconBuildingCharacter", attributes: { category: "icon", type: "building", item: "character" }, path: ["icon", "building", "character"], }, }, "burst-bolt": { character: { value: "\\e90f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e90f" }, name: "IconBurstBoltCharacter", attributes: { category: "icon", type: "burst-bolt", item: "character", }, path: ["icon", "burst-bolt", "character"], }, }, burst: { character: { value: "\\e910", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e910" }, name: "IconBurstCharacter", attributes: { category: "icon", type: "burst", item: "character" }, path: ["icon", "burst", "character"], }, }, "calendar-blank": { character: { value: "\\e911", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e911" }, name: "IconCalendarBlankCharacter", attributes: { category: "icon", type: "calendar-blank", item: "character", }, path: ["icon", "calendar-blank", "character"], }, }, calendar: { character: { value: "\\e912", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e912" }, name: "IconCalendarCharacter", attributes: { category: "icon", type: "calendar", item: "character" }, path: ["icon", "calendar", "character"], }, }, camera: { character: { value: "\\e913", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e913" }, name: "IconCameraCharacter", attributes: { category: "icon", type: "camera", item: "character" }, path: ["icon", "camera", "character"], }, }, "chart-area": { character: { value: "\\e914", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e914" }, name: "IconChartAreaCharacter", attributes: { category: "icon", type: "chart-area", item: "character", }, path: ["icon", "chart-area", "character"], }, }, "chart-bar": { character: { value: "\\e915", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e915" }, name: "IconChartBarCharacter", attributes: { category: "icon", type: "chart-bar", item: "character", }, path: ["icon", "chart-bar", "character"], }, }, "chart-line": { character: { value: "\\e916", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e916" }, name: "IconChartLineCharacter", attributes: { category: "icon", type: "chart-line", item: "character", }, path: ["icon", "chart-line", "character"], }, }, "chart-pie": { character: { value: "\\e917", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e917" }, name: "IconChartPieCharacter", attributes: { category: "icon", type: "chart-pie", item: "character", }, path: ["icon", "chart-pie", "character"], }, }, checkmark: { character: { value: "\\e918", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e918" }, name: "IconCheckmarkCharacter", attributes: { category: "icon", type: "checkmark", item: "character", }, path: ["icon", "checkmark", "character"], }, }, "chevron-down": { character: { value: "\\e919", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e919" }, name: "IconChevronDownCharacter", attributes: { category: "icon", type: "chevron-down", item: "character", }, path: ["icon", "chevron-down", "character"], }, }, "chevron-left": { character: { value: "\\e91a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e91a" }, name: "IconChevronLeftCharacter", attributes: { category: "icon", type: "chevron-left", item: "character", }, path: ["icon", "chevron-left", "character"], }, }, "chevron-right": { character: { value: "\\e91b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e91b" }, name: "IconChevronRightCharacter", attributes: { category: "icon", type: "chevron-right", item: "character", }, path: ["icon", "chevron-right", "character"], }, }, "chevron-up": { character: { value: "\\e91c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e91c" }, name: "IconChevronUpCharacter", attributes: { category: "icon", type: "chevron-up", item: "character", }, path: ["icon", "chevron-up", "character"], }, }, "circle-outline": { character: { value: "\\e91d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e91d" }, name: "IconCircleOutlineCharacter", attributes: { category: "icon", type: "circle-outline", item: "character", }, path: ["icon", "circle-outline", "character"], }, }, "clear-formatting": { character: { value: "\\e9af", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9af" }, name: "IconClearFormattingCharacter", attributes: { category: "icon", type: "clear-formatting", item: "character", }, path: ["icon", "clear-formatting", "character"], }, }, clock: { character: { value: "\\e91e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e91e" }, name: "IconClockCharacter", attributes: { category: "icon", type: "clock", item: "character" }, path: ["icon", "clock", "character"], }, }, "code-fork": { character: { value: "\\e91f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e91f" }, name: "IconCodeForkCharacter", attributes: { category: "icon", type: "code-fork", item: "character", }, path: ["icon", "code-fork", "character"], }, }, "comment-bubble-exclamation": { character: { value: "\\e9ae", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9ae" }, name: "IconCommentBubbleExclamationCharacter", attributes: { category: "icon", type: "comment-bubble-exclamation", item: "character", }, path: ["icon", "comment-bubble-exclamation", "character"], }, }, "comment-bubble-question": { character: { value: "\\e920", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e920" }, name: "IconCommentBubbleQuestionCharacter", attributes: { category: "icon", type: "comment-bubble-question", item: "character", }, path: ["icon", "comment-bubble-question", "character"], }, }, "comment-bubble": { character: { value: "\\e921", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e921" }, name: "IconCommentBubbleCharacter", attributes: { category: "icon", type: "comment-bubble", item: "character", }, path: ["icon", "comment-bubble", "character"], }, }, "complete-file": { character: { value: "\\e9b0", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b0" }, name: "IconCompleteFileCharacter", attributes: { category: "icon", type: "complete-file", item: "character", }, path: ["icon", "complete-file", "character"], }, }, conversation: { character: { value: "\\e922", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e922" }, name: "IconConversationCharacter", attributes: { category: "icon", type: "conversation", item: "character", }, path: ["icon", "conversation", "character"], }, }, "column-switcher": { character: { value: "\\e923", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e923" }, name: "IconColumnSwitcherCharacter", attributes: { category: "icon", type: "column-switcher", item: "character", }, path: ["icon", "column-switcher", "character"], }, }, "credit-card": { character: { value: "\\e924", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e924" }, name: "IconCreditCardCharacter", attributes: { category: "icon", type: "credit-card", item: "character", }, path: ["icon", "credit-card", "character"], }, }, dashboard: { character: { value: "\\e925", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e925" }, name: "IconDashboardCharacter", attributes: { category: "icon", type: "dashboard", item: "character", }, path: ["icon", "dashboard", "character"], }, }, database: { character: { value: "\\e926", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e926" }, name: "IconDatabaseCharacter", attributes: { category: "icon", type: "database", item: "character" }, path: ["icon", "database", "character"], }, }, disk: { character: { value: "\\e927", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e927" }, name: "IconDiskCharacter", attributes: { category: "icon", type: "disk", item: "character" }, path: ["icon", "disk", "character"], }, }, "dollar-sign": { character: { value: "\\e928", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e928" }, name: "IconDollarSignCharacter", attributes: { category: "icon", type: "dollar-sign", item: "character", }, path: ["icon", "dollar-sign", "character"], }, }, "double-angle-left": { character: { value: "\\e929", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e929" }, name: "IconDoubleAngleLeftCharacter", attributes: { category: "icon", type: "double-angle-left", item: "character", }, path: ["icon", "double-angle-left", "character"], }, }, "double-angle-right": { character: { value: "\\e92a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e92a" }, name: "IconDoubleAngleRightCharacter", attributes: { category: "icon", type: "double-angle-right", item: "character", }, path: ["icon", "double-angle-right", "character"], }, }, "download-cloud": { character: { value: "\\e92b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e92b" }, name: "IconDownloadCloudCharacter", attributes: { category: "icon", type: "download-cloud", item: "character", }, path: ["icon", "download-cloud", "character"], }, }, drill: { character: { value: "\\e92c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e92c" }, name: "IconDrillCharacter", attributes: { category: "icon", type: "drill", item: "character" }, path: ["icon", "drill", "character"], }, }, duplicate: { character: { value: "\\e92d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e92d" }, name: "IconDuplicateCharacter", attributes: { category: "icon", type: "duplicate", item: "character", }, path: ["icon", "duplicate", "character"], }, }, ellipses: { character: { value: "\\e92e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e92e" }, name: "IconEllipsesCharacter", attributes: { category: "icon", type: "ellipses", item: "character" }, path: ["icon", "ellipses", "character"], }, }, envelope: { character: { value: "\\e92f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e92f" }, name: "IconEnvelopeCharacter", attributes: { category: "icon", type: "envelope", item: "character" }, path: ["icon", "envelope", "character"], }, }, exchange: { character: { value: "\\e930", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e930" }, name: "IconExchangeCharacter", attributes: { category: "icon", type: "exchange", item: "character" }, path: ["icon", "exchange", "character"], }, }, "expand-collapse": { character: { value: "\\e931", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e931" }, name: "IconExpandCollapseCharacter", attributes: { category: "icon", type: "expand-collapse", item: "character", }, path: ["icon", "expand-collapse", "character"], }, }, eye: { character: { value: "\\e932", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e932" }, name: "IconEyeCharacter", attributes: { category: "icon", type: "eye", item: "character" }, path: ["icon", "eye", "character"], }, }, "file-duplicate": { character: { value: "\\e933", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e933" }, name: "IconFileDuplicateCharacter", attributes: { category: "icon", type: "file-duplicate", item: "character", }, path: ["icon", "file-duplicate", "character"], }, }, "file-pdf": { character: { value: "\\e934", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e934" }, name: "IconFilePdfCharacter", attributes: { category: "icon", type: "file-pdf", item: "character" }, path: ["icon", "file-pdf", "character"], }, }, "file-presentation": { character: { value: "\\e935", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e935" }, name: "IconFilePresentationCharacter", attributes: { category: "icon", type: "file-presentation", item: "character", }, path: ["icon", "file-presentation", "character"], }, }, "file-size": { character: { value: "\\e936", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e936" }, name: "IconFileSizeCharacter", attributes: { category: "icon", type: "file-size", item: "character", }, path: ["icon", "file-size", "character"], }, }, "file-solid-text": { character: { value: "\\e937", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e937" }, name: "IconFileSolidTextCharacter", attributes: { category: "icon", type: "file-solid-text", item: "character", }, path: ["icon", "file-solid-text", "character"], }, }, "file-solid": { character: { value: "\\e938", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e938" }, name: "IconFileSolidCharacter", attributes: { category: "icon", type: "file-solid", item: "character", }, path: ["icon", "file-solid", "character"], }, }, "file-spreadsheet": { character: { value: "\\e939", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e939" }, name: "IconFileSpreadsheetCharacter", attributes: { category: "icon", type: "file-spreadsheet", item: "character", }, path: ["icon", "file-spreadsheet", "character"], }, }, "file-text": { character: { value: "\\e93a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e93a" }, name: "IconFileTextCharacter", attributes: { category: "icon", type: "file-text", item: "character", }, path: ["icon", "file-text", "character"], }, }, file: { character: { value: "\\e93b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e93b" }, name: "IconFileCharacter", attributes: { category: "icon", type: "file", item: "character" }, path: ["icon", "file", "character"], }, }, filter: { character: { value: "\\e93c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e93c" }, name: "IconFilterCharacter", attributes: { category: "icon", type: "filter", item: "character" }, path: ["icon", "filter", "character"], }, }, flag: { character: { value: "\\e93d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e93d" }, name: "IconFlagCharacter", attributes: { category: "icon", type: "flag", item: "character" }, path: ["icon", "flag", "character"], }, }, "flag-outline": { character: { value: "\\e9bb", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9bb" }, name: "IconFlagOutlineCharacter", attributes: { category: "icon", type: "flag-outline", item: "character", }, path: ["icon", "flag-outline", "character"], }, }, "folder-open": { character: { value: "\\e93e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e93e" }, name: "IconFolderOpenCharacter", attributes: { category: "icon", type: "folder-open", item: "character", }, path: ["icon", "folder-open", "character"], }, }, "folder-solid-open": { character: { value: "\\e93f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e93f" }, name: "IconFolderSolidOpenCharacter", attributes: { category: "icon", type: "folder-solid-open", item: "character", }, path: ["icon", "folder-solid-open", "character"], }, }, "folder-solid": { character: { value: "\\e940", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e940" }, name: "IconFolderSolidCharacter", attributes: { category: "icon", type: "folder-solid", item: "character", }, path: ["icon", "folder-solid", "character"], }, }, folder: { character: { value: "\\e941", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e941" }, name: "IconFolderCharacter", attributes: { category: "icon", type: "folder", item: "character" }, path: ["icon", "folder", "character"], }, }, gear: { character: { value: "\\e942", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e942" }, name: "IconGearCharacter", attributes: { category: "icon", type: "gear", item: "character" }, path: ["icon", "gear", "character"], }, }, globe: { character: { value: "\\e943", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e943" }, name: "IconGlobeCharacter", attributes: { category: "icon", type: "globe", item: "character" }, path: ["icon", "globe", "character"], }, }, grid: { character: { value: "\\e944", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e944" }, name: "IconGridCharacter", attributes: { category: "icon", type: "grid", item: "character" }, path: ["icon", "grid", "character"], }, }, group: { character: { value: "\\e945", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e945" }, name: "IconGroupCharacter", attributes: { category: "icon", type: "group", item: "character" }, path: ["icon", "group", "character"], }, }, "hand-stop": { character: { value: "\\e946", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e946" }, name: "IconHandStopCharacter", attributes: { category: "icon", type: "hand-stop", item: "character", }, path: ["icon", "hand-stop", "character"], }, }, handshake: { character: { value: "\\e947", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e947" }, name: "IconHandshakeCharacter", attributes: { category: "icon", type: "handshake", item: "character", }, path: ["icon", "handshake", "character"], }, }, hat: { character: { value: "\\e948", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e948" }, name: "IconHatCharacter", attributes: { category: "icon", type: "hat", item: "character" }, path: ["icon", "hat", "character"], }, }, heart: { character: { value: "\\e949", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e949" }, name: "IconHeartCharacter", attributes: { category: "icon", type: "heart", item: "character" }, path: ["icon", "heart", "character"], }, }, "heart-outline": { character: { value: "\\e9b9", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b9" }, name: "IconHeartOutlineCharacter", attributes: { category: "icon", type: "heart-outline", item: "character", }, path: ["icon", "heart-outline", "character"], }, }, history: { character: { value: "\\e94a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e94a" }, name: "IconHistoryCharacter", attributes: { category: "icon", type: "history", item: "character" }, path: ["icon", "history", "character"], }, }, home: { character: { value: "", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "" }, name: "IconHomeCharacter", attributes: { category: "icon", type: "home", item: "character" }, path: ["icon", "home", "character"], }, }, "i-made-this": { character: { value: "\\e9be", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9be" }, name: "IconIMadeThisCharacter", attributes: { category: "icon", type: "i-made-this", item: "character", }, path: ["icon", "i-made-this", "character"], }, }, inbox: { character: { value: "\\e94b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e94b" }, name: "IconInboxCharacter", attributes: { category: "icon", type: "inbox", item: "character" }, path: ["icon", "inbox", "character"], }, }, incoming: { character: { value: "\\e94c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e94c" }, name: "IconIncomingCharacter", attributes: { category: "icon", type: "incoming", item: "character" }, path: ["icon", "incoming", "character"], }, }, "info-circle": { character: { value: "\\e94d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e94d" }, name: "IconInfoCircleCharacter", attributes: { category: "icon", type: "info-circle", item: "character", }, path: ["icon", "info-circle", "character"], }, }, intercom: { character: { value: "\\e94e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e94e" }, name: "IconIntercomCharacter", attributes: { category: "icon", type: "intercom", item: "character" }, path: ["icon", "intercom", "character"], }, }, italics: { character: { value: "\\e9a6", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a6" }, name: "IconItalicsCharacter", attributes: { category: "icon", type: "italics", item: "character" }, path: ["icon", "italics", "character"], }, }, "item-tag": { character: { value: "\\e94f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e94f" }, name: "IconItemTagCharacter", attributes: { category: "icon", type: "item-tag", item: "character" }, path: ["icon", "item-tag", "character"], }, }, key: { character: { value: "\\e950", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e950" }, name: "IconKeyCharacter", attributes: { category: "icon", type: "key", item: "character" }, path: ["icon", "key", "character"], }, }, "life-preserver": { character: { value: "\\e951", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e951" }, name: "IconLifePreserverCharacter", attributes: { category: "icon", type: "life-preserver", item: "character", }, path: ["icon", "life-preserver", "character"], }, }, lightbulb: { character: { value: "\\e952", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e952" }, name: "IconLightbulbCharacter", attributes: { category: "icon", type: "lightbulb", item: "character", }, path: ["icon", "lightbulb", "character"], }, }, link: { character: { value: "\\e953", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e953" }, name: "IconLinkCharacter", attributes: { category: "icon", type: "link", item: "character" }, path: ["icon", "link", "character"], }, }, linkedin: { character: { value: "\\e954", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e954" }, name: "IconLinkedinCharacter", attributes: { category: "icon", type: "linkedin", item: "character" }, path: ["icon", "linkedin", "character"], }, }, "list-cards": { character: { value: "\\e955", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e955" }, name: "IconListCardsCharacter", attributes: { category: "icon", type: "list-cards", item: "character", }, path: ["icon", "list-cards", "character"], }, }, "list-columns": { character: { value: "\\e956", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e956" }, name: "IconListColumnsCharacter", attributes: { category: "icon", type: "list-columns", item: "character", }, path: ["icon", "list-columns", "character"], }, }, "list-indent": { character: { value: "\\e9a7", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a7" }, name: "IconListIndentCharacter", attributes: { category: "icon", type: "list-indent", item: "character", }, path: ["icon", "list-indent", "character"], }, }, "list-ordered": { character: { value: "\\e9a8", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a8" }, name: "IconListOrderedCharacter", attributes: { category: "icon", type: "list-ordered", item: "character", }, path: ["icon", "list-ordered", "character"], }, }, "list-outdent": { character: { value: "\\e9a9", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a9" }, name: "IconListOutdentCharacter", attributes: { category: "icon", type: "list-outdent", item: "character", }, path: ["icon", "list-outdent", "character"], }, }, "list-unordered": { character: { value: "\\e9aa", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9aa" }, name: "IconListUnorderedCharacter", attributes: { category: "icon", type: "list-unordered", item: "character", }, path: ["icon", "list-unordered", "character"], }, }, "list-summary": { character: { value: "\\e957", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e957" }, name: "IconListSummaryCharacter", attributes: { category: "icon", type: "list-summary", item: "character", }, path: ["icon", "list-summary", "character"], }, }, "list-table": { character: { value: "\\e958", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e958" }, name: "IconListTableCharacter", attributes: { category: "icon", type: "list-table", item: "character", }, path: ["icon", "list-table", "character"], }, }, list: { character: { value: "\\e959", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e959" }, name: "IconListCharacter", attributes: { category: "icon", type: "list", item: "character" }, path: ["icon", "list", "character"], }, }, location: { character: { value: "\\e95a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e95a" }, name: "IconLocationCharacter", attributes: { category: "icon", type: "location", item: "character" }, path: ["icon", "location", "character"], }, }, locked: { character: { value: "\\e95b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e95b" }, name: "IconLockedCharacter", attributes: { category: "icon", type: "locked", item: "character" }, path: ["icon", "locked", "character"], }, }, "map-marker": { character: { value: "\\e95c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e95c" }, name: "IconMapMarkerCharacter", attributes: { category: "icon", type: "map-marker", item: "character", }, path: ["icon", "map-marker", "character"], }, }, map: { character: { value: "\\e95d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e95d" }, name: "IconMapCharacter", attributes: { category: "icon", type: "map", item: "character" }, path: ["icon", "map", "character"], }, }, maximize: { character: { value: "\\e95e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e95e" }, name: "IconMaximizeCharacter", attributes: { category: "icon", type: "maximize", item: "character" }, path: ["icon", "maximize", "character"], }, }, "microphone-off": { character: { value: "\\e9b7", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b7" }, name: "IconMicrophoneOffCharacter", attributes: { category: "icon", type: "microphone-off", item: "character", }, path: ["icon", "microphone-off", "character"], }, }, "microphone-on": { character: { value: "\\e9b8", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b8" }, name: "IconMicrophoneOnCharacter", attributes: { category: "icon", type: "microphone-on", item: "character", }, path: ["icon", "microphone-on", "character"], }, }, minimize: { character: { value: "\\e95f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e95f" }, name: "IconMinimizeCharacter", attributes: { category: "icon", type: "minimize", item: "character" }, path: ["icon", "minimize", "character"], }, }, "minus-circle": { character: { value: "\\e960", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e960" }, name: "IconMinusCircleCharacter", attributes: { category: "icon", type: "minus-circle", item: "character", }, path: ["icon", "minus-circle", "character"], }, }, minus: { character: { value: "\\e961", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e961" }, name: "IconMinusCharacter", attributes: { category: "icon", type: "minus", item: "character" }, path: ["icon", "minus", "character"], }, }, "new-file": { character: { value: "\\e962", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e962" }, name: "IconNewFileCharacter", attributes: { category: "icon", type: "new-file", item: "character" }, path: ["icon", "new-file", "character"], }, }, "new-screen": { character: { value: "\\e963", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e963" }, name: "IconNewScreenCharacter", attributes: { category: "icon", type: "new-screen", item: "character", }, path: ["icon", "new-screen", "character"], }, }, outgoing: { character: { value: "\\e964", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e964" }, name: "IconOutgoingCharacter", attributes: { category: "icon", type: "outgoing", item: "character" }, path: ["icon", "outgoing", "character"], }, }, "paper-plane": { character: { value: "\\e965", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e965" }, name: "IconPaperPlaneCharacter", attributes: { category: "icon", type: "paper-plane", item: "character", }, path: ["icon", "paper-plane", "character"], }, }, pencil: { character: { value: "\\e966", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e966" }, name: "IconPencilCharacter", attributes: { category: "icon", type: "pencil", item: "character" }, path: ["icon", "pencil", "character"], }, }, photo: { character: { value: "\\e967", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e967" }, name: "IconPhotoCharacter", attributes: { category: "icon", type: "photo", item: "character" }, path: ["icon", "photo", "character"], }, }, pinterest: { character: { value: "\\e968", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e968" }, name: "IconPinterestCharacter", attributes: { category: "icon", type: "pinterest", item: "character", }, path: ["icon", "pinterest", "character"], }, }, play: { character: { value: "\\e969", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e969" }, name: "IconPlayCharacter", attributes: { category: "icon", type: "play", item: "character" }, path: ["icon", "play", "character"], }, }, "plus-circle": { character: { value: "\\e96a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e96a" }, name: "IconPlusCircleCharacter", attributes: { category: "icon", type: "plus-circle", item: "character", }, path: ["icon", "plus-circle", "character"], }, }, "plus-sign": { character: { value: "\\e96b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e96b" }, name: "IconPlusSignCharacter", attributes: { category: "icon", type: "plus-sign", item: "character", }, path: ["icon", "plus-sign", "character"], }, }, presentation: { character: { value: "\\e96c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e96c" }, name: "IconPresentationCharacter", attributes: { category: "icon", type: "presentation", item: "character", }, path: ["icon", "presentation", "character"], }, }, printer: { character: { value: "\\e96d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e96d" }, name: "IconPrinterCharacter", attributes: { category: "icon", type: "printer", item: "character" }, path: ["icon", "printer", "character"], }, }, "qr-code": { character: { value: "\\e96e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e96e" }, name: "IconQrCodeCharacter", attributes: { category: "icon", type: "qr-code", item: "character" }, path: ["icon", "qr-code", "character"], }, }, "question-circle": { character: { value: "\\e96f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e96f" }, name: "IconQuestionCircleCharacter", attributes: { category: "icon", type: "question-circle", item: "character", }, path: ["icon", "question-circle", "character"], }, }, "quote-left": { character: { value: "\\e970", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e970" }, name: "IconQuoteLeftCharacter", attributes: { category: "icon", type: "quote-left", item: "character", }, path: ["icon", "quote-left", "character"], }, }, "quote-right": { character: { value: "\\e971", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e971" }, name: "IconQuoteRightCharacter", attributes: { category: "icon", type: "quote-right", item: "character", }, path: ["icon", "quote-right", "character"], }, }, random: { character: { value: "\\e972", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e972" }, name: "IconRandomCharacter", attributes: { category: "icon", type: "random", item: "character" }, path: ["icon", "random", "character"], }, }, redo: { character: { value: "\\e9ac", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9ac" }, name: "IconRedoCharacter", attributes: { category: "icon", type: "redo", item: "character" }, path: ["icon", "redo", "character"], }, }, refresh: { character: { value: "\\e973", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e973" }, name: "IconRefreshCharacter", attributes: { category: "icon", type: "refresh", item: "character" }, path: ["icon", "refresh", "character"], }, }, rocket: { character: { value: "\\e974", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e974" }, name: "IconRocketCharacter", attributes: { category: "icon", type: "rocket", item: "character" }, path: ["icon", "rocket", "character"], }, }, "saved-circle": { character: { value: "\\e98a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e98a" }, name: "IconSavedCircleCharacter", attributes: { category: "icon", type: "saved-circle", item: "character", }, path: ["icon", "saved-circle", "character"], }, }, "search-plus": { character: { value: "\\e975", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e975" }, name: "IconSearchPlusCharacter", attributes: { category: "icon", type: "search-plus", item: "character", }, path: ["icon", "search-plus", "character"], }, }, search: { character: { value: "\\e976", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e976" }, name: "IconSearchCharacter", attributes: { category: "icon", type: "search", item: "character" }, path: ["icon", "search", "character"], }, }, share: { character: { value: "\\e977", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e977" }, name: "IconShareCharacter", attributes: { category: "icon", type: "share", item: "character" }, path: ["icon", "share", "character"], }, }, "shopping-cart": { character: { value: "\\e978", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e978" }, name: "IconShoppingCartCharacter", attributes: { category: "icon", type: "shopping-cart", item: "character", }, path: ["icon", "shopping-cart", "character"], }, }, "sort-alpha-asc": { character: { value: "\\e979", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e979" }, name: "IconSortAlphaAscCharacter", attributes: { category: "icon", type: "sort-alpha-asc", item: "character", }, path: ["icon", "sort-alpha-asc", "character"], }, }, "sort-alpha-desc": { character: { value: "\\e97a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e97a" }, name: "IconSortAlphaDescCharacter", attributes: { category: "icon", type: "sort-alpha-desc", item: "character", }, path: ["icon", "sort-alpha-desc", "character"], }, }, "sort-num-asc": { character: { value: "\\e97b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e97b" }, name: "IconSortNumAscCharacter", attributes: { category: "icon", type: "sort-num-asc", item: "character", }, path: ["icon", "sort-num-asc", "character"], }, }, "sort-num-desc": { character: { value: "\\e97c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e97c" }, name: "IconSortNumDescCharacter", attributes: { category: "icon", type: "sort-num-desc", item: "character", }, path: ["icon", "sort-num-desc", "character"], }, }, "star-outline": { character: { value: "\\e97d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e97d" }, name: "IconStarOutlineCharacter", attributes: { category: "icon", type: "star-outline", item: "character", }, path: ["icon", "star-outline", "character"], }, }, star: { character: { value: "\\e97e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e97e" }, name: "IconStarCharacter", attributes: { category: "icon", type: "star", item: "character" }, path: ["icon", "star", "character"], }, }, "archive-circle": { character: { value: "\\e97f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e97f" }, name: "IconArchiveCircleCharacter", attributes: { category: "icon", type: "archive-circle", item: "character", }, path: ["icon", "archive-circle", "character"], }, }, "x-circle": { character: { value: "\\e980", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e980" }, name: "IconXCircleCharacter", attributes: { category: "icon", type: "x-circle", item: "character" }, path: ["icon", "x-circle", "character"], }, }, "exclamation-circle": { character: { value: "\\e981", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e981" }, name: "IconExclamationCircleCharacter", attributes: { category: "icon", type: "exclamation-circle", item: "character", }, path: ["icon", "exclamation-circle", "character"], }, }, "descending-ellipses-circle": { character: { value: "\\e982", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e982" }, name: "IconDescendingEllipsesCircleCharacter", attributes: { category: "icon", type: "descending-ellipses-circle", item: "character", }, path: ["icon", "descending-ellipses-circle", "character"], }, }, "double-angle-right-circle": { character: { value: "\\e983", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e983" }, name: "IconDoubleAngleRightCircleCharacter", attributes: { category: "icon", type: "double-angle-right-circle", item: "character", }, path: ["icon", "double-angle-right-circle", "character"], }, }, "locked-circle": { character: { value: "\\e984", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e984" }, name: "IconLockedCircleCharacter", attributes: { category: "icon", type: "locked-circle", item: "character", }, path: ["icon", "locked-circle", "character"], }, }, "asterisk-circle": { character: { value: "\\e985", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e985" }, name: "IconAsteriskCircleCharacter", attributes: { category: "icon", type: "asterisk-circle", item: "character", }, path: ["icon", "asterisk-circle", "character"], }, }, "checkmark-circle": { character: { value: "\\e986", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e986" }, name: "IconCheckmarkCircleCharacter", attributes: { category: "icon", type: "checkmark-circle", item: "character", }, path: ["icon", "checkmark-circle", "character"], }, }, "clock-circle": { character: { value: "\\e987", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e987" }, name: "IconClockCircleCharacter", attributes: { category: "icon", type: "clock-circle", item: "character", }, path: ["icon", "clock-circle", "character"], }, }, "calendar-blank-circle": { character: { value: "\\e988", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e988" }, name: "IconCalendarBlankCircleCharacter", attributes: { category: "icon", type: "calendar-blank-circle", item: "character", }, path: ["icon", "calendar-blank-circle", "character"], }, }, "ban-circle": { character: { value: "\\e989", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e989" }, name: "IconBanCircleCharacter", attributes: { category: "icon", type: "ban-circle", item: "character", }, path: ["icon", "ban-circle", "character"], }, }, "disk-circle": { character: { value: "\\e98b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e98b" }, name: "IconDiskCircleCharacter", attributes: { category: "icon", type: "disk-circle", item: "character", }, path: ["icon", "disk-circle", "character"], }, }, "template-circle": { character: { value: "\\e98c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e98c" }, name: "IconTemplateCircleCharacter", attributes: { category: "icon", type: "template-circle", item: "character", }, path: ["icon", "template-circle", "character"], }, }, "exclamation-triangle": { character: { value: "\\e98d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e98d" }, name: "IconExclamationTriangleCharacter", attributes: { category: "icon", type: "exclamation-triangle", item: "character", }, path: ["icon", "exclamation-triangle", "character"], }, }, table: { character: { value: "\\e98e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e98e" }, name: "IconTableCharacter", attributes: { category: "icon", type: "table", item: "character" }, path: ["icon", "table", "character"], }, }, tabs: { character: { value: "\\e98f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e98f" }, name: "IconTabsCharacter", attributes: { category: "icon", type: "tabs", item: "character" }, path: ["icon", "tabs", "character"], }, }, "thumbs-down-outline": { character: { value: "\\e990", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e990" }, name: "IconThumbsDownOutlineCharacter", attributes: { category: "icon", type: "thumbs-down-outline", item: "character", }, path: ["icon", "thumbs-down-outline", "character"], }, }, "thumbs-down": { character: { value: "\\e991", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e991" }, name: "IconThumbsDownCharacter", attributes: { category: "icon", type: "thumbs-down", item: "character", }, path: ["icon", "thumbs-down", "character"], }, }, "thumbs-up-outline": { character: { value: "\\e992", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e992" }, name: "IconThumbsUpOutlineCharacter", attributes: { category: "icon", type: "thumbs-up-outline", item: "character", }, path: ["icon", "thumbs-up-outline", "character"], }, }, "thumbs-up": { character: { value: "\\e993", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e993" }, name: "IconThumbsUpCharacter", attributes: { category: "icon", type: "thumbs-up", item: "character", }, path: ["icon", "thumbs-up", "character"], }, }, trash: { character: { value: "\\e994", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e994" }, name: "IconTrashCharacter", attributes: { category: "icon", type: "trash", item: "character" }, path: ["icon", "trash", "character"], }, }, "truck-shipping": { character: { value: "\\e995", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e995" }, name: "IconTruckShippingCharacter", attributes: { category: "icon", type: "truck-shipping", item: "character", }, path: ["icon", "truck-shipping", "character"], }, }, twitter: { character: { value: "\\e996", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e996" }, name: "IconTwitterCharacter", attributes: { category: "icon", type: "twitter", item: "character" }, path: ["icon", "twitter", "character"], }, }, unarchive: { character: { value: "\\e9ad", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9ad" }, name: "IconUnarchiveCharacter", attributes: { category: "icon", type: "unarchive", item: "character", }, path: ["icon", "unarchive", "character"], }, }, undo: { character: { value: "\\e997", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e997" }, name: "IconUndoCharacter", attributes: { category: "icon", type: "undo", item: "character" }, path: ["icon", "undo", "character"], }, }, unlocked: { character: { value: "\\e998", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e998" }, name: "IconUnlockedCharacter", attributes: { category: "icon", type: "unlocked", item: "character" }, path: ["icon", "unlocked", "character"], }, }, unlink: { character: { value: "\\e9ab", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9ab" }, name: "IconUnlinkCharacter", attributes: { category: "icon", type: "unlink", item: "character" }, path: ["icon", "unlink", "character"], }, }, "upload-cloud": { character: { value: "\\e999", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e999" }, name: "IconUploadCloudCharacter", attributes: { category: "icon", type: "upload-cloud", item: "character", }, path: ["icon", "upload-cloud", "character"], }, }, wrench: { character: { value: "\\e99a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e99a" }, name: "IconWrenchCharacter", attributes: { category: "icon", type: "wrench", item: "character" }, path: ["icon", "wrench", "character"], }, }, x: { character: { value: "\\e99b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e99b" }, name: "IconXCharacter", attributes: { category: "icon", type: "x", item: "character" }, path: ["icon", "x", "character"], }, }, "arrow-right-circle": { character: { value: "\\e99c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e99c" }, name: "IconArrowRightCircleCharacter", attributes: { category: "icon", type: "arrow-right-circle", item: "character", }, path: ["icon", "arrow-right-circle", "character"], }, }, "calendar-select": { character: { value: "\\e99d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e99d" }, name: "IconCalendarSelectCharacter", attributes: { category: "icon", type: "calendar-select", item: "character", }, path: ["icon", "calendar-select", "character"], }, }, tag: { character: { value: "\\e99e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e99e" }, name: "IconTagCharacter", attributes: { category: "icon", type: "tag", item: "character" }, path: ["icon", "tag", "character"], }, }, user: { character: { value: "\\e99f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e99f" }, name: "IconUserCharacter", attributes: { category: "icon", type: "user", item: "character" }, path: ["icon", "user", "character"], }, }, "eye-slash": { character: { value: "\\e9a0", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a0" }, name: "IconEyeSlashCharacter", attributes: { category: "icon", type: "eye-slash", item: "character", }, path: ["icon", "eye-slash", "character"], }, }, "bell-filled": { character: { value: "\\e9a1", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a1" }, name: "IconBellFilledCharacter", attributes: { category: "icon", type: "bell-filled", item: "character", }, path: ["icon", "bell-filled", "character"], }, }, "nested-list": { character: { value: "\\e9a2", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a2" }, name: "IconNestedListCharacter", attributes: { category: "icon", type: "nested-list", item: "character", }, path: ["icon", "nested-list", "character"], }, }, pin: { character: { value: "\\e9a3", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a3" }, name: "IconPinCharacter", attributes: { category: "icon", type: "pin", item: "character" }, path: ["icon", "pin", "character"], }, }, "pin-outline": { character: { value: "\\e9bc", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9bc" }, name: "IconPinOutlineCharacter", attributes: { category: "icon", type: "pin-outline", item: "character", }, path: ["icon", "pin-outline", "character"], }, }, "user-impersonation": { character: { value: "\\e9a4", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a4" }, name: "IconUserImpersonationCharacter", attributes: { category: "icon", type: "user-impersonation", item: "character", }, path: ["icon", "user-impersonation", "character"], }, }, "volume-full": { character: { value: "\\e9b6", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b6" }, name: "IconVolumeFullCharacter", attributes: { category: "icon", type: "volume-full", item: "character", }, path: ["icon", "volume-full", "character"], }, }, "volume-low": { character: { value: "\\e9b3", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b3" }, name: "IconVolumeLowCharacter", attributes: { category: "icon", type: "volume-low", item: "character", }, path: ["icon", "volume-low", "character"], }, }, "volume-medium": { character: { value: "\\e9b5", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b5" }, name: "IconVolumeMediumCharacter", attributes: { category: "icon", type: "volume-medium", item: "character", }, path: ["icon", "volume-medium", "character"], }, }, "volume-off": { character: { value: "\\e9b1", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b1" }, name: "IconVolumeOffCharacter", attributes: { category: "icon", type: "volume-off", item: "character", }, path: ["icon", "volume-off", "character"], }, }, workflow: { character: { value: "\\e9b4", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b4" }, name: "IconWorkflowCharacter", attributes: { category: "icon", type: "workflow", item: "character" }, path: ["icon", "workflow", "character"], }, }, "workflow-complete": { character: { value: "\\e9b2", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b2" }, name: "IconWorkflowCompleteCharacter", attributes: { category: "icon", type: "workflow-complete", item: "character", }, path: ["icon", "workflow-complete", "character"], }, }, "status-archived": { character: { value: "\\e97f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.archive-circle.character}" }, name: "IconStatusArchivedCharacter", attributes: { category: "icon", type: "status-archived", item: "character", }, path: ["icon", "status-archived", "character"], }, color: { value: "#1f282cff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.grey.dark}" }, name: "IconStatusArchivedColor", attributes: { category: "icon", type: "status-archived", item: "color", }, path: ["icon", "status-archived", "color"], }, }, "status-cancelled": { character: { value: "\\e980", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.x-circle.character}" }, name: "IconStatusCancelledCharacter", attributes: { category: "icon", type: "status-cancelled", item: "character", }, path: ["icon", "status-cancelled", "character"], }, color: { value: "#de002eff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.red.medium}" }, name: "IconStatusCancelledColor", attributes: { category: "icon", type: "status-cancelled", item: "color", }, path: ["icon", "status-cancelled", "color"], }, }, "status-error": { character: { value: "\\e981", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.exclamation-circle.character}" }, name: "IconStatusErrorCharacter", attributes: { category: "icon", type: "status-error", item: "character", }, path: ["icon", "status-error", "character"], }, color: { value: "#de002eff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.red.medium}" }, name: "IconStatusErrorColor", attributes: { category: "icon", type: "status-error", item: "color" }, path: ["icon", "status-error", "color"], }, }, "status-in-process": { character: { value: "\\e982", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.descending-ellipses-circle.character}" }, name: "IconStatusInProcessCharacter", attributes: { category: "icon", type: "status-in-process", item: "character", }, path: ["icon", "status-in-process", "character"], }, color: { value: "#91467fff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.purple.medium}" }, name: "IconStatusInProcessColor", attributes: { category: "icon", type: "status-in-process", item: "color", }, path: ["icon", "status-in-process", "color"], }, }, "status-in-transit": { character: { value: "\\e983", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.double-angle-right-circle.character}" }, name: "IconStatusInTransitCharacter", attributes: { category: "icon", type: "status-in-transit", item: "character", }, path: ["icon", "status-in-transit", "character"], }, color: { value: "#91467fff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.purple.medium}" }, name: "IconStatusInTransitColor", attributes: { category: "icon", type: "status-in-transit", item: "color", }, path: ["icon", "status-in-transit", "color"], }, }, "status-locked": { character: { value: "\\e984", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.locked-circle.character}" }, name: "IconStatusLockedCharacter", attributes: { category: "icon", type: "status-locked", item: "character", }, path: ["icon", "status-locked", "character"], }, color: { value: "#1f282cff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.grey.dark}" }, name: "IconStatusLockedColor", attributes: { category: "icon", type: "status-locked", item: "color", }, path: ["icon", "status-locked", "color"], }, }, "status-new": { character: { value: "\\e985", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.asterisk-circle.character}" }, name: "IconStatusNewCharacter", attributes: { category: "icon", type: "status-new", item: "character", }, path: ["icon", "status-new", "character"], }, color: { value: "#007db8ff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.blue.medium}" }, name: "IconStatusNewColor", attributes: { category: "icon", type: "status-new", item: "color" }, path: ["icon", "status-new", "color"], }, }, "status-ok": { character: { value: "\\e986", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.checkmark-circle.character}" }, name: "IconStatusOkCharacter", attributes: { category: "icon", type: "status-ok", item: "character", }, path: ["icon", "status-ok", "character"], }, color: { value: "#0b8940ff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.green.medium}" }, name: "IconStatusOkColor", attributes: { category: "icon", type: "status-ok", item: "color" }, path: ["icon", "status-ok", "color"], }, }, "status-on-hold": { character: { value: "\\e987", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.clock-circle.character}" }, name: "IconStatusOnHoldCharacter", attributes: { category: "icon", type: "status-on-hold", item: "character", }, path: ["icon", "status-on-hold", "character"], }, color: { value: "#1f282cff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.grey.dark}" }, name: "IconStatusOnHoldColor", attributes: { category: "icon", type: "status-on-hold", item: "color", }, path: ["icon", "status-on-hold", "color"], }, }, "status-outdated": { character: { value: "\\e988", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.calendar-blank-circle.character}" }, name: "IconStatusOutdatedCharacter", attributes: { category: "icon", type: "status-outdated", item: "character", }, path: ["icon", "status-outdated", "character"], }, color: { value: "#1f282cff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.grey.dark}" }, name: "IconStatusOutdatedColor", attributes: { category: "icon", type: "status-outdated", item: "color", }, path: ["icon", "status-outdated", "color"], }, }, "status-preview": { character: { value: "\\e9ba", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9ba" }, name: "IconStatusPreviewCharacter", attributes: { category: "icon", type: "status-preview", item: "character", }, path: ["icon", "status-preview", "character"], }, color: { value: "#1f282cff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.grey.dark}" }, name: "IconStatusPreviewColor", attributes: { category: "icon", type: "status-preview", item: "color", }, path: ["icon", "status-preview", "color"], }, }, "status-rejected": { character: { value: "\\e989", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.ban-circle.character}" }, name: "IconStatusRejectedCharacter", attributes: { category: "icon", type: "status-rejected", item: "character", }, path: ["icon", "status-rejected", "character"], }, color: { value: "#de002eff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.red.medium}" }, name: "IconStatusRejectedColor", attributes: { category: "icon", type: "status-rejected", item: "color", }, path: ["icon", "status-rejected", "color"], }, }, "status-saved": { character: { value: "\\e98b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.disk-circle.character}" }, name: "IconStatusSavedCharacter", attributes: { category: "icon", type: "status-saved", item: "character", }, path: ["icon", "status-saved", "character"], }, color: { value: "#91467fff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.purple.medium}" }, name: "IconStatusSavedColor", attributes: { category: "icon", type: "status-saved", item: "color" }, path: ["icon", "status-saved", "color"], }, }, "status-saving": { character: { value: "\\e98b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.disk-circle.character}" }, name: "IconStatusSavingCharacter", attributes: { category: "icon", type: "status-saving", item: "character", }, path: ["icon", "status-saving", "character"], }, color: { value: "#91467fff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.purple.medium}" }, name: "IconStatusSavingColor", attributes: { category: "icon", type: "status-saving", item: "color", }, path: ["icon", "status-saving", "color"], }, }, "status-template": { character: { value: "\\e98c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.template-circle.character}" }, name: "IconStatusTemplateCharacter", attributes: { category: "icon", type: "status-template", item: "character", }, path: ["icon", "status-template", "character"], }, color: { value: "#007db8ff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.blue.medium}" }, name: "IconStatusTemplateColor", attributes: { category: "icon", type: "status-template", item: "color", }, path: ["icon", "status-template", "color"], }, }, "status-warning": { character: { value: "\\e98d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.exclamation-triangle.character}" }, name: "IconStatusWarningCharacter", attributes: { category: "icon", type: "status-warning", item: "character", }, path: ["icon", "status-warning", "character"], }, color: { value: "#e7760bff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.orange.medium}" }, name: "IconStatusWarningColor", attributes: { category: "icon", type: "status-warning", item: "color", }, path: ["icon", "status-warning", "color"], }, }, }, shadow: { input: { value: "0 0.25rem 0 0 #e9e9eaff inset", filePath: "src/tokens/shadow/shadow.json", isSource: true, original: { value: { offsetY: "{size.system.xs.value}", color: "{color.grey.light.value}", inset: true, }, }, name: "ShadowInput", attributes: { category: "shadow", type: "input" }, path: ["shadow", "input"], }, outer: { value: "0 0 0.25rem 0 #1f282c80", filePath: "src/tokens/shadow/shadow.json", isSource: true, original: { value: { blur: "{size.system.xs.value}", color: "{color.grey.dark-50.value}", }, }, name: "ShadowOuter", attributes: { category: "shadow", type: "outer" }, path: ["shadow", "outer"], }, dropdown: { value: "0 0 0.25rem 0 #1f282c40", filePath: "src/tokens/shadow/shadow.json", isSource: true, original: { value: { blur: "{size.system.xs.value}", color: "{color.grey.dark-25.value}", }, }, name: "ShadowDropdown", attributes: { category: "shadow", type: "dropdown" }, path: ["shadow", "dropdown"], }, "fixed-container": { value: "0 0 0.25rem 0.25rem #1f282c1a", filePath: "src/tokens/shadow/shadow.json", isSource: true, original: { value: { blur: "{size.system.xs.value}", spread: "{size.system.xs.value}", color: "{color.grey.dark-10.value}", }, }, name: "ShadowFixedContainer", attributes: { category: "shadow", type: "fixed-container" }, path: ["shadow", "fixed-container"], }, }, size: { border: { radius: { none: { value: "0", filePath: "src/tokens/size/border.json", isSource: true, original: { value: 0 }, name: "SizeBorderRadiusNone", attributes: { category: "size", type: "border", item: "radius", subitem: "none", }, path: ["size", "border", "radius", "none"], }, xxs: { value: "0.125rem", filePath: "src/tokens/size/border.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "SizeBorderRadiusXxs", attributes: { category: "size", type: "border", item: "radius", subitem: "xxs", }, path: ["size", "border", "radius", "xxs"], }, xs: { value: "0.25rem", filePath: "src/tokens/size/border.json", isSource: true, original: { value: "{size.system.xs.value}" }, name: "SizeBorderRadiusXs", attributes: { category: "size", type: "border", item: "radius", subitem: "xs", }, path: ["size", "border", "radius", "xs"], }, }, width: { none: { value: "0", filePath: "src/tokens/size/border.json", isSource: true, original: { value: 0 }, name: "SizeBorderWidthNone", attributes: { category: "size", type: "border", item: "width", subitem: "none", }, path: ["size", "border", "width", "none"], }, standard: { value: "0.0625rem", filePath: "src/tokens/size/border.json", isSource: true, original: { value: 1 }, name: "SizeBorderWidthStandard", attributes: { category: "size", type: "border", item: "width", subitem: "standard", }, path: ["size", "border", "width", "standard"], }, }, }, component: { "action-bar": { "max-content-width": { value: "1280px", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "{grid.content-width.value}" }, name: "SizeComponentActionBarMaxContentWidth", attributes: { category: "size", type: "component", item: "action-bar", subitem: "max-content-width", }, path: ["size", "component", "action-bar", "max-content-width"], }, "content-padding": { value: "1.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "20px" }, name: "SizeComponentActionBarContentPadding", attributes: { category: "size", type: "component", item: "action-bar", subitem: "content-padding", }, path: ["size", "component", "action-bar", "content-padding"], }, }, "add-to-list": { "drag-handle": { width: { value: "0.375rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "6px" }, name: "SizeComponentAddToListDragHandleWidth", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "drag-handle", state: "width", }, path: [ "size", "component", "add-to-list", "drag-handle", "width", ], }, height: { value: "1.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "18px" }, name: "SizeComponentAddToListDragHandleHeight", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "drag-handle", state: "height", }, path: [ "size", "component", "add-to-list", "drag-handle", "height", ], }, }, "close-button": { right: { value: "0.375rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "6px" }, name: "SizeComponentAddToListCloseButtonRight", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "close-button", state: "right", }, path: [ "size", "component", "add-to-list", "close-button", "right", ], }, top: { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentAddToListCloseButtonTop", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "close-button", state: "top", }, path: ["size", "component", "add-to-list", "close-button", "top"], }, }, item: { minwidth: { value: "17.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "284px" }, name: "SizeComponentAddToListItemMinwidth", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "item", state: "minwidth", }, path: ["size", "component", "add-to-list", "item", "minwidth"], }, padding: { value: "0.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "12px" }, name: "SizeComponentAddToListItemPadding", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "item", state: "padding", }, path: ["size", "component", "add-to-list", "item", "padding"], }, }, verticalRule: { left: { value: "3.09375rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "49.5%" }, name: "SizeComponentAddToListVerticalRuleLeft", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "verticalRule", state: "left", }, path: [ "size", "component", "add-to-list", "verticalRule", "left", ], }, top: { value: "0", filePath: "src/tokens/size/component.json", isSource: true, original: { value: 0 }, name: "SizeComponentAddToListVerticalRuleTop", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "verticalRule", state: "top", }, path: ["size", "component", "add-to-list", "verticalRule", "top"], }, bottom: { value: "0", filePath: "src/tokens/size/component.json", isSource: true, original: { value: 0 }, name: "SizeComponentAddToListVerticalRuleBottom", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "verticalRule", state: "bottom", }, path: [ "size", "component", "add-to-list", "verticalRule", "bottom", ], }, height: { value: "6.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "100%" }, name: "SizeComponentAddToListVerticalRuleHeight", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "verticalRule", state: "height", }, path: [ "size", "component", "add-to-list", "verticalRule", "height", ], }, }, leftList: { base: { marginRight: { value: "1rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "16px" }, name: "SizeComponentAddToListLeftListBaseMarginRight", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "leftList", state: "base", }, path: [ "size", "component", "add-to-list", "leftList", "base", "marginRight", ], }, }, vertical: { marginRight: { value: "0", filePath: "src/tokens/size/component.json", isSource: true, original: { value: 0 }, name: "SizeComponentAddToListLeftListVerticalMarginRight", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "leftList", state: "vertical", }, path: [ "size", "component", "add-to-list", "leftList", "vertical", "marginRight", ], }, marginBottom: { value: "1.375rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "22px" }, name: "SizeComponentAddToListLeftListVerticalMarginBottom", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "leftList", state: "vertical", }, path: [ "size", "component", "add-to-list", "leftList", "vertical", "marginBottom", ], }, }, }, rightList: { base: { marginLeft: { value: "1rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "16px" }, name: "SizeComponentAddToListRightListBaseMarginLeft", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "rightList", state: "base", }, path: [ "size", "component", "add-to-list", "rightList", "base", "marginLeft", ], }, }, vertical: { marginLeft: { value: "0", filePath: "src/tokens/size/component.json", isSource: true, original: { value: 0 }, name: "SizeComponentAddToListRightListVerticalMarginLeft", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "rightList", state: "vertical", }, path: [ "size", "component", "add-to-list", "rightList", "vertical", "marginLeft", ], }, }, }, filterContainer: { marginBottom: { value: "1.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "20px" }, name: "SizeComponentAddToListFilterContainerMarginBottom", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "filterContainer", state: "marginBottom", }, path: [ "size", "component", "add-to-list", "filterContainer", "marginBottom", ], }, }, phantomDroppableContainerTotalHeight: { value: "1.5625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "25px" }, name: "SizeComponentAddToListPhantomDroppableContainerTotalHeight", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "phantomDroppableContainerTotalHeight", }, path: [ "size", "component", "add-to-list", "phantomDroppableContainerTotalHeight", ], }, }, "cap-content": { "line-height": { value: "1.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "30px" }, name: "SizeComponentCapContentLineHeight", attributes: { category: "size", type: "component", item: "cap-content", subitem: "line-height", }, path: ["size", "component", "cap-content", "line-height"], }, }, "clickable-tag": { height: { value: "1.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "18px" }, name: "SizeComponentClickableTagHeight", attributes: { category: "size", type: "component", item: "clickable-tag", subitem: "height", }, path: ["size", "component", "clickable-tag", "height"], }, "line-height": { value: "0.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "12px" }, name: "SizeComponentClickableTagLineHeight", attributes: { category: "size", type: "component", item: "clickable-tag", subitem: "line-height", }, path: ["size", "component", "clickable-tag", "line-height"], }, "icon-font-size": { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentClickableTagIconFontSize", attributes: { category: "size", type: "component", item: "clickable-tag", subitem: "icon-font-size", }, path: ["size", "component", "clickable-tag", "icon-font-size"], }, "icon-top-offset": { value: "-0.0625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "-1px" }, name: "SizeComponentClickableTagIconTopOffset", attributes: { category: "size", type: "component", item: "clickable-tag", subitem: "icon-top-offset", }, path: ["size", "component", "clickable-tag", "icon-top-offset"], }, }, "content-row": { "reorderable-min-container-height": { value: "3.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "62px" }, name: "SizeComponentContentRowReorderableMinContainerHeight", attributes: { category: "size", type: "component", item: "content-row", subitem: "reorderable-min-container-height", }, path: [ "size", "component", "content-row", "reorderable-min-container-height", ], }, "reorderable-index-container-size": { value: "3.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "56px" }, name: "SizeComponentContentRowReorderableIndexContainerSize", attributes: { category: "size", type: "component", item: "content-row", subitem: "reorderable-index-container-size", }, path: [ "size", "component", "content-row", "reorderable-index-container-size", ], }, "reorderable-button-height": { value: "1.78125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "28.5px" }, name: "SizeComponentContentRowReorderableButtonHeight", attributes: { category: "size", type: "component", item: "content-row", subitem: "reorderable-button-height", }, path: [ "size", "component", "content-row", "reorderable-button-height", ], }, "reorderable-button-width": { value: "3.3125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "53px" }, name: "SizeComponentContentRowReorderableButtonWidth", attributes: { category: "size", type: "component", item: "content-row", subitem: "reorderable-button-width", }, path: [ "size", "component", "content-row", "reorderable-button-width", ], }, "reorderable-button-border-radius": { value: "0.1875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "3px" }, name: "SizeComponentContentRowReorderableButtonBorderRadius", attributes: { category: "size", type: "component", item: "content-row", subitem: "reorderable-button-border-radius", }, path: [ "size", "component", "content-row", "reorderable-button-border-radius", ], }, "icon-margin-adjustment": { value: "-0.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "-2px" }, name: "SizeComponentContentRowIconMarginAdjustment", attributes: { category: "size", type: "component", item: "content-row", subitem: "icon-margin-adjustment", }, path: [ "size", "component", "content-row", "icon-margin-adjustment", ], }, }, "content-tile": { height: { value: "8.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "138px" }, name: "SizeComponentContentTileHeight", attributes: { category: "size", type: "component", item: "content-tile", subitem: "height", }, path: ["size", "component", "content-tile", "height"], }, image: { height: { value: "3.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "60px" }, name: "SizeComponentContentTileImageHeight", attributes: { category: "size", type: "component", item: "content-tile", subitem: "image", state: "height", }, path: ["size", "component", "content-tile", "image", "height"], }, width: { value: "3.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "60px" }, name: "SizeComponentContentTileImageWidth", attributes: { category: "size", type: "component", item: "content-tile", subitem: "image", state: "width", }, path: ["size", "component", "content-tile", "image", "width"], }, marginBottom: { value: "1rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "{size.spacing.md}" }, name: "SizeComponentContentTileImageMarginBottom", attributes: { category: "size", type: "component", item: "content-tile", subitem: "image", state: "marginBottom", }, path: [ "size", "component", "content-tile", "image", "marginBottom", ], }, marginTop: { value: "1rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "{size.spacing.md}" }, name: "SizeComponentContentTileImageMarginTop", attributes: { category: "size", type: "component", item: "content-tile", subitem: "image", state: "marginTop", }, path: ["size", "component", "content-tile", "image", "marginTop"], }, }, container: { spacing: { value: "0.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "{size.spacing.sm}" }, name: "SizeComponentContentTileContainerSpacing", attributes: { category: "size", type: "component", item: "content-tile", subitem: "container", state: "spacing", }, path: [ "size", "component", "content-tile", "container", "spacing", ], }, }, titleContainer: { spacing: { value: "0.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "{size.spacing.sm}" }, name: "SizeComponentContentTileTitleContainerSpacing", attributes: { category: "size", type: "component", item: "content-tile", subitem: "titleContainer", state: "spacing", }, path: [ "size", "component", "content-tile", "titleContainer", "spacing", ], }, }, }, "feedback-block": { standard: { "margin-left": { value: "-0.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "-4px" }, name: "SizeComponentFeedbackBlockStandardMarginLeft", attributes: { category: "size", type: "component", item: "feedback-block", subitem: "standard", state: "margin-left", }, path: [ "size", "component", "feedback-block", "standard", "margin-left", ], }, }, micro: { "margin-top": { value: "0.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "2px" }, name: "SizeComponentFeedbackBlockMicroMarginTop", attributes: { category: "size", type: "component", item: "feedback-block", subitem: "micro", state: "margin-top", }, path: [ "size", "component", "feedback-block", "micro", "margin-top", ], }, }, }, "file-upload": { "icon-size": { value: "3rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "48px" }, name: "SizeComponentFileUploadIconSize", attributes: { category: "size", type: "component", item: "file-upload", subitem: "icon-size", }, path: ["size", "component", "file-upload", "icon-size"], }, }, "filter-tile": { height: { value: "6.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "106px" }, name: "SizeComponentFilterTileHeight", attributes: { category: "size", type: "component", item: "filter-tile", subitem: "height", }, path: ["size", "component", "filter-tile", "height"], }, maxWidth: { value: "15.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "250px" }, name: "SizeComponentFilterTileMaxWidth", attributes: { category: "size", type: "component", item: "filter-tile", subitem: "maxWidth", }, path: ["size", "component", "filter-tile", "maxWidth"], }, minWidth: { value: "6.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "110px" }, name: "SizeComponentFilterTileMinWidth", attributes: { category: "size", type: "component", item: "filter-tile", subitem: "minWidth", }, path: ["size", "component", "filter-tile", "minWidth"], }, marginEndChildren: { value: "0", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "0" }, name: "SizeComponentFilterTileMarginEndChildren", attributes: { category: "size", type: "component", item: "filter-tile", subitem: "marginEndChildren", }, path: ["size", "component", "filter-tile", "marginEndChildren"], }, title: { height: { value: "2.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "36px" }, name: "SizeComponentFilterTileTitleHeight", attributes: { category: "size", type: "component", item: "filter-tile", subitem: "title", state: "height", }, path: ["size", "component", "filter-tile", "title", "height"], }, }, tileValue: { heightFontSizeLineHeight: { value: "1.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "30px" }, name: "SizeComponentFilterTileTileValueHeightFontSizeLineHeight", attributes: { category: "size", type: "component", item: "filter-tile", subitem: "tileValue", state: "heightFontSizeLineHeight", }, path: [ "size", "component", "filter-tile", "tileValue", "heightFontSizeLineHeight", ], }, }, }, "focused-task": { height: { value: "3.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "50px" }, name: "SizeComponentFocusedTaskHeight", attributes: { category: "size", type: "component", item: "focused-task", subitem: "height", }, path: ["size", "component", "focused-task", "height"], }, "box-shadow-offset-y": { value: "-0.0625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "-1px" }, name: "SizeComponentFocusedTaskBoxShadowOffsetY", attributes: { category: "size", type: "component", item: "focused-task", subitem: "box-shadow-offset-y", }, path: ["size", "component", "focused-task", "box-shadow-offset-y"], }, }, modal: { sizes: { sm: { value: "23.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "380px" }, name: "SizeComponentModalSizesSm", attributes: { category: "size", type: "component", item: "modal", subitem: "sizes", state: "sm", }, path: ["size", "component", "modal", "sizes", "sm"], }, md: { value: "36.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "580px" }, name: "SizeComponentModalSizesMd", attributes: { category: "size", type: "component", item: "modal", subitem: "sizes", state: "md", }, path: ["size", "component", "modal", "sizes", "md"], }, lg: { value: "48.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "780px" }, name: "SizeComponentModalSizesLg", attributes: { category: "size", type: "component", item: "modal", subitem: "sizes", state: "lg", }, path: ["size", "component", "modal", "sizes", "lg"], }, xl: { value: "73.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "1180px" }, name: "SizeComponentModalSizesXl", attributes: { category: "size", type: "component", item: "modal", subitem: "sizes", state: "xl", }, path: ["size", "component", "modal", "sizes", "xl"], }, }, }, "product-bar": { "min-height": { value: "3.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "60px" }, name: "SizeComponentProductBarMinHeight", attributes: { category: "size", type: "component", item: "product-bar", subitem: "min-height", }, path: ["size", "component", "product-bar", "min-height"], }, width: { value: "1280px", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "{grid.content-width.value}" }, name: "SizeComponentProductBarWidth", attributes: { category: "size", type: "component", item: "product-bar", subitem: "width", }, path: ["size", "component", "product-bar", "width"], }, "logo-size": { value: "1.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "24px" }, name: "SizeComponentProductBarLogoSize", attributes: { category: "size", type: "component", item: "product-bar", subitem: "logo-size", }, path: ["size", "component", "product-bar", "logo-size"], }, "nav-underline": { value: "0.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "2px" }, name: "SizeComponentProductBarNavUnderline", attributes: { category: "size", type: "component", item: "product-bar", subitem: "nav-underline", }, path: ["size", "component", "product-bar", "nav-underline"], }, "nav-height": { value: "3.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "58px" }, name: "SizeComponentProductBarNavHeight", attributes: { category: "size", type: "component", item: "product-bar", subitem: "nav-height", }, path: ["size", "component", "product-bar", "nav-height"], }, "vertical-rule-height": { value: "2.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "34px" }, name: "SizeComponentProductBarVerticalRuleHeight", attributes: { category: "size", type: "component", item: "product-bar", subitem: "vertical-rule-height", }, path: ["size", "component", "product-bar", "vertical-rule-height"], }, }, spinner: { sm: { dimension: { value: "1.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "18px" }, name: "SizeComponentSpinnerSmDimension", attributes: { category: "size", type: "component", item: "spinner", subitem: "sm", state: "dimension", }, path: ["size", "component", "spinner", "sm", "dimension"], }, thickness: { value: "0.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "2px" }, name: "SizeComponentSpinnerSmThickness", attributes: { category: "size", type: "component", item: "spinner", subitem: "sm", state: "thickness", }, path: ["size", "component", "spinner", "sm", "thickness"], }, }, md: { dimension: { value: "2.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "36px" }, name: "SizeComponentSpinnerMdDimension", attributes: { category: "size", type: "component", item: "spinner", subitem: "md", state: "dimension", }, path: ["size", "component", "spinner", "md", "dimension"], }, thickness: { value: "0.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "4px" }, name: "SizeComponentSpinnerMdThickness", attributes: { category: "size", type: "component", item: "spinner", subitem: "md", state: "thickness", }, path: ["size", "component", "spinner", "md", "thickness"], }, }, lg: { dimension: { value: "4.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "72px" }, name: "SizeComponentSpinnerLgDimension", attributes: { category: "size", type: "component", item: "spinner", subitem: "lg", state: "dimension", }, path: ["size", "component", "spinner", "lg", "dimension"], }, thickness: { value: "0.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "8px" }, name: "SizeComponentSpinnerLgThickness", attributes: { category: "size", type: "component", item: "spinner", subitem: "lg", state: "thickness", }, path: ["size", "component", "spinner", "lg", "thickness"], }, }, }, "sorting-header": { pinned: { shadowHeight: { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentSortingHeaderPinnedShadowHeight", attributes: { category: "size", type: "component", item: "sorting-header", subitem: "pinned", state: "shadowHeight", }, path: [ "size", "component", "sorting-header", "pinned", "shadowHeight", ], }, shadowLeftAdjustment: { value: "-0.0625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "-1px" }, name: "SizeComponentSortingHeaderPinnedShadowLeftAdjustment", attributes: { category: "size", type: "component", item: "sorting-header", subitem: "pinned", state: "shadowLeftAdjustment", }, path: [ "size", "component", "sorting-header", "pinned", "shadowLeftAdjustment", ], }, }, }, "vertical-rule": { thickness: { value: "0.0625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "1px" }, name: "SizeComponentVerticalRuleThickness", attributes: { category: "size", type: "component", item: "vertical-rule", subitem: "thickness", }, path: ["size", "component", "vertical-rule", "thickness"], }, }, tag: { "line-height": { value: "0.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "12px" }, name: "SizeComponentTagLineHeight", attributes: { category: "size", type: "component", item: "tag", subitem: "line-height", }, path: ["size", "component", "tag", "line-height"], }, "icon-line-height": { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentTagIconLineHeight", attributes: { category: "size", type: "component", item: "tag", subitem: "icon-line-height", }, path: ["size", "component", "tag", "icon-line-height"], }, }, "zero-state": { "image-height": { value: "6.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "100px" }, name: "SizeComponentZeroStateImageHeight", attributes: { category: "size", type: "component", item: "zero-state", subitem: "image-height", }, path: ["size", "component", "zero-state", "image-height"], }, "image-width": { value: "12.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "200px" }, name: "SizeComponentZeroStateImageWidth", attributes: { category: "size", type: "component", item: "zero-state", subitem: "image-width", }, path: ["size", "component", "zero-state", "image-width"], }, "icon-font-size": { value: "3rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "48px" }, name: "SizeComponentZeroStateIconFontSize", attributes: { category: "size", type: "component", item: "zero-state", subitem: "icon-font-size", }, path: ["size", "component", "zero-state", "icon-font-size"], }, "icon-line-height": { value: "3rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "48px" }, name: "SizeComponentZeroStateIconLineHeight", attributes: { category: "size", type: "component", item: "zero-state", subitem: "icon-line-height", }, path: ["size", "component", "zero-state", "icon-line-height"], }, }, growler: { width: { value: "25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "400px" }, name: "SizeComponentGrowlerWidth", attributes: { category: "size", type: "component", item: "growler", subitem: "width", }, path: ["size", "component", "growler", "width"], }, icon: { fontSize: { value: "1.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "30px" }, name: "SizeComponentGrowlerIconFontSize", attributes: { category: "size", type: "component", item: "growler", subitem: "icon", state: "fontSize", }, path: ["size", "component", "growler", "icon", "fontSize"], }, box: { right: { value: "1.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "30px" }, name: "SizeComponentGrowlerIconBoxRight", attributes: { category: "size", type: "component", item: "growler", subitem: "icon", state: "box", }, path: ["size", "component", "growler", "icon", "box", "right"], }, top: { value: "5.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "90px" }, name: "SizeComponentGrowlerIconBoxTop", attributes: { category: "size", type: "component", item: "growler", subitem: "icon", state: "box", }, path: ["size", "component", "growler", "icon", "box", "top"], }, width: { value: "4.375rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "70px" }, name: "SizeComponentGrowlerIconBoxWidth", attributes: { category: "size", type: "component", item: "growler", subitem: "icon", state: "box", }, path: ["size", "component", "growler", "icon", "box", "width"], }, }, }, messageBox: { subtitle: { width: { value: "16.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "264px" }, name: "SizeComponentGrowlerMessageBoxSubtitleWidth", attributes: { category: "size", type: "component", item: "growler", subitem: "messageBox", state: "subtitle", }, path: [ "size", "component", "growler", "messageBox", "subtitle", "width", ], }, }, padding: { right: { value: "2.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "42px" }, name: "SizeComponentGrowlerMessageBoxPaddingRight", attributes: { category: "size", type: "component", item: "growler", subitem: "messageBox", state: "padding", }, path: [ "size", "component", "growler", "messageBox", "padding", "right", ], }, }, }, }, button: { "spinner-margin-vertical": { value: "0.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "14px" }, name: "SizeComponentButtonSpinnerMarginVertical", attributes: { category: "size", type: "component", item: "button", subitem: "spinner-margin-vertical", }, path: ["size", "component", "button", "spinner-margin-vertical"], }, "spinner-margin-horizontal": { value: "0.4375rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "7px" }, name: "SizeComponentButtonSpinnerMarginHorizontal", attributes: { category: "size", type: "component", item: "button", subitem: "spinner-margin-horizontal", }, path: ["size", "component", "button", "spinner-margin-horizontal"], }, "spinner-border-width": { value: "0.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "2px" }, name: "SizeComponentButtonSpinnerBorderWidth", attributes: { category: "size", type: "component", item: "button", subitem: "spinner-border-width", }, path: ["size", "component", "button", "spinner-border-width"], }, "spinner-size": { value: "0.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "14px" }, name: "SizeComponentButtonSpinnerSize", attributes: { category: "size", type: "component", item: "button", subitem: "spinner-size", }, path: ["size", "component", "button", "spinner-size"], }, }, "search-results-bar": { "min-height": { value: "3.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "52px" }, name: "SizeComponentSearchResultsBarMinHeight", attributes: { category: "size", type: "component", item: "search-results-bar", subitem: "min-height", }, path: ["size", "component", "search-results-bar", "min-height"], }, "clear-button": { value: "5.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "84px" }, name: "SizeComponentSearchResultsBarClearButton", attributes: { category: "size", type: "component", item: "search-results-bar", subitem: "clear-button", }, path: ["size", "component", "search-results-bar", "clear-button"], }, }, "list-bar": { "pinned-width": { value: "1280px", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "{grid.content-width.value}" }, name: "SizeComponentListBarPinnedWidth", attributes: { category: "size", type: "component", item: "list-bar", subitem: "pinned-width", }, path: ["size", "component", "list-bar", "pinned-width"], }, "pinned-padding": { value: "1.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "20px" }, name: "SizeComponentListBarPinnedPadding", attributes: { category: "size", type: "component", item: "list-bar", subitem: "pinned-padding", }, path: ["size", "component", "list-bar", "pinned-padding"], }, top: { value: "3.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "60px" }, name: "SizeComponentListBarTop", attributes: { category: "size", type: "component", item: "list-bar", subitem: "top", }, path: ["size", "component", "list-bar", "top"], }, height: { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentListBarHeight", attributes: { category: "size", type: "component", item: "list-bar", subitem: "height", }, path: ["size", "component", "list-bar", "height"], }, "content-header-height": { value: "2rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "32px" }, name: "SizeComponentListBarContentHeaderHeight", attributes: { category: "size", type: "component", item: "list-bar", subitem: "content-header-height", }, path: ["size", "component", "list-bar", "content-header-height"], }, "search-form-max-width": { value: "25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "400px" }, name: "SizeComponentListBarSearchFormMaxWidth", attributes: { category: "size", type: "component", item: "list-bar", subitem: "search-form-max-width", }, path: ["size", "component", "list-bar", "search-form-max-width"], }, "search-button-height": { value: "1.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "30px" }, name: "SizeComponentListBarSearchButtonHeight", attributes: { category: "size", type: "component", item: "list-bar", subitem: "search-button-height", }, path: ["size", "component", "list-bar", "search-button-height"], }, "search-field-select-line-height": { value: "2rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "32px" }, name: "SizeComponentListBarSearchFieldSelectLineHeight", attributes: { category: "size", type: "component", item: "list-bar", subitem: "search-field-select-line-height", }, path: [ "size", "component", "list-bar", "search-field-select-line-height", ], }, }, "advanced-search": { "margin-top": { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentAdvancedSearchMarginTop", attributes: { category: "size", type: "component", item: "advanced-search", subitem: "margin-top", }, path: ["size", "component", "advanced-search", "margin-top"], }, }, "progress-bar": { "border-radius": { value: "0.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "8px" }, name: "SizeComponentProgressBarBorderRadius", attributes: { category: "size", type: "component", item: "progress-bar", subitem: "border-radius", }, path: ["size", "component", "progress-bar", "border-radius"], }, "close-button-margin": { value: "0.375rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "6px" }, name: "SizeComponentProgressBarCloseButtonMargin", attributes: { category: "size", type: "component", item: "progress-bar", subitem: "close-button-margin", }, path: ["size", "component", "progress-bar", "close-button-margin"], }, }, "side-nav": { "selected-font-weight": { value: "43.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: 700 }, name: "SizeComponentSideNavSelectedFontWeight", attributes: { category: "size", type: "component", item: "side-nav", subitem: "selected-font-weight", }, path: ["size", "component", "side-nav", "selected-font-weight"], }, "expand-icon-size": { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentSideNavExpandIconSize", attributes: { category: "size", type: "component", item: "side-nav", subitem: "expand-icon-size", }, path: ["size", "component", "side-nav", "expand-icon-size"], }, "expand-icon-margin": { value: "0.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "14px" }, name: "SizeComponentSideNavExpandIconMargin", attributes: { category: "size", type: "component", item: "side-nav", subitem: "expand-icon-margin", }, path: ["size", "component", "side-nav", "expand-icon-margin"], }, "link-padding-left": { value: "1.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "20px" }, name: "SizeComponentSideNavLinkPaddingLeft", attributes: { category: "size", type: "component", item: "side-nav", subitem: "link-padding-left", }, path: ["size", "component", "side-nav", "link-padding-left"], }, "nested-first-level": { value: "2.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "34px" }, name: "SizeComponentSideNavNestedFirstLevel", attributes: { category: "size", type: "component", item: "side-nav", subitem: "nested-first-level", }, path: ["size", "component", "side-nav", "nested-first-level"], }, "nested-second-level": { value: "3rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "48px" }, name: "SizeComponentSideNavNestedSecondLevel", attributes: { category: "size", type: "component", item: "side-nav", subitem: "nested-second-level", }, path: ["size", "component", "side-nav", "nested-second-level"], }, "nested-third-level": { value: "3.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "62px" }, name: "SizeComponentSideNavNestedThirdLevel", attributes: { category: "size", type: "component", item: "side-nav", subitem: "nested-third-level", }, path: ["size", "component", "side-nav", "nested-third-level"], }, "nested-fourth-level": { value: "4.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "76px" }, name: "SizeComponentSideNavNestedFourthLevel", attributes: { category: "size", type: "component", item: "side-nav", subitem: "nested-fourth-level", }, path: ["size", "component", "side-nav", "nested-fourth-level"], }, }, "product-bar-vertical": { "link-min-height": { value: "2.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "40px" }, name: "SizeComponentProductBarVerticalLinkMinHeight", attributes: { category: "size", type: "component", item: "product-bar-vertical", subitem: "link-min-height", }, path: [ "size", "component", "product-bar-vertical", "link-min-height", ], }, "logo-size": { value: "1.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "24px" }, name: "SizeComponentProductBarVerticalLogoSize", attributes: { category: "size", type: "component", item: "product-bar-vertical", subitem: "logo-size", }, path: ["size", "component", "product-bar-vertical", "logo-size"], }, "expand-icon-size": { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentProductBarVerticalExpandIconSize", attributes: { category: "size", type: "component", item: "product-bar-vertical", subitem: "expand-icon-size", }, path: [ "size", "component", "product-bar-vertical", "expand-icon-size", ], }, "expand-icon-margin": { value: "0.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "14px" }, name: "SizeComponentProductBarVerticalExpandIconMargin", attributes: { category: "size", type: "component", item: "product-bar-vertical", subitem: "expand-icon-margin", }, path: [ "size", "component", "product-bar-vertical", "expand-icon-margin", ], }, "nested-first-level": { value: "2.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "34px" }, name: "SizeComponentProductBarVerticalNestedFirstLevel", attributes: { category: "size", type: "component", item: "product-bar-vertical", subitem: "nested-first-level", }, path: [ "size", "component", "product-bar-vertical", "nested-first-level", ], }, "nested-second-level": { value: "3rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "48px" }, name: "SizeComponentProductBarVerticalNestedSecondLevel", attributes: { category: "size", type: "component", item: "product-bar-vertical", subitem: "nested-second-level", }, path: [ "size", "component", "product-bar-vertical", "nested-second-level", ], }, "nested-third-level": { value: "3.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "62px" }, name: "SizeComponentProductBarVerticalNestedThirdLevel", attributes: { category: "size", type: "component", item: "product-bar-vertical", subitem: "nested-third-level", }, path: [ "size", "component", "product-bar-vertical", "nested-third-level", ], }, "nested-fourth-level": { value: "4.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "76px" }, name: "SizeComponentProductBarVerticalNestedFourthLevel", attributes: { category: "size", type: "component", item: "product-bar-vertical", subitem: "nested-fourth-level", }, path: [ "size", "component", "product-bar-vertical", "nested-fourth-level", ], }, }, icon: { "margin-adjustment": { value: "-0.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "-2px" }, name: "SizeComponentIconMarginAdjustment", attributes: { category: "size", type: "component", item: "icon", subitem: "margin-adjustment", }, path: ["size", "component", "icon", "margin-adjustment"], }, }, "page-title": { "icon-margin-top": { value: "0.1875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "3px" }, name: "SizeComponentPageTitleIconMarginTop", attributes: { category: "size", type: "component", item: "page-title", subitem: "icon-margin-top", }, path: ["size", "component", "page-title", "icon-margin-top"], }, }, "insight-card": { "vertical-padding": { value: "0.9375rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "15px" }, name: "SizeComponentInsightCardVerticalPadding", attributes: { category: "size", type: "component", item: "insight-card", subitem: "vertical-padding", }, path: ["size", "component", "insight-card", "vertical-padding"], }, "horizontal-padding": { value: "1.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "20px" }, name: "SizeComponentInsightCardHorizontalPadding", attributes: { category: "size", type: "component", item: "insight-card", subitem: "horizontal-padding", }, path: ["size", "component", "insight-card", "horizontal-padding"], }, "horizontal-height": { value: "5.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "82px" }, name: "SizeComponentInsightCardHorizontalHeight", attributes: { category: "size", type: "component", item: "insight-card", subitem: "horizontal-height", }, path: ["size", "component", "insight-card", "horizontal-height"], }, "icon-size": { value: "2rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "32px" }, name: "SizeComponentInsightCardIconSize", attributes: { category: "size", type: "component", item: "insight-card", subitem: "icon-size", }, path: ["size", "component", "insight-card", "icon-size"], }, "metric-size": { value: "3rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "48px" }, name: "SizeComponentInsightCardMetricSize", attributes: { category: "size", type: "component", item: "insight-card", subitem: "metric-size", }, path: ["size", "component", "insight-card", "metric-size"], }, "min-title-height": { value: "2.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "34px" }, name: "SizeComponentInsightCardMinTitleHeight", attributes: { category: "size", type: "component", item: "insight-card", subitem: "min-title-height", }, path: ["size", "component", "insight-card", "min-title-height"], }, "partner-count-margin-vertical": { value: "0.9375rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "15px" }, name: "SizeComponentInsightCardPartnerCountMarginVertical", attributes: { category: "size", type: "component", item: "insight-card", subitem: "partner-count-margin-vertical", }, path: [ "size", "component", "insight-card", "partner-count-margin-vertical", ], }, "partner-count-margin-horizontal": { value: "1.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "20px" }, name: "SizeComponentInsightCardPartnerCountMarginHorizontal", attributes: { category: "size", type: "component", item: "insight-card", subitem: "partner-count-margin-horizontal", }, path: [ "size", "component", "insight-card", "partner-count-margin-horizontal", ], }, "partner-count-padding-vertical": { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentInsightCardPartnerCountPaddingVertical", attributes: { category: "size", type: "component", item: "insight-card", subitem: "partner-count-padding-vertical", }, path: [ "size", "component", "insight-card", "partner-count-padding-vertical", ], }, "partner-count-padding-horizontal": { value: "1.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "20px" }, name: "SizeComponentInsightCardPartnerCountPaddingHorizontal", attributes: { category: "size", type: "component", item: "insight-card", subitem: "partner-count-padding-horizontal", }, path: [ "size", "component", "insight-card", "partner-count-padding-horizontal", ], }, "partner-count-width": { value: "3.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "60px" }, name: "SizeComponentInsightCardPartnerCountWidth", attributes: { category: "size", type: "component", item: "insight-card", subitem: "partner-count-width", }, path: ["size", "component", "insight-card", "partner-count-width"], }, "horizontal-partner-count-padding-vertical": { value: "1.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "20px" }, name: "SizeComponentInsightCardHorizontalPartnerCountPaddingVertical", attributes: { category: "size", type: "component", item: "insight-card", subitem: "horizontal-partner-count-padding-vertical", }, path: [ "size", "component", "insight-card", "horizontal-partner-count-padding-vertical", ], }, "horizontal-partner-count-padding-horizontal": { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentInsightCardHorizontalPartnerCountPaddingHorizontal", attributes: { category: "size", type: "component", item: "insight-card", subitem: "horizontal-partner-count-padding-horizontal", }, path: [ "size", "component", "insight-card", "horizontal-partner-count-padding-horizontal", ], }, }, "rich-text-editor": { vr: { height: { value: "1.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "28px" }, name: "SizeComponentRichTextEditorVrHeight", attributes: { category: "size", type: "component", item: "rich-text-editor", subitem: "vr", state: "height", }, path: ["size", "component", "rich-text-editor", "vr", "height"], }, }, "editable-div": { "min-height": { value: "8rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "128px" }, name: "SizeComponentRichTextEditorEditableDivMinHeight", attributes: { category: "size", type: "component", item: "rich-text-editor", subitem: "editable-div", state: "min-height", }, path: [ "size", "component", "rich-text-editor", "editable-div", "min-height", ], }, }, }, }, grid: { gutter: { value: "1rem", filePath: "src/tokens/size/grid.json", isSource: true, original: { value: "{size.spacing.md}" }, name: "SizeGridGutter", attributes: { category: "size", type: "grid", item: "gutter" }, path: ["size", "grid", "gutter"], }, }, icon: { xs: { value: "0.75rem", filePath: "src/tokens/size/icon.json", isSource: true, original: { value: 12 }, name: "SizeIconXs", attributes: { category: "size", type: "icon", item: "xs" }, path: ["size", "icon", "xs"], }, sm: { value: "0.875rem", filePath: "src/tokens/size/icon.json", isSource: true, original: { value: 14 }, name: "SizeIconSm", attributes: { category: "size", type: "icon", item: "sm" }, path: ["size", "icon", "sm"], }, md: { value: "1rem", filePath: "src/tokens/size/icon.json", isSource: true, original: { value: 16 }, name: "SizeIconMd", attributes: { category: "size", type: "icon", item: "md" }, path: ["size", "icon", "md"], }, lg: { value: "1.25rem", filePath: "src/tokens/size/icon.json", isSource: true, original: { value: 20 }, name: "SizeIconLg", attributes: { category: "size", type: "icon", item: "lg" }, path: ["size", "icon", "lg"], }, }, spacing: { xxs: { value: "0.125rem", filePath: "src/tokens/size/spacing.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "SizeSpacingXxs", attributes: { category: "size", type: "spacing", item: "xxs" }, path: ["size", "spacing", "xxs"], }, xs: { value: "0.25rem", filePath: "src/tokens/size/spacing.json", isSource: true, original: { value: "{size.system.xs.value}" }, name: "SizeSpacingXs", attributes: { category: "size", type: "spacing", item: "xs" }, path: ["size", "spacing", "xs"], }, sm: { value: "0.5rem", filePath: "src/tokens/size/spacing.json", isSource: true, original: { value: "{size.system.sm.value}" }, name: "SizeSpacingSm", attributes: { category: "size", type: "spacing", item: "sm" }, path: ["size", "spacing", "sm"], }, md: { value: "1rem", filePath: "src/tokens/size/spacing.json", isSource: true, original: { value: "{size.system.md.value}" }, name: "SizeSpacingMd", attributes: { category: "size", type: "spacing", item: "md" }, path: ["size", "spacing", "md"], }, lg: { value: "2rem", filePath: "src/tokens/size/spacing.json", isSource: true, original: { value: "{size.system.lg.value}" }, name: "SizeSpacingLg", attributes: { category: "size", type: "spacing", item: "lg" }, path: ["size", "spacing", "lg"], }, xl: { value: "4rem", filePath: "src/tokens/size/spacing.json", isSource: true, original: { value: "{size.system.xl.value}" }, name: "SizeSpacingXl", attributes: { category: "size", type: "spacing", item: "xl" }, path: ["size", "spacing", "xl"], }, }, system: { xxs: { value: "0.125rem", filePath: "src/tokens/size/system.json", isSource: true, original: { value: 2 }, name: "SizeSystemXxs", attributes: { category: "size", type: "system", item: "xxs" }, path: ["size", "system", "xxs"], }, xs: { value: "0.25rem", filePath: "src/tokens/size/system.json", isSource: true, original: { value: 4 }, name: "SizeSystemXs", attributes: { category: "size", type: "system", item: "xs" }, path: ["size", "system", "xs"], }, sm: { value: "0.5rem", filePath: "src/tokens/size/system.json", isSource: true, original: { value: 8 }, name: "SizeSystemSm", attributes: { category: "size", type: "system", item: "sm" }, path: ["size", "system", "sm"], }, md: { value: "1rem", filePath: "src/tokens/size/system.json", isSource: true, original: { value: 16 }, name: "SizeSystemMd", attributes: { category: "size", type: "system", item: "md" }, path: ["size", "system", "md"], }, lg: { value: "2rem", filePath: "src/tokens/size/system.json", isSource: true, original: { value: 32 }, name: "SizeSystemLg", attributes: { category: "size", type: "system", item: "lg" }, path: ["size", "system", "lg"], }, xl: { value: "4rem", filePath: "src/tokens/size/system.json", isSource: true, original: { value: 64 }, name: "SizeSystemXl", attributes: { category: "size", type: "system", item: "xl" }, path: ["size", "system", "xl"], }, }, type: { "body-sm": { font: { value: "0.75rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 12 }, name: "SizeTypeBodySmFont", attributes: { category: "size", type: "type", item: "body-sm", subitem: "font", }, path: ["size", "type", "body-sm", "font"], }, line: { value: "1.125rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 18 }, name: "SizeTypeBodySmLine", attributes: { category: "size", type: "type", item: "body-sm", subitem: "line", }, path: ["size", "type", "body-sm", "line"], }, }, "body-md": { font: { value: "0.875rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 14 }, name: "SizeTypeBodyMdFont", attributes: { category: "size", type: "type", item: "body-md", subitem: "font", }, path: ["size", "type", "body-md", "font"], }, line: { value: "1.25rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 20 }, name: "SizeTypeBodyMdLine", attributes: { category: "size", type: "type", item: "body-md", subitem: "line", }, path: ["size", "type", "body-md", "line"], }, }, "component-sm": { font: { value: "0.75rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "SizeTypeComponentSmFont", attributes: { category: "size", type: "type", item: "component-sm", subitem: "font", }, path: ["size", "type", "component-sm", "font"], }, line: { value: "0.875rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 14 }, name: "SizeTypeComponentSmLine", attributes: { category: "size", type: "type", item: "component-sm", subitem: "line", }, path: ["size", "type", "component-sm", "line"], }, }, "title-xxs": { font: { value: "0.75rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 12 }, name: "SizeTypeTitleXxsFont", attributes: { category: "size", type: "type", item: "title-xxs", subitem: "font", }, path: ["size", "type", "title-xxs", "font"], }, line: { value: "0.75rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 12 }, name: "SizeTypeTitleXxsLine", attributes: { category: "size", type: "type", item: "title-xxs", subitem: "line", }, path: ["size", "type", "title-xxs", "line"], }, }, "title-xs": { font: { value: "0.875rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 14 }, name: "SizeTypeTitleXsFont", attributes: { category: "size", type: "type", item: "title-xs", subitem: "font", }, path: ["size", "type", "title-xs", "font"], }, line: { value: "0.875rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 14 }, name: "SizeTypeTitleXsLine", attributes: { category: "size", type: "type", item: "title-xs", subitem: "line", }, path: ["size", "type", "title-xs", "line"], }, }, "title-sm": { font: { value: "1rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 16 }, name: "SizeTypeTitleSmFont", attributes: { category: "size", type: "type", item: "title-sm", subitem: "font", }, path: ["size", "type", "title-sm", "font"], }, line: { value: "1rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 16 }, name: "SizeTypeTitleSmLine", attributes: { category: "size", type: "type", item: "title-sm", subitem: "line", }, path: ["size", "type", "title-sm", "line"], }, }, "title-md": { font: { value: "1.125rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 18 }, name: "SizeTypeTitleMdFont", attributes: { category: "size", type: "type", item: "title-md", subitem: "font", }, path: ["size", "type", "title-md", "font"], }, line: { value: "1.125rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 18 }, name: "SizeTypeTitleMdLine", attributes: { category: "size", type: "type", item: "title-md", subitem: "line", }, path: ["size", "type", "title-md", "line"], }, }, "title-lg": { font: { value: "1.25rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 20 }, name: "SizeTypeTitleLgFont", attributes: { category: "size", type: "type", item: "title-lg", subitem: "font", }, path: ["size", "type", "title-lg", "font"], }, line: { value: "1.25rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 20 }, name: "SizeTypeTitleLgLine", attributes: { category: "size", type: "type", item: "title-lg", subitem: "line", }, path: ["size", "type", "title-lg", "line"], }, }, "title-xl": { font: { value: "1.5rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 24 }, name: "SizeTypeTitleXlFont", attributes: { category: "size", type: "type", item: "title-xl", subitem: "font", }, path: ["size", "type", "title-xl", "font"], }, line: { value: "1.5rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 24 }, name: "SizeTypeTitleXlLine", attributes: { category: "size", type: "type", item: "title-xl", subitem: "line", }, path: ["size", "type", "title-xl", "line"], }, }, }, }, type: { weight: { normal: { value: 400, filePath: "src/tokens/type/type.json", isSource: true, original: { value: 400 }, name: "TypeWeightNormal", attributes: { category: "type", type: "weight", item: "normal" }, path: ["type", "weight", "normal"], }, bold: { value: 600, filePath: "src/tokens/type/type.json", isSource: true, original: { value: 600 }, name: "TypeWeightBold", attributes: { category: "type", type: "weight", item: "bold" }, path: ["type", "weight", "bold"], }, }, decoration: { none: { value: "none", filePath: "src/tokens/type/type.json", isSource: true, original: { value: "none" }, name: "TypeDecorationNone", attributes: { category: "type", type: "decoration", item: "none" }, path: ["type", "decoration", "none"], }, }, }, }, allTokens: [ { value: "fonts/source-sans-pro-v9-latin-regular", formats: ["woff2", "woff"], filePath: "src/tokens/asset/font.json", isSource: true, original: { value: "fonts/source-sans-pro-v9-latin-regular", formats: ["woff2", "woff"], }, name: "AssetFontSourceSansPro400Normal", attributes: { category: "asset", type: "font", item: "Source Sans Pro", subitem: "400", state: "normal", family: "Source Sans Pro", weight: "400", style: "normal", }, path: ["asset", "font", "Source Sans Pro", "400", "normal"], }, { value: "fonts/source-sans-pro-v9-latin-italic", formats: ["woff2", "woff"], filePath: "src/tokens/asset/font.json", isSource: true, original: { value: "fonts/source-sans-pro-v9-latin-italic", formats: ["woff2", "woff"], }, name: "AssetFontSourceSansPro400Italic", attributes: { category: "asset", type: "font", item: "Source Sans Pro", subitem: "400", state: "italic", family: "Source Sans Pro", weight: "400", style: "italic", }, path: ["asset", "font", "Source Sans Pro", "400", "italic"], }, { value: "fonts/source-sans-pro-v9-latin-600", formats: ["woff2", "woff"], filePath: "src/tokens/asset/font.json", isSource: true, original: { value: "fonts/source-sans-pro-v9-latin-600", formats: ["woff2", "woff"], }, name: "AssetFontSourceSansPro600Normal", attributes: { category: "asset", type: "font", item: "Source Sans Pro", subitem: "600", state: "normal", family: "Source Sans Pro", weight: "600", style: "normal", }, path: ["asset", "font", "Source Sans Pro", "600", "normal"], }, { value: "fonts/source-sans-pro-v9-latin-600italic", formats: ["woff2", "woff"], filePath: "src/tokens/asset/font.json", isSource: true, original: { value: "fonts/source-sans-pro-v9-latin-600italic", formats: ["woff2", "woff"], }, name: "AssetFontSourceSansPro600Italic", attributes: { category: "asset", type: "font", item: "Source Sans Pro", subitem: "600", state: "italic", family: "Source Sans Pro", weight: "600", style: "italic", }, path: ["asset", "font", "Source Sans Pro", "600", "italic"], }, { value: "fonts/source-code-pro-v6-latin-regular", formats: ["woff2", "woff"], filePath: "src/tokens/asset/font.json", isSource: true, original: { value: "fonts/source-code-pro-v6-latin-regular", formats: ["woff2", "woff"], }, name: "AssetFontSourceCodePro400Normal", attributes: { category: "asset", type: "font", item: "Source Code Pro", subitem: "400", state: "normal", family: "Source Code Pro", weight: "400", style: "normal", }, path: ["asset", "font", "Source Code Pro", "400", "normal"], }, { value: "fonts/source-code-pro-v6-latin-italic", formats: ["woff2", "woff"], filePath: "src/tokens/asset/font.json", isSource: true, original: { value: "fonts/source-code-pro-v6-latin-italic", formats: ["woff2", "woff"], }, name: "AssetFontSourceCodePro400Italic", attributes: { category: "asset", type: "font", item: "Source Code Pro", subitem: "400", state: "italic", family: "Source Code Pro", weight: "400", style: "italic", }, path: ["asset", "font", "Source Code Pro", "400", "italic"], }, { value: "fonts/source-code-pro-v6-latin-600", formats: ["woff2", "woff"], filePath: "src/tokens/asset/font.json", isSource: true, original: { value: "fonts/source-code-pro-v6-latin-600", formats: ["woff2", "woff"], }, name: "AssetFontSourceCodePro600Normal", attributes: { category: "asset", type: "font", item: "Source Code Pro", subitem: "600", state: "normal", family: "Source Code Pro", weight: "600", style: "normal", }, path: ["asset", "font", "Source Code Pro", "600", "normal"], }, { value: "fonts/source-code-pro-v6-latin-600italic", formats: ["woff2", "woff"], filePath: "src/tokens/asset/font.json", isSource: true, original: { value: "fonts/source-code-pro-v6-latin-600italic", formats: ["woff2", "woff"], }, name: "AssetFontSourceCodePro600Italic", attributes: { category: "asset", type: "font", item: "Source Code Pro", subitem: "600", state: "italic", family: "Source Code Pro", weight: "600", style: "italic", }, path: ["asset", "font", "Source Code Pro", "600", "italic"], }, { value: "fonts/icomoon-sps-icons", formats: ["svg", "truetype", "woff", "woff2"], filePath: "src/tokens/asset/font.json", isSource: true, original: { value: "fonts/icomoon-sps-icons", formats: ["svg", "truetype", "woff", "woff2"], }, name: "AssetFontSpsIcons400Normal", attributes: { category: "asset", type: "font", item: "SPS-Icons", subitem: "400", state: "normal", family: "SPS-Icons", weight: "400", style: "normal", }, path: ["asset", "font", "SPS-Icons", "400", "normal"], }, { value: "solid", filePath: "src/tokens/border/border.json", isSource: true, original: { value: "solid" }, name: "BorderStyleStandard", attributes: { category: "border", type: "style", item: "standard" }, path: ["border", "style", "standard"], }, { value: "#fbe6eaff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#FBE6EA" }, name: "ColorRedLight", attributes: { category: "color", type: "red", item: "light" }, path: ["color", "red", "light"], }, { value: "#de002eff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#DE002E" }, name: "ColorRedMedium", attributes: { category: "color", type: "red", item: "medium" }, path: ["color", "red", "medium"], }, { value: "#a30d2dff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#A30D2D" }, name: "ColorRedDark", attributes: { category: "color", type: "red", item: "dark" }, path: ["color", "red", "dark"], }, { value: "#f2f8fbff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#F2F8FB" }, name: "ColorBlueExtraLight", attributes: { category: "color", type: "blue", item: "extra-light" }, path: ["color", "blue", "extra-light"], }, { value: "#e6f2f8ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#E6F2F8" }, name: "ColorBlueLight", attributes: { category: "color", type: "blue", item: "light" }, path: ["color", "blue", "light"], }, { value: "#007db8ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#007DB8" }, name: "ColorBlueMedium", attributes: { category: "color", type: "blue", item: "medium" }, path: ["color", "blue", "medium"], }, { value: "#09638dff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#09638D" }, name: "ColorBlueDark", attributes: { category: "color", type: "blue", item: "dark" }, path: ["color", "blue", "dark"], }, { value: "#e7f3ecff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#E7F3EC" }, name: "ColorGreenLight", attributes: { category: "color", type: "green", item: "light" }, path: ["color", "green", "light"], }, { value: "#0b8940ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#0B8940" }, name: "ColorGreenMedium", attributes: { category: "color", type: "green", item: "medium" }, path: ["color", "green", "medium"], }, { value: "#106b39ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#106B39" }, name: "ColorGreenDark", attributes: { category: "color", type: "green", item: "dark" }, path: ["color", "green", "dark"], }, { value: "#f4ecf2ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#F4ECF2" }, name: "ColorPurpleLight", attributes: { category: "color", type: "purple", item: "light" }, path: ["color", "purple", "light"], }, { value: "#e3d0deff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#E3D0DE" }, name: "ColorPurpleMediumLight", attributes: { category: "color", type: "purple", item: "medium-light" }, path: ["color", "purple", "medium-light"], }, { value: "#91467fff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#91467F" }, name: "ColorPurpleMedium", attributes: { category: "color", type: "purple", item: "medium" }, path: ["color", "purple", "medium"], }, { value: "#6e3c65ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#6E3C65" }, name: "ColorPurpleDark", attributes: { category: "color", type: "purple", item: "dark" }, path: ["color", "purple", "dark"], }, { value: "#fcf1e7ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#FCF1E7" }, name: "ColorOrangeLight", attributes: { category: "color", type: "orange", item: "light" }, path: ["color", "orange", "light"], }, { value: "#e7760bff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#E7760B" }, name: "ColorOrangeMedium", attributes: { category: "color", type: "orange", item: "medium" }, path: ["color", "orange", "medium"], }, { value: "#aa5e14ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#AA5E14" }, name: "ColorOrangeDark", attributes: { category: "color", type: "orange", item: "dark" }, path: ["color", "orange", "dark"], }, { value: "#f3f4f4ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#F3F4F4" }, name: "ColorGreyExtraLight", attributes: { category: "color", type: "grey", item: "extra-light" }, path: ["color", "grey", "extra-light"], }, { value: "#f3f4f4cc", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#F3F4F4CC" }, name: "ColorGreyExtraLight80", attributes: { category: "color", type: "grey", item: "extra-light-80" }, path: ["color", "grey", "extra-light-80"], }, { value: "#e9e9eaff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#E9E9EA" }, name: "ColorGreyLight", attributes: { category: "color", type: "grey", item: "light" }, path: ["color", "grey", "light"], }, { value: "#d2d4d4ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#D2D4D4" }, name: "ColorGreyMediumLight", attributes: { category: "color", type: "grey", item: "medium-light" }, path: ["color", "grey", "medium-light"], }, { value: "#717779ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#717779" }, name: "ColorGreyMedium", attributes: { category: "color", type: "grey", item: "medium" }, path: ["color", "grey", "medium"], }, { value: "#4b5356ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#4B5356" }, name: "ColorGreyMediumDark", attributes: { category: "color", type: "grey", item: "medium-dark" }, path: ["color", "grey", "medium-dark"], }, { value: "#1f282cff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#1F282C" }, name: "ColorGreyDark", attributes: { category: "color", type: "grey", item: "dark" }, path: ["color", "grey", "dark"], }, { value: "#1f282c1a", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#1F282C1A" }, name: "ColorGreyDark10", attributes: { category: "color", type: "grey", item: "dark-10" }, path: ["color", "grey", "dark-10"], }, { value: "#1f282c40", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#1F282C40" }, name: "ColorGreyDark25", attributes: { category: "color", type: "grey", item: "dark-25" }, path: ["color", "grey", "dark-25"], }, { value: "#1f282c80", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#1F282C80" }, name: "ColorGreyDark50", attributes: { category: "color", type: "grey", item: "dark-50" }, path: ["color", "grey", "dark-50"], }, { value: "#fff8e0ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#FFF8E0" }, name: "ColorYellowLight", attributes: { category: "color", type: "yellow", item: "light" }, path: ["color", "yellow", "light"], }, { value: "#ffcc00ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#FFCC00" }, name: "ColorYellowMedium", attributes: { category: "color", type: "yellow", item: "medium" }, path: ["color", "yellow", "medium"], }, { value: "#ffffffff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#FFFFFF" }, name: "ColorWhite", attributes: { category: "color", type: "white" }, path: ["color", "white"], }, { value: "#ffffffcc", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#FFFFFFCC" }, name: "ColorWhite80", attributes: { category: "color", type: "white-80" }, path: ["color", "white-80"], }, { value: "#000000ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#000000" }, name: "ColorBlack", attributes: { category: "color", type: "black" }, path: ["color", "black"], }, { value: "#00000000", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "transparent" }, name: "ColorTransparent", attributes: { category: "color", type: "transparent" }, path: ["color", "transparent"], }, { value: "#ffffffff", filePath: "src/tokens/component/action-bar.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentActionBarBackgroundColor", attributes: { category: "component", type: "action-bar", item: "background-color", }, path: ["component", "action-bar", "background-color"], }, { value: "2rem", filePath: "src/tokens/component/action-bar.json", isSource: true, original: { value: "{size.system.lg.value}" }, name: "ComponentActionBarMainContentHeight", attributes: { category: "component", type: "action-bar", item: "main-content-height", }, path: ["component", "action-bar", "main-content-height"], }, { value: "1280px", filePath: "src/tokens/component/action-bar.json", isSource: true, original: { value: "{size.component.action-bar.max-content-width.value}", }, name: "ComponentActionBarMaxContentWidth", attributes: { category: "component", type: "action-bar", item: "max-content-width", }, path: ["component", "action-bar", "max-content-width"], }, { value: "1.25rem", filePath: "src/tokens/component/action-bar.json", isSource: true, original: { value: "{size.component.action-bar.content-padding.value}" }, name: "ComponentActionBarContentPadding", attributes: { category: "component", type: "action-bar", item: "content-padding", }, path: ["component", "action-bar", "content-padding"], }, { value: "0.5rem", filePath: "src/tokens/component/action-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentActionBarPadding", attributes: { category: "component", type: "action-bar", item: "padding", }, path: ["component", "action-bar", "padding"], }, { value: "0 0 0.25rem 0.25rem #1f282c1a", filePath: "src/tokens/component/action-bar.json", isSource: true, original: { value: "{shadow.fixed-container.value}" }, name: "ComponentActionBarShadow", attributes: { category: "component", type: "action-bar", item: "shadow" }, path: ["component", "action-bar", "shadow"], }, { value: "1rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentAddToListListsIndividualGutterMargin", attributes: { category: "component", type: "add-to-list", item: "lists", subitem: "individual-gutter-margin", }, path: ["component", "add-to-list", "lists", "individual-gutter-margin"], }, { value: "0.375rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.drag-handle.width.value}", }, name: "ComponentAddToListItemDragHandleWidth", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "dragHandle", state: "width", }, path: ["component", "add-to-list", "item", "dragHandle", "width"], }, { value: "1.125rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.drag-handle.height.value}", }, name: "ComponentAddToListItemDragHandleHeight", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "dragHandle", state: "height", }, path: ["component", "add-to-list", "item", "dragHandle", "height"], }, { value: "1.125rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.type.body-sm.line.value}" }, name: "ComponentAddToListItemDragHandleLineHeight", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "dragHandle", state: "lineHeight", }, path: ["component", "add-to-list", "item", "dragHandle", "lineHeight"], }, { value: "1rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentAddToListItemDragHandlePaddingRight", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "dragHandle", state: "padding", }, path: [ "component", "add-to-list", "item", "dragHandle", "padding", "right", ], }, { value: "url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgOCAxOCIgd2lkdGg9IjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE2IDcwODFoM3YzaC0zem0wIDVoM3YzaC0zem0wIDVoM3YzaC0zem0wIDVoM3YzaC0zem01LTE1aDN2M2gtM3ptMCA1aDN2M2gtM3ptMCA1aDN2M2gtM3ptMCA1aDN2M2gtM3oiIGZpbGw9IiNhNWE5YWIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE2IC03MDgxKSIvPjwvc3ZnPg==') no-repeat left center", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgOCAxOCIgd2lkdGg9IjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE2IDcwODFoM3YzaC0zem0wIDVoM3YzaC0zem0wIDVoM3YzaC0zem0wIDVoM3YzaC0zem01LTE1aDN2M2gtM3ptMCA1aDN2M2gtM3ptMCA1aDN2M2gtM3ptMCA1aDN2M2gtM3oiIGZpbGw9IiNhNWE5YWIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE2IC03MDgxKSIvPjwvc3ZnPg==') no-repeat left center", }, name: "ComponentAddToListItemDragHandleBackground", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "dragHandle", state: "background", }, path: ["component", "add-to-list", "item", "dragHandle", "background"], }, { value: 0.25, filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: 0.25 }, name: "ComponentAddToListItemDragHandleDisabledOpacity", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "dragHandle", state: "disabled", }, path: [ "component", "add-to-list", "item", "dragHandle", "disabled", "opacity", ], }, { value: "1.125rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.type.body-sm.line.value}" }, name: "ComponentAddToListItemLineHeight", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "lineHeight", }, path: ["component", "add-to-list", "item", "lineHeight"], }, { value: "0.75rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "ComponentAddToListItemFontSize", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "fontSize", }, path: ["component", "add-to-list", "item", "fontSize"], }, { value: "100%", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "100%" }, name: "ComponentAddToListItemWidth", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "width", }, path: ["component", "add-to-list", "item", "width"], }, { value: "17.75rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.item.minwidth.value}" }, name: "ComponentAddToListItemMinWidth", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "minWidth", }, path: ["component", "add-to-list", "item", "minWidth"], }, { value: "0.75rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.item.padding.value}" }, name: "ComponentAddToListItemPadding", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "padding", }, path: ["component", "add-to-list", "item", "padding"], }, { value: "0.0625rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentAddToListItemBorderWeight", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "border", state: "weight", }, path: ["component", "add-to-list", "item", "border", "weight"], }, { value: "solid", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentAddToListItemBorderStyle", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "border", state: "style", }, path: ["component", "add-to-list", "item", "border", "style"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentAddToListItemBorderColor", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "border", state: "color", }, path: ["component", "add-to-list", "item", "border", "color"], }, { value: "#e6f2f8ff", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{color.blue.light.value}" }, name: "ComponentAddToListItemDraggingBackgroundColor", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "dragging", state: "backgroundColor", }, path: ["component", "add-to-list", "item", "dragging", "backgroundColor"], }, { value: "0.375rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.close-button.right.value}", }, name: "ComponentAddToListItemCloseButtonRight", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "closeButton", state: "right", }, path: ["component", "add-to-list", "item", "closeButton", "right"], }, { value: "0.625rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.close-button.top.value}", }, name: "ComponentAddToListItemCloseButtonTop", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "closeButton", state: "top", }, path: ["component", "add-to-list", "item", "closeButton", "top"], }, { value: "#007db8ff", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentAddToListItemDropTargetBoxShadowColor", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "dropTarget", state: "boxShadow", }, path: [ "component", "add-to-list", "item", "dropTarget", "boxShadow", "color", ], }, { value: "0.25rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.system.xs.value}" }, name: "ComponentAddToListItemDropTargetBoxShadowOffsetY", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "dropTarget", state: "boxShadow", }, path: [ "component", "add-to-list", "item", "dropTarget", "boxShadow", "offsetY", ], }, { value: "0.875rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentAddToListHeadingFontSize", attributes: { category: "component", type: "add-to-list", item: "heading", subitem: "fontSize", }, path: ["component", "add-to-list", "heading", "fontSize"], }, { value: "1.25rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentAddToListHeadingLineHeight", attributes: { category: "component", type: "add-to-list", item: "heading", subitem: "lineHeight", }, path: ["component", "add-to-list", "heading", "lineHeight"], }, { value: "0.25rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentAddToListHeadingMarginBottom", attributes: { category: "component", type: "add-to-list", item: "heading", subitem: "marginBottom", }, path: ["component", "add-to-list", "heading", "marginBottom"], }, { value: "0.875rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentAddToListHeadingIconFontSize", attributes: { category: "component", type: "add-to-list", item: "heading", subitem: "icon", state: "fontSize", }, path: ["component", "add-to-list", "heading", "icon", "fontSize"], }, { value: "1.25rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentAddToListHeadingIconLineHeight", attributes: { category: "component", type: "add-to-list", item: "heading", subitem: "icon", state: "lineHeight", }, path: ["component", "add-to-list", "heading", "icon", "lineHeight"], }, { value: "0.25rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentAddToListHeadingIconMarginRight", attributes: { category: "component", type: "add-to-list", item: "heading", subitem: "icon", state: "marginRight", }, path: ["component", "add-to-list", "heading", "icon", "marginRight"], }, { value: "0.25rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentAddToListHeadingTagMarginLeft", attributes: { category: "component", type: "add-to-list", item: "heading", subitem: "tag", state: "marginLeft", }, path: ["component", "add-to-list", "heading", "tag", "marginLeft"], }, { value: 600, filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentAddToListHeadingFontWeight", attributes: { category: "component", type: "add-to-list", item: "heading", subitem: "fontWeight", }, path: ["component", "add-to-list", "heading", "fontWeight"], }, { value: "1rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentAddToListLeftListMarginRight", attributes: { category: "component", type: "add-to-list", item: "leftList", subitem: "marginRight", }, path: ["component", "add-to-list", "leftList", "marginRight"], }, { value: "0", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.leftList.vertical.marginRight.value}", }, name: "ComponentAddToListLeftListVerticalMarginRight", attributes: { category: "component", type: "add-to-list", item: "leftList", subitem: "vertical", state: "marginRight", }, path: ["component", "add-to-list", "leftList", "vertical", "marginRight"], }, { value: "1.375rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.leftList.vertical.marginBottom.value}", }, name: "ComponentAddToListLeftListVerticalMarginBottom", attributes: { category: "component", type: "add-to-list", item: "leftList", subitem: "vertical", state: "marginBottom", }, path: [ "component", "add-to-list", "leftList", "vertical", "marginBottom", ], }, { value: "1rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentAddToListRightListMarginLeft", attributes: { category: "component", type: "add-to-list", item: "rightList", subitem: "marginLeft", }, path: ["component", "add-to-list", "rightList", "marginLeft"], }, { value: "0", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.rightList.vertical.marginLeft.value}", }, name: "ComponentAddToListRightListVerticalMarginLeft", attributes: { category: "component", type: "add-to-list", item: "rightList", subitem: "vertical", state: "marginLeft", }, path: ["component", "add-to-list", "rightList", "vertical", "marginLeft"], }, { value: "0.0625rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentAddToListSeparatorWidth", attributes: { category: "component", type: "add-to-list", item: "separator", subitem: "width", }, path: ["component", "add-to-list", "separator", "width"], }, { value: "1rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentAddToListSeparatorLeftAdjustment", attributes: { category: "component", type: "add-to-list", item: "separator", subitem: "leftAdjustment", }, path: ["component", "add-to-list", "separator", "leftAdjustment"], }, { value: "1.5625rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.phantomDroppableContainerTotalHeight.value}", }, name: "ComponentAddToListSeparatorHeightAdjustmentForPhantomDroppableContainer", attributes: { category: "component", type: "add-to-list", item: "separator", subitem: "heightAdjustmentForPhantomDroppableContainer", }, path: [ "component", "add-to-list", "separator", "heightAdjustmentForPhantomDroppableContainer", ], }, { value: "1rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentAddToListListComponentWrapperWidthAdjustment", attributes: { category: "component", type: "add-to-list", item: "listComponentWrapper", subitem: "widthAdjustment", }, path: [ "component", "add-to-list", "listComponentWrapper", "widthAdjustment", ], }, { value: "100%", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "100%" }, name: "ComponentAddToListListComponentWrapperVerticalWidth", attributes: { category: "component", type: "add-to-list", item: "listComponentWrapper", subitem: "vertical", state: "width", }, path: [ "component", "add-to-list", "listComponentWrapper", "vertical", "width", ], }, { value: "#f3f4f4ff", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentAddToListDraggableBoxIsDraggingBackgroundColor", attributes: { category: "component", type: "add-to-list", item: "draggableBox", subitem: "isDragging", state: "backgroundColor", }, path: [ "component", "add-to-list", "draggableBox", "isDragging", "backgroundColor", ], }, { value: "#717779ff", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentAddToListDraggableBoxIsDraggingColor", attributes: { category: "component", type: "add-to-list", item: "draggableBox", subitem: "isDragging", state: "color", }, path: ["component", "add-to-list", "draggableBox", "isDragging", "color"], }, { value: "1.25rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.filterContainer.marginBottom.value}", }, name: "ComponentAddToListFilterContainerMarginBottom", attributes: { category: "component", type: "add-to-list", item: "filterContainer", subitem: "marginBottom", }, path: ["component", "add-to-list", "filterContainer", "marginBottom"], }, { value: "1.5625rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.phantomDroppableContainerTotalHeight.value}", }, name: "ComponentAddToListMoveAllButtonAdjustmentForPhantomDroppableContainerMarginTop", attributes: { category: "component", type: "add-to-list", item: "moveAllButtonAdjustmentForPhantomDroppableContainer", subitem: "marginTop", }, path: [ "component", "add-to-list", "moveAllButtonAdjustmentForPhantomDroppableContainer", "marginTop", ], }, { value: "#ffffffff", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentAdvancedSearchBackground", attributes: { category: "component", type: "advanced-search", item: "background", }, path: ["component", "advanced-search", "background"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentAdvancedSearchBorderColor", attributes: { category: "component", type: "advanced-search", item: "border-color", }, path: ["component", "advanced-search", "border-color"], }, { value: "0.25rem", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{size.border.radius.xs}" }, name: "ComponentAdvancedSearchBorderRadiusBottom", attributes: { category: "component", type: "advanced-search", item: "border-radius-bottom", }, path: ["component", "advanced-search", "border-radius-bottom"], }, { value: "0", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{size.border.radius.none.value}" }, name: "ComponentAdvancedSearchBorderRadiusTop", attributes: { category: "component", type: "advanced-search", item: "border-radius-top", }, path: ["component", "advanced-search", "border-radius-top"], }, { value: "solid", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentAdvancedSearchBorderStyle", attributes: { category: "component", type: "advanced-search", item: "border-style", }, path: ["component", "advanced-search", "border-style"], }, { value: "0.0625rem", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentAdvancedSearchBorderWidth", attributes: { category: "component", type: "advanced-search", item: "border-width", }, path: ["component", "advanced-search", "border-width"], }, { value: "0", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{size.border.width.none.value}" }, name: "ComponentAdvancedSearchBorderWidthTop", attributes: { category: "component", type: "advanced-search", item: "border-width-top", }, path: ["component", "advanced-search", "border-width-top"], }, { value: "0.625rem", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{size.component.advanced-search.margin-top.value}" }, name: "ComponentAdvancedSearchMarginTop", attributes: { category: "component", type: "advanced-search", item: "margin-top", }, path: ["component", "advanced-search", "margin-top"], }, { value: "1rem", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentAdvancedSearchMarginBottom", attributes: { category: "component", type: "advanced-search", item: "margin-bottom", }, path: ["component", "advanced-search", "margin-bottom"], }, { value: "1rem", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentAdvancedSearchFormPadding", attributes: { category: "component", type: "advanced-search", item: "form-padding", }, path: ["component", "advanced-search", "form-padding"], }, { value: "#f3f4f4ff", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentAdvancedSearchFooterBackground", attributes: { category: "component", type: "advanced-search", item: "footer", subitem: "background", }, path: ["component", "advanced-search", "footer", "background"], }, { value: "0.5rem", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentAdvancedSearchFooterPadding", attributes: { category: "component", type: "advanced-search", item: "footer", subitem: "padding", }, path: ["component", "advanced-search", "footer", "padding"], }, { value: "#e9e9eaff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentButtonKindDefaultBackground", attributes: { category: "component", type: "button", item: "kind", subitem: "default", state: "background", }, path: ["component", "button", "kind", "default", "background"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentButtonKindDefaultHoverBackground", attributes: { category: "component", type: "button", item: "kind", subitem: "default", state: "hover-background", }, path: ["component", "button", "kind", "default", "hover-background"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentButtonKindDefaultBorderColor", attributes: { category: "component", type: "button", item: "kind", subitem: "default", state: "border-color", }, path: ["component", "button", "kind", "default", "border-color"], }, { value: "#007db8ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentButtonKindLinkTextColor", attributes: { category: "component", type: "button", item: "kind", subitem: "link", state: "text-color", }, path: ["component", "button", "kind", "link", "text-color"], }, { value: "#09638dff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentButtonKindLinkTextColorHover", attributes: { category: "component", type: "button", item: "kind", subitem: "link", state: "text-color-hover", }, path: ["component", "button", "kind", "link", "text-color-hover"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentButtonKindIconHoverBackground", attributes: { category: "component", type: "button", item: "kind", subitem: "icon", state: "hover-background", }, path: ["component", "button", "kind", "icon", "hover-background"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentButtonKindIconBorderColor", attributes: { category: "component", type: "button", item: "kind", subitem: "icon", state: "border-color", }, path: ["component", "button", "kind", "icon", "border-color"], }, { value: "0.25rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentButtonKindIconPaddingVertical", attributes: { category: "component", type: "button", item: "kind", subitem: "icon", state: "padding-vertical", }, path: ["component", "button", "kind", "icon", "padding-vertical"], }, { value: "0.5rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentButtonKindIconPaddingHorizontal", attributes: { category: "component", type: "button", item: "kind", subitem: "icon", state: "padding-horizontal", }, path: ["component", "button", "kind", "icon", "padding-horizontal"], }, { value: "#007db8ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentButtonKindConfirmBackground", attributes: { category: "component", type: "button", item: "kind", subitem: "confirm", state: "background", }, path: ["component", "button", "kind", "confirm", "background"], }, { value: "#09638dff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentButtonKindConfirmHoverBackground", attributes: { category: "component", type: "button", item: "kind", subitem: "confirm", state: "hover-background", }, path: ["component", "button", "kind", "confirm", "hover-background"], }, { value: "#09638dff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentButtonKindConfirmBorderColor", attributes: { category: "component", type: "button", item: "kind", subitem: "confirm", state: "border-color", }, path: ["component", "button", "kind", "confirm", "border-color"], }, { value: "#de002eff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentButtonKindDeleteBackground", attributes: { category: "component", type: "button", item: "kind", subitem: "delete", state: "background", }, path: ["component", "button", "kind", "delete", "background"], }, { value: "#a30d2dff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.red.dark.value}" }, name: "ComponentButtonKindDeleteHoverBackground", attributes: { category: "component", type: "button", item: "kind", subitem: "delete", state: "hover-background", }, path: ["component", "button", "kind", "delete", "hover-background"], }, { value: "#a30d2dff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.red.dark.value}" }, name: "ComponentButtonKindDeleteBorderColor", attributes: { category: "component", type: "button", item: "kind", subitem: "delete", state: "border-color", }, path: ["component", "button", "kind", "delete", "border-color"], }, { value: "#4b5356ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentButtonKindKeyBackground", attributes: { category: "component", type: "button", item: "kind", subitem: "key", state: "background", }, path: ["component", "button", "kind", "key", "background"], }, { value: "#1f282cff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentButtonKindKeyHoverBackground", attributes: { category: "component", type: "button", item: "kind", subitem: "key", state: "hover-background", }, path: ["component", "button", "kind", "key", "hover-background"], }, { value: "#1f282cff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentButtonKindKeyBorderColor", attributes: { category: "component", type: "button", item: "kind", subitem: "key", state: "border-color", }, path: ["component", "button", "kind", "key", "border-color"], }, { value: "solid", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentButtonBorderStyle", attributes: { category: "component", type: "button", item: "border", subitem: "style", }, path: ["component", "button", "border", "style"], }, { value: "0.0625rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentButtonBorderWidth", attributes: { category: "component", type: "button", item: "border", subitem: "width", }, path: ["component", "button", "border", "width"], }, { value: "0.25rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentButtonBorderRadius", attributes: { category: "component", type: "button", item: "border", subitem: "radius", }, path: ["component", "button", "border", "radius"], }, { value: "#ffffffff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentButtonDisabledBackground", attributes: { category: "component", type: "button", item: "disabled-background", }, path: ["component", "button", "disabled-background"], }, { value: "0.875rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.component.button.spinner-margin-vertical.value}", }, name: "ComponentButtonSpinnerMarginVertical", attributes: { category: "component", type: "button", item: "spinner", subitem: "margin-vertical", }, path: ["component", "button", "spinner", "margin-vertical"], }, { value: "0.4375rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.component.button.spinner-margin-horizontal.value}", }, name: "ComponentButtonSpinnerMarginHorizontal", attributes: { category: "component", type: "button", item: "spinner", subitem: "margin-horizontal", }, path: ["component", "button", "spinner", "margin-horizontal"], }, { value: "0.125rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.component.button.spinner-border-width.value}" }, name: "ComponentButtonSpinnerBorderWidth", attributes: { category: "component", type: "button", item: "spinner", subitem: "border-width", }, path: ["component", "button", "spinner", "border-width"], }, { value: "0.875rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.component.button.spinner-size}" }, name: "ComponentButtonSpinnerSize", attributes: { category: "component", type: "button", item: "spinner", subitem: "size", }, path: ["component", "button", "spinner", "size"], }, { value: "0.75rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.type.component-sm.font.value}" }, name: "ComponentButtonFontSize", attributes: { category: "component", type: "button", item: "font-size" }, path: ["component", "button", "font-size"], }, { value: 600, filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentButtonFontWeight", attributes: { category: "component", type: "button", item: "font-weight", }, path: ["component", "button", "font-weight"], }, { value: "0.875rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.type.component-sm.line.value}" }, name: "ComponentButtonLineHeight", attributes: { category: "component", type: "button", item: "line-height", }, path: ["component", "button", "line-height"], }, { value: "#4b5356ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentButtonTextColorDark", attributes: { category: "component", type: "button", item: "text-color-dark", }, path: ["component", "button", "text-color-dark"], }, { value: "#ffffffff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentButtonTextColorLight", attributes: { category: "component", type: "button", item: "text-color-light", }, path: ["component", "button", "text-color-light"], }, { value: "#717779ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentButtonTextColorDisabled", attributes: { category: "component", type: "button", item: "text-color-disabled", }, path: ["component", "button", "text-color-disabled"], }, { value: "#007db8ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentButtonTextColorLink", attributes: { category: "component", type: "button", item: "text-color-link", }, path: ["component", "button", "text-color-link"], }, { value: "#09638dff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentButtonTextColorLinkHover", attributes: { category: "component", type: "button", item: "text-color-link-hover", }, path: ["component", "button", "text-color-link-hover"], }, { value: "0.5rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentButtonPaddingVertical", attributes: { category: "component", type: "button", item: "padding-vertical", }, path: ["component", "button", "padding-vertical"], }, { value: "1rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentButtonPaddingHorizontal", attributes: { category: "component", type: "button", item: "padding-horizontal", }, path: ["component", "button", "padding-horizontal"], }, { value: "0.875rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentButtonIconFontSize", attributes: { category: "component", type: "button", item: "icon-font-size", }, path: ["component", "button", "icon-font-size"], }, { value: "0.5rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentButtonIconMargin", attributes: { category: "component", type: "button", item: "icon-margin", }, path: ["component", "button", "icon-margin"], }, { value: "0.25rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentButtonTextIconMargin", attributes: { category: "component", type: "button", item: "text-icon-margin", }, path: ["component", "button", "text-icon-margin"], }, { value: "0.125rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentButtonIconTop", attributes: { category: "component", type: "button", item: "icon-top" }, path: ["component", "button", "icon-top"], }, { value: "0.5rem", filePath: "src/tokens/component/cap-content.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentCapContentPadding", attributes: { category: "component", type: "cap-content", item: "padding", }, path: ["component", "cap-content", "padding"], }, { value: "0.75rem", filePath: "src/tokens/component/cap-content.json", isSource: true, original: { value: "{size.type.component-sm.font.value}" }, name: "ComponentCapContentFontSize", attributes: { category: "component", type: "cap-content", item: "font-size", }, path: ["component", "cap-content", "font-size"], }, { value: "1.875rem", filePath: "src/tokens/component/cap-content.json", isSource: true, original: { value: "{size.component.cap-content.line-height.value}" }, name: "ComponentCapContentLineHeight", attributes: { category: "component", type: "cap-content", item: "line-height", }, path: ["component", "cap-content", "line-height"], }, { value: "0.5rem", filePath: "src/tokens/component/cap-content.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentCapContentTitlePaddingLeft", attributes: { category: "component", type: "cap-content", item: "title", subitem: "padding-left", }, path: ["component", "cap-content", "title", "padding-left"], }, { value: "#ffffffff", filePath: "src/tokens/component/card.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentCardBackgroundColor", attributes: { category: "component", type: "card", item: "background-color", }, path: ["component", "card", "background-color"], }, { value: "solid", filePath: "src/tokens/component/card.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentCardBorderStyle", attributes: { category: "component", type: "card", item: "border", subitem: "style", }, path: ["component", "card", "border", "style"], }, { value: "0.0625rem", filePath: "src/tokens/component/card.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentCardBorderWidth", attributes: { category: "component", type: "card", item: "border", subitem: "width", }, path: ["component", "card", "border", "width"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/card.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentCardBorderColor", attributes: { category: "component", type: "card", item: "border", subitem: "color", }, path: ["component", "card", "border", "color"], }, { value: "0.25rem", filePath: "src/tokens/component/card.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentCardBorderRadius", attributes: { category: "component", type: "card", item: "border", subitem: "radius", }, path: ["component", "card", "border", "radius"], }, { value: "1rem", filePath: "src/tokens/component/card.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentCardBodyPadding", attributes: { category: "component", type: "card-body", item: "padding" }, path: ["component", "card-body", "padding"], }, { value: 600, filePath: "src/tokens/component/card.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentCardTitleFontWeight", attributes: { category: "component", type: "card-title", item: "font-weight", }, path: ["component", "card-title", "font-weight"], }, { value: "0.125rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentClickableTagBorderRadius", attributes: { category: "component", type: "clickable-tag", item: "border-radius", }, path: ["component", "clickable-tag", "border-radius"], }, { value: "#09638dff", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentClickableTagColor", attributes: { category: "component", type: "clickable-tag", item: "color", }, path: ["component", "clickable-tag", "color"], }, { value: "0.75rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.type.component-sm.font.value}" }, name: "ComponentClickableTagFontSize", attributes: { category: "component", type: "clickable-tag", item: "font-size", }, path: ["component", "clickable-tag", "font-size"], }, { value: 600, filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentClickableTagFontWeight", attributes: { category: "component", type: "clickable-tag", item: "font-weight", }, path: ["component", "clickable-tag", "font-weight"], }, { value: "1.125rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.component.clickable-tag.height.value}" }, name: "ComponentClickableTagHeight", attributes: { category: "component", type: "clickable-tag", item: "height", }, path: ["component", "clickable-tag", "height"], }, { value: "#09638dff", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentClickableTagHoverBackgroundColor", attributes: { category: "component", type: "clickable-tag", item: "hover-background-color", }, path: ["component", "clickable-tag", "hover-background-color"], }, { value: "#e6f2f8ff", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{color.blue.light.value}" }, name: "ComponentClickableTagHoverColor", attributes: { category: "component", type: "clickable-tag", item: "hover-color", }, path: ["component", "clickable-tag", "hover-color"], }, { value: "0.75rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.component.clickable-tag.line-height.value}" }, name: "ComponentClickableTagLineHeight", attributes: { category: "component", type: "clickable-tag", item: "line-height", }, path: ["component", "clickable-tag", "line-height"], }, { value: "0.125rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentClickableTagPaddingVertical", attributes: { category: "component", type: "clickable-tag", item: "padding-vertical", }, path: ["component", "clickable-tag", "padding-vertical"], }, { value: "0.25rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentClickableTagPaddingHorizontal", attributes: { category: "component", type: "clickable-tag", item: "padding-horizontal", }, path: ["component", "clickable-tag", "padding-horizontal"], }, { value: "#e6f2f8ff", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{color.blue.light.value}" }, name: "ComponentClickableTagKindBlueBackgroundColor", attributes: { category: "component", type: "clickable-tag", item: "kind", subitem: "blue", state: "background-color", }, path: ["component", "clickable-tag", "kind", "blue", "background-color"], }, { value: "#e9e9eaff", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentClickableTagKindGrayBackgroundColor", attributes: { category: "component", type: "clickable-tag", item: "kind", subitem: "gray", state: "background-color", }, path: ["component", "clickable-tag", "kind", "gray", "background-color"], }, { value: "#ffffffff", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentClickableTagDisabledBackgroundColor", attributes: { category: "component", type: "clickable-tag", item: "disabled", subitem: "background-color", }, path: ["component", "clickable-tag", "disabled", "background-color"], }, { value: "0.0625rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentClickableTagDisabledBorderWidth", attributes: { category: "component", type: "clickable-tag", item: "disabled", subitem: "border-width", }, path: ["component", "clickable-tag", "disabled", "border-width"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentClickableTagDisabledBorderColor", attributes: { category: "component", type: "clickable-tag", item: "disabled", subitem: "border-color", }, path: ["component", "clickable-tag", "disabled", "border-color"], }, { value: "#717779ff", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentClickableTagDisabledColor", attributes: { category: "component", type: "clickable-tag", item: "disabled", subitem: "color", }, path: ["component", "clickable-tag", "disabled", "color"], }, { value: "0.125rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.border.radius.xxs.value }" }, name: "ComponentClickableTagLabelBorderLeftRadius", attributes: { category: "component", type: "clickable-tag", item: "label", subitem: "border-left-radius", }, path: ["component", "clickable-tag", "label", "border-left-radius"], }, { value: "0", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.border.radius.none.value}" }, name: "ComponentClickableTagLabelBorderRightRadius", attributes: { category: "component", type: "clickable-tag", item: "label", subitem: "border-right-radius", }, path: ["component", "clickable-tag", "label", "border-right-radius"], }, { value: "0", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.border.radius.none.value }" }, name: "ComponentClickableTagIconBorderLeftRadius", attributes: { category: "component", type: "clickable-tag", item: "icon", subitem: "border-left-radius", }, path: ["component", "clickable-tag", "icon", "border-left-radius"], }, { value: "0.125rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentClickableTagIconBorderRightRadius", attributes: { category: "component", type: "clickable-tag", item: "icon", subitem: "border-right-radius", }, path: ["component", "clickable-tag", "icon", "border-right-radius"], }, { value: "0.625rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.component.clickable-tag.icon-font-size.value}", }, name: "ComponentClickableTagIconFontSize", attributes: { category: "component", type: "clickable-tag", item: "icon", subitem: "font-size", }, path: ["component", "clickable-tag", "icon", "font-size"], }, { value: "-0.0625rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.component.clickable-tag.icon-top-offset.value}", }, name: "ComponentClickableTagIconTopOffset", attributes: { category: "component", type: "clickable-tag", item: "icon", subitem: "top-offset", }, path: ["component", "clickable-tag", "icon", "top-offset"], }, { value: "#ffffffff", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentContentRowBackgroundColor", attributes: { category: "component", type: "content-row", item: "background-color", }, path: ["component", "content-row", "background-color"], }, { value: "0.0625rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentContentRowBorderWidth", attributes: { category: "component", type: "content-row", item: "border-width", }, path: ["component", "content-row", "border-width"], }, { value: "solid", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentContentRowBorderStyle", attributes: { category: "component", type: "content-row", item: "border-style", }, path: ["component", "content-row", "border-style"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentContentRowBorderColor", attributes: { category: "component", type: "content-row", item: "border-color", }, path: ["component", "content-row", "border-color"], }, { value: "0.25rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentContentRowBorderRadius", attributes: { category: "component", type: "content-row", item: "border-radius", }, path: ["component", "content-row", "border-radius"], }, { value: "0.25rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentContentRowExpandedBorderRadiusTop", attributes: { category: "component", type: "content-row", item: "expanded-border-radius-top", }, path: ["component", "content-row", "expanded-border-radius-top"], }, { value: "0", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.border.radius.none.value}" }, name: "ComponentContentRowExpandedBorderRadiusBottom", attributes: { category: "component", type: "content-row", item: "expanded-border-radius-bottom", }, path: ["component", "content-row", "expanded-border-radius-bottom"], }, { value: "#e6f2f8ff", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{color.blue.light.value}" }, name: "ComponentContentRowSelectedBackgroundColor", attributes: { category: "component", type: "content-row", item: "selected-background-color", }, path: ["component", "content-row", "selected-background-color"], }, { value: "#007db8ff", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentContentRowSelectedBorderColor", attributes: { category: "component", type: "content-row", item: "selected-border-color", }, path: ["component", "content-row", "selected-border-color"], }, { value: "0", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.border.width.none.value}" }, name: "ComponentContentRowExpandButtonBorder", attributes: { category: "component", type: "content-row", item: "expand-button-border", }, path: ["component", "content-row", "expand-button-border"], }, { value: "#007db8ff", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentContentRowExpandButtonColor", attributes: { category: "component", type: "content-row", item: "expand-button-color", }, path: ["component", "content-row", "expand-button-color"], }, { value: "#09638dff", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentContentRowExpandButtonHoverColor", attributes: { category: "component", type: "content-row", item: "expand-button-hover-color", }, path: ["component", "content-row", "expand-button-hover-color"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentContentRowExpandButtonColorDisabled", attributes: { category: "component", type: "content-row", item: "expand-button-color-disabled", }, path: ["component", "content-row", "expand-button-color-disabled"], }, { value: "1rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.type.title-sm.font.value}" }, name: "ComponentContentRowExpandButtonFontSize", attributes: { category: "component", type: "content-row", item: "expand-button-font-size", }, path: ["component", "content-row", "expand-button-font-size"], }, { value: "1.125rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.type.title-md.line.value}" }, name: "ComponentContentRowExpandButtonLineHeight", attributes: { category: "component", type: "content-row", item: "expand-button-line-height", }, path: ["component", "content-row", "expand-button-line-height"], }, { value: "1rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentContentRowPadding", attributes: { category: "component", type: "content-row", item: "padding", }, path: ["component", "content-row", "padding"], }, { value: "1rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentContentRowCardSpacingMargin", attributes: { category: "component", type: "content-row", item: "card-spacing-margin", }, path: ["component", "content-row", "card-spacing-margin"], }, { value: "0.5rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentContentRowColPaddingSmall", attributes: { category: "component", type: "content-row-col", item: "padding-small", }, path: ["component", "content-row-col", "padding-small"], }, { value: "-0.125rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.component.content-row.icon-margin-adjustment}", }, name: "ComponentContentRowColIconMarginAdjustment", attributes: { category: "component", type: "content-row-col", item: "icon-margin-adjustment", }, path: ["component", "content-row-col", "icon-margin-adjustment"], }, { value: "#f3f4f4ff", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentContentRowExpansionBackgroundColor", attributes: { category: "component", type: "content-row-expansion", item: "background-color", }, path: ["component", "content-row-expansion", "background-color"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentContentRowExpansionBorderColor", attributes: { category: "component", type: "content-row-expansion", item: "border-color", }, path: ["component", "content-row-expansion", "border-color"], }, { value: "0", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.border.radius.none.value}" }, name: "ComponentContentRowExpansionBorderRadiusTop", attributes: { category: "component", type: "content-row-expansion", item: "border-radius-top", }, path: ["component", "content-row-expansion", "border-radius-top"], }, { value: "0.25rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentContentRowExpansionBorderRadiusBottom", attributes: { category: "component", type: "content-row-expansion", item: "border-radius-bottom", }, path: ["component", "content-row-expansion", "border-radius-bottom"], }, { value: "1rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentContentRowAutoLayoutSpacerHeight", attributes: { category: "component", type: "content-row-auto-layout-spacer", item: "height", }, path: ["component", "content-row-auto-layout-spacer", "height"], }, { value: "3.875rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.component.content-row.reorderable-min-container-height.value}", }, name: "ComponentContentRowReorderableMinContainerHeight", attributes: { category: "component", type: "content-row-reorderable", item: "min-container-height", }, path: ["component", "content-row-reorderable", "min-container-height"], }, { value: "3.5rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.component.content-row.reorderable-index-container-size.value}", }, name: "ComponentContentRowReorderableIndexContainerSize", attributes: { category: "component", type: "content-row-reorderable", item: "index-container-size", }, path: ["component", "content-row-reorderable", "index-container-size"], }, { value: "0.5rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentContentRowReorderableIndexContainerPadding", attributes: { category: "component", type: "content-row-reorderable", item: "index-container-padding", }, path: ["component", "content-row-reorderable", "index-container-padding"], }, { value: "0", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.border.radius.none.value}" }, name: "ComponentContentRowReorderableReorderButtonBorderRadiusNone", attributes: { category: "component", type: "content-row-reorderable", item: "reorder-button-border-radius-none", }, path: [ "component", "content-row-reorderable", "reorder-button-border-radius-none", ], }, { value: "0.1875rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.component.content-row.reorderable-button-border-radius.value}", }, name: "ComponentContentRowReorderableReorderButtonBorderRadius", attributes: { category: "component", type: "content-row-reorderable", item: "reorder-button-border-radius", }, path: [ "component", "content-row-reorderable", "reorder-button-border-radius", ], }, { value: "1.78125rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.component.content-row.reorderable-button-height.value}", }, name: "ComponentContentRowReorderableReorderButtonHeight", attributes: { category: "component", type: "content-row-reorderable", item: "reorder-button-height", }, path: ["component", "content-row-reorderable", "reorder-button-height"], }, { value: "3.3125rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.component.content-row.reorderable-button-width.value}", }, name: "ComponentContentRowReorderableReorderButtonWidth", attributes: { category: "component", type: "content-row-reorderable", item: "reorder-button-width", }, path: ["component", "content-row-reorderable", "reorder-button-width"], }, { value: "#000000ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.black.value}" }, name: "ComponentContentTilesColor", attributes: { category: "component", type: "content-tiles", item: "color", }, path: ["component", "content-tiles", "color"], }, { value: "#ffffffff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentContentTilesBackgroundColor", attributes: { category: "component", type: "content-tiles", item: "background-color", }, path: ["component", "content-tiles", "background-color"], }, { value: "0.25rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentContentTilesBorderRadius", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "radius", }, path: ["component", "content-tiles", "border", "radius"], }, { value: "0.0625rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentContentTilesBorderWidth", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "width", }, path: ["component", "content-tiles", "border", "width"], }, { value: "solid", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentContentTilesBorderStyle", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "style", }, path: ["component", "content-tiles", "border", "style"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentContentTilesBorderBorderColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "borderColor", }, path: ["component", "content-tiles", "border", "borderColor"], }, { value: "#007db8ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentContentTilesBorderHoverBorderColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "hover", state: "borderColor", }, path: ["component", "content-tiles", "border", "hover", "borderColor"], }, { value: "#000000ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.black.value}" }, name: "ComponentContentTilesBorderHoverColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "hover", state: "color", }, path: ["component", "content-tiles", "border", "hover", "color"], }, { value: "#de002eff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentContentTilesBorderErrorBorderColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "error", state: "borderColor", }, path: ["component", "content-tiles", "border", "error", "borderColor"], }, { value: "#de002eff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentContentTilesBorderErrorHoverBorderColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "error", state: "hover", }, path: [ "component", "content-tiles", "border", "error", "hover", "borderColor", ], }, { value: "#e7760bff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentContentTilesBorderWarningBorderColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "warning", state: "borderColor", }, path: ["component", "content-tiles", "border", "warning", "borderColor"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentContentTilesBorderDisabledBorderColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "disabled", state: "borderColor", }, path: ["component", "content-tiles", "border", "disabled", "borderColor"], }, { value: "#f3f4f4ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentContentTilesBorderDisabledBackgroundColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "disabled", state: "backgroundColor", }, path: [ "component", "content-tiles", "border", "disabled", "backgroundColor", ], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentContentTilesBorderDisabledColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "disabled", state: "color", }, path: ["component", "content-tiles", "border", "disabled", "color"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentContentTilesBorderDisabledHoverBorderColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "disabled", state: "hover", }, path: [ "component", "content-tiles", "border", "disabled", "hover", "borderColor", ], }, { value: ".25", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: ".25" }, name: "ComponentContentTilesDisabledOpacity", attributes: { category: "component", type: "content-tiles", item: "disabled", subitem: "opacity", }, path: ["component", "content-tiles", "disabled", "opacity"], }, { value: "not-allowed", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "not-allowed" }, name: "ComponentContentTilesCursorNotAllowed", attributes: { category: "component", type: "content-tiles", item: "cursor", subitem: "notAllowed", }, path: ["component", "content-tiles", "cursor", "notAllowed"], }, { value: "pointer", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "pointer" }, name: "ComponentContentTilesCursorPointer", attributes: { category: "component", type: "content-tiles", item: "cursor", subitem: "pointer", }, path: ["component", "content-tiles", "cursor", "pointer"], }, { value: "8.625rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.component.content-tile.height.value}" }, name: "ComponentContentTilesHeight", attributes: { category: "component", type: "content-tiles", item: "height", }, path: ["component", "content-tiles", "height"], }, { value: "all 0.25s ease", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "all 0.25s ease" }, name: "ComponentContentTilesTransition", attributes: { category: "component", type: "content-tiles", item: "transition", }, path: ["component", "content-tiles", "transition"], }, { value: "none", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{type.decoration.none.value}" }, name: "ComponentContentTilesTextDecoration", attributes: { category: "component", type: "content-tiles", item: "text-decoration", }, path: ["component", "content-tiles", "text-decoration"], }, { value: "#000000ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.black.value}" }, name: "ComponentContentTilesLinksColor", attributes: { category: "component", type: "content-tiles", item: "links", subitem: "color", }, path: ["component", "content-tiles", "links", "color"], }, { value: "3.75rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.component.content-tile.image.height.value}" }, name: "ComponentContentTilesImageHeight", attributes: { category: "component", type: "content-tiles", item: "image", subitem: "height", }, path: ["component", "content-tiles", "image", "height"], }, { value: "3.75rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.component.content-tile.image.width.value}" }, name: "ComponentContentTilesImageWidth", attributes: { category: "component", type: "content-tiles", item: "image", subitem: "width", }, path: ["component", "content-tiles", "image", "width"], }, { value: "#e7760bff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentContentTilesIconsWarning", attributes: { category: "component", type: "content-tiles", item: "icons", subitem: "warning", }, path: ["component", "content-tiles", "icons", "warning"], }, { value: "#de002eff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentContentTilesIconsError", attributes: { category: "component", type: "content-tiles", item: "icons", subitem: "error", }, path: ["component", "content-tiles", "icons", "error"], }, { value: "#717779ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentContentTilesIconsDisabled", attributes: { category: "component", type: "content-tiles", item: "icons", subitem: "disabled", }, path: ["component", "content-tiles", "icons", "disabled"], }, { value: "0.5rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.component.content-tile.titleContainer.spacing.value}", }, name: "ComponentContentTilesIconContainerPadding", attributes: { category: "component", type: "content-tiles", item: "iconContainer", subitem: "padding", }, path: ["component", "content-tiles", "iconContainer", "padding"], }, { value: "0.5rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentContentTilesTitleIconPadding", attributes: { category: "component", type: "content-tiles", item: "title", subitem: "icon", state: "padding", }, path: ["component", "content-tiles", "title", "icon", "padding"], }, { value: "#007db8ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentContentTilesTitleIconColor", attributes: { category: "component", type: "content-tiles", item: "title", subitem: "icon", state: "color", }, path: ["component", "content-tiles", "title", "icon", "color"], }, { value: "3.75rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.component.content-tile.image.height.value}" }, name: "ComponentContentTilesImageContainerHeight", attributes: { category: "component", type: "content-tiles", item: "imageContainer", subitem: "height", }, path: ["component", "content-tiles", "imageContainer", "height"], }, { value: "3.75rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.component.content-tile.image.width.value}" }, name: "ComponentContentTilesImageContainerWidth", attributes: { category: "component", type: "content-tiles", item: "imageContainer", subitem: "width", }, path: ["component", "content-tiles", "imageContainer", "width"], }, { value: "1rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.component.content-tile.image.marginTop.value}", }, name: "ComponentContentTilesImageContainerMarginTop", attributes: { category: "component", type: "content-tiles", item: "imageContainer", subitem: "marginTop", }, path: ["component", "content-tiles", "imageContainer", "marginTop"], }, { value: "1rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.component.content-tile.image.marginBottom.value}", }, name: "ComponentContentTilesImageContainerMarginBottom", attributes: { category: "component", type: "content-tiles", item: "imageContainer", subitem: "marginBottom", }, path: ["component", "content-tiles", "imageContainer", "marginBottom"], }, { value: "#fff8e0ff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.yellow.light.value}" }, name: "ComponentFeedbackBlockKindTipBackgroundColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "tip", state: "background-color", }, path: ["component", "feedback-block", "kind", "tip", "background-color"], }, { value: "#ffcc00ff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.yellow.medium.value}" }, name: "ComponentFeedbackBlockKindTipBorderColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "tip", state: "border-color", }, path: ["component", "feedback-block", "kind", "tip", "border-color"], }, { value: "#ffcc00ff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.yellow.medium.value}" }, name: "ComponentFeedbackBlockKindTipIconColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "tip", state: "iconColor", }, path: ["component", "feedback-block", "kind", "tip", "iconColor"], }, { value: "#09638dff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentFeedbackBlockKindTipMicroIconColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "tip", state: "microIconColor", }, path: ["component", "feedback-block", "kind", "tip", "microIconColor"], }, { value: "#e7f3ecff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.green.light.value}" }, name: "ComponentFeedbackBlockKindSuccessBackgroundColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "success", state: "background-color", }, path: [ "component", "feedback-block", "kind", "success", "background-color", ], }, { value: "#0b8940ff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentFeedbackBlockKindSuccessBorderColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "success", state: "border-color", }, path: ["component", "feedback-block", "kind", "success", "border-color"], }, { value: "#0b8940ff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentFeedbackBlockKindSuccessIconColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "success", state: "iconColor", }, path: ["component", "feedback-block", "kind", "success", "iconColor"], }, { value: "#fcf1e7ff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.orange.light.value}" }, name: "ComponentFeedbackBlockKindWarningBackgroundColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "warning", state: "background-color", }, path: [ "component", "feedback-block", "kind", "warning", "background-color", ], }, { value: "#e7760bff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentFeedbackBlockKindWarningBorderColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "warning", state: "border-color", }, path: ["component", "feedback-block", "kind", "warning", "border-color"], }, { value: "#e7760bff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentFeedbackBlockKindWarningIconColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "warning", state: "iconColor", }, path: ["component", "feedback-block", "kind", "warning", "iconColor"], }, { value: "#e6f2f8ff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.blue.light.value}" }, name: "ComponentFeedbackBlockKindInfoBackgroundColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "info", state: "background-color", }, path: ["component", "feedback-block", "kind", "info", "background-color"], }, { value: "#09638dff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentFeedbackBlockKindInfoBorderColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "info", state: "border-color", }, path: ["component", "feedback-block", "kind", "info", "border-color"], }, { value: "#09638dff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentFeedbackBlockKindInfoIconColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "info", state: "iconColor", }, path: ["component", "feedback-block", "kind", "info", "iconColor"], }, { value: "#fbe6eaff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.red.light.value}" }, name: "ComponentFeedbackBlockKindErrorBackgroundColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "error", state: "background-color", }, path: [ "component", "feedback-block", "kind", "error", "background-color", ], }, { value: "#de002eff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentFeedbackBlockKindErrorBorderColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "error", state: "border-color", }, path: ["component", "feedback-block", "kind", "error", "border-color"], }, { value: "#de002eff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentFeedbackBlockKindErrorIconColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "error", state: "iconColor", }, path: ["component", "feedback-block", "kind", "error", "iconColor"], }, { value: "0.125rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentFeedbackBlockStandardBorderRadius", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "border-radius", }, path: ["component", "feedback-block", "standard", "border-radius"], }, { value: "solid", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentFeedbackBlockStandardBorderStyle", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "border-style", }, path: ["component", "feedback-block", "standard", "border-style"], }, { value: "0.0625rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentFeedbackBlockStandardBorderWidth", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "border-width", }, path: ["component", "feedback-block", "standard", "border-width"], }, { value: "0.875rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentFeedbackBlockStandardFontSize", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "font-size", }, path: ["component", "feedback-block", "standard", "font-size"], }, { value: 400, filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{type.weight.normal.value}" }, name: "ComponentFeedbackBlockStandardFontWeight", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "font-weight", }, path: ["component", "feedback-block", "standard", "font-weight"], }, { value: "1.25rem ", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.type.body-md.line.value} " }, name: "ComponentFeedbackBlockStandardLineHeight", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "line-height", }, path: ["component", "feedback-block", "standard", "line-height"], }, { value: "1rem ", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.spacing.md.value} " }, name: "ComponentFeedbackBlockStandardMarginBottom", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "margin-bottom", }, path: ["component", "feedback-block", "standard", "margin-bottom"], }, { value: "0.5rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentFeedbackBlockStandardPaddingTop", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "padding-top", }, path: ["component", "feedback-block", "standard", "padding-top"], }, { value: "0.5rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentFeedbackBlockStandardPaddingBottom", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "padding-bottom", }, path: ["component", "feedback-block", "standard", "padding-bottom"], }, { value: "0.5rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentFeedbackBlockStandardPaddingLeft", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "padding-left", }, path: ["component", "feedback-block", "standard", "padding-left"], }, { value: "1rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentFeedbackBlockStandardPaddingRight", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "padding-right", }, path: ["component", "feedback-block", "standard", "padding-right"], }, { value: "1rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentFeedbackBlockMicroHeight", attributes: { category: "component", type: "feedback-block", item: "micro", subitem: "height", }, path: ["component", "feedback-block", "micro", "height"], }, { value: "#4b5356ff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentFeedbackBlockMicroTextColor", attributes: { category: "component", type: "feedback-block", item: "micro", subitem: "text", state: "color", }, path: ["component", "feedback-block", "micro", "text", "color"], }, { value: "0.75rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "ComponentFeedbackBlockMicroTextFontSize", attributes: { category: "component", type: "feedback-block", item: "micro", subitem: "text", state: "font-size", }, path: ["component", "feedback-block", "micro", "text", "font-size"], }, { value: 600, filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentFeedbackBlockMicroTextFontWeight", attributes: { category: "component", type: "feedback-block", item: "micro", subitem: "text", state: "font-weight", }, path: ["component", "feedback-block", "micro", "text", "font-weight"], }, { value: "1.125rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.type.body-sm.line.value}" }, name: "ComponentFeedbackBlockMicroTextLineHeight", attributes: { category: "component", type: "feedback-block", item: "micro", subitem: "text", state: "line-height", }, path: ["component", "feedback-block", "micro", "text", "line-height"], }, { value: "0.25rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentFeedbackBlockMicroTextMarginLeft", attributes: { category: "component", type: "feedback-block", item: "micro", subitem: "text", state: "margin-left", }, path: ["component", "feedback-block", "micro", "text", "margin-left"], }, { value: "0.5rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentFeedbackBlockIconStandardMarginRight", attributes: { category: "component", type: "feedback-block", item: "icon", subitem: "standard", state: "margin-right", }, path: ["component", "feedback-block", "icon", "standard", "margin-right"], }, { value: "1.25rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.type.title-lg.font.value}" }, name: "ComponentFeedbackBlockIconStandardFontSize", attributes: { category: "component", type: "feedback-block", item: "icon", subitem: "standard", state: "font-size", }, path: ["component", "feedback-block", "icon", "standard", "font-size"], }, { value: "-0.25rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.component.feedback-block.standard.margin-left}", }, name: "ComponentFeedbackBlockIconStandardMarginLeft", attributes: { category: "component", type: "feedback-block", item: "icon", subitem: "standard", state: "margin-left", }, path: ["component", "feedback-block", "icon", "standard", "margin-left"], }, { value: "0.875rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentFeedbackBlockIconMicroFontSize", attributes: { category: "component", type: "feedback-block", item: "icon", subitem: "micro", state: "font-size", }, path: ["component", "feedback-block", "icon", "micro", "font-size"], }, { value: 400, filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{type.weight.normal.value}" }, name: "ComponentFeedbackBlockIconMicroFontWeight", attributes: { category: "component", type: "feedback-block", item: "icon", subitem: "micro", state: "font-weight", }, path: ["component", "feedback-block", "icon", "micro", "font-weight"], }, { value: "1.125rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.type.title-md.line.value}" }, name: "ComponentFeedbackBlockIconMicroLineHeight", attributes: { category: "component", type: "feedback-block", item: "icon", subitem: "micro", state: "line-height", }, path: ["component", "feedback-block", "icon", "micro", "line-height"], }, { value: "0.125rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.component.feedback-block.micro.margin-top}" }, name: "ComponentFeedbackBlockIconMicroMarginTop", attributes: { category: "component", type: "feedback-block", item: "icon", subitem: "micro", state: "margin-top", }, path: ["component", "feedback-block", "icon", "micro", "margin-top"], }, { value: "0.0625rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentFileUploadBorderWidth", attributes: { category: "component", type: "file-upload", item: "border-width", }, path: ["component", "file-upload", "border-width"], }, { value: "#717779ff", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentFileUploadBorderColor", attributes: { category: "component", type: "file-upload", item: "border-color", }, path: ["component", "file-upload", "border-color"], }, { value: "0.25rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentFileUploadBorderRadius", attributes: { category: "component", type: "file-upload", item: "border-radius", }, path: ["component", "file-upload", "border-radius"], }, { value: "1rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentFileUploadPadding", attributes: { category: "component", type: "file-upload", item: "padding", }, path: ["component", "file-upload", "padding"], }, { value: "#717779ff", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentFileUploadColor", attributes: { category: "component", type: "file-upload", item: "color" }, path: ["component", "file-upload", "color"], }, { value: "#4b5356ff", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentFileUploadContentColor", attributes: { category: "component", type: "file-upload", item: "content-color", }, path: ["component", "file-upload", "content-color"], }, { value: "1rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentFileUploadDownloadButtonMargin", attributes: { category: "component", type: "file-upload", item: "download-button-margin", }, path: ["component", "file-upload", "download-button-margin"], }, { value: "0.5rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentFileUploadCloseButtonPosition", attributes: { category: "component", type: "file-upload", item: "close-button-position", }, path: ["component", "file-upload", "close-button-position"], }, { value: "#f4ecf2ff", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{color.purple.light.value}" }, name: "ComponentFileUploadActiveBackgroundColor", attributes: { category: "component", type: "file-upload", item: "active", subitem: "background-color", }, path: ["component", "file-upload", "active", "background-color"], }, { value: "#91467fff", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentFileUploadActiveBorderColor", attributes: { category: "component", type: "file-upload", item: "active", subitem: "border-color", }, path: ["component", "file-upload", "active", "border-color"], }, { value: "solid", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentFileUploadActiveBorderStyle", attributes: { category: "component", type: "file-upload", item: "active", subitem: "border-style", }, path: ["component", "file-upload", "active", "border-style"], }, { value: "#717779ff", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentFileUploadDisabledColor", attributes: { category: "component", type: "file-upload", item: "disabled", subitem: "color", }, path: ["component", "file-upload", "disabled", "color"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentFileUploadDisabledBorderColor", attributes: { category: "component", type: "file-upload", item: "disabled", subitem: "border-color", }, path: ["component", "file-upload", "disabled", "border-color"], }, { value: 0.5, filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: 0.5 }, name: "ComponentFileUploadDisabledIconOpacity", attributes: { category: "component", type: "file-upload", item: "disabled", subitem: "icon-opacity", }, path: ["component", "file-upload", "disabled", "icon-opacity"], }, { value: "#de002eff", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentFileUploadErrorColor", attributes: { category: "component", type: "file-upload", item: "error", subitem: "color", }, path: ["component", "file-upload", "error", "color"], }, { value: "0.875rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentFileUploadErrorFontSize", attributes: { category: "component", type: "file-upload", item: "error", subitem: "font-size", }, path: ["component", "file-upload", "error", "font-size"], }, { value: 600, filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentFileUploadErrorFontWeight", attributes: { category: "component", type: "file-upload", item: "error", subitem: "font-weight", }, path: ["component", "file-upload", "error", "font-weight"], }, { value: "1.25rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.title-lg.line.value}" }, name: "ComponentFileUploadErrorLineHeight", attributes: { category: "component", type: "file-upload", item: "error", subitem: "line-height", }, path: ["component", "file-upload", "error", "line-height"], }, { value: "0.75rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.component-sm.font.value}" }, name: "ComponentFileUploadInstructionsFontSize", attributes: { category: "component", type: "file-upload", item: "instructions", subitem: "font-size", }, path: ["component", "file-upload", "instructions", "font-size"], }, { value: "1.25rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentFileUploadInstructionsLineHeight", attributes: { category: "component", type: "file-upload", item: "instructions", subitem: "line-height", }, path: ["component", "file-upload", "instructions", "line-height"], }, { value: "1rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentFileUploadIconMarginBottom", attributes: { category: "component", type: "file-upload", item: "icon", subitem: "margin-bottom", }, path: ["component", "file-upload", "icon", "margin-bottom"], }, { value: "3rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.component.file-upload.icon-size.value}" }, name: "ComponentFileUploadIconSize", attributes: { category: "component", type: "file-upload", item: "icon", subitem: "size", }, path: ["component", "file-upload", "icon", "size"], }, { value: "1.5rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.title-xl.font.value}" }, name: "ComponentFileUploadIconMiniFontSize", attributes: { category: "component", type: "file-upload", item: "icon", subitem: "mini-font-size", }, path: ["component", "file-upload", "icon", "mini-font-size"], }, { value: "1.5rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.title-xl.line.value}" }, name: "ComponentFileUploadIconMiniLineHeight", attributes: { category: "component", type: "file-upload", item: "icon", subitem: "mini-line-height", }, path: ["component", "file-upload", "icon", "mini-line-height"], }, { value: 600, filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentFileUploadTitleFontWeight", attributes: { category: "component", type: "file-upload", item: "title", subitem: "font-weight", }, path: ["component", "file-upload", "title", "font-weight"], }, { value: "0.25rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentFileUploadTitleMarginBottom", attributes: { category: "component", type: "file-upload", item: "title", subitem: "margin-bottom", }, path: ["component", "file-upload", "title", "margin-bottom"], }, { value: "1.125rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.title-md.font.value}" }, name: "ComponentFileUploadTitleFontSize", attributes: { category: "component", type: "file-upload", item: "title", subitem: "font-size", }, path: ["component", "file-upload", "title", "font-size"], }, { value: "1.25rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.title-lg.line.value}" }, name: "ComponentFileUploadTitleLineHeight", attributes: { category: "component", type: "file-upload", item: "title", subitem: "line-height", }, path: ["component", "file-upload", "title", "line-height"], }, { value: "1rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.title-sm.font.value}" }, name: "ComponentFileUploadTitleMiniFontSize", attributes: { category: "component", type: "file-upload", item: "title", subitem: "mini-font-size", }, path: ["component", "file-upload", "title", "mini-font-size"], }, { value: "0.75rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "ComponentFileUploadRequirementsFontSize", attributes: { category: "component", type: "file-upload", item: "requirements", subitem: "font-size", }, path: ["component", "file-upload", "requirements", "font-size"], }, { value: "1.125rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.title-md.line.value}" }, name: "ComponentFileUploadRequirementsLineHeight", attributes: { category: "component", type: "file-upload", item: "requirements", subitem: "line-height", }, path: ["component", "file-upload", "requirements", "line-height"], }, { value: "0.25rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentFileUploadRequirementsMarginTop", attributes: { category: "component", type: "file-upload", item: "requirements", subitem: "margin-top", }, path: ["component", "file-upload", "requirements", "margin-top"], }, { value: "0.125rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentFileUploadRequirementsMarginLeft", attributes: { category: "component", type: "file-upload", item: "requirements", subitem: "margin-left", }, path: ["component", "file-upload", "requirements", "margin-left"], }, { value: "6.625rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.component.filter-tile.height}" }, name: "ComponentFilterTileHeight", attributes: { category: "component", type: "filter-tile", item: "height", }, path: ["component", "filter-tile", "height"], }, { value: "15.625rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.component.filter-tile.maxWidth}" }, name: "ComponentFilterTileMaxWidth", attributes: { category: "component", type: "filter-tile", item: "maxWidth", }, path: ["component", "filter-tile", "maxWidth"], }, { value: "6.875rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.component.filter-tile.minWidth}" }, name: "ComponentFilterTileMinWidth", attributes: { category: "component", type: "filter-tile", item: "minWidth", }, path: ["component", "filter-tile", "minWidth"], }, { value: "0", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.component.filter-tile.marginEndChildren}" }, name: "ComponentFilterTileFirstLastChildMargin", attributes: { category: "component", type: "filter-tile", item: "firstLastChildMargin", }, path: ["component", "filter-tile", "firstLastChildMargin"], }, { value: "0.25rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.system.xs.value}" }, name: "ComponentFilterTileSideMargins", attributes: { category: "component", type: "filter-tile", item: "sideMargins", }, path: ["component", "filter-tile", "sideMargins"], }, { value: "#91467fff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentFilterTileKindProcessing", attributes: { category: "component", type: "filter-tile", item: "kind", subitem: "processing", }, path: ["component", "filter-tile", "kind", "processing"], }, { value: "#007db8ff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentFilterTileKindGeneral", attributes: { category: "component", type: "filter-tile", item: "kind", subitem: "general", }, path: ["component", "filter-tile", "kind", "general"], }, { value: "#de002eff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentFilterTileKindError", attributes: { category: "component", type: "filter-tile", item: "kind", subitem: "error", }, path: ["component", "filter-tile", "kind", "error"], }, { value: "#0b8940ff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentFilterTileKindSuccess", attributes: { category: "component", type: "filter-tile", item: "kind", subitem: "success", }, path: ["component", "filter-tile", "kind", "success"], }, { value: "#e7760bff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentFilterTileKindWarning", attributes: { category: "component", type: "filter-tile", item: "kind", subitem: "warning", }, path: ["component", "filter-tile", "kind", "warning"], }, { value: "#f4ecf2ff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.purple.light.value}" }, name: "ComponentFilterTileActiveKindProcessing", attributes: { category: "component", type: "filter-tile", item: "active", subitem: "kind", state: "processing", }, path: ["component", "filter-tile", "active", "kind", "processing"], }, { value: "#e6f2f8ff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.blue.light.value}" }, name: "ComponentFilterTileActiveKindGeneral", attributes: { category: "component", type: "filter-tile", item: "active", subitem: "kind", state: "general", }, path: ["component", "filter-tile", "active", "kind", "general"], }, { value: "#fbe6eaff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.red.light.value}" }, name: "ComponentFilterTileActiveKindError", attributes: { category: "component", type: "filter-tile", item: "active", subitem: "kind", state: "error", }, path: ["component", "filter-tile", "active", "kind", "error"], }, { value: "#e7f3ecff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.green.light.value}" }, name: "ComponentFilterTileActiveKindSuccess", attributes: { category: "component", type: "filter-tile", item: "active", subitem: "kind", state: "success", }, path: ["component", "filter-tile", "active", "kind", "success"], }, { value: "#fcf1e7ff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.orange.light.value}" }, name: "ComponentFilterTileActiveKindWarning", attributes: { category: "component", type: "filter-tile", item: "active", subitem: "kind", state: "warning", }, path: ["component", "filter-tile", "active", "kind", "warning"], }, { value: "1rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.system.md.value}" }, name: "ComponentFilterTileBodyPadding", attributes: { category: "component", type: "filter-tile", item: "body", subitem: "padding", }, path: ["component", "filter-tile", "body", "padding"], }, { value: "pointer", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "pointer" }, name: "ComponentFilterTileBodyCursor", attributes: { category: "component", type: "filter-tile", item: "body", subitem: "cursor", }, path: ["component", "filter-tile", "body", "cursor"], }, { value: "#1f282cff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentFilterTileBodyColor", attributes: { category: "component", type: "filter-tile", item: "body", subitem: "color", }, path: ["component", "filter-tile", "body", "color"], }, { value: "0.25rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.system.xs.value}" }, name: "ComponentFilterTileBodyBorderTopLeftRightRadius", attributes: { category: "component", type: "filter-tile", item: "body", subitem: "borderTopLeftRightRadius", }, path: ["component", "filter-tile", "body", "borderTopLeftRightRadius"], }, { value: "0.0625rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "0.0625rem" }, name: "ComponentFilterTileBodyBorderWidth", attributes: { category: "component", type: "filter-tile", item: "body", subitem: "borderWidth", }, path: ["component", "filter-tile", "body", "borderWidth"], }, { value: "solid", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "solid" }, name: "ComponentFilterTileBodyBorderStyle", attributes: { category: "component", type: "filter-tile", item: "body", subitem: "borderStyle", }, path: ["component", "filter-tile", "body", "borderStyle"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentFilterTileBodyBorderColor", attributes: { category: "component", type: "filter-tile", item: "body", subitem: "borderColor", }, path: ["component", "filter-tile", "body", "borderColor"], }, { value: "#ffffffff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentFilterTileBodyBackgroundColor", attributes: { category: "component", type: "filter-tile", item: "body", subitem: "backgroundColor", }, path: ["component", "filter-tile", "body", "backgroundColor"], }, { value: "0.875rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentFilterTileTitleFontSize", attributes: { category: "component", type: "filter-tile", item: "title", subitem: "fontSize", }, path: ["component", "filter-tile", "title", "fontSize"], }, { value: "1.125rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.type.body-sm.line.value}" }, name: "ComponentFilterTileTitleLineHeight", attributes: { category: "component", type: "filter-tile", item: "title", subitem: "lineHeight", }, path: ["component", "filter-tile", "title", "lineHeight"], }, { value: "2.25rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.component.filter-tile.title.height.value}" }, name: "ComponentFilterTileTitleHeight", attributes: { category: "component", type: "filter-tile", item: "title", subitem: "height", }, path: ["component", "filter-tile", "title", "height"], }, { value: "1.875rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.component.filter-tile.tileValue.heightFontSizeLineHeight.value}", }, name: "ComponentFilterTileTileValueFontSize", attributes: { category: "component", type: "filter-tile", item: "tileValue", subitem: "fontSize", }, path: ["component", "filter-tile", "tileValue", "fontSize"], }, { value: "1.875rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.component.filter-tile.tileValue.heightFontSizeLineHeight.value}", }, name: "ComponentFilterTileTileValueLineHeight", attributes: { category: "component", type: "filter-tile", item: "tileValue", subitem: "lineHeight", }, path: ["component", "filter-tile", "tileValue", "lineHeight"], }, { value: "1.875rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.component.filter-tile.tileValue.heightFontSizeLineHeight.value}", }, name: "ComponentFilterTileTileValueHeight", attributes: { category: "component", type: "filter-tile", item: "tileValue", subitem: "height", }, path: ["component", "filter-tile", "tileValue", "height"], }, { value: "0.25rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.system.xs.value}" }, name: "ComponentFilterTileFooterNormalHeight", attributes: { category: "component", type: "filter-tile", item: "footer", subitem: "normalHeight", }, path: ["component", "filter-tile", "footer", "normalHeight"], }, { value: "0.5rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.system.sm.value}" }, name: "ComponentFilterTileFooterActiveHeight", attributes: { category: "component", type: "filter-tile", item: "footer", subitem: "activeHeight", }, path: ["component", "filter-tile", "footer", "activeHeight"], }, { value: "#f3f4f4ff", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentFocusedTaskBackgroundColor", attributes: { category: "component", type: "focusedTask", item: "backgroundColor", }, path: ["component", "focusedTask", "backgroundColor"], }, { value: "top 0.3s ease", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "top 0.3s ease" }, name: "ComponentFocusedTaskTransition", attributes: { category: "component", type: "focusedTask", item: "transition", }, path: ["component", "focusedTask", "transition"], }, { value: "2rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.system.lg.value}" }, name: "ComponentFocusedTaskPaddingBottom", attributes: { category: "component", type: "focusedTask", item: "paddingBottom", }, path: ["component", "focusedTask", "paddingBottom"], }, { value: "#f3f4f4ff", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentFocusedTaskUnderlayBackground", attributes: { category: "component", type: "focusedTask", item: "underlay", subitem: "background", }, path: ["component", "focusedTask", "underlay", "background"], }, { value: "1rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentFocusedTaskUnderlayPadding", attributes: { category: "component", type: "focusedTask", item: "underlay", subitem: "padding", }, path: ["component", "focusedTask", "underlay", "padding"], }, { value: "1rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentFocusedTaskTitlePaddingLeftRight", attributes: { category: "component", type: "focusedTask", item: "title", subitem: "paddingLeftRight", }, path: ["component", "focusedTask", "title", "paddingLeftRight"], }, { value: "1rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentFocusedTaskTitleMarginTop", attributes: { category: "component", type: "focusedTask", item: "title", subitem: "marginTop", }, path: ["component", "focusedTask", "title", "marginTop"], }, { value: "0.5rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentFocusedTaskTitleMarginBottom", attributes: { category: "component", type: "focusedTask", item: "title", subitem: "marginBottom", }, path: ["component", "focusedTask", "title", "marginBottom"], }, { value: "1280px", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{grid.content-width.value}" }, name: "ComponentFocusedTaskTitleMaxWidth", attributes: { category: "component", type: "focusedTask", item: "title", subitem: "maxWidth", }, path: ["component", "focusedTask", "title", "maxWidth"], }, { value: "0 auto", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "0 auto" }, name: "ComponentFocusedTaskBodyMargin", attributes: { category: "component", type: "focusedTask", item: "body", subitem: "margin", }, path: ["component", "focusedTask", "body", "margin"], }, { value: "1280px", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{grid.content-width.value}" }, name: "ComponentFocusedTaskBodyMaxWidth", attributes: { category: "component", type: "focusedTask", item: "body", subitem: "maxWidth", }, path: ["component", "focusedTask", "body", "maxWidth"], }, { value: "1rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentFocusedTaskBodyPadding", attributes: { category: "component", type: "focusedTask", item: "body", subitem: "padding", }, path: ["component", "focusedTask", "body", "padding"], }, { value: "#00000000", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{color.transparent.value}" }, name: "ComponentFocusedTaskCloseButtonBackgroundColor", attributes: { category: "component", type: "focusedTask", item: "closeButton", subitem: "backgroundColor", }, path: ["component", "focusedTask", "closeButton", "backgroundColor"], }, { value: "#4b5356ff", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentFocusedTaskCloseButtonColor", attributes: { category: "component", type: "focusedTask", item: "closeButton", subitem: "color", }, path: ["component", "focusedTask", "closeButton", "color"], }, { value: "0.5rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentFocusedTaskCloseButtonRight", attributes: { category: "component", type: "focusedTask", item: "closeButton", subitem: "right", }, path: ["component", "focusedTask", "closeButton", "right"], }, { value: "0.25rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentFocusedTaskCloseButtonIconPaddingLeftRight", attributes: { category: "component", type: "focusedTask", item: "closeButton", subitem: "icon", state: "paddingLeftRight", }, path: [ "component", "focusedTask", "closeButton", "icon", "paddingLeftRight", ], }, { value: "#ffffffff", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentFocusedTaskListActionBarContainerBackgroundColor", attributes: { category: "component", type: "focusedTask", item: "listActionBarContainer", subitem: "backgroundColor", }, path: [ "component", "focusedTask", "listActionBarContainer", "backgroundColor", ], }, { value: "-0.0625rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.component.focused-task.box-shadow-offset-y}" }, name: "ComponentFocusedTaskListActionBarContainerBoxShadowOffsetY", attributes: { category: "component", type: "focusedTask", item: "listActionBarContainer", subitem: "boxShadowOffsetY", }, path: [ "component", "focusedTask", "listActionBarContainer", "boxShadowOffsetY", ], }, { value: "0.125rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentFocusedTaskListActionBarContainerBoxShadowBlurRadius", attributes: { category: "component", type: "focusedTask", item: "listActionBarContainer", subitem: "boxShadowBlurRadius", }, path: [ "component", "focusedTask", "listActionBarContainer", "boxShadowBlurRadius", ], }, { value: "#00000026", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "#00000026" }, name: "ComponentFocusedTaskListActionBarContainerBoxShadowColor", attributes: { category: "component", type: "focusedTask", item: "listActionBarContainer", subitem: "boxShadowColor", }, path: [ "component", "focusedTask", "listActionBarContainer", "boxShadowColor", ], }, { value: "3.125rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.component.focused-task.height}" }, name: "ComponentFocusedTaskListActionBarContainerHeight", attributes: { category: "component", type: "focusedTask", item: "listActionBarContainer", subitem: "height", }, path: ["component", "focusedTask", "listActionBarContainer", "height"], }, { value: "0.5rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentFocusedTaskListActionBarContainerPadding", attributes: { category: "component", type: "focusedTask", item: "listActionBarContainer", subitem: "padding", }, path: ["component", "focusedTask", "listActionBarContainer", "padding"], }, { value: "1180px", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "1180px" }, name: "ComponentFocusedTaskListActionBarMaxWidth", attributes: { category: "component", type: "focusedTask", item: "listActionBar", subitem: "maxWidth", }, path: ["component", "focusedTask", "listActionBar", "maxWidth"], }, { value: "0.0625rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.border.width.standard}" }, name: "ComponentGrowlerBorderWidth", attributes: { category: "component", type: "growler", item: "borderWidth", }, path: ["component", "growler", "borderWidth"], }, { value: "#e9e9eaff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentGrowlerKindActivityBackground", attributes: { category: "component", type: "growler", item: "kind", subitem: "activity", state: "background", }, path: ["component", "growler", "kind", "activity", "background"], }, { value: "#717779ff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentGrowlerKindActivityBorder", attributes: { category: "component", type: "growler", item: "kind", subitem: "activity", state: "border", }, path: ["component", "growler", "kind", "activity", "border"], }, { value: "#007db8ff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentGrowlerKindInfoBackground", attributes: { category: "component", type: "growler", item: "kind", subitem: "info", state: "background", }, path: ["component", "growler", "kind", "info", "background"], }, { value: "#007db8ff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentGrowlerKindInfoBorder", attributes: { category: "component", type: "growler", item: "kind", subitem: "info", state: "border", }, path: ["component", "growler", "kind", "info", "border"], }, { value: "#91467fff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentGrowlerKindProgressBackground", attributes: { category: "component", type: "growler", item: "kind", subitem: "progress", state: "background", }, path: ["component", "growler", "kind", "progress", "background"], }, { value: "#91467fff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentGrowlerKindProgressBorder", attributes: { category: "component", type: "growler", item: "kind", subitem: "progress", state: "border", }, path: ["component", "growler", "kind", "progress", "border"], }, { value: "#de002eff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentGrowlerKindErrorBackground", attributes: { category: "component", type: "growler", item: "kind", subitem: "error", state: "background", }, path: ["component", "growler", "kind", "error", "background"], }, { value: "#de002eff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentGrowlerKindErrorBorder", attributes: { category: "component", type: "growler", item: "kind", subitem: "error", state: "border", }, path: ["component", "growler", "kind", "error", "border"], }, { value: "#0b8940ff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentGrowlerKindSuccessBackground", attributes: { category: "component", type: "growler", item: "kind", subitem: "success", state: "background", }, path: ["component", "growler", "kind", "success", "background"], }, { value: "#0b8940ff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentGrowlerKindSuccessBorder", attributes: { category: "component", type: "growler", item: "kind", subitem: "success", state: "border", }, path: ["component", "growler", "kind", "success", "border"], }, { value: "#e7760bff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentGrowlerKindWarningBackground", attributes: { category: "component", type: "growler", item: "kind", subitem: "warning", state: "background", }, path: ["component", "growler", "kind", "warning", "background"], }, { value: "#e7760bff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentGrowlerKindWarningBorder", attributes: { category: "component", type: "growler", item: "kind", subitem: "warning", state: "border", }, path: ["component", "growler", "kind", "warning", "border"], }, { value: 7000, filePath: "src/tokens/component/growler.json", isSource: true, original: { value: 7000 }, name: "ComponentGrowlerDurationVisible", attributes: { category: "component", type: "growler", item: "duration", subitem: "visible", }, path: ["component", "growler", "duration", "visible"], }, { value: 2000, filePath: "src/tokens/component/growler.json", isSource: true, original: { value: 2000 }, name: "ComponentGrowlerDurationFadeout", attributes: { category: "component", type: "growler", item: "duration", subitem: "fadeout", }, path: ["component", "growler", "duration", "fadeout"], }, { value: "0.25rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentGrowlerBaseBorderRadius", attributes: { category: "component", type: "growler", item: "base", subitem: "borderRadius", }, path: ["component", "growler", "base", "borderRadius"], }, { value: "0 0 0.3125rem rgba(0, 0, 0, 0.25)", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "0 0 0.3125rem rgba(0, 0, 0, 0.25)" }, name: "ComponentGrowlerBaseBoxShadow", attributes: { category: "component", type: "growler", item: "base", subitem: "boxShadow", }, path: ["component", "growler", "base", "boxShadow"], }, { value: "flex", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "flex" }, name: "ComponentGrowlerBaseDisplay", attributes: { category: "component", type: "growler", item: "base", subitem: "display", }, path: ["component", "growler", "base", "display"], }, { value: "1rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentGrowlerBaseMarginBottom", attributes: { category: "component", type: "growler", item: "base", subitem: "marginBottom", }, path: ["component", "growler", "base", "marginBottom"], }, { value: "hidden", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "hidden" }, name: "ComponentGrowlerBaseOverflow", attributes: { category: "component", type: "growler", item: "base", subitem: "overflow", }, path: ["component", "growler", "base", "overflow"], }, { value: "25rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.component.growler.width.value}" }, name: "ComponentGrowlerBaseWidth", attributes: { category: "component", type: "growler", item: "base", subitem: "width", }, path: ["component", "growler", "base", "width"], }, { value: 10000, filePath: "src/tokens/component/growler.json", isSource: true, original: { value: 10000 }, name: "ComponentGrowlerBaseZIndex", attributes: { category: "component", type: "growler", item: "base", subitem: "zIndex", }, path: ["component", "growler", "base", "zIndex"], }, { value: "1.875rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.component.growler.icon.box.right.value}" }, name: "ComponentGrowlerAreaRight", attributes: { category: "component", type: "growler", item: "area", subitem: "right", }, path: ["component", "growler", "area", "right"], }, { value: "5.625rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.component.growler.icon.box.top.value}" }, name: "ComponentGrowlerAreaTop", attributes: { category: "component", type: "growler", item: "area", subitem: "top", }, path: ["component", "growler", "area", "top"], }, { value: "#ffffffff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentGrowlerIconFontColor", attributes: { category: "component", type: "growler", item: "icon", subitem: "fontColor", }, path: ["component", "growler", "icon", "fontColor"], }, { value: "1.875rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.component.growler.icon.fontSize.value}" }, name: "ComponentGrowlerIconFontSize", attributes: { category: "component", type: "growler", item: "icon", subitem: "fontSize", }, path: ["component", "growler", "icon", "fontSize"], }, { value: "4.375rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.component.growler.icon.box.width.value}" }, name: "ComponentGrowlerIconBoxWidth", attributes: { category: "component", type: "growler", item: "icon", subitem: "box", state: "width", }, path: ["component", "growler", "icon", "box", "width"], }, { value: "#ffffffff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentGrowlerMessageBoxBackgroundColor", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "backgroundColor", }, path: ["component", "growler", "messageBox", "backgroundColor"], }, { value: 600, filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentGrowlerMessageBoxTitleWeight", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "titleWeight", }, path: ["component", "growler", "messageBox", "titleWeight"], }, { value: "0.75rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.type.component-sm.font.value}" }, name: "ComponentGrowlerMessageBoxTypeSize", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "type", state: "size", }, path: ["component", "growler", "messageBox", "type", "size"], }, { value: "1.25rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.type.title-lg.line.value}" }, name: "ComponentGrowlerMessageBoxTypeLine", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "type", state: "line", }, path: ["component", "growler", "messageBox", "type", "line"], }, { value: "#4b5356ff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentGrowlerMessageBoxSubtitleColor", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "subtitle", state: "color", }, path: ["component", "growler", "messageBox", "subtitle", "color"], }, { value: "16.5rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.component.growler.messageBox.subtitle.width.value}", }, name: "ComponentGrowlerMessageBoxSubtitleWidth", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "subtitle", state: "width", }, path: ["component", "growler", "messageBox", "subtitle", "width"], }, { value: "1rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentGrowlerMessageBoxPaddingTop", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "padding", state: "top", }, path: ["component", "growler", "messageBox", "padding", "top"], }, { value: "2.625rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.component.growler.messageBox.padding.right.value}", }, name: "ComponentGrowlerMessageBoxPaddingRight", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "padding", state: "right", }, path: ["component", "growler", "messageBox", "padding", "right"], }, { value: "1rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentGrowlerMessageBoxPaddingBottom", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "padding", state: "bottom", }, path: ["component", "growler", "messageBox", "padding", "bottom"], }, { value: "1rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentGrowlerMessageBoxPaddingLeft", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "padding", state: "left", }, path: ["component", "growler", "messageBox", "padding", "left"], }, { value: "0.5rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentGrowlerCloseButtonRight", attributes: { category: "component", type: "growler", item: "closeButton", subitem: "right", }, path: ["component", "growler", "closeButton", "right"], }, { value: "0.5rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentGrowlerCloseButtonTop", attributes: { category: "component", type: "growler", item: "closeButton", subitem: "top", }, path: ["component", "growler", "closeButton", "top"], }, { value: "-0.125rem", filePath: "src/tokens/component/icon.json", isSource: true, original: { value: "{size.component.icon.margin-adjustment}" }, name: "ComponentIconMarginAdjustment", attributes: { category: "component", type: "icon", item: "margin-adjustment", }, path: ["component", "icon", "margin-adjustment"], }, { value: "0.5rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentInsightCardWrapperMargin", attributes: { category: "component", type: "insight-card-wrapper", item: "margin", }, path: ["component", "insight-card-wrapper", "margin"], }, { value: "#007db8ff", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentInsightCardKindGeneral", attributes: { category: "component", type: "insight-card", item: "kind", subitem: "general", }, path: ["component", "insight-card", "kind", "general"], }, { value: "#de002eff", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentInsightCardKindError", attributes: { category: "component", type: "insight-card", item: "kind", subitem: "error", }, path: ["component", "insight-card", "kind", "error"], }, { value: "#0b8940ff", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentInsightCardKindSuccess", attributes: { category: "component", type: "insight-card", item: "kind", subitem: "success", }, path: ["component", "insight-card", "kind", "success"], }, { value: "#e7760bff", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentInsightCardKindWarning", attributes: { category: "component", type: "insight-card", item: "kind", subitem: "warning", }, path: ["component", "insight-card", "kind", "warning"], }, { value: "#91467fff", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentInsightCardKindProcessing", attributes: { category: "component", type: "insight-card", item: "kind", subitem: "processing", }, path: ["component", "insight-card", "kind", "processing"], }, { value: "#ffffffff", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentInsightCardBackground", attributes: { category: "component", type: "insight-card", item: "background", }, path: ["component", "insight-card", "background"], }, { value: "0.0625rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentInsightCardBorderWidth", attributes: { category: "component", type: "insight-card", item: "border-width", }, path: ["component", "insight-card", "border-width"], }, { value: "0.25rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentInsightCardBorderRadius", attributes: { category: "component", type: "insight-card", item: "border-radius", }, path: ["component", "insight-card", "border-radius"], }, { value: "solid", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentInsightCardBorderStyle", attributes: { category: "component", type: "insight-card", item: "border-style", }, path: ["component", "insight-card", "border-style"], }, { value: "2rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.icon-size.value}" }, name: "ComponentInsightCardIconSize", attributes: { category: "component", type: "insight-card", item: "icon-size", }, path: ["component", "insight-card", "icon-size"], }, { value: "0.5rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentInsightCardMargin", attributes: { category: "component", type: "insight-card", item: "margin", }, path: ["component", "insight-card", "margin"], }, { value: "0.9375rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.vertical-padding.value}", }, name: "ComponentInsightCardPaddingVertical", attributes: { category: "component", type: "insight-card", item: "padding-vertical", }, path: ["component", "insight-card", "padding-vertical"], }, { value: "1.25rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.horizontal-padding.value}", }, name: "ComponentInsightCardPaddingHorizontal", attributes: { category: "component", type: "insight-card", item: "padding-horizontal", }, path: ["component", "insight-card", "padding-horizontal"], }, { value: "3rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.metric-size.value}" }, name: "ComponentInsightCardMetricSize", attributes: { category: "component", type: "insight-card", item: "metric-size", }, path: ["component", "insight-card", "metric-size"], }, { value: 600, filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentInsightCardFontWeight", attributes: { category: "component", type: "insight-card", item: "font-weight", }, path: ["component", "insight-card", "font-weight"], }, { value: "#1f282cff", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentInsightCardTitleColor", attributes: { category: "component", type: "insight-card", item: "title", subitem: "color", }, path: ["component", "insight-card", "title", "color"], }, { value: "1rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.type.title-sm.font.value}" }, name: "ComponentInsightCardTitleFontSize", attributes: { category: "component", type: "insight-card", item: "title", subitem: "font-size", }, path: ["component", "insight-card", "title", "font-size"], }, { value: "1rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.type.title-sm.line.value}" }, name: "ComponentInsightCardTitleLineHeight", attributes: { category: "component", type: "insight-card", item: "title", subitem: "line-height", }, path: ["component", "insight-card", "title", "line-height"], }, { value: "0.125rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.spacing.xxs.value}" }, name: "ComponentInsightCardTitlePaddingBottom", attributes: { category: "component", type: "insight-card", item: "title", subitem: "padding-bottom", }, path: ["component", "insight-card", "title", "padding-bottom"], }, { value: "2.125rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.min-title-height.value}", }, name: "ComponentInsightCardTitleMinHeight", attributes: { category: "component", type: "insight-card", item: "title", subitem: "min-height", }, path: ["component", "insight-card", "title", "min-height"], }, { value: "0.5rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentInsightCardDescriptionMargin", attributes: { category: "component", type: "insight-card", item: "description-margin", }, path: ["component", "insight-card", "description-margin"], }, { value: "#4b5356ff", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentInsightCardDetailColor", attributes: { category: "component", type: "insight-card", item: "detail", subitem: "color", }, path: ["component", "insight-card", "detail", "color"], }, { value: "0.75rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.type.title-xxs.font.value}" }, name: "ComponentInsightCardDetailFontSize", attributes: { category: "component", type: "insight-card", item: "detail", subitem: "font-size", }, path: ["component", "insight-card", "detail", "font-size"], }, { value: "0.75rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.type.title-xxs.line.value}" }, name: "ComponentInsightCardDetailLineHeight", attributes: { category: "component", type: "insight-card", item: "detail", subitem: "line-height", }, path: ["component", "insight-card", "detail", "line-height"], }, { value: "0.25rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentInsightCardDetailMarginTop", attributes: { category: "component", type: "insight-card", item: "detail", subitem: "margin-top", }, path: ["component", "insight-card", "detail", "margin-top"], }, { value: "#ffffffff", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentInsightCardPartnerCountColor", attributes: { category: "component", type: "insight-card", item: "partner-count", subitem: "color", }, path: ["component", "insight-card", "partner-count", "color"], }, { value: "0.75rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "ComponentInsightCardPartnerCountFontSize", attributes: { category: "component", type: "insight-card", item: "partner-count", subitem: "font-size", }, path: ["component", "insight-card", "partner-count", "font-size"], }, { value: "1.125rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.type.body-sm.line.value}" }, name: "ComponentInsightCardPartnerCountLineHeight", attributes: { category: "component", type: "insight-card", item: "partner-count", subitem: "line-height", }, path: ["component", "insight-card", "partner-count", "line-height"], }, { value: "0.125rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.spacing.xxs.value}" }, name: "ComponentInsightCardPartnerCountPaddingRight", attributes: { category: "component", type: "insight-card", item: "partner-count", subitem: "padding-right", }, path: ["component", "insight-card", "partner-count", "padding-right"], }, { value: "0.9375rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.partner-count-margin-vertical}", }, name: "ComponentInsightCardPartnerCountMarginVertical", attributes: { category: "component", type: "insight-card", item: "partner-count", subitem: "margin-vertical", }, path: ["component", "insight-card", "partner-count", "margin-vertical"], }, { value: "1.25rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.partner-count-margin-horizontal}", }, name: "ComponentInsightCardPartnerCountMarginHorizontal", attributes: { category: "component", type: "insight-card", item: "partner-count", subitem: "margin-horizontal", }, path: ["component", "insight-card", "partner-count", "margin-horizontal"], }, { value: "0.625rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.partner-count-padding-vertical}", }, name: "ComponentInsightCardPartnerCountPaddingVertical", attributes: { category: "component", type: "insight-card", item: "partner-count", subitem: "padding-vertical", }, path: ["component", "insight-card", "partner-count", "padding-vertical"], }, { value: "1.25rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.partner-count-padding-horizontal}", }, name: "ComponentInsightCardPartnerCountPaddingHorizontal", attributes: { category: "component", type: "insight-card", item: "partner-count", subitem: "padding-horizontal", }, path: [ "component", "insight-card", "partner-count", "padding-horizontal", ], }, { value: "0.5rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentInsightCardHorizontalMetricMargin", attributes: { category: "component", type: "insight-card", item: "horizontal", subitem: "metric-margin", }, path: ["component", "insight-card", "horizontal", "metric-margin"], }, { value: "1rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentInsightCardHorizontalTitleMinHeight", attributes: { category: "component", type: "insight-card", item: "horizontal", subitem: "title-min-height", }, path: ["component", "insight-card", "horizontal", "title-min-height"], }, { value: "0.875rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.type.component-sm.line.value}" }, name: "ComponentInsightCardHorizontalPartnerCountLineHeight", attributes: { category: "component", type: "insight-card", item: "horizontal", subitem: "partner-count", state: "line-height", }, path: [ "component", "insight-card", "horizontal", "partner-count", "line-height", ], }, { value: "3.75rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.partner-count-width.value}", }, name: "ComponentInsightCardHorizontalPartnerCountWidth", attributes: { category: "component", type: "insight-card", item: "horizontal", subitem: "partner-count", state: "width", }, path: [ "component", "insight-card", "horizontal", "partner-count", "width", ], }, { value: "1.25rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.horizontal-partner-count-padding-vertical}", }, name: "ComponentInsightCardHorizontalPartnerCountPaddingVertical", attributes: { category: "component", type: "insight-card", item: "horizontal", subitem: "partner-count", state: "padding-vertical", }, path: [ "component", "insight-card", "horizontal", "partner-count", "padding-vertical", ], }, { value: "0.625rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.horizontal-partner-count-padding-horizontal}", }, name: "ComponentInsightCardHorizontalPartnerCountPaddingHorizontal", attributes: { category: "component", type: "insight-card", item: "horizontal", subitem: "partner-count", state: "padding-horizontal", }, path: [ "component", "insight-card", "horizontal", "partner-count", "padding-horizontal", ], }, { value: "0.75rem", filePath: "src/tokens/component/key-value-set.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "ComponentKeyValueSetFontSize", attributes: { category: "component", type: "key-value-set", item: "font-size", }, path: ["component", "key-value-set", "font-size"], }, { value: "1.125rem", filePath: "src/tokens/component/key-value-set.json", isSource: true, original: { value: "{size.type.body-sm.line.value}" }, name: "ComponentKeyValueSetLineHeight", attributes: { category: "component", type: "key-value-set", item: "line-height", }, path: ["component", "key-value-set", "line-height"], }, { value: "0.5rem", filePath: "src/tokens/component/key-value-set.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentKeyValueSetSpacing", attributes: { category: "component", type: "key-value-set", item: "spacing", }, path: ["component", "key-value-set", "spacing"], }, { value: 600, filePath: "src/tokens/component/key-value-set.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentKeyValueSetKeyFontWeight", attributes: { category: "component", type: "key-value-set", item: "key", subitem: "font-weight", }, path: ["component", "key-value-set", "key", "font-weight"], }, { value: "#ffffffff", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentListBarBackground", attributes: { category: "component", type: "list-bar", item: "background", }, path: ["component", "list-bar", "background"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentListBarBorderColor", attributes: { category: "component", type: "list-bar", item: "border-color", }, path: ["component", "list-bar", "border-color"], }, { value: "solid", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentListBarBorderStyle", attributes: { category: "component", type: "list-bar", item: "border-style", }, path: ["component", "list-bar", "border-style"], }, { value: "0.0625rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentListBarBorderWidth", attributes: { category: "component", type: "list-bar", item: "border-width", }, path: ["component", "list-bar", "border-width"], }, { value: "0.25rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentListBarBorderRadius", attributes: { category: "component", type: "list-bar", item: "border-radius", }, path: ["component", "list-bar", "border-radius"], }, { value: "0.5rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentListBarMargin", attributes: { category: "component", type: "list-bar", item: "margin" }, path: ["component", "list-bar", "margin"], }, { value: "1280px", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.component.list-bar.pinned-width.value}" }, name: "ComponentListBarPinnedWidth", attributes: { category: "component", type: "list-bar", item: "pinned", subitem: "width", }, path: ["component", "list-bar", "pinned", "width"], }, { value: "1.25rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.component.list-bar.pinned-padding.value}" }, name: "ComponentListBarPinnedPadding", attributes: { category: "component", type: "list-bar", item: "pinned", subitem: "padding", }, path: ["component", "list-bar", "pinned", "padding"], }, { value: "3.75rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.component.list-bar.top.value}" }, name: "ComponentListBarPinnedTop", attributes: { category: "component", type: "list-bar", item: "pinned", subitem: "top", }, path: ["component", "list-bar", "pinned", "top"], }, { value: "0.625rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.component.list-bar.height.value}" }, name: "ComponentListBarPinnedHeight", attributes: { category: "component", type: "list-bar", item: "pinned", subitem: "height", }, path: ["component", "list-bar", "pinned", "height"], }, { value: "0.5rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentListBarContentPadding", attributes: { category: "component", type: "list-bar", item: "content", subitem: "padding", }, path: ["component", "list-bar", "content", "padding"], }, { value: "0.5rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentListBarContentMargin", attributes: { category: "component", type: "list-bar", item: "content", subitem: "margin", }, path: ["component", "list-bar", "content", "margin"], }, { value: "2rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.component.list-bar.content-header-height.value}", }, name: "ComponentListBarContentHeight", attributes: { category: "component", type: "list-bar", item: "content", subitem: "height", }, path: ["component", "list-bar", "content", "height"], }, { value: "1rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentListBarControlsPadding", attributes: { category: "component", type: "list-bar", item: "controls", subitem: "padding", }, path: ["component", "list-bar", "controls", "padding"], }, { value: "0.5rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentListBarControlsMargin", attributes: { category: "component", type: "list-bar", item: "controls", subitem: "margin", }, path: ["component", "list-bar", "controls", "margin"], }, { value: "2rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.lg.value}" }, name: "ComponentListBarControlsHeight", attributes: { category: "component", type: "list-bar", item: "controls", subitem: "height", }, path: ["component", "list-bar", "controls", "height"], }, { value: "0.25rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentListBarAdvancedSearchPadding", attributes: { category: "component", type: "list-bar", item: "advanced-search", subitem: "padding", }, path: ["component", "list-bar", "advanced-search", "padding"], }, { value: "0.25rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentListBarAdvancedSearchMargin", attributes: { category: "component", type: "list-bar", item: "advanced-search", subitem: "margin", }, path: ["component", "list-bar", "advanced-search", "margin"], }, { value: "0.75rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "ComponentListBarAdvancedSearchFontSize", attributes: { category: "component", type: "list-bar", item: "advanced-search", subitem: "font-size", }, path: ["component", "list-bar", "advanced-search", "font-size"], }, { value: 600, filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentListBarAdvancedSearchFontWeight", attributes: { category: "component", type: "list-bar", item: "advanced-search", subitem: "font-weight", }, path: ["component", "list-bar", "advanced-search", "font-weight"], }, { value: "1.5rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.type.title-xl.line.value}" }, name: "ComponentListBarAdvancedSearchLineHeight", attributes: { category: "component", type: "list-bar", item: "advanced-search", subitem: "line-height", }, path: ["component", "list-bar", "advanced-search", "line-height"], }, { value: "0.5rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentListBarAdvancedSearchTitlePadding", attributes: { category: "component", type: "list-bar", item: "advanced-search", subitem: "title-padding", }, path: ["component", "list-bar", "advanced-search", "title-padding"], }, { value: "0.875rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentListBarAdvancedSearchIconFontSize", attributes: { category: "component", type: "list-bar", item: "advanced-search", subitem: "icon-font-size", }, path: ["component", "list-bar", "advanced-search", "icon-font-size"], }, { value: "0.25rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentListBarSearchFormMargin", attributes: { category: "component", type: "list-bar", item: "search-form", subitem: "margin", }, path: ["component", "list-bar", "search-form", "margin"], }, { value: "25rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.component.list-bar.search-form-max-width.value}", }, name: "ComponentListBarSearchFormMaxWidth", attributes: { category: "component", type: "list-bar", item: "search-form", subitem: "max-width", }, path: ["component", "list-bar", "search-form", "max-width"], }, { value: "#e9e9eaff", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{color.grey.light}" }, name: "ComponentListBarSearchButtonBackgroundColor", attributes: { category: "component", type: "list-bar", item: "search-button", subitem: "background-color", }, path: ["component", "list-bar", "search-button", "background-color"], }, { value: "#717779ff", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{color.grey.medium}" }, name: "ComponentListBarSearchButtonBorderColor", attributes: { category: "component", type: "list-bar", item: "search-button", subitem: "border-color", }, path: ["component", "list-bar", "search-button", "border-color"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{color.grey.medium-light}" }, name: "ComponentListBarSearchButtonHoverBackgroundColor", attributes: { category: "component", type: "list-bar", item: "search-button", subitem: "hover-background-color", }, path: [ "component", "list-bar", "search-button", "hover-background-color", ], }, { value: "1.875rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.component.list-bar.search-button-height.value}", }, name: "ComponentListBarSearchButtonHeight", attributes: { category: "component", type: "list-bar", item: "search-button", subitem: "height", }, path: ["component", "list-bar", "search-button", "height"], }, { value: "#4b5356ff", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{color.grey.medium-dark}" }, name: "ComponentListBarSortByColor", attributes: { category: "component", type: "list-bar", item: "sort-by", subitem: "color", }, path: ["component", "list-bar", "sort-by", "color"], }, { value: "0.25rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentListBarSortByPadding", attributes: { category: "component", type: "list-bar", item: "sort-by", subitem: "padding", }, path: ["component", "list-bar", "sort-by", "padding"], }, { value: "2rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.lg.value}" }, name: "ComponentListBarSearchFieldSelectHeight", attributes: { category: "component", type: "list-bar", item: "search-field", subitem: "select-height", }, path: ["component", "list-bar", "search-field", "select-height"], }, { value: "2rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.component.list-bar.search-field-select-line-height.value}", }, name: "ComponentListBarSearchFieldSelectLineHeight", attributes: { category: "component", type: "list-bar", item: "search-field", subitem: "select-line-height", }, path: ["component", "list-bar", "search-field", "select-line-height"], }, { value: "0.125rem", filePath: "src/tokens/component/matrix.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentMatrixBorderRadius", attributes: { category: "component", type: "matrix", item: "border", subitem: "radius", }, path: ["component", "matrix", "border", "radius"], }, { value: "solid", filePath: "src/tokens/component/matrix.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentMatrixBorderStyle", attributes: { category: "component", type: "matrix", item: "border", subitem: "style", }, path: ["component", "matrix", "border", "style"], }, { value: "0.0625rem", filePath: "src/tokens/component/matrix.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentMatrixBorderWidth", attributes: { category: "component", type: "matrix", item: "border", subitem: "width", }, path: ["component", "matrix", "border", "width"], }, { value: "#f3f4f4ff", filePath: "src/tokens/component/matrix.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentMatrixColorBackground", attributes: { category: "component", type: "matrix", item: "color", subitem: "background", }, path: ["component", "matrix", "color", "background"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/matrix.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentMatrixColorBorder", attributes: { category: "component", type: "matrix", item: "color", subitem: "border", }, path: ["component", "matrix", "color", "border"], }, { value: "0.875rem", filePath: "src/tokens/component/matrix.json", isSource: true, original: { value: "{size.type.title-xs.font.value}" }, name: "ComponentMatrixFontSize", attributes: { category: "component", type: "matrix", item: "font", subitem: "size", }, path: ["component", "matrix", "font", "size"], }, { value: "1.25rem", filePath: "src/tokens/component/matrix.json", isSource: true, original: { value: "{size.type.title-lg.line.value}" }, name: "ComponentMatrixLineHeight", attributes: { category: "component", type: "matrix", item: "line-height", }, path: ["component", "matrix", "line-height"], }, { value: "0.5rem", filePath: "src/tokens/component/matrix.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentMatrixPadding", attributes: { category: "component", type: "matrix", item: "padding" }, path: ["component", "matrix", "padding"], }, { value: "#ffffffff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentModalBackgroundColor", attributes: { category: "component", type: "modal", item: "background-color", }, path: ["component", "modal", "background-color"], }, { value: "solid", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentModalBorderStyle", attributes: { category: "component", type: "modal", item: "border-style", }, path: ["component", "modal", "border-style"], }, { value: "0.25rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentModalBorderRadius", attributes: { category: "component", type: "modal", item: "border-radius", }, path: ["component", "modal", "border-radius"], }, { value: "0.0625rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.border.width.standard}" }, name: "ComponentModalBorderWidth", attributes: { category: "component", type: "modal", item: "border-width", }, path: ["component", "modal", "border-width"], }, { value: "#f3f4f4cc", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.grey.extra-light-80.value}" }, name: "ComponentModalUnderlayBackground", attributes: { category: "component", type: "modal", item: "underlay", subitem: "background", }, path: ["component", "modal", "underlay", "background"], }, { value: "4rem 1rem 1rem 1rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.spacing.xl.value} {size.spacing.md.value} {size.spacing.md.value} {size.spacing.md.value}", }, name: "ComponentModalUnderlayPadding", attributes: { category: "component", type: "modal", item: "underlay", subitem: "padding", }, path: ["component", "modal", "underlay", "padding"], }, { value: "#ffffffff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentModalTitleColor", attributes: { category: "component", type: "modal", item: "title", subitem: "color", }, path: ["component", "modal", "title", "color"], }, { value: "1rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentModalTitlePadding", attributes: { category: "component", type: "modal", item: "title", subitem: "padding", }, path: ["component", "modal", "title", "padding"], }, { value: "0.875rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentModalTitleContentFontSize", attributes: { category: "component", type: "modal", item: "title", subitem: "content", state: "font-size", }, path: ["component", "modal", "title", "content", "font-size"], }, { value: "1.25rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentModalTitleContentLineHeight", attributes: { category: "component", type: "modal", item: "title", subitem: "content", state: "line-height", }, path: ["component", "modal", "title", "content", "line-height"], }, { value: 600, filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentModalTitleContentFontWeight", attributes: { category: "component", type: "modal", item: "title", subitem: "content", state: "font-weight", }, path: ["component", "modal", "title", "content", "font-weight"], }, { value: "0.5rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentModalTitleContentPaddingLeft", attributes: { category: "component", type: "modal", item: "title", subitem: "content", state: "padding-left", }, path: ["component", "modal", "title", "content", "padding-left"], }, { value: "1rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentModalBodyPadding", attributes: { category: "component", type: "modal", item: "body", subitem: "padding", }, path: ["component", "modal", "body", "padding"], }, { value: "#f3f4f4ff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentModalFooterBackgroundColor", attributes: { category: "component", type: "modal", item: "footer", subitem: "background-color", }, path: ["component", "modal", "footer", "background-color"], }, { value: "0.5rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentModalFooterPadding", attributes: { category: "component", type: "modal", item: "footer", subitem: "padding", }, path: ["component", "modal", "footer", "padding"], }, { value: "#00000000", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.transparent.value}" }, name: "ComponentModalCloseButtonBackgroundColor", attributes: { category: "component", type: "modal", item: "closeButton", subitem: "background-color", }, path: ["component", "modal", "closeButton", "background-color"], }, { value: "#ffffffff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentModalCloseButtonColor", attributes: { category: "component", type: "modal", item: "closeButton", subitem: "color", }, path: ["component", "modal", "closeButton", "color"], }, { value: "0.25rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentModalCloseButtonIconPaddingLeftRight", attributes: { category: "component", type: "modal", item: "closeButton", subitem: "icon", state: "paddingLeftRight", }, path: ["component", "modal", "closeButton", "icon", "paddingLeftRight"], }, { value: "0.875rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentModalIconBoxFontSize", attributes: { category: "component", type: "modal", item: "iconBox", subitem: "fontSize", }, path: ["component", "modal", "iconBox", "fontSize"], }, { value: "0.875rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentModalIconBoxLineHeight", attributes: { category: "component", type: "modal", item: "iconBox", subitem: "lineHeight", }, path: ["component", "modal", "iconBox", "lineHeight"], }, { value: "0.5rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentModalIconBoxMarginRight", attributes: { category: "component", type: "modal", item: "iconBox", subitem: "margin", state: "right", }, path: ["component", "modal", "iconBox", "margin", "right"], }, { value: "#4b5356ff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentModalKindFormColor", attributes: { category: "component", type: "modal", item: "kind", subitem: "form", state: "color", }, path: ["component", "modal", "kind", "form", "color"], }, { value: "#de002eff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentModalKindDeleteColor", attributes: { category: "component", type: "modal", item: "kind", subitem: "delete", state: "color", }, path: ["component", "modal", "kind", "delete", "color"], }, { value: "#de002eff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentModalKindFailureColor", attributes: { category: "component", type: "modal", item: "kind", subitem: "failure", state: "color", }, path: ["component", "modal", "kind", "failure", "color"], }, { value: "#007db8ff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentModalKindInformationalColor", attributes: { category: "component", type: "modal", item: "kind", subitem: "informational", state: "color", }, path: ["component", "modal", "kind", "informational", "color"], }, { value: "#0b8940ff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentModalKindSuccessColor", attributes: { category: "component", type: "modal", item: "kind", subitem: "success", state: "color", }, path: ["component", "modal", "kind", "success", "color"], }, { value: "#e7760bff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentModalKindWarningColor", attributes: { category: "component", type: "modal", item: "kind", subitem: "warning", state: "color", }, path: ["component", "modal", "kind", "warning", "color"], }, { value: "#e7760bff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentModalKindSuccessWithFailuresColor", attributes: { category: "component", type: "modal", item: "kind", subitem: "successWithFailures", state: "color", }, path: ["component", "modal", "kind", "successWithFailures", "color"], }, { value: "23.75rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.component.modal.sizes.sm.value}" }, name: "ComponentModalSizeSmWidth", attributes: { category: "component", type: "modal", item: "size", subitem: "sm", state: "width", }, path: ["component", "modal", "size", "sm", "width"], }, { value: "36.25rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.component.modal.sizes.md.value}" }, name: "ComponentModalSizeMdWidth", attributes: { category: "component", type: "modal", item: "size", subitem: "md", state: "width", }, path: ["component", "modal", "size", "md", "width"], }, { value: "48.75rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.component.modal.sizes.lg.value}" }, name: "ComponentModalSizeLgWidth", attributes: { category: "component", type: "modal", item: "size", subitem: "lg", state: "width", }, path: ["component", "modal", "size", "lg", "width"], }, { value: "73.75rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.component.modal.sizes.xl.value}" }, name: "ComponentModalSizeXlWidth", attributes: { category: "component", type: "modal", item: "size", subitem: "xl", state: "width", }, path: ["component", "modal", "size", "xl", "width"], }, { value: "#4b5356ff", filePath: "src/tokens/component/page-subtitle.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentPageSubtitleTextColor", attributes: { category: "component", type: "page-subtitle", item: "text", subitem: "color", }, path: ["component", "page-subtitle", "text", "color"], }, { value: "1.125rem", filePath: "src/tokens/component/page-subtitle.json", isSource: true, original: { value: "{size.type.title-md.font.value}" }, name: "ComponentPageSubtitleTextFontSize", attributes: { category: "component", type: "page-subtitle", item: "text", subitem: "font-size", }, path: ["component", "page-subtitle", "text", "font-size"], }, { value: "1.125rem", filePath: "src/tokens/component/page-subtitle.json", isSource: true, original: { value: "{size.type.title-md.line.value}" }, name: "ComponentPageSubtitleTextLineHeight", attributes: { category: "component", type: "page-subtitle", item: "text", subitem: "line-height", }, path: ["component", "page-subtitle", "text", "line-height"], }, { value: "0.25rem", filePath: "src/tokens/component/page-subtitle.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentPageSubtitleTextMarginTop", attributes: { category: "component", type: "page-subtitle", item: "text", subitem: "margin-top", }, path: ["component", "page-subtitle", "text", "margin-top"], }, { value: "0.75rem", filePath: "src/tokens/component/page-subtitle.json", isSource: true, original: { value: "{size.type.component-sm.font.value}" }, name: "ComponentPageSubtitleIconFontSize", attributes: { category: "component", type: "page-subtitle", item: "icon", subitem: "font-size", }, path: ["component", "page-subtitle", "icon", "font-size"], }, { value: "1.125rem", filePath: "src/tokens/component/page-subtitle.json", isSource: true, original: { value: "{size.type.title-md.line.value}" }, name: "ComponentPageSubtitleIconLineHeight", attributes: { category: "component", type: "page-subtitle", item: "icon", subitem: "line-height", }, path: ["component", "page-subtitle", "icon", "line-height"], }, { value: "0.25rem", filePath: "src/tokens/component/page-subtitle.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentPageSubtitleIconMarginLeft", attributes: { category: "component", type: "page-subtitle", item: "icon", subitem: "margin-left", }, path: ["component", "page-subtitle", "icon", "margin-left"], }, { value: "0.25rem", filePath: "src/tokens/component/page-subtitle.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentPageSubtitleIconMarginRight", attributes: { category: "component", type: "page-subtitle", item: "icon", subitem: "margin-right", }, path: ["component", "page-subtitle", "icon", "margin-right"], }, { value: "0.25rem", filePath: "src/tokens/component/page-subtitle.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentPageSubtitleIconMarginTop", attributes: { category: "component", type: "page-subtitle", item: "icon", subitem: "margin-top", }, path: ["component", "page-subtitle", "icon", "margin-top"], }, { value: "#1f282cff", filePath: "src/tokens/component/page-title.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentPageTitleTextColor", attributes: { category: "component", type: "page-title", item: "text", subitem: "color", }, path: ["component", "page-title", "text", "color"], }, { value: "1.5rem", filePath: "src/tokens/component/page-title.json", isSource: true, original: { value: "{size.type.title-xl.font.value}" }, name: "ComponentPageTitleTextFontSize", attributes: { category: "component", type: "page-title", item: "text", subitem: "font-size", }, path: ["component", "page-title", "text", "font-size"], }, { value: "1.5rem", filePath: "src/tokens/component/page-title.json", isSource: true, original: { value: "{size.type.title-xl.line.value}" }, name: "ComponentPageTitleTextLineHeight", attributes: { category: "component", type: "page-title", item: "text", subitem: "line-height", }, path: ["component", "page-title", "text", "line-height"], }, { value: "1.125rem", filePath: "src/tokens/component/page-title.json", isSource: true, original: { value: "{size.type.title-md.font.value}" }, name: "ComponentPageTitleIconFontSize", attributes: { category: "component", type: "page-title", item: "icon", subitem: "font-size", }, path: ["component", "page-title", "icon", "font-size"], }, { value: "1.5rem", filePath: "src/tokens/component/page-title.json", isSource: true, original: { value: "{size.type.title-xl.line.value}" }, name: "ComponentPageTitleIconLineHeight", attributes: { category: "component", type: "page-title", item: "icon", subitem: "line-height", }, path: ["component", "page-title", "icon", "line-height"], }, { value: "0.25rem", filePath: "src/tokens/component/page-title.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentPageTitleIconMarginRight", attributes: { category: "component", type: "page-title", item: "icon", subitem: "margin-right", }, path: ["component", "page-title", "icon", "margin-right"], }, { value: "0.1875rem", filePath: "src/tokens/component/page-title.json", isSource: true, original: { value: "{size.component.page-title.icon-margin-top}" }, name: "ComponentPageTitleIconMarginTop", attributes: { category: "component", type: "page-title", item: "icon", subitem: "margin-top", }, path: ["component", "page-title", "icon", "margin-top"], }, { value: "#f3f4f4ff", filePath: "src/tokens/component/photo.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentPhotoPlaceholderBackground", attributes: { category: "component", type: "photo", item: "placeholder", subitem: "background", }, path: ["component", "photo", "placeholder", "background"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/photo.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentPhotoPlaceholderBoxShadowColorBorder", attributes: { category: "component", type: "photo", item: "placeholder", subitem: "box-shadow-color-border", }, path: ["component", "photo", "placeholder", "box-shadow-color-border"], }, { value: "#ffffffff", filePath: "src/tokens/component/photo.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentPhotoPlaceholderBoxShadowColorInterior", attributes: { category: "component", type: "photo", item: "placeholder", subitem: "box-shadow-color-interior", }, path: ["component", "photo", "placeholder", "box-shadow-color-interior"], }, { value: "0.0625rem", filePath: "src/tokens/component/photo.json", isSource: true, original: { value: "{size.border.width.standard}" }, name: "ComponentPhotoPlaceholderBoxShadowValueBorder", attributes: { category: "component", type: "photo", item: "placeholder", subitem: "box-shadow-value-border", }, path: ["component", "photo", "placeholder", "box-shadow-value-border"], }, { value: "#717779ff", filePath: "src/tokens/component/photo.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentPhotoIconColor", attributes: { category: "component", type: "photo", item: "icon", subitem: "color", }, path: ["component", "photo", "icon", "color"], }, { value: "1rem", filePath: "src/tokens/component/photo.json", isSource: true, original: { value: "{size.grid.gutter.value}" }, name: "ComponentPhotoCarouselGridGap", attributes: { category: "component", type: "photo-carousel", item: "grid-gap", }, path: ["component", "photo-carousel", "grid-gap"], }, { value: "0.5rem", filePath: "src/tokens/component/photo.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentPhotoCarouselMarginBottom", attributes: { category: "component", type: "photo-carousel", item: "margin-bottom", }, path: ["component", "photo-carousel", "margin-bottom"], }, { value: "0", filePath: "src/tokens/component/photo.json", isSource: true, original: { value: "{size.border.width.none.value}" }, name: "ComponentPhotoCarouselBorder", attributes: { category: "component", type: "photo-carousel", item: "border", }, path: ["component", "photo-carousel", "border"], }, { value: "#ffffffff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentProductBarVerticalBackgroundColor", attributes: { category: "component", type: "product-bar-vertical", item: "background-color", }, path: ["component", "product-bar-vertical", "background-color"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentProductBarVerticalBorderColor", attributes: { category: "component", type: "product-bar-vertical", item: "border-color", }, path: ["component", "product-bar-vertical", "border-color"], }, { value: "solid", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentProductBarVerticalBorderStyle", attributes: { category: "component", type: "product-bar-vertical", item: "border-style", }, path: ["component", "product-bar-vertical", "border-style"], }, { value: "0.0625rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentProductBarVerticalBorderWidth", attributes: { category: "component", type: "product-bar-vertical", item: "border-width", }, path: ["component", "product-bar-vertical", "border-width"], }, { value: "0.125rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentProductBarVerticalBorderRadius", attributes: { category: "component", type: "product-bar-vertical", item: "border-radius", }, path: ["component", "product-bar-vertical", "border-radius"], }, { value: "1.5rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.component.product-bar-vertical.logo-size.value}", }, name: "ComponentProductBarVerticalLogoSize", attributes: { category: "component", type: "product-bar-vertical", item: "logo", subitem: "size", }, path: ["component", "product-bar-vertical", "logo", "size"], }, { value: "0.5rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentProductBarVerticalLogoMarginRight", attributes: { category: "component", type: "product-bar-vertical", item: "logo", subitem: "margin-right", }, path: ["component", "product-bar-vertical", "logo", "margin-right"], }, { value: "#1f282cff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentProductBarVerticalNameColor", attributes: { category: "component", type: "product-bar-vertical", item: "name", subitem: "color", }, path: ["component", "product-bar-vertical", "name", "color"], }, { value: "1rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.type.title-sm.font.value}" }, name: "ComponentProductBarVerticalNameFontSize", attributes: { category: "component", type: "product-bar-vertical", item: "name", subitem: "font-size", }, path: ["component", "product-bar-vertical", "name", "font-size"], }, { value: 600, filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentProductBarVerticalNameFontWeight", attributes: { category: "component", type: "product-bar-vertical", item: "name", subitem: "font-weight", }, path: ["component", "product-bar-vertical", "name", "font-weight"], }, { value: "#ffffffff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentProductBarVerticalHeaderBackgroundColor", attributes: { category: "component", type: "product-bar-vertical", item: "header", subitem: "background-color", }, path: ["component", "product-bar-vertical", "header", "background-color"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentProductBarVerticalHeaderBorderColor", attributes: { category: "component", type: "product-bar-vertical", item: "header", subitem: "border-color", }, path: ["component", "product-bar-vertical", "header", "border-color"], }, { value: "solid", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentProductBarVerticalHeaderBorderStyle", attributes: { category: "component", type: "product-bar-vertical", item: "header", subitem: "border-style", }, path: ["component", "product-bar-vertical", "header", "border-style"], }, { value: "0.0625rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentProductBarVerticalHeaderBorderWidth", attributes: { category: "component", type: "product-bar-vertical", item: "header", subitem: "border-width", }, path: ["component", "product-bar-vertical", "header", "border-width"], }, { value: "0.5rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentProductBarVerticalHeaderPadding", attributes: { category: "component", type: "product-bar-vertical", item: "header", subitem: "padding", }, path: ["component", "product-bar-vertical", "header", "padding"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentProductBarVerticalSectionBorderColor", attributes: { category: "component", type: "product-bar-vertical", item: "section", subitem: "border-color", }, path: ["component", "product-bar-vertical", "section", "border-color"], }, { value: "solid", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentProductBarVerticalSectionBorderStyle", attributes: { category: "component", type: "product-bar-vertical", item: "section", subitem: "border-style", }, path: ["component", "product-bar-vertical", "section", "border-style"], }, { value: "0.0625rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentProductBarVerticalSectionBorderWidth", attributes: { category: "component", type: "product-bar-vertical", item: "section", subitem: "border-width", }, path: ["component", "product-bar-vertical", "section", "border-width"], }, { value: "0.875rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentProductBarVerticalItemBranchFontSize", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "branch", state: "font-size", }, path: [ "component", "product-bar-vertical", "item", "branch", "font-size", ], }, { value: "1.25rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentProductBarVerticalItemBranchLineHeight", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "branch", state: "line-height", }, path: [ "component", "product-bar-vertical", "item", "branch", "line-height", ], }, { value: "#007db8ff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentProductBarVerticalItemLeafSelectedBackgroundColor", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "leaf", state: "selected-background-color", }, path: [ "component", "product-bar-vertical", "item", "leaf", "selected-background-color", ], }, { value: "#ffffffff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentProductBarVerticalItemLeafSelectedColor", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "leaf", state: "selected-color", }, path: [ "component", "product-bar-vertical", "item", "leaf", "selected-color", ], }, { value: "0.625rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.component.product-bar-vertical.expand-icon-size.value}", }, name: "ComponentProductBarVerticalItemLeafExpandIconSize", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "leaf", state: "expand-icon-size", }, path: [ "component", "product-bar-vertical", "item", "leaf", "expand-icon-size", ], }, { value: "1.25rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentProductBarVerticalItemLeafExpandIconLineHeight", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "leaf", state: "expand-icon-line-height", }, path: [ "component", "product-bar-vertical", "item", "leaf", "expand-icon-line-height", ], }, { value: "0.25rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentProductBarVerticalItemLeafExpandIconMarginRight", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "leaf", state: "expand-icon-margin-right", }, path: [ "component", "product-bar-vertical", "item", "leaf", "expand-icon-margin-right", ], }, { value: "0.875rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.component.product-bar-vertical.expand-icon-margin.value}", }, name: "ComponentProductBarVerticalItemLeafExpandIconMarginLeft", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "leaf", state: "expand-icon-margin-left", }, path: [ "component", "product-bar-vertical", "item", "leaf", "expand-icon-margin-left", ], }, { value: "#f3f4f4ff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentProductBarVerticalItemLeafHoverBackgroundColor", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "leaf", state: "hover", }, path: [ "component", "product-bar-vertical", "item", "leaf", "hover", "background-color", ], }, { value: "#1f282cff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentProductBarVerticalItemLinkColor", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "link", state: "color", }, path: ["component", "product-bar-vertical", "item", "link", "color"], }, { value: "0.875rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentProductBarVerticalItemLinkFontSize", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "link", state: "font-size", }, path: ["component", "product-bar-vertical", "item", "link", "font-size"], }, { value: "1.5rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.type.title-xl.line.value}" }, name: "ComponentProductBarVerticalItemLinkLineHeight", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "link", state: "line-height", }, path: [ "component", "product-bar-vertical", "item", "link", "line-height", ], }, { value: "0.5rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentProductBarVerticalItemLinkPaddingVertical", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "link", state: "padding-vertical", }, path: [ "component", "product-bar-vertical", "item", "link", "padding-vertical", ], }, { value: "1rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentProductBarVerticalItemLinkPaddingRight", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "link", state: "padding-right", }, path: [ "component", "product-bar-vertical", "item", "link", "padding-right", ], }, { value: "1rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentProductBarVerticalItemLinkPaddingLeft", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "link", state: "padding-left", }, path: [ "component", "product-bar-vertical", "item", "link", "padding-left", ], }, { value: "2.5rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.component.product-bar-vertical.link-min-height.value}", }, name: "ComponentProductBarVerticalItemLinkMinHeight", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "link", state: "min-height", }, path: ["component", "product-bar-vertical", "item", "link", "min-height"], }, { value: "2.125rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.component.product-bar-vertical.nested-first-level.value}", }, name: "ComponentProductBarVerticalItemNestingPaddingFirstLevel", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "nesting", state: "padding-first-level", }, path: [ "component", "product-bar-vertical", "item", "nesting", "padding-first-level", ], }, { value: "3rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.component.product-bar-vertical.nested-second-level.value}", }, name: "ComponentProductBarVerticalItemNestingPaddingSecondLevel", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "nesting", state: "padding-second-level", }, path: [ "component", "product-bar-vertical", "item", "nesting", "padding-second-level", ], }, { value: "3.875rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.component.product-bar-vertical.nested-third-level.value}", }, name: "ComponentProductBarVerticalItemNestingPaddingThirdLevel", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "nesting", state: "padding-third-level", }, path: [ "component", "product-bar-vertical", "item", "nesting", "padding-third-level", ], }, { value: "4.75rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.component.product-bar-vertical.nested-fourth-level.value}", }, name: "ComponentProductBarVerticalItemNestingPaddingFourthLevel", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "nesting", state: "padding-fourth-level", }, path: [ "component", "product-bar-vertical", "item", "nesting", "padding-fourth-level", ], }, { value: "#ffffffff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentProductBarVerticalItemTagActiveBackgroundColor", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "tag", state: "active", }, path: [ "component", "product-bar-vertical", "item", "tag", "active", "background-color", ], }, { value: "#4b5356ff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentProductBarVerticalItemTagActiveColor", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "tag", state: "active", }, path: [ "component", "product-bar-vertical", "item", "tag", "active", "color", ], }, { value: "#ffffffff", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentProductBarBackgroundColor", attributes: { category: "component", type: "product-bar", item: "background-color", }, path: ["component", "product-bar", "background-color"], }, { value: "3.75rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.component.product-bar.min-height.value}" }, name: "ComponentProductBarBarMinHeight", attributes: { category: "component", type: "product-bar", item: "bar", subitem: "min-height", }, path: ["component", "product-bar", "bar", "min-height"], }, { value: "2rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.spacing.lg.value}" }, name: "ComponentProductBarBarPadding", attributes: { category: "component", type: "product-bar", item: "bar", subitem: "padding", }, path: ["component", "product-bar", "bar", "padding"], }, { value: "1280px", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.component.product-bar.width.value}" }, name: "ComponentProductBarBarWidth", attributes: { category: "component", type: "product-bar", item: "bar", subitem: "width", }, path: ["component", "product-bar", "bar", "width"], }, { value: "2rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.spacing.lg.value}" }, name: "ComponentProductBarBrandMarginRight", attributes: { category: "component", type: "product-bar", item: "brand", subitem: "margin-right", }, path: ["component", "product-bar", "brand", "margin-right"], }, { value: "1.5rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.component.product-bar.logo-size.value}" }, name: "ComponentProductBarLogoSize", attributes: { category: "component", type: "product-bar", item: "logo", subitem: "size", }, path: ["component", "product-bar", "logo", "size"], }, { value: "0.5rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentProductBarLogoMarginRight", attributes: { category: "component", type: "product-bar", item: "logo", subitem: "margin-right", }, path: ["component", "product-bar", "logo", "margin-right"], }, { value: "#1f282cff", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentProductBarNameColor", attributes: { category: "component", type: "product-bar", item: "name", subitem: "color", }, path: ["component", "product-bar", "name", "color"], }, { value: "1rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.type.title-sm.font.value}" }, name: "ComponentProductBarNameFontSize", attributes: { category: "component", type: "product-bar", item: "name", subitem: "font-size", }, path: ["component", "product-bar", "name", "font-size"], }, { value: 600, filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentProductBarNameFontWeight", attributes: { category: "component", type: "product-bar", item: "name", subitem: "font-weight", }, path: ["component", "product-bar", "name", "font-weight"], }, { value: "0.125rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.component.product-bar.nav-underline.value}" }, name: "ComponentProductBarNavBorderWidth", attributes: { category: "component", type: "product-bar", item: "nav", subitem: "border-width", }, path: ["component", "product-bar", "nav", "border-width"], }, { value: "solid", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentProductBarNavBorderStyle", attributes: { category: "component", type: "product-bar", item: "nav", subitem: "border-style", }, path: ["component", "product-bar", "nav", "border-style"], }, { value: "#4b5356ff", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentProductBarNavColor", attributes: { category: "component", type: "product-bar", item: "nav", subitem: "color", }, path: ["component", "product-bar", "nav", "color"], }, { value: "0.875rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentProductBarNavFontSize", attributes: { category: "component", type: "product-bar", item: "nav", subitem: "font-size", }, path: ["component", "product-bar", "nav", "font-size"], }, { value: "3.625rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.component.product-bar.nav-height.value}" }, name: "ComponentProductBarNavHeight", attributes: { category: "component", type: "product-bar", item: "nav", subitem: "height", }, path: ["component", "product-bar", "nav", "height"], }, { value: "0.125rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentProductBarNavMarginTop", attributes: { category: "component", type: "product-bar", item: "nav", subitem: "margin-top", }, path: ["component", "product-bar", "nav", "margin-top"], }, { value: "1rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentProductBarNavPadding", attributes: { category: "component", type: "product-bar", item: "nav", subitem: "padding", }, path: ["component", "product-bar", "nav", "padding"], }, { value: "#007db8ff", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentProductBarNavActiveBorderColor", attributes: { category: "component", type: "product-bar", item: "nav", subitem: "active-border-color", }, path: ["component", "product-bar", "nav", "active-border-color"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentProductBarNavDisabledColor", attributes: { category: "component", type: "product-bar", item: "nav", subitem: "disabled-color", }, path: ["component", "product-bar", "nav", "disabled-color"], }, { value: "2.125rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.component.product-bar.vertical-rule-height.value}", }, name: "ComponentProductBarVerticalRuleHeight", attributes: { category: "component", type: "product-bar", item: "vertical-rule", subitem: "height", }, path: ["component", "product-bar", "vertical-rule", "height"], }, { value: "1rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentProductBarVerticalRuleMarginRight", attributes: { category: "component", type: "product-bar", item: "vertical-rule", subitem: "margin-right", }, path: ["component", "product-bar", "vertical-rule", "margin-right"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentProductBarVerticalRuleBackground", attributes: { category: "component", type: "product-bar", item: "vertical-rule", subitem: "background", }, path: ["component", "product-bar", "vertical-rule", "background"], }, { value: "0.0625rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentProductBarVerticalRuleWidth", attributes: { category: "component", type: "product-bar", item: "vertical-rule", subitem: "width", }, path: ["component", "product-bar", "vertical-rule", "width"], }, { value: "#91467fff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentProgressBarProgressColorPurpleColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "purple", state: "color", }, path: ["component", "progress-bar", "progress-color", "purple", "color"], }, { value: "#6e3c65ff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.purple.dark.value}" }, name: "ComponentProgressBarProgressColorPurpleHoverColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "purple", state: "hover-color", }, path: [ "component", "progress-bar", "progress-color", "purple", "hover-color", ], }, { value: "#007db8ff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentProgressBarProgressColorBlueColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "blue", state: "color", }, path: ["component", "progress-bar", "progress-color", "blue", "color"], }, { value: "#09638dff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentProgressBarProgressColorBlueHoverColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "blue", state: "hover-color", }, path: [ "component", "progress-bar", "progress-color", "blue", "hover-color", ], }, { value: "#de002eff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentProgressBarProgressColorRedColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "red", state: "color", }, path: ["component", "progress-bar", "progress-color", "red", "color"], }, { value: "#a30d2dff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.red.dark.value}" }, name: "ComponentProgressBarProgressColorRedHoverColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "red", state: "hover-color", }, path: [ "component", "progress-bar", "progress-color", "red", "hover-color", ], }, { value: "#e7760bff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentProgressBarProgressColorOrangeColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "orange", state: "color", }, path: ["component", "progress-bar", "progress-color", "orange", "color"], }, { value: "#aa5e14ff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.orange.dark.value}" }, name: "ComponentProgressBarProgressColorOrangeHoverColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "orange", state: "hover-color", }, path: [ "component", "progress-bar", "progress-color", "orange", "hover-color", ], }, { value: "#717779ff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentProgressBarProgressColorGreyColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "grey", state: "color", }, path: ["component", "progress-bar", "progress-color", "grey", "color"], }, { value: "#1f282cff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentProgressBarProgressColorGreyHoverColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "grey", state: "hover-color", }, path: [ "component", "progress-bar", "progress-color", "grey", "hover-color", ], }, { value: "0.5rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentProgressBarCloseButtonMarginLeft", attributes: { category: "component", type: "progress-bar", item: "close-button", subitem: "margin-left", }, path: ["component", "progress-bar", "close-button", "margin-left"], }, { value: "0.375rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.component.progress-bar.close-button-margin.value}", }, name: "ComponentProgressBarCloseButtonMarginTop", attributes: { category: "component", type: "progress-bar", item: "close-button", subitem: "margin-top", }, path: ["component", "progress-bar", "close-button", "margin-top"], }, { value: "0.875rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentProgressBarHeadingFontSize", attributes: { category: "component", type: "progress-bar", item: "heading", subitem: "font-size", }, path: ["component", "progress-bar", "heading", "font-size"], }, { value: "1.25rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.type.title-lg.line.value}" }, name: "ComponentProgressBarHeadingLineHeight", attributes: { category: "component", type: "progress-bar", item: "heading", subitem: "line-height", }, path: ["component", "progress-bar", "heading", "line-height"], }, { value: "0.5rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentProgressBarHeadingMarginBottom", attributes: { category: "component", type: "progress-bar", item: "heading", subitem: "margin-bottom", }, path: ["component", "progress-bar", "heading", "margin-bottom"], }, { value: "#1f282cff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentProgressBarTitleColor", attributes: { category: "component", type: "progress-bar", item: "title-color", }, path: ["component", "progress-bar", "title-color"], }, { value: "#91467fff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentProgressBarPercentageColor", attributes: { category: "component", type: "progress-bar", item: "percentage", subitem: "color", }, path: ["component", "progress-bar", "percentage", "color"], }, { value: 600, filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentProgressBarPercentageFontWeight", attributes: { category: "component", type: "progress-bar", item: "percentage", subitem: "font-weight", }, path: ["component", "progress-bar", "percentage", "font-weight"], }, { value: "0.875rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.type.body-md.font.value }" }, name: "ComponentProgressBarPercentageFontSize", attributes: { category: "component", type: "progress-bar", item: "percentage", subitem: "font-size", }, path: ["component", "progress-bar", "percentage", "font-size"], }, { value: "1.25rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.type.title-lg.line.value}" }, name: "ComponentProgressBarPercentageLineHeight", attributes: { category: "component", type: "progress-bar", item: "percentage", subitem: "line-height", }, path: ["component", "progress-bar", "percentage", "line-height"], }, { value: "#0b8940ff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentProgressBarPercentageCompletedColor", attributes: { category: "component", type: "progress-bar", item: "percentage", subitem: "completed-color", }, path: ["component", "progress-bar", "percentage", "completed-color"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentProgressBarPercentageDisabledColor", attributes: { category: "component", type: "progress-bar", item: "percentage", subitem: "disabled-color", }, path: ["component", "progress-bar", "percentage", "disabled-color"], }, { value: "#e9e9eaff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentProgressBarBackgroundBackground", attributes: { category: "component", type: "progress-bar", item: "background", subitem: "background", }, path: ["component", "progress-bar", "background", "background"], }, { value: "0.5rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.component.progress-bar.border-radius.value}" }, name: "ComponentProgressBarBackgroundBorderRadius", attributes: { category: "component", type: "progress-bar", item: "background", subitem: "border-radius", }, path: ["component", "progress-bar", "background", "border-radius"], }, { value: "1rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentProgressBarBackgroundHeight", attributes: { category: "component", type: "progress-bar", item: "background", subitem: "height", }, path: ["component", "progress-bar", "background", "height"], }, { value: "#91467fff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentProgressBarProgressBackgroundColor", attributes: { category: "component", type: "progress-bar", item: "progress", subitem: "background-color", }, path: ["component", "progress-bar", "progress", "background-color"], }, { value: "0.5rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.component.progress-bar.border-radius.value}" }, name: "ComponentProgressBarProgressBorderRadius", attributes: { category: "component", type: "progress-bar", item: "progress", subitem: "border-radius", }, path: ["component", "progress-bar", "progress", "border-radius"], }, { value: "1rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentProgressBarProgressHeight", attributes: { category: "component", type: "progress-bar", item: "progress", subitem: "height", }, path: ["component", "progress-bar", "progress", "height"], }, { value: "#0b8940ff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentProgressBarProgressCompletedBackgroundColor", attributes: { category: "component", type: "progress-bar", item: "progress", subitem: "completed-background-color", }, path: [ "component", "progress-bar", "progress", "completed-background-color", ], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentProgressBarProgressDisabledBackgroundColor", attributes: { category: "component", type: "progress-bar", item: "progress", subitem: "disabled-background-color", }, path: [ "component", "progress-bar", "progress", "disabled-background-color", ], }, { value: "#4b5356ff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentProgressBarDetailColor", attributes: { category: "component", type: "progress-bar", item: "detail", subitem: "color", }, path: ["component", "progress-bar", "detail", "color"], }, { value: "0.75rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "ComponentProgressBarDetailFontSize", attributes: { category: "component", type: "progress-bar", item: "detail", subitem: "font-size", }, path: ["component", "progress-bar", "detail", "font-size"], }, { value: "1.125rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.type.title-md.line.value}" }, name: "ComponentProgressBarDetailLineHeight", attributes: { category: "component", type: "progress-bar", item: "detail", subitem: "line-height", }, path: ["component", "progress-bar", "detail", "line-height"], }, { value: "1rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentProgressBarDetailMarginTop", attributes: { category: "component", type: "progress-bar", item: "detail", subitem: "margin-top", }, path: ["component", "progress-bar", "detail", "margin-top"], }, { value: 14, filePath: "src/tokens/component/progress-ring.json", isSource: true, original: { value: 14 }, name: "ComponentProgressRingSm", attributes: { category: "component", type: "progress-ring", item: "sm" }, path: ["component", "progress-ring", "sm"], }, { value: 26, filePath: "src/tokens/component/progress-ring.json", isSource: true, original: { value: 26 }, name: "ComponentProgressRingMd", attributes: { category: "component", type: "progress-ring", item: "md" }, path: ["component", "progress-ring", "md"], }, { value: 38, filePath: "src/tokens/component/progress-ring.json", isSource: true, original: { value: 38 }, name: "ComponentProgressRingLg", attributes: { category: "component", type: "progress-ring", item: "lg" }, path: ["component", "progress-ring", "lg"], }, { value: "#ffffffff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentRichTextEditorBackgroundColor", attributes: { category: "component", type: "rich-text-editor", item: "background-color", }, path: ["component", "rich-text-editor", "background-color"], }, { value: "#717779ff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentRichTextEditorBorderColor", attributes: { category: "component", type: "rich-text-editor", item: "border", subitem: "color", }, path: ["component", "rich-text-editor", "border", "color"], }, { value: "solid", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentRichTextEditorBorderStyle", attributes: { category: "component", type: "rich-text-editor", item: "border", subitem: "style", }, path: ["component", "rich-text-editor", "border", "style"], }, { value: "0.25rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentRichTextEditorBorderRadius", attributes: { category: "component", type: "rich-text-editor", item: "border", subitem: "radius", }, path: ["component", "rich-text-editor", "border", "radius"], }, { value: "0.0625rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentRichTextEditorBorderWidth", attributes: { category: "component", type: "rich-text-editor", item: "border", subitem: "width", }, path: ["component", "rich-text-editor", "border", "width"], }, { value: "0", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.border.width.none.value}" }, name: "ComponentRichTextEditorBorderNoWidth", attributes: { category: "component", type: "rich-text-editor", item: "border", subitem: "no-width", }, path: ["component", "rich-text-editor", "border", "no-width"], }, { value: "0.875rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentRichTextEditorFontSize", attributes: { category: "component", type: "rich-text-editor", item: "font-size", }, path: ["component", "rich-text-editor", "font-size"], }, { value: "1.25rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentRichTextEditorLineHeight", attributes: { category: "component", type: "rich-text-editor", item: "line-height", }, path: ["component", "rich-text-editor", "line-height"], }, { value: "1.75rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.component.rich-text-editor.vr.height.value}" }, name: "ComponentRichTextEditorVrHeight", attributes: { category: "component", type: "rich-text-editor", item: "vr", subitem: "height", }, path: ["component", "rich-text-editor", "vr", "height"], }, { value: "8rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.component.rich-text-editor.editable-div.min-height.value}", }, name: "ComponentRichTextEditorEditableDivMinHeight", attributes: { category: "component", type: "rich-text-editor", item: "editable-div", subitem: "min-height", }, path: ["component", "rich-text-editor", "editable-div", "min-height"], }, { value: "0.5rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentRichTextEditorPaddingInputX", attributes: { category: "component", type: "rich-text-editor", item: "padding", subitem: "input", state: "x", }, path: ["component", "rich-text-editor", "padding", "input", "x"], }, { value: "0.25rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentRichTextEditorPaddingInputY", attributes: { category: "component", type: "rich-text-editor", item: "padding", subitem: "input", state: "y", }, path: ["component", "rich-text-editor", "padding", "input", "y"], }, { value: "0.25rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentRichTextEditorPaddingToolbar", attributes: { category: "component", type: "rich-text-editor", item: "padding", subitem: "toolbar", }, path: ["component", "rich-text-editor", "padding", "toolbar"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentRichTextEditorDisabledBorderColor", attributes: { category: "component", type: "rich-text-editor", item: "disabled", subitem: "border-color", }, path: ["component", "rich-text-editor", "disabled", "border-color"], }, { value: "#717779ff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentRichTextEditorDisabledInputColor", attributes: { category: "component", type: "rich-text-editor", item: "disabled", subitem: "input-color", }, path: ["component", "rich-text-editor", "disabled", "input-color"], }, { value: "#ffffffff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentRichTextEditorToolbarButtonBackgroundColor", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "background-color", }, path: [ "component", "rich-text-editor-toolbar-button", "background-color", ], }, { value: "#ffffffff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentRichTextEditorToolbarButtonBorderColor", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "border", subitem: "color", }, path: ["component", "rich-text-editor-toolbar-button", "border", "color"], }, { value: "solid", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentRichTextEditorToolbarButtonBorderStyle", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "border", subitem: "style", }, path: ["component", "rich-text-editor-toolbar-button", "border", "style"], }, { value: "0.25rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentRichTextEditorToolbarButtonBorderRadius", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "border", subitem: "radius", }, path: [ "component", "rich-text-editor-toolbar-button", "border", "radius", ], }, { value: "0.0625rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentRichTextEditorToolbarButtonBorderWidth", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "border", subitem: "width", }, path: ["component", "rich-text-editor-toolbar-button", "border", "width"], }, { value: "0.5rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentRichTextEditorToolbarButtonPaddingX", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "padding", subitem: "x", }, path: ["component", "rich-text-editor-toolbar-button", "padding", "x"], }, { value: "0.25rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentRichTextEditorToolbarButtonPaddingY", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "padding", subitem: "y", }, path: ["component", "rich-text-editor-toolbar-button", "padding", "y"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentRichTextEditorToolbarButtonHoverBackgroundColor", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "hover", subitem: "background-color", }, path: [ "component", "rich-text-editor-toolbar-button", "hover", "background-color", ], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentRichTextEditorToolbarButtonHoverBorderColor", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "hover", subitem: "border-color", }, path: [ "component", "rich-text-editor-toolbar-button", "hover", "border-color", ], }, { value: "#e6f2f8ff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.blue.light.value}" }, name: "ComponentRichTextEditorToolbarButtonActiveBackgroundColor", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "active", subitem: "background-color", }, path: [ "component", "rich-text-editor-toolbar-button", "active", "background-color", ], }, { value: "#007db8ff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentRichTextEditorToolbarButtonActiveBorderColor", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "active", subitem: "border-color", }, path: [ "component", "rich-text-editor-toolbar-button", "active", "border-color", ], }, { value: "#e9e9eaff", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentSearchResultsBarBackgroundColor", attributes: { category: "component", type: "search-results-bar", item: "background-color", }, path: ["component", "search-results-bar", "background-color"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentSearchResultsBarBorderColor", attributes: { category: "component", type: "search-results-bar", item: "border-color", }, path: ["component", "search-results-bar", "border-color"], }, { value: "solid", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentSearchResultsBarBorderStyle", attributes: { category: "component", type: "search-results-bar", item: "border-style", }, path: ["component", "search-results-bar", "border-style"], }, { value: "0.0625rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentSearchResultsBarBorderWidth", attributes: { category: "component", type: "search-results-bar", item: "border-width", }, path: ["component", "search-results-bar", "border-width"], }, { value: "0.25rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentSearchResultsBarBorderRadius", attributes: { category: "component", type: "search-results-bar", item: "border-radius", }, path: ["component", "search-results-bar", "border-radius"], }, { value: "3.25rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.component.search-results-bar.min-height.value}", }, name: "ComponentSearchResultsBarMinHeight", attributes: { category: "component", type: "search-results-bar", item: "min-height", }, path: ["component", "search-results-bar", "min-height"], }, { value: "0.5rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentSearchResultsBarPadding", attributes: { category: "component", type: "search-results-bar", item: "padding", }, path: ["component", "search-results-bar", "padding"], }, { value: "0.25rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentSearchResultsBarMargin", attributes: { category: "component", type: "search-results-bar", item: "margin", }, path: ["component", "search-results-bar", "margin"], }, { value: "0.125rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentSearchResultsBarListBarBorderRadiusBottom", attributes: { category: "component", type: "search-results-bar", item: "list-bar", subitem: "border-radius-bottom", }, path: [ "component", "search-results-bar", "list-bar", "border-radius-bottom", ], }, { value: "0", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.border.radius.none.value}" }, name: "ComponentSearchResultsBarListBarBorderRadiusTop", attributes: { category: "component", type: "search-results-bar", item: "list-bar", subitem: "border-radius-top", }, path: [ "component", "search-results-bar", "list-bar", "border-radius-top", ], }, { value: "0", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.border.width.none.value}" }, name: "ComponentSearchResultsBarListBarBorderWidth", attributes: { category: "component", type: "search-results-bar", item: "list-bar", subitem: "border-width", }, path: ["component", "search-results-bar", "list-bar", "border-width"], }, { value: "0.0625rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentSearchResultsBarListBarBorderWidthTop", attributes: { category: "component", type: "search-results-bar", item: "list-bar", subitem: "border-width-top", }, path: ["component", "search-results-bar", "list-bar", "border-width-top"], }, { value: "0.125rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentSearchResultsBarSelectionTagMarginVertical", attributes: { category: "component", type: "search-results-bar", item: "selection-tag", subitem: "margin-vertical", }, path: [ "component", "search-results-bar", "selection-tag", "margin-vertical", ], }, { value: "0.25rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentSearchResultsBarSelectionTagMarginRight", attributes: { category: "component", type: "search-results-bar", item: "selection-tag", subitem: "margin-right", }, path: [ "component", "search-results-bar", "selection-tag", "margin-right", ], }, { value: "5.25rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.component.search-results-bar.clear-button.value}", }, name: "ComponentSearchResultsBarClearButtonWidth", attributes: { category: "component", type: "search-results-bar", item: "clear-button", subitem: "width", }, path: ["component", "search-results-bar", "clear-button", "width"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentSearchResultsBarClearButtonHoverBackground", attributes: { category: "component", type: "search-results-bar", item: "clear-button", subitem: "hover-background", }, path: [ "component", "search-results-bar", "clear-button", "hover-background", ], }, { value: "#ffffffff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentSideNavBackgroundColor", attributes: { category: "component", type: "side-nav", item: "background-color", }, path: ["component", "side-nav", "background-color"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentSideNavBorderColor", attributes: { category: "component", type: "side-nav", item: "border-color", }, path: ["component", "side-nav", "border-color"], }, { value: "solid", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentSideNavBorderStyle", attributes: { category: "component", type: "side-nav", item: "border-style", }, path: ["component", "side-nav", "border-style"], }, { value: "0.0625rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentSideNavBorderWidth", attributes: { category: "component", type: "side-nav", item: "border-width", }, path: ["component", "side-nav", "border-width"], }, { value: "0.125rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentSideNavBorderRadius", attributes: { category: "component", type: "side-nav", item: "border-radius", }, path: ["component", "side-nav", "border-radius"], }, { value: "#ffffffff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentSideNavHeaderBackgroundColor", attributes: { category: "component", type: "side-nav", item: "header", subitem: "background-color", }, path: ["component", "side-nav", "header", "background-color"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentSideNavHeaderBorderColor", attributes: { category: "component", type: "side-nav", item: "header", subitem: "border-color", }, path: ["component", "side-nav", "header", "border-color"], }, { value: "solid", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentSideNavHeaderBorderStyle", attributes: { category: "component", type: "side-nav", item: "header", subitem: "border-style", }, path: ["component", "side-nav", "header", "border-style"], }, { value: "0.0625rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentSideNavHeaderBorderWidth", attributes: { category: "component", type: "side-nav", item: "header", subitem: "border-width", }, path: ["component", "side-nav", "header", "border-width"], }, { value: "0.5rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentSideNavHeaderPadding", attributes: { category: "component", type: "side-nav", item: "header", subitem: "padding", }, path: ["component", "side-nav", "header", "padding"], }, { value: "0.75rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "ComponentSideNavHeaderTitleFontSize", attributes: { category: "component", type: "side-nav", item: "header", subitem: "title", state: "font-size", }, path: ["component", "side-nav", "header", "title", "font-size"], }, { value: "1.5rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.type.title-xl.line.value}" }, name: "ComponentSideNavHeaderTitleLineHeight", attributes: { category: "component", type: "side-nav", item: "header", subitem: "title", state: "line-height", }, path: ["component", "side-nav", "header", "title", "line-height"], }, { value: 600, filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentSideNavHeaderTitleFontWeight", attributes: { category: "component", type: "side-nav", item: "header", subitem: "title", state: "font-weight", }, path: ["component", "side-nav", "header", "title", "font-weight"], }, { value: "0.5rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentSideNavHeaderTitlePaddingLeft", attributes: { category: "component", type: "side-nav", item: "header", subitem: "title", state: "padding-left", }, path: ["component", "side-nav", "header", "title", "padding-left"], }, { value: "0.875rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentSideNavHeaderTitleIconFontSize", attributes: { category: "component", type: "side-nav", item: "header", subitem: "title", state: "icon-font-size", }, path: ["component", "side-nav", "header", "title", "icon-font-size"], }, { value: "0.25rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentSideNavHeaderTitleIconMargin", attributes: { category: "component", type: "side-nav", item: "header", subitem: "title", state: "icon-margin", }, path: ["component", "side-nav", "header", "title", "icon-margin"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentSideNavFilterBorderColor", attributes: { category: "component", type: "side-nav", item: "filter", subitem: "border-color", }, path: ["component", "side-nav", "filter", "border-color"], }, { value: "solid", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentSideNavFilterBorderStyle", attributes: { category: "component", type: "side-nav", item: "filter", subitem: "border-style", }, path: ["component", "side-nav", "filter", "border-style"], }, { value: "0.0625rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentSideNavFilterBorderWidth", attributes: { category: "component", type: "side-nav", item: "filter", subitem: "border-width", }, path: ["component", "side-nav", "filter", "border-width"], }, { value: "0.5rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentSideNavFilterPaddingVertical", attributes: { category: "component", type: "side-nav", item: "filter", subitem: "padding-vertical", }, path: ["component", "side-nav", "filter", "padding-vertical"], }, { value: "0.5rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentSideNavSectionPaddingVertical", attributes: { category: "component", type: "side-nav", item: "section", subitem: "padding-vertical", }, path: ["component", "side-nav", "section", "padding-vertical"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentSideNavSectionBorderColor", attributes: { category: "component", type: "side-nav", item: "section", subitem: "border-color", }, path: ["component", "side-nav", "section", "border-color"], }, { value: "solid", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentSideNavSectionBorderStyle", attributes: { category: "component", type: "side-nav", item: "section", subitem: "border-style", }, path: ["component", "side-nav", "section", "border-style"], }, { value: "0.0625rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentSideNavSectionBorderWidth", attributes: { category: "component", type: "side-nav", item: "section", subitem: "border-width", }, path: ["component", "side-nav", "section", "border-width"], }, { value: "1rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.type.title-sm.font.value}" }, name: "ComponentSideNavSectionTitleFontSize", attributes: { category: "component", type: "side-nav", item: "section", subitem: "title", state: "font-size", }, path: ["component", "side-nav", "section", "title", "font-size"], }, { value: 400, filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{type.weight.normal.value}" }, name: "ComponentSideNavSectionTitleFontWeight", attributes: { category: "component", type: "side-nav", item: "section", subitem: "title", state: "font-weight", }, path: ["component", "side-nav", "section", "title", "font-weight"], }, { value: "#717779ff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentSideNavSectionTitleColor", attributes: { category: "component", type: "side-nav", item: "section", subitem: "title", state: "color", }, path: ["component", "side-nav", "section", "title", "color"], }, { value: "0.25rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentSideNavSectionTitleMarginTop", attributes: { category: "component", type: "side-nav", item: "section", subitem: "title", state: "margin-top", }, path: ["component", "side-nav", "section", "title", "margin-top"], }, { value: "0.5rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentSideNavSectionTitleMarginBottom", attributes: { category: "component", type: "side-nav", item: "section", subitem: "title", state: "margin-bottom", }, path: ["component", "side-nav", "section", "title", "margin-bottom"], }, { value: "1rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentSideNavSectionTitleMarginLeft", attributes: { category: "component", type: "side-nav", item: "section", subitem: "title", state: "margin-left", }, path: ["component", "side-nav", "section", "title", "margin-left"], }, { value: "0.875rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentSideNavItemBranchFontSize", attributes: { category: "component", type: "side-nav", item: "item", subitem: "branch", state: "font-size", }, path: ["component", "side-nav", "item", "branch", "font-size"], }, { value: "1.25rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentSideNavItemBranchLineHeight", attributes: { category: "component", type: "side-nav", item: "item", subitem: "branch", state: "line-height", }, path: ["component", "side-nav", "item", "branch", "line-height"], }, { value: "#e6f2f8ff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.blue.light.value}" }, name: "ComponentSideNavItemLeafSelectedBackgroundColor", attributes: { category: "component", type: "side-nav", item: "item", subitem: "leaf", state: "selected-background-color", }, path: [ "component", "side-nav", "item", "leaf", "selected-background-color", ], }, { value: "0.125rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentSideNavItemLeafBoxShadowSize", attributes: { category: "component", type: "side-nav", item: "item", subitem: "leaf", state: "box-shadow-size", }, path: ["component", "side-nav", "item", "leaf", "box-shadow-size"], }, { value: "#007db8ff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentSideNavItemLeafBoxShadowColor", attributes: { category: "component", type: "side-nav", item: "item", subitem: "leaf", state: "box-shadow-color", }, path: ["component", "side-nav", "item", "leaf", "box-shadow-color"], }, { value: "#1f282cff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentSideNavItemLeafColor", attributes: { category: "component", type: "side-nav", item: "item", subitem: "leaf", state: "color", }, path: ["component", "side-nav", "item", "leaf", "color"], }, { value: "43.75rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.component.side-nav.selected-font-weight.value}", }, name: "ComponentSideNavItemLeafFontWeight", attributes: { category: "component", type: "side-nav", item: "item", subitem: "leaf", state: "font-weight", }, path: ["component", "side-nav", "item", "leaf", "font-weight"], }, { value: "0.625rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.component.side-nav.expand-icon-size.value}" }, name: "ComponentSideNavItemLeafExpandIconSize", attributes: { category: "component", type: "side-nav", item: "item", subitem: "leaf", state: "expand-icon-size", }, path: ["component", "side-nav", "item", "leaf", "expand-icon-size"], }, { value: "1.25rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentSideNavItemLeafExpandIconLineHeight", attributes: { category: "component", type: "side-nav", item: "item", subitem: "leaf", state: "expand-icon-line-height", }, path: [ "component", "side-nav", "item", "leaf", "expand-icon-line-height", ], }, { value: "0.25rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentSideNavItemLeafExpandIconMarginRight", attributes: { category: "component", type: "side-nav", item: "item", subitem: "leaf", state: "expand-icon-margin-right", }, path: [ "component", "side-nav", "item", "leaf", "expand-icon-margin-right", ], }, { value: "0.875rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.component.side-nav.expand-icon-margin.value}" }, name: "ComponentSideNavItemLeafExpandIconMarginLeft", attributes: { category: "component", type: "side-nav", item: "item", subitem: "leaf", state: "expand-icon-margin-left", }, path: [ "component", "side-nav", "item", "leaf", "expand-icon-margin-left", ], }, { value: "#1f282cff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentSideNavItemLinkColor", attributes: { category: "component", type: "side-nav", item: "item", subitem: "link", state: "color", }, path: ["component", "side-nav", "item", "link", "color"], }, { value: "0.875rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentSideNavItemLinkFontSize", attributes: { category: "component", type: "side-nav", item: "item", subitem: "link", state: "font-size", }, path: ["component", "side-nav", "item", "link", "font-size"], }, { value: "1.25rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentSideNavItemLinkLineHeight", attributes: { category: "component", type: "side-nav", item: "item", subitem: "link", state: "line-height", }, path: ["component", "side-nav", "item", "link", "line-height"], }, { value: "0.5rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentSideNavItemLinkPaddingVertical", attributes: { category: "component", type: "side-nav", item: "item", subitem: "link", state: "padding-vertical", }, path: ["component", "side-nav", "item", "link", "padding-vertical"], }, { value: "1rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentSideNavItemLinkPaddingRight", attributes: { category: "component", type: "side-nav", item: "item", subitem: "link", state: "padding-right", }, path: ["component", "side-nav", "item", "link", "padding-right"], }, { value: "1.25rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.component.side-nav.link-padding-left.value}" }, name: "ComponentSideNavItemLinkPaddingLeft", attributes: { category: "component", type: "side-nav", item: "item", subitem: "link", state: "padding-left", }, path: ["component", "side-nav", "item", "link", "padding-left"], }, { value: "#f3f4f4ff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentSideNavItemLinkHoverBackgroundColor", attributes: { category: "component", type: "side-nav", item: "item", subitem: "link", state: "hover-background-color", }, path: ["component", "side-nav", "item", "link", "hover-background-color"], }, { value: "2.125rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.component.side-nav.nested-first-level.value}" }, name: "ComponentSideNavItemNestingPaddingFirstLevel", attributes: { category: "component", type: "side-nav", item: "item", subitem: "nesting", state: "padding-first-level", }, path: ["component", "side-nav", "item", "nesting", "padding-first-level"], }, { value: "3rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.component.side-nav.nested-second-level.value}", }, name: "ComponentSideNavItemNestingPaddingSecondLevel", attributes: { category: "component", type: "side-nav", item: "item", subitem: "nesting", state: "padding-second-level", }, path: [ "component", "side-nav", "item", "nesting", "padding-second-level", ], }, { value: "3.875rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.component.side-nav.nested-third-level.value}" }, name: "ComponentSideNavItemNestingPaddingThirdLevel", attributes: { category: "component", type: "side-nav", item: "item", subitem: "nesting", state: "padding-third-level", }, path: ["component", "side-nav", "item", "nesting", "padding-third-level"], }, { value: "4.75rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.component.side-nav.nested-fourth-level.value}", }, name: "ComponentSideNavItemNestingPaddingFouthLevel", attributes: { category: "component", type: "side-nav", item: "item", subitem: "nesting", state: "padding-fouth-level", }, path: ["component", "side-nav", "item", "nesting", "padding-fouth-level"], }, { value: "0.875rem", filePath: "src/tokens/component/slack-link.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentSlackLinkFontSize", attributes: { category: "component", type: "slack-link", item: "font-size", }, path: ["component", "slack-link", "font-size"], }, { value: "#007db8ff", filePath: "src/tokens/component/slack-link.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentSlackLinkBorderColor", attributes: { category: "component", type: "slack-link", item: "border-color", }, path: ["component", "slack-link", "border-color"], }, { value: "0.0625rem", filePath: "src/tokens/component/slack-link.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentSlackLinkBorderSize", attributes: { category: "component", type: "slack-link", item: "border-size", }, path: ["component", "slack-link", "border-size"], }, { value: "solid", filePath: "src/tokens/component/slack-link.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentSlackLinkBorderStyle", attributes: { category: "component", type: "slack-link", item: "border-style", }, path: ["component", "slack-link", "border-style"], }, { value: "1rem", filePath: "src/tokens/component/slack-link.json", isSource: true, original: { value: "{size.type.title-sm.font.value}" }, name: "ComponentSlackLinkIconFontSize", attributes: { category: "component", type: "slack-link", item: "icon", subitem: "font-size", }, path: ["component", "slack-link", "icon", "font-size"], }, { value: "0.25rem", filePath: "src/tokens/component/slack-link.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentSlackLinkIconMarginRight", attributes: { category: "component", type: "slack-link", item: "icon", subitem: "margin-right", }, path: ["component", "slack-link", "icon", "margin-right"], }, { value: "100%", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "100%" }, name: "ComponentSortingHeaderWidth", attributes: { category: "component", type: "sorting-header", item: "width", }, path: ["component", "sorting-header", "width"], }, { value: "0", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "0" }, name: "ComponentSortingHeaderPadding", attributes: { category: "component", type: "sorting-header", item: "padding", }, path: ["component", "sorting-header", "padding"], }, { value: "0.25rem", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{size.system.xs.value}" }, name: "ComponentSortingHeaderBorderRadius", attributes: { category: "component", type: "sorting-header", item: "borderRadius", }, path: ["component", "sorting-header", "borderRadius"], }, { value: "#e9e9eaff", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentSortingHeaderBackgroundColor", attributes: { category: "component", type: "sorting-header", item: "backgroundColor", }, path: ["component", "sorting-header", "backgroundColor"], }, { value: "#4b5356ff", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentSortingHeaderCellTypeColor", attributes: { category: "component", type: "sorting-header", item: "cell", subitem: "typeColor", }, path: ["component", "sorting-header", "cell", "typeColor"], }, { value: "#1f282cff", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentSortingHeaderCellActiveTypeColor", attributes: { category: "component", type: "sorting-header", item: "cell", subitem: "activeTypeColor", }, path: ["component", "sorting-header", "cell", "activeTypeColor"], }, { value: "0.75rem", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "ComponentSortingHeaderCellFontSize", attributes: { category: "component", type: "sorting-header", item: "cell", subitem: "fontSize", }, path: ["component", "sorting-header", "cell", "fontSize"], }, { value: 600, filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: 600 }, name: "ComponentSortingHeaderCellFontWeight", attributes: { category: "component", type: "sorting-header", item: "cell", subitem: "fontWeight", }, path: ["component", "sorting-header", "cell", "fontWeight"], }, { value: "1.25rem", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentSortingHeaderCellLineHeight", attributes: { category: "component", type: "sorting-header", item: "cell", subitem: "lineHeight", }, path: ["component", "sorting-header", "cell", "lineHeight"], }, { value: "0.5rem", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentSortingHeaderCellPadding", attributes: { category: "component", type: "sorting-header", item: "cell", subitem: "padding", }, path: ["component", "sorting-header", "cell", "padding"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentSortingHeaderCellActiveBackgroundColor", attributes: { category: "component", type: "sorting-header", item: "cell", subitem: "activeBackgroundColor", }, path: ["component", "sorting-header", "cell", "activeBackgroundColor"], }, { value: "#f3f4f4ff", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentSortingHeaderCellHoverBackgroundColor", attributes: { category: "component", type: "sorting-header", item: "cell", subitem: "hoverBackgroundColor", }, path: ["component", "sorting-header", "cell", "hoverBackgroundColor"], }, { value: 999, filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: 999 }, name: "ComponentSortingHeaderPinnedZIndex", attributes: { category: "component", type: "sorting-header", item: "pinned", subitem: "zIndex", }, path: ["component", "sorting-header", "pinned", "zIndex"], }, { value: 0, filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: 0 }, name: "ComponentSortingHeaderPinnedBorderRadius", attributes: { category: "component", type: "sorting-header", item: "pinned", subitem: "borderRadius", }, path: ["component", "sorting-header", "pinned", "borderRadius"], }, { value: "0.625rem", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{size.component.sorting-header.pinned.shadowHeight.value}", }, name: "ComponentSortingHeaderPinnedShadowHeight", attributes: { category: "component", type: "sorting-header", item: "pinned", subitem: "shadowHeight", }, path: ["component", "sorting-header", "pinned", "shadowHeight"], }, { value: "-0.0625rem", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{size.component.sorting-header.pinned.shadowLeftAdjustment.value}", }, name: "ComponentSortingHeaderPinnedShadowLeftAdjustment", attributes: { category: "component", type: "sorting-header", item: "pinned", subitem: "shadowLeftAdjustment", }, path: ["component", "sorting-header", "pinned", "shadowLeftAdjustment"], }, { value: "1rem", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentSortingHeaderAutoLayoutSpacerHeight", attributes: { category: "component", type: "sorting-header-auto-layout-spacer", item: "height", }, path: ["component", "sorting-header-auto-layout-spacer", "height"], }, { value: "#91467fff", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentSpinnerColorPrimary", attributes: { category: "component", type: "spinner", item: "color", subitem: "primary", }, path: ["component", "spinner", "color", "primary"], }, { value: "#f4ecf2ff", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{color.purple.light.value}" }, name: "ComponentSpinnerColorSecondary", attributes: { category: "component", type: "spinner", item: "color", subitem: "secondary", }, path: ["component", "spinner", "color", "secondary"], }, { value: "#ffffffff", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentSpinnerColorWhite", attributes: { category: "component", type: "spinner", item: "color", subitem: "white", }, path: ["component", "spinner", "color", "white"], }, { value: "#ffffffff", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentSpinnerLightColorPrimary", attributes: { category: "component", type: "spinner", item: "light", subitem: "color", state: "primary", }, path: ["component", "spinner", "light", "color", "primary"], }, { value: "#ffffffcc", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{color.white-80.value}" }, name: "ComponentSpinnerLightColorSecondary", attributes: { category: "component", type: "spinner", item: "light", subitem: "color", state: "secondary", }, path: ["component", "spinner", "light", "color", "secondary"], }, { value: "1.125rem", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{size.component.spinner.sm.dimension.value}" }, name: "ComponentSpinnerSmDimension", attributes: { category: "component", type: "spinner", item: "sm", subitem: "dimension", }, path: ["component", "spinner", "sm", "dimension"], }, { value: "0.125rem", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{size.component.spinner.sm.thickness.value}" }, name: "ComponentSpinnerSmThickness", attributes: { category: "component", type: "spinner", item: "sm", subitem: "thickness", }, path: ["component", "spinner", "sm", "thickness"], }, { value: "2.25rem", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{size.component.spinner.md.dimension.value}" }, name: "ComponentSpinnerMdDimension", attributes: { category: "component", type: "spinner", item: "md", subitem: "dimension", }, path: ["component", "spinner", "md", "dimension"], }, { value: "0.25rem", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{size.component.spinner.md.thickness.value}" }, name: "ComponentSpinnerMdThickness", attributes: { category: "component", type: "spinner", item: "md", subitem: "thickness", }, path: ["component", "spinner", "md", "thickness"], }, { value: "4.5rem", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{size.component.spinner.lg.dimension.value}" }, name: "ComponentSpinnerLgDimension", attributes: { category: "component", type: "spinner", item: "lg", subitem: "dimension", }, path: ["component", "spinner", "lg", "dimension"], }, { value: "0.5rem", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{size.component.spinner.lg.thickness.value}" }, name: "ComponentSpinnerLgThickness", attributes: { category: "component", type: "spinner", item: "lg", subitem: "thickness", }, path: ["component", "spinner", "lg", "thickness"], }, { value: "0.125rem", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{size.border.radius.xxs.value }" }, name: "ComponentSplitTagKeySectionBorderLeftRadius", attributes: { category: "component", type: "split-tag", item: "key-section", subitem: "border-left-radius", }, path: ["component", "split-tag", "key-section", "border-left-radius"], }, { value: "0", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{size.border.radius.none.value}" }, name: "ComponentSplitTagKeySectionBorderRightRadius", attributes: { category: "component", type: "split-tag", item: "key-section", subitem: "border-right-radius", }, path: ["component", "split-tag", "key-section", "border-right-radius"], }, { value: "0.25rem", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentSplitTagKeySectionTextMargin", attributes: { category: "component", type: "split-tag", item: "key-section", subitem: "text-margin", }, path: ["component", "split-tag", "key-section", "text-margin"], }, { value: "#ffffffff", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentSplitTagValueSectionBackground", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "background", }, path: ["component", "split-tag", "value-section", "background"], }, { value: "0", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{size.border.radius.none.value }" }, name: "ComponentSplitTagValueSectionBorderLeftRadius", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "border-left-radius", }, path: ["component", "split-tag", "value-section", "border-left-radius"], }, { value: "0.125rem", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentSplitTagValueSectionBorderRightRadius", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "border-right-radius", }, path: ["component", "split-tag", "value-section", "border-right-radius"], }, { value: "#e9e9eaff", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentSplitTagValueSectionBoxShadowColorDefault", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "box-shadow-color", state: "default", }, path: [ "component", "split-tag", "value-section", "box-shadow-color", "default", ], }, { value: "#4b5356ff", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentSplitTagValueSectionBoxShadowColorKey", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "box-shadow-color", state: "key", }, path: [ "component", "split-tag", "value-section", "box-shadow-color", "key", ], }, { value: "#e7760bff", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentSplitTagValueSectionBoxShadowColorWarning", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "box-shadow-color", state: "warning", }, path: [ "component", "split-tag", "value-section", "box-shadow-color", "warning", ], }, { value: "#de002eff", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentSplitTagValueSectionBoxShadowColorError", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "box-shadow-color", state: "error", }, path: [ "component", "split-tag", "value-section", "box-shadow-color", "error", ], }, { value: "#91467fff", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentSplitTagValueSectionBoxShadowColorPending", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "box-shadow-color", state: "pending", }, path: [ "component", "split-tag", "value-section", "box-shadow-color", "pending", ], }, { value: "#0b8940ff", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentSplitTagValueSectionBoxShadowColorSuccess", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "box-shadow-color", state: "success", }, path: [ "component", "split-tag", "value-section", "box-shadow-color", "success", ], }, { value: "#007db8ff", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentSplitTagValueSectionBoxShadowColorInfo", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "box-shadow-color", state: "info", }, path: [ "component", "split-tag", "value-section", "box-shadow-color", "info", ], }, { value: "0.0625rem", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentSplitTagValueSectionBoxShadowWidth", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "box-shadow-width", }, path: ["component", "split-tag", "value-section", "box-shadow-width"], }, { value: "0.125rem", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentSplitTagValueSectionPaddingVertical", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "padding-vertical", }, path: ["component", "split-tag", "value-section", "padding-vertical"], }, { value: "0.25rem", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentSplitTagValueSectionPaddingHorizontal", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "padding-horizontal", }, path: ["component", "split-tag", "value-section", "padding-horizontal"], }, { value: "#4b5356ff", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentSplitTagValueSectionLinkColor", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "link-color", }, path: ["component", "split-tag", "value-section", "link-color"], }, { value: "#91467fff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentSteppedProgressBarProgressColorPurpleColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "purple", state: "color", }, path: [ "component", "stepped-progress-bar", "progress-color", "purple", "color", ], }, { value: "#6e3c65ff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.purple.dark.value}" }, name: "ComponentSteppedProgressBarProgressColorPurpleHoverColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "purple", state: "hover-color", }, path: [ "component", "stepped-progress-bar", "progress-color", "purple", "hover-color", ], }, { value: "#007db8ff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentSteppedProgressBarProgressColorBlueColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "blue", state: "color", }, path: [ "component", "stepped-progress-bar", "progress-color", "blue", "color", ], }, { value: "#09638dff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentSteppedProgressBarProgressColorBlueHoverColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "blue", state: "hover-color", }, path: [ "component", "stepped-progress-bar", "progress-color", "blue", "hover-color", ], }, { value: "#de002eff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentSteppedProgressBarProgressColorRedColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "red", state: "color", }, path: [ "component", "stepped-progress-bar", "progress-color", "red", "color", ], }, { value: "#a30d2dff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.red.dark.value}" }, name: "ComponentSteppedProgressBarProgressColorRedHoverColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "red", state: "hover-color", }, path: [ "component", "stepped-progress-bar", "progress-color", "red", "hover-color", ], }, { value: "#e7760bff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentSteppedProgressBarProgressColorOrangeColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "orange", state: "color", }, path: [ "component", "stepped-progress-bar", "progress-color", "orange", "color", ], }, { value: "#aa5e14ff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.orange.dark.value}" }, name: "ComponentSteppedProgressBarProgressColorOrangeHoverColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "orange", state: "hover-color", }, path: [ "component", "stepped-progress-bar", "progress-color", "orange", "hover-color", ], }, { value: "#717779ff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentSteppedProgressBarProgressColorGreyColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "grey", state: "color", }, path: [ "component", "stepped-progress-bar", "progress-color", "grey", "color", ], }, { value: "#1f282cff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentSteppedProgressBarProgressColorGreyHoverColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "grey", state: "hover-color", }, path: [ "component", "stepped-progress-bar", "progress-color", "grey", "hover-color", ], }, { value: "#0b8940ff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentSteppedProgressBarCompletedColor", attributes: { category: "component", type: "stepped-progress-bar", item: "completed-color", }, path: ["component", "stepped-progress-bar", "completed-color"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentSteppedProgressBarDisabledColor", attributes: { category: "component", type: "stepped-progress-bar", item: "disabled-color", }, path: ["component", "stepped-progress-bar", "disabled-color"], }, { value: 600, filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentSteppedProgressBarPercentageFontWeight", attributes: { category: "component", type: "stepped-progress-bar", item: "percentage", subitem: "font-weight", }, path: ["component", "stepped-progress-bar", "percentage", "font-weight"], }, { value: "1rem", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentSteppedProgressBarStepHeight", attributes: { category: "component", type: "stepped-progress-bar", item: "step", subitem: "height", }, path: ["component", "stepped-progress-bar", "step", "height"], }, { value: "0.125rem", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentSteppedProgressBarStepMarginLeft", attributes: { category: "component", type: "stepped-progress-bar", item: "step", subitem: "margin-left", }, path: ["component", "stepped-progress-bar", "step", "margin-left"], }, { value: "0.125rem", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentSteppedProgressBarStepBorderRadius", attributes: { category: "component", type: "stepped-progress-bar", item: "step", subitem: "border-radius", }, path: ["component", "stepped-progress-bar", "step", "border-radius"], }, { value: "#e9e9eaff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentSteppedProgressBarStepBackground", attributes: { category: "component", type: "stepped-progress-bar", item: "step", subitem: "background", }, path: ["component", "stepped-progress-bar", "step", "background"], }, { value: "#e9e9eaff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentSteppedProgressBarStepDisabledColor", attributes: { category: "component", type: "stepped-progress-bar", item: "step", subitem: "disabled-color", }, path: ["component", "stepped-progress-bar", "step", "disabled-color"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentSteppedProgressBarStepCompletedDisabledColor", attributes: { category: "component", type: "stepped-progress-bar", item: "step", subitem: "completed-disabled-color", }, path: [ "component", "stepped-progress-bar", "step", "completed-disabled-color", ], }, { value: "0.5rem", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{size.component.progress-bar.border-radius.value}" }, name: "ComponentSteppedProgressBarStepBorderRadiusEndCap", attributes: { category: "component", type: "stepped-progress-bar", item: "step", subitem: "border-radius-end-cap", }, path: [ "component", "stepped-progress-bar", "step", "border-radius-end-cap", ], }, { value: "#ffffffff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentSteppedProgressBarIconCompletedColor", attributes: { category: "component", type: "stepped-progress-bar", item: "icon", subitem: "completed-color", }, path: ["component", "stepped-progress-bar", "icon", "completed-color"], }, { value: "#717779ff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentSteppedProgressBarIconColor", attributes: { category: "component", type: "stepped-progress-bar", item: "icon", subitem: "color", }, path: ["component", "stepped-progress-bar", "icon", "color"], }, { value: "#e9e9eaff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentTabsContainerBackgroundColor", attributes: { category: "component", type: "tabs", item: "container", subitem: "background-color", }, path: ["component", "tabs", "container", "background-color"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentTabsContainerBorderColor", attributes: { category: "component", type: "tabs", item: "container", subitem: "border", state: "color", }, path: ["component", "tabs", "container", "border", "color"], }, { value: "0.0625rem", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentTabsContainerBorderWidth", attributes: { category: "component", type: "tabs", item: "container", subitem: "border", state: "width", }, path: ["component", "tabs", "container", "border", "width"], }, { value: "solid", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentTabsContainerBorderStyle", attributes: { category: "component", type: "tabs", item: "container", subitem: "border", state: "style", }, path: ["component", "tabs", "container", "border", "style"], }, { value: "0.25rem", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentTabsContainerBorderRadius", attributes: { category: "component", type: "tabs", item: "container", subitem: "border", state: "radius", }, path: ["component", "tabs", "container", "border", "radius"], }, { value: "1rem", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentTabsContainerPadding", attributes: { category: "component", type: "tabs", item: "container", subitem: "padding", }, path: ["component", "tabs", "container", "padding"], }, { value: "1rem", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentTabsNavigationMarginBottom", attributes: { category: "component", type: "tabs", item: "navigation", subitem: "margin-bottom", }, path: ["component", "tabs", "navigation", "margin-bottom"], }, { value: "solid", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentTabBorderStyle", attributes: { category: "component", type: "tab", item: "border", subitem: "style", }, path: ["component", "tab", "border", "style"], }, { value: "0.0625rem", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentTabBorderWidth", attributes: { category: "component", type: "tab", item: "border", subitem: "width", }, path: ["component", "tab", "border", "width"], }, { value: "0.25rem", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentTabBorderRadius", attributes: { category: "component", type: "tab", item: "border", subitem: "radius", }, path: ["component", "tab", "border", "radius"], }, { value: "0.875rem ", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.type.component-sm.line.value} " }, name: "ComponentTabTypeLineHeight", attributes: { category: "component", type: "tab", item: "type", subitem: "line-height", }, path: ["component", "tab", "type", "line-height"], }, { value: "0.75rem", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.type.component-sm.font.value}" }, name: "ComponentTabTypeSize", attributes: { category: "component", type: "tab", item: "type", subitem: "size", }, path: ["component", "tab", "type", "size"], }, { value: 600, filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentTabTypeWeight", attributes: { category: "component", type: "tab", item: "type", subitem: "weight", }, path: ["component", "tab", "type", "weight"], }, { value: "1rem", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentTabPaddingX", attributes: { category: "component", type: "tab", item: "padding", subitem: "x", }, path: ["component", "tab", "padding", "x"], }, { value: "0.5rem", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentTabPaddingY", attributes: { category: "component", type: "tab", item: "padding", subitem: "y", }, path: ["component", "tab", "padding", "y"], }, { value: "#00000000", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.transparent.value}" }, name: "ComponentTabContainerBorderColor", attributes: { category: "component", type: "tab", item: "container", subitem: "border-color", }, path: ["component", "tab", "container", "border-color"], }, { value: "#717779ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentTabContainerColor", attributes: { category: "component", type: "tab", item: "container", subitem: "color", }, path: ["component", "tab", "container", "color"], }, { value: "#ffffffff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentTabContainerActiveBackgroundColor", attributes: { category: "component", type: "tab", item: "container", subitem: "active", state: "background-color", }, path: ["component", "tab", "container", "active", "background-color"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentTabContainerActiveBorderColor", attributes: { category: "component", type: "tab", item: "container", subitem: "active", state: "border-color", }, path: ["component", "tab", "container", "active", "border-color"], }, { value: "#1f282cff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentTabContainerActiveColor", attributes: { category: "component", type: "tab", item: "container", subitem: "active", state: "color", }, path: ["component", "tab", "container", "active", "color"], }, { value: "#f3f4f4ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentTabContainerHoverBackgroundColor", attributes: { category: "component", type: "tab", item: "container", subitem: "hover", state: "background-color", }, path: ["component", "tab", "container", "hover", "background-color"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentTabContainerHoverBorderColor", attributes: { category: "component", type: "tab", item: "container", subitem: "hover", state: "border-color", }, path: ["component", "tab", "container", "hover", "border-color"], }, { value: "#ffffffff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentTabNavigationBackgroundColor", attributes: { category: "component", type: "tab", item: "navigation", subitem: "background-color", }, path: ["component", "tab", "navigation", "background-color"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentTabNavigationBorderColor", attributes: { category: "component", type: "tab", item: "navigation", subitem: "border-color", }, path: ["component", "tab", "navigation", "border-color"], }, { value: "#4b5356ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentTabNavigationColor", attributes: { category: "component", type: "tab", item: "navigation", subitem: "color", }, path: ["component", "tab", "navigation", "color"], }, { value: "#007db8ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.blue.medium}" }, name: "ComponentTabNavigationActiveBackgroundColor", attributes: { category: "component", type: "tab", item: "navigation", subitem: "active", state: "background-color", }, path: ["component", "tab", "navigation", "active", "background-color"], }, { value: "#007db8ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.blue.medium}" }, name: "ComponentTabNavigationActiveBorderColor", attributes: { category: "component", type: "tab", item: "navigation", subitem: "active", state: "border-color", }, path: ["component", "tab", "navigation", "active", "border-color"], }, { value: "#ffffffff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentTabNavigationActiveColor", attributes: { category: "component", type: "tab", item: "navigation", subitem: "active", state: "color", }, path: ["component", "tab", "navigation", "active", "color"], }, { value: "#f3f4f4ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentTabNavigationHoverBackgroundColor", attributes: { category: "component", type: "tab", item: "navigation", subitem: "hover", state: "background-color", }, path: ["component", "tab", "navigation", "hover", "background-color"], }, { value: "#717779ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentTabNavigationDisabledColor", attributes: { category: "component", type: "tab", item: "navigation", subitem: "disabled", state: "color", }, path: ["component", "tab", "navigation", "disabled", "color"], }, { value: "0.125rem", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentTagDefaultBorderRadius", attributes: { category: "component", type: "tag", item: "default", subitem: "border-radius", }, path: ["component", "tag", "default", "border-radius"], }, { value: "0.75rem", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{size.type.component-sm.font.value}" }, name: "ComponentTagDefaultFontSize", attributes: { category: "component", type: "tag", item: "default", subitem: "font-size", }, path: ["component", "tag", "default", "font-size"], }, { value: 600, filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentTagDefaultFontWeight", attributes: { category: "component", type: "tag", item: "default", subitem: "font-weight", }, path: ["component", "tag", "default", "font-weight"], }, { value: "0.75rem", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{size.component.tag.line-height.value}" }, name: "ComponentTagDefaultLineHeight", attributes: { category: "component", type: "tag", item: "default", subitem: "line-height", }, path: ["component", "tag", "default", "line-height"], }, { value: "0.125rem", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentTagDefaultPaddingVertical", attributes: { category: "component", type: "tag", item: "default", subitem: "padding-vertical", }, path: ["component", "tag", "default", "padding-vertical"], }, { value: "0.25rem", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentTagDefaultPaddingHorizontal", attributes: { category: "component", type: "tag", item: "default", subitem: "padding-horizontal", }, path: ["component", "tag", "default", "padding-horizontal"], }, { value: "#e9e9eaff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentTagDefaultBackground", attributes: { category: "component", type: "tag", item: "default", subitem: "background", }, path: ["component", "tag", "default", "background"], }, { value: "#4b5356ff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentTagDefaultTextColor", attributes: { category: "component", type: "tag", item: "default", subitem: "text-color", }, path: ["component", "tag", "default", "text-color"], }, { value: "0.75rem", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{size.type.component-sm.font.value}" }, name: "ComponentTagDefaultIconFontSize", attributes: { category: "component", type: "tag", item: "default", subitem: "icon", state: "font-size", }, path: ["component", "tag", "default", "icon", "font-size"], }, { value: "0.625rem", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{size.component.tag.icon-line-height.value}" }, name: "ComponentTagDefaultIconLineHeight", attributes: { category: "component", type: "tag", item: "default", subitem: "icon", state: "line-height", }, path: ["component", "tag", "default", "icon", "line-height"], }, { value: "0.25rem", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentTagDefaultIconMarginRight", attributes: { category: "component", type: "tag", item: "default", subitem: "icon", state: "margin-right", }, path: ["component", "tag", "default", "icon", "margin-right"], }, { value: "#4b5356ff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentTagKeyBackground", attributes: { category: "component", type: "tag", item: "key", subitem: "background", }, path: ["component", "tag", "key", "background"], }, { value: "#ffffffff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.white}" }, name: "ComponentTagKeyTextColor", attributes: { category: "component", type: "tag", item: "key", subitem: "text-color", }, path: ["component", "tag", "key", "text-color"], }, { value: "#e7760bff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentTagWarningBackground", attributes: { category: "component", type: "tag", item: "warning", subitem: "background", }, path: ["component", "tag", "warning", "background"], }, { value: "#ffffffff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.white}" }, name: "ComponentTagWarningTextColor", attributes: { category: "component", type: "tag", item: "warning", subitem: "text-color", }, path: ["component", "tag", "warning", "text-color"], }, { value: "#de002eff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentTagErrorBackground", attributes: { category: "component", type: "tag", item: "error", subitem: "background", }, path: ["component", "tag", "error", "background"], }, { value: "#ffffffff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.white}" }, name: "ComponentTagErrorTextColor", attributes: { category: "component", type: "tag", item: "error", subitem: "text-color", }, path: ["component", "tag", "error", "text-color"], }, { value: "#91467fff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentTagPendingBackground", attributes: { category: "component", type: "tag", item: "pending", subitem: "background", }, path: ["component", "tag", "pending", "background"], }, { value: "#ffffffff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.white}" }, name: "ComponentTagPendingTextColor", attributes: { category: "component", type: "tag", item: "pending", subitem: "text-color", }, path: ["component", "tag", "pending", "text-color"], }, { value: "#0b8940ff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentTagSuccessBackground", attributes: { category: "component", type: "tag", item: "success", subitem: "background", }, path: ["component", "tag", "success", "background"], }, { value: "#ffffffff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.white}" }, name: "ComponentTagSuccessTextColor", attributes: { category: "component", type: "tag", item: "success", subitem: "text-color", }, path: ["component", "tag", "success", "text-color"], }, { value: "#007db8ff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentTagInfoBackground", attributes: { category: "component", type: "tag", item: "info", subitem: "background", }, path: ["component", "tag", "info", "background"], }, { value: "#ffffffff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.white}" }, name: "ComponentTagInfoTextColor", attributes: { category: "component", type: "tag", item: "info", subitem: "text-color", }, path: ["component", "tag", "info", "text-color"], }, { value: "#d2d4d4ff", filePath: "src/tokens/component/vertical-rule.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentVerticalRuleBackgroundColor", attributes: { category: "component", type: "vertical-rule", item: "background-color", }, path: ["component", "vertical-rule", "background-color"], }, { value: "0.25rem", filePath: "src/tokens/component/vertical-rule.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentVerticalRuleMarginX", attributes: { category: "component", type: "vertical-rule", item: "margin-x", }, path: ["component", "vertical-rule", "margin-x"], }, { value: "0.0625rem", filePath: "src/tokens/component/vertical-rule.json", isSource: true, original: { value: "{size.component.vertical-rule.thickness.value}" }, name: "ComponentVerticalRuleThickness", attributes: { category: "component", type: "vertical-rule", item: "thickness", }, path: ["component", "vertical-rule", "thickness"], }, { value: "1rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentZeroStateWrapperPadding", attributes: { category: "component", type: "zero-state", item: "wrapper-padding", }, path: ["component", "zero-state", "wrapper-padding"], }, { value: "2rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.spacing.lg.value}" }, name: "ComponentZeroStatePaddingVertical", attributes: { category: "component", type: "zero-state", item: "padding-vertical", }, path: ["component", "zero-state", "padding-vertical"], }, { value: "6.25rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.component.zero-state.image-height.value}" }, name: "ComponentZeroStateImageHeight", attributes: { category: "component", type: "zero-state", item: "image", subitem: "height", }, path: ["component", "zero-state", "image", "height"], }, { value: "12.5rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.component.zero-state.image-width.value}" }, name: "ComponentZeroStateImageWidth", attributes: { category: "component", type: "zero-state", item: "image", subitem: "width", }, path: ["component", "zero-state", "image", "width"], }, { value: "1rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentZeroStateImageMarginBottom", attributes: { category: "component", type: "zero-state", item: "image", subitem: "margin-bottom", }, path: ["component", "zero-state", "image", "margin-bottom"], }, { value: "#1f282cff", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentZeroStateHeadingColor", attributes: { category: "component", type: "zero-state", item: "heading", subitem: "color", }, path: ["component", "zero-state", "heading", "color"], }, { value: "1.5rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.type.title-xl.font.value}" }, name: "ComponentZeroStateHeadingFontSize", attributes: { category: "component", type: "zero-state", item: "heading", subitem: "font-size", }, path: ["component", "zero-state", "heading", "font-size"], }, { value: "1.5rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.type.title-xl.line.value}" }, name: "ComponentZeroStateHeadingLineHeight", attributes: { category: "component", type: "zero-state", item: "heading", subitem: "line-height", }, path: ["component", "zero-state", "heading", "line-height"], }, { value: "#4b5356ff", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentZeroStateHeadingMicroColor", attributes: { category: "component", type: "zero-state", item: "heading", subitem: "micro-color", }, path: ["component", "zero-state", "heading", "micro-color"], }, { value: "1rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.type.title-sm.font.value}" }, name: "ComponentZeroStateHeadingMicroFontSize", attributes: { category: "component", type: "zero-state", item: "heading", subitem: "micro-font-size", }, path: ["component", "zero-state", "heading", "micro-font-size"], }, { value: 600, filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentZeroStateHeadingMicroFontWeight", attributes: { category: "component", type: "zero-state", item: "heading", subitem: "micro-font-weight", }, path: ["component", "zero-state", "heading", "micro-font-weight"], }, { value: "1.25rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.type.title-lg.line.value}" }, name: "ComponentZeroStateHeadingMicroLineHeight", attributes: { category: "component", type: "zero-state", item: "heading", subitem: "micro-line-height", }, path: ["component", "zero-state", "heading", "micro-line-height"], }, { value: "#4b5356ff", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentZeroStateSubHeadingColor", attributes: { category: "component", type: "zero-state", item: "sub-heading", subitem: "color", }, path: ["component", "zero-state", "sub-heading", "color"], }, { value: "0.875rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentZeroStateSubHeadingFontSize", attributes: { category: "component", type: "zero-state", item: "sub-heading", subitem: "font-size", }, path: ["component", "zero-state", "sub-heading", "font-size"], }, { value: "1.25rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.type.title-lg.line.value}" }, name: "ComponentZeroStateSubHeadingLineHeight", attributes: { category: "component", type: "zero-state", item: "sub-heading", subitem: "line-height", }, path: ["component", "zero-state", "sub-heading", "line-height"], }, { value: "0.25rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentZeroStateSubHeadingMarginTop", attributes: { category: "component", type: "zero-state", item: "sub-heading", subitem: "margin-top", }, path: ["component", "zero-state", "sub-heading", "margin-top"], }, { value: "1rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentZeroStateContentMarignTop", attributes: { category: "component", type: "zero-state", item: "content", subitem: "marign-top", }, path: ["component", "zero-state", "content", "marign-top"], }, { value: "#717779ff", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentZeroStateIconColor", attributes: { category: "component", type: "zero-state", item: "icon", subitem: "color", }, path: ["component", "zero-state", "icon", "color"], }, { value: "3rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.component.zero-state.icon-font-size.value}" }, name: "ComponentZeroStateIconFontSize", attributes: { category: "component", type: "zero-state", item: "icon", subitem: "font-size", }, path: ["component", "zero-state", "icon", "font-size"], }, { value: "3rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.component.zero-state.icon-line-height.value}" }, name: "ComponentZeroStateIconLineHeight", attributes: { category: "component", type: "zero-state", item: "icon", subitem: "line-height", }, path: ["component", "zero-state", "icon", "line-height"], }, { value: "0.25rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentZeroStateIconPaddingBottom", attributes: { category: "component", type: "zero-state", item: "icon", subitem: "padding-bottom", }, path: ["component", "zero-state", "icon", "padding-bottom"], }, { value: 12, filePath: "src/tokens/grid/grid.json", isSource: true, original: { value: 12 }, name: "GridColumnsStandard", attributes: { category: "grid", type: "columns", item: "standard", cssValue: "1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr", }, path: ["grid", "columns", "standard"], }, { value: "1280px", filePath: "src/tokens/grid/grid.json", isSource: true, original: { value: "1280px" }, name: "GridContentWidth", attributes: { category: "grid", type: "content-width" }, path: ["grid", "content-width"], }, { value: "\\e9bd", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9bd" }, name: "IconAiCharacter", attributes: { category: "icon", type: "ai", item: "character" }, path: ["icon", "ai", "character"], }, { value: "", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "" }, name: "IconAiColorCharacter", attributes: { category: "icon", type: "ai-color", item: "character" }, path: ["icon", "ai-color", "character"], }, { value: "", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "" }, name: "IconAiGenericCharacter", attributes: { category: "icon", type: "ai-generic", item: "character" }, path: ["icon", "ai-generic", "character"], }, { value: "\\e900", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e900" }, name: "IconAngleLeftCharacter", attributes: { category: "icon", type: "angle-left", item: "character" }, path: ["icon", "angle-left", "character"], }, { value: "\\e901", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e901" }, name: "IconAngleRightCharacter", attributes: { category: "icon", type: "angle-right", item: "character" }, path: ["icon", "angle-right", "character"], }, { value: "\\e902", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e902" }, name: "IconArchiveCharacter", attributes: { category: "icon", type: "archive", item: "character" }, path: ["icon", "archive", "character"], }, { value: "\\e903", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e903" }, name: "IconArrowDownCharacter", attributes: { category: "icon", type: "arrow-down", item: "character" }, path: ["icon", "arrow-down", "character"], }, { value: "\\e904", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e904" }, name: "IconArrowLeftCircleCharacter", attributes: { category: "icon", type: "arrow-left-circle", item: "character", }, path: ["icon", "arrow-left-circle", "character"], }, { value: "\\e905", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e905" }, name: "IconArrowLeftCharacter", attributes: { category: "icon", type: "arrow-left", item: "character" }, path: ["icon", "arrow-left", "character"], }, { value: "\\e906", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e906" }, name: "IconArrowRightCharacter", attributes: { category: "icon", type: "arrow-right", item: "character" }, path: ["icon", "arrow-right", "character"], }, { value: "\\e907", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e907" }, name: "IconArrowUpCharacter", attributes: { category: "icon", type: "arrow-up", item: "character" }, path: ["icon", "arrow-up", "character"], }, { value: "\\e908", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e908" }, name: "IconAsteriskCharacter", attributes: { category: "icon", type: "asterisk", item: "character" }, path: ["icon", "asterisk", "character"], }, { value: "\\e909", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e909" }, name: "IconBanCharacter", attributes: { category: "icon", type: "ban", item: "character" }, path: ["icon", "ban", "character"], }, { value: "\\e90a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e90a" }, name: "IconBarcodeCharacter", attributes: { category: "icon", type: "barcode", item: "character" }, path: ["icon", "barcode", "character"], }, { value: "\\e90b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e90b" }, name: "IconBellCharacter", attributes: { category: "icon", type: "bell", item: "character" }, path: ["icon", "bell", "character"], }, { value: "\\e9a5", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a5" }, name: "IconBoldCharacter", attributes: { category: "icon", type: "bold", item: "character" }, path: ["icon", "bold", "character"], }, { value: "\\e90c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e90c" }, name: "IconBoltCharacter", attributes: { category: "icon", type: "bolt", item: "character" }, path: ["icon", "bolt", "character"], }, { value: "\\e90d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e90d" }, name: "IconBookCharacter", attributes: { category: "icon", type: "book", item: "character" }, path: ["icon", "book", "character"], }, { value: "", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "" }, name: "IconBookmarkCharacter", attributes: { category: "icon", type: "bookmark", item: "character" }, path: ["icon", "bookmark", "character"], }, { value: "", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "" }, name: "IconBookmarkOutlineCharacter", attributes: { category: "icon", type: "bookmark-outline", item: "character", }, path: ["icon", "bookmark-outline", "character"], }, { value: "\\e90e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e90e" }, name: "IconBuildingCharacter", attributes: { category: "icon", type: "building", item: "character" }, path: ["icon", "building", "character"], }, { value: "\\e90f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e90f" }, name: "IconBurstBoltCharacter", attributes: { category: "icon", type: "burst-bolt", item: "character" }, path: ["icon", "burst-bolt", "character"], }, { value: "\\e910", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e910" }, name: "IconBurstCharacter", attributes: { category: "icon", type: "burst", item: "character" }, path: ["icon", "burst", "character"], }, { value: "\\e911", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e911" }, name: "IconCalendarBlankCharacter", attributes: { category: "icon", type: "calendar-blank", item: "character", }, path: ["icon", "calendar-blank", "character"], }, { value: "\\e912", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e912" }, name: "IconCalendarCharacter", attributes: { category: "icon", type: "calendar", item: "character" }, path: ["icon", "calendar", "character"], }, { value: "\\e913", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e913" }, name: "IconCameraCharacter", attributes: { category: "icon", type: "camera", item: "character" }, path: ["icon", "camera", "character"], }, { value: "\\e914", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e914" }, name: "IconChartAreaCharacter", attributes: { category: "icon", type: "chart-area", item: "character" }, path: ["icon", "chart-area", "character"], }, { value: "\\e915", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e915" }, name: "IconChartBarCharacter", attributes: { category: "icon", type: "chart-bar", item: "character" }, path: ["icon", "chart-bar", "character"], }, { value: "\\e916", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e916" }, name: "IconChartLineCharacter", attributes: { category: "icon", type: "chart-line", item: "character" }, path: ["icon", "chart-line", "character"], }, { value: "\\e917", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e917" }, name: "IconChartPieCharacter", attributes: { category: "icon", type: "chart-pie", item: "character" }, path: ["icon", "chart-pie", "character"], }, { value: "\\e918", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e918" }, name: "IconCheckmarkCharacter", attributes: { category: "icon", type: "checkmark", item: "character" }, path: ["icon", "checkmark", "character"], }, { value: "\\e919", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e919" }, name: "IconChevronDownCharacter", attributes: { category: "icon", type: "chevron-down", item: "character" }, path: ["icon", "chevron-down", "character"], }, { value: "\\e91a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e91a" }, name: "IconChevronLeftCharacter", attributes: { category: "icon", type: "chevron-left", item: "character" }, path: ["icon", "chevron-left", "character"], }, { value: "\\e91b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e91b" }, name: "IconChevronRightCharacter", attributes: { category: "icon", type: "chevron-right", item: "character", }, path: ["icon", "chevron-right", "character"], }, { value: "\\e91c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e91c" }, name: "IconChevronUpCharacter", attributes: { category: "icon", type: "chevron-up", item: "character" }, path: ["icon", "chevron-up", "character"], }, { value: "\\e91d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e91d" }, name: "IconCircleOutlineCharacter", attributes: { category: "icon", type: "circle-outline", item: "character", }, path: ["icon", "circle-outline", "character"], }, { value: "\\e9af", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9af" }, name: "IconClearFormattingCharacter", attributes: { category: "icon", type: "clear-formatting", item: "character", }, path: ["icon", "clear-formatting", "character"], }, { value: "\\e91e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e91e" }, name: "IconClockCharacter", attributes: { category: "icon", type: "clock", item: "character" }, path: ["icon", "clock", "character"], }, { value: "\\e91f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e91f" }, name: "IconCodeForkCharacter", attributes: { category: "icon", type: "code-fork", item: "character" }, path: ["icon", "code-fork", "character"], }, { value: "\\e9ae", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9ae" }, name: "IconCommentBubbleExclamationCharacter", attributes: { category: "icon", type: "comment-bubble-exclamation", item: "character", }, path: ["icon", "comment-bubble-exclamation", "character"], }, { value: "\\e920", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e920" }, name: "IconCommentBubbleQuestionCharacter", attributes: { category: "icon", type: "comment-bubble-question", item: "character", }, path: ["icon", "comment-bubble-question", "character"], }, { value: "\\e921", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e921" }, name: "IconCommentBubbleCharacter", attributes: { category: "icon", type: "comment-bubble", item: "character", }, path: ["icon", "comment-bubble", "character"], }, { value: "\\e9b0", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b0" }, name: "IconCompleteFileCharacter", attributes: { category: "icon", type: "complete-file", item: "character", }, path: ["icon", "complete-file", "character"], }, { value: "\\e922", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e922" }, name: "IconConversationCharacter", attributes: { category: "icon", type: "conversation", item: "character" }, path: ["icon", "conversation", "character"], }, { value: "\\e923", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e923" }, name: "IconColumnSwitcherCharacter", attributes: { category: "icon", type: "column-switcher", item: "character", }, path: ["icon", "column-switcher", "character"], }, { value: "\\e924", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e924" }, name: "IconCreditCardCharacter", attributes: { category: "icon", type: "credit-card", item: "character" }, path: ["icon", "credit-card", "character"], }, { value: "\\e925", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e925" }, name: "IconDashboardCharacter", attributes: { category: "icon", type: "dashboard", item: "character" }, path: ["icon", "dashboard", "character"], }, { value: "\\e926", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e926" }, name: "IconDatabaseCharacter", attributes: { category: "icon", type: "database", item: "character" }, path: ["icon", "database", "character"], }, { value: "\\e927", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e927" }, name: "IconDiskCharacter", attributes: { category: "icon", type: "disk", item: "character" }, path: ["icon", "disk", "character"], }, { value: "\\e928", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e928" }, name: "IconDollarSignCharacter", attributes: { category: "icon", type: "dollar-sign", item: "character" }, path: ["icon", "dollar-sign", "character"], }, { value: "\\e929", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e929" }, name: "IconDoubleAngleLeftCharacter", attributes: { category: "icon", type: "double-angle-left", item: "character", }, path: ["icon", "double-angle-left", "character"], }, { value: "\\e92a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e92a" }, name: "IconDoubleAngleRightCharacter", attributes: { category: "icon", type: "double-angle-right", item: "character", }, path: ["icon", "double-angle-right", "character"], }, { value: "\\e92b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e92b" }, name: "IconDownloadCloudCharacter", attributes: { category: "icon", type: "download-cloud", item: "character", }, path: ["icon", "download-cloud", "character"], }, { value: "\\e92c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e92c" }, name: "IconDrillCharacter", attributes: { category: "icon", type: "drill", item: "character" }, path: ["icon", "drill", "character"], }, { value: "\\e92d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e92d" }, name: "IconDuplicateCharacter", attributes: { category: "icon", type: "duplicate", item: "character" }, path: ["icon", "duplicate", "character"], }, { value: "\\e92e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e92e" }, name: "IconEllipsesCharacter", attributes: { category: "icon", type: "ellipses", item: "character" }, path: ["icon", "ellipses", "character"], }, { value: "\\e92f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e92f" }, name: "IconEnvelopeCharacter", attributes: { category: "icon", type: "envelope", item: "character" }, path: ["icon", "envelope", "character"], }, { value: "\\e930", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e930" }, name: "IconExchangeCharacter", attributes: { category: "icon", type: "exchange", item: "character" }, path: ["icon", "exchange", "character"], }, { value: "\\e931", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e931" }, name: "IconExpandCollapseCharacter", attributes: { category: "icon", type: "expand-collapse", item: "character", }, path: ["icon", "expand-collapse", "character"], }, { value: "\\e932", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e932" }, name: "IconEyeCharacter", attributes: { category: "icon", type: "eye", item: "character" }, path: ["icon", "eye", "character"], }, { value: "\\e933", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e933" }, name: "IconFileDuplicateCharacter", attributes: { category: "icon", type: "file-duplicate", item: "character", }, path: ["icon", "file-duplicate", "character"], }, { value: "\\e934", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e934" }, name: "IconFilePdfCharacter", attributes: { category: "icon", type: "file-pdf", item: "character" }, path: ["icon", "file-pdf", "character"], }, { value: "\\e935", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e935" }, name: "IconFilePresentationCharacter", attributes: { category: "icon", type: "file-presentation", item: "character", }, path: ["icon", "file-presentation", "character"], }, { value: "\\e936", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e936" }, name: "IconFileSizeCharacter", attributes: { category: "icon", type: "file-size", item: "character" }, path: ["icon", "file-size", "character"], }, { value: "\\e937", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e937" }, name: "IconFileSolidTextCharacter", attributes: { category: "icon", type: "file-solid-text", item: "character", }, path: ["icon", "file-solid-text", "character"], }, { value: "\\e938", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e938" }, name: "IconFileSolidCharacter", attributes: { category: "icon", type: "file-solid", item: "character" }, path: ["icon", "file-solid", "character"], }, { value: "\\e939", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e939" }, name: "IconFileSpreadsheetCharacter", attributes: { category: "icon", type: "file-spreadsheet", item: "character", }, path: ["icon", "file-spreadsheet", "character"], }, { value: "\\e93a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e93a" }, name: "IconFileTextCharacter", attributes: { category: "icon", type: "file-text", item: "character" }, path: ["icon", "file-text", "character"], }, { value: "\\e93b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e93b" }, name: "IconFileCharacter", attributes: { category: "icon", type: "file", item: "character" }, path: ["icon", "file", "character"], }, { value: "\\e93c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e93c" }, name: "IconFilterCharacter", attributes: { category: "icon", type: "filter", item: "character" }, path: ["icon", "filter", "character"], }, { value: "\\e93d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e93d" }, name: "IconFlagCharacter", attributes: { category: "icon", type: "flag", item: "character" }, path: ["icon", "flag", "character"], }, { value: "\\e9bb", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9bb" }, name: "IconFlagOutlineCharacter", attributes: { category: "icon", type: "flag-outline", item: "character" }, path: ["icon", "flag-outline", "character"], }, { value: "\\e93e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e93e" }, name: "IconFolderOpenCharacter", attributes: { category: "icon", type: "folder-open", item: "character" }, path: ["icon", "folder-open", "character"], }, { value: "\\e93f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e93f" }, name: "IconFolderSolidOpenCharacter", attributes: { category: "icon", type: "folder-solid-open", item: "character", }, path: ["icon", "folder-solid-open", "character"], }, { value: "\\e940", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e940" }, name: "IconFolderSolidCharacter", attributes: { category: "icon", type: "folder-solid", item: "character" }, path: ["icon", "folder-solid", "character"], }, { value: "\\e941", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e941" }, name: "IconFolderCharacter", attributes: { category: "icon", type: "folder", item: "character" }, path: ["icon", "folder", "character"], }, { value: "\\e942", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e942" }, name: "IconGearCharacter", attributes: { category: "icon", type: "gear", item: "character" }, path: ["icon", "gear", "character"], }, { value: "\\e943", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e943" }, name: "IconGlobeCharacter", attributes: { category: "icon", type: "globe", item: "character" }, path: ["icon", "globe", "character"], }, { value: "\\e944", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e944" }, name: "IconGridCharacter", attributes: { category: "icon", type: "grid", item: "character" }, path: ["icon", "grid", "character"], }, { value: "\\e945", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e945" }, name: "IconGroupCharacter", attributes: { category: "icon", type: "group", item: "character" }, path: ["icon", "group", "character"], }, { value: "\\e946", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e946" }, name: "IconHandStopCharacter", attributes: { category: "icon", type: "hand-stop", item: "character" }, path: ["icon", "hand-stop", "character"], }, { value: "\\e947", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e947" }, name: "IconHandshakeCharacter", attributes: { category: "icon", type: "handshake", item: "character" }, path: ["icon", "handshake", "character"], }, { value: "\\e948", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e948" }, name: "IconHatCharacter", attributes: { category: "icon", type: "hat", item: "character" }, path: ["icon", "hat", "character"], }, { value: "\\e949", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e949" }, name: "IconHeartCharacter", attributes: { category: "icon", type: "heart", item: "character" }, path: ["icon", "heart", "character"], }, { value: "\\e9b9", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b9" }, name: "IconHeartOutlineCharacter", attributes: { category: "icon", type: "heart-outline", item: "character", }, path: ["icon", "heart-outline", "character"], }, { value: "\\e94a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e94a" }, name: "IconHistoryCharacter", attributes: { category: "icon", type: "history", item: "character" }, path: ["icon", "history", "character"], }, { value: "", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "" }, name: "IconHomeCharacter", attributes: { category: "icon", type: "home", item: "character" }, path: ["icon", "home", "character"], }, { value: "\\e9be", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9be" }, name: "IconIMadeThisCharacter", attributes: { category: "icon", type: "i-made-this", item: "character" }, path: ["icon", "i-made-this", "character"], }, { value: "\\e94b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e94b" }, name: "IconInboxCharacter", attributes: { category: "icon", type: "inbox", item: "character" }, path: ["icon", "inbox", "character"], }, { value: "\\e94c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e94c" }, name: "IconIncomingCharacter", attributes: { category: "icon", type: "incoming", item: "character" }, path: ["icon", "incoming", "character"], }, { value: "\\e94d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e94d" }, name: "IconInfoCircleCharacter", attributes: { category: "icon", type: "info-circle", item: "character" }, path: ["icon", "info-circle", "character"], }, { value: "\\e94e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e94e" }, name: "IconIntercomCharacter", attributes: { category: "icon", type: "intercom", item: "character" }, path: ["icon", "intercom", "character"], }, { value: "\\e9a6", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a6" }, name: "IconItalicsCharacter", attributes: { category: "icon", type: "italics", item: "character" }, path: ["icon", "italics", "character"], }, { value: "\\e94f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e94f" }, name: "IconItemTagCharacter", attributes: { category: "icon", type: "item-tag", item: "character" }, path: ["icon", "item-tag", "character"], }, { value: "\\e950", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e950" }, name: "IconKeyCharacter", attributes: { category: "icon", type: "key", item: "character" }, path: ["icon", "key", "character"], }, { value: "\\e951", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e951" }, name: "IconLifePreserverCharacter", attributes: { category: "icon", type: "life-preserver", item: "character", }, path: ["icon", "life-preserver", "character"], }, { value: "\\e952", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e952" }, name: "IconLightbulbCharacter", attributes: { category: "icon", type: "lightbulb", item: "character" }, path: ["icon", "lightbulb", "character"], }, { value: "\\e953", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e953" }, name: "IconLinkCharacter", attributes: { category: "icon", type: "link", item: "character" }, path: ["icon", "link", "character"], }, { value: "\\e954", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e954" }, name: "IconLinkedinCharacter", attributes: { category: "icon", type: "linkedin", item: "character" }, path: ["icon", "linkedin", "character"], }, { value: "\\e955", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e955" }, name: "IconListCardsCharacter", attributes: { category: "icon", type: "list-cards", item: "character" }, path: ["icon", "list-cards", "character"], }, { value: "\\e956", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e956" }, name: "IconListColumnsCharacter", attributes: { category: "icon", type: "list-columns", item: "character" }, path: ["icon", "list-columns", "character"], }, { value: "\\e9a7", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a7" }, name: "IconListIndentCharacter", attributes: { category: "icon", type: "list-indent", item: "character" }, path: ["icon", "list-indent", "character"], }, { value: "\\e9a8", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a8" }, name: "IconListOrderedCharacter", attributes: { category: "icon", type: "list-ordered", item: "character" }, path: ["icon", "list-ordered", "character"], }, { value: "\\e9a9", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a9" }, name: "IconListOutdentCharacter", attributes: { category: "icon", type: "list-outdent", item: "character" }, path: ["icon", "list-outdent", "character"], }, { value: "\\e9aa", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9aa" }, name: "IconListUnorderedCharacter", attributes: { category: "icon", type: "list-unordered", item: "character", }, path: ["icon", "list-unordered", "character"], }, { value: "\\e957", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e957" }, name: "IconListSummaryCharacter", attributes: { category: "icon", type: "list-summary", item: "character" }, path: ["icon", "list-summary", "character"], }, { value: "\\e958", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e958" }, name: "IconListTableCharacter", attributes: { category: "icon", type: "list-table", item: "character" }, path: ["icon", "list-table", "character"], }, { value: "\\e959", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e959" }, name: "IconListCharacter", attributes: { category: "icon", type: "list", item: "character" }, path: ["icon", "list", "character"], }, { value: "\\e95a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e95a" }, name: "IconLocationCharacter", attributes: { category: "icon", type: "location", item: "character" }, path: ["icon", "location", "character"], }, { value: "\\e95b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e95b" }, name: "IconLockedCharacter", attributes: { category: "icon", type: "locked", item: "character" }, path: ["icon", "locked", "character"], }, { value: "\\e95c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e95c" }, name: "IconMapMarkerCharacter", attributes: { category: "icon", type: "map-marker", item: "character" }, path: ["icon", "map-marker", "character"], }, { value: "\\e95d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e95d" }, name: "IconMapCharacter", attributes: { category: "icon", type: "map", item: "character" }, path: ["icon", "map", "character"], }, { value: "\\e95e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e95e" }, name: "IconMaximizeCharacter", attributes: { category: "icon", type: "maximize", item: "character" }, path: ["icon", "maximize", "character"], }, { value: "\\e9b7", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b7" }, name: "IconMicrophoneOffCharacter", attributes: { category: "icon", type: "microphone-off", item: "character", }, path: ["icon", "microphone-off", "character"], }, { value: "\\e9b8", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b8" }, name: "IconMicrophoneOnCharacter", attributes: { category: "icon", type: "microphone-on", item: "character", }, path: ["icon", "microphone-on", "character"], }, { value: "\\e95f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e95f" }, name: "IconMinimizeCharacter", attributes: { category: "icon", type: "minimize", item: "character" }, path: ["icon", "minimize", "character"], }, { value: "\\e960", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e960" }, name: "IconMinusCircleCharacter", attributes: { category: "icon", type: "minus-circle", item: "character" }, path: ["icon", "minus-circle", "character"], }, { value: "\\e961", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e961" }, name: "IconMinusCharacter", attributes: { category: "icon", type: "minus", item: "character" }, path: ["icon", "minus", "character"], }, { value: "\\e962", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e962" }, name: "IconNewFileCharacter", attributes: { category: "icon", type: "new-file", item: "character" }, path: ["icon", "new-file", "character"], }, { value: "\\e963", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e963" }, name: "IconNewScreenCharacter", attributes: { category: "icon", type: "new-screen", item: "character" }, path: ["icon", "new-screen", "character"], }, { value: "\\e964", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e964" }, name: "IconOutgoingCharacter", attributes: { category: "icon", type: "outgoing", item: "character" }, path: ["icon", "outgoing", "character"], }, { value: "\\e965", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e965" }, name: "IconPaperPlaneCharacter", attributes: { category: "icon", type: "paper-plane", item: "character" }, path: ["icon", "paper-plane", "character"], }, { value: "\\e966", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e966" }, name: "IconPencilCharacter", attributes: { category: "icon", type: "pencil", item: "character" }, path: ["icon", "pencil", "character"], }, { value: "\\e967", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e967" }, name: "IconPhotoCharacter", attributes: { category: "icon", type: "photo", item: "character" }, path: ["icon", "photo", "character"], }, { value: "\\e968", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e968" }, name: "IconPinterestCharacter", attributes: { category: "icon", type: "pinterest", item: "character" }, path: ["icon", "pinterest", "character"], }, { value: "\\e969", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e969" }, name: "IconPlayCharacter", attributes: { category: "icon", type: "play", item: "character" }, path: ["icon", "play", "character"], }, { value: "\\e96a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e96a" }, name: "IconPlusCircleCharacter", attributes: { category: "icon", type: "plus-circle", item: "character" }, path: ["icon", "plus-circle", "character"], }, { value: "\\e96b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e96b" }, name: "IconPlusSignCharacter", attributes: { category: "icon", type: "plus-sign", item: "character" }, path: ["icon", "plus-sign", "character"], }, { value: "\\e96c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e96c" }, name: "IconPresentationCharacter", attributes: { category: "icon", type: "presentation", item: "character" }, path: ["icon", "presentation", "character"], }, { value: "\\e96d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e96d" }, name: "IconPrinterCharacter", attributes: { category: "icon", type: "printer", item: "character" }, path: ["icon", "printer", "character"], }, { value: "\\e96e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e96e" }, name: "IconQrCodeCharacter", attributes: { category: "icon", type: "qr-code", item: "character" }, path: ["icon", "qr-code", "character"], }, { value: "\\e96f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e96f" }, name: "IconQuestionCircleCharacter", attributes: { category: "icon", type: "question-circle", item: "character", }, path: ["icon", "question-circle", "character"], }, { value: "\\e970", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e970" }, name: "IconQuoteLeftCharacter", attributes: { category: "icon", type: "quote-left", item: "character" }, path: ["icon", "quote-left", "character"], }, { value: "\\e971", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e971" }, name: "IconQuoteRightCharacter", attributes: { category: "icon", type: "quote-right", item: "character" }, path: ["icon", "quote-right", "character"], }, { value: "\\e972", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e972" }, name: "IconRandomCharacter", attributes: { category: "icon", type: "random", item: "character" }, path: ["icon", "random", "character"], }, { value: "\\e9ac", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9ac" }, name: "IconRedoCharacter", attributes: { category: "icon", type: "redo", item: "character" }, path: ["icon", "redo", "character"], }, { value: "\\e973", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e973" }, name: "IconRefreshCharacter", attributes: { category: "icon", type: "refresh", item: "character" }, path: ["icon", "refresh", "character"], }, { value: "\\e974", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e974" }, name: "IconRocketCharacter", attributes: { category: "icon", type: "rocket", item: "character" }, path: ["icon", "rocket", "character"], }, { value: "\\e98a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e98a" }, name: "IconSavedCircleCharacter", attributes: { category: "icon", type: "saved-circle", item: "character" }, path: ["icon", "saved-circle", "character"], }, { value: "\\e975", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e975" }, name: "IconSearchPlusCharacter", attributes: { category: "icon", type: "search-plus", item: "character" }, path: ["icon", "search-plus", "character"], }, { value: "\\e976", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e976" }, name: "IconSearchCharacter", attributes: { category: "icon", type: "search", item: "character" }, path: ["icon", "search", "character"], }, { value: "\\e977", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e977" }, name: "IconShareCharacter", attributes: { category: "icon", type: "share", item: "character" }, path: ["icon", "share", "character"], }, { value: "\\e978", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e978" }, name: "IconShoppingCartCharacter", attributes: { category: "icon", type: "shopping-cart", item: "character", }, path: ["icon", "shopping-cart", "character"], }, { value: "\\e979", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e979" }, name: "IconSortAlphaAscCharacter", attributes: { category: "icon", type: "sort-alpha-asc", item: "character", }, path: ["icon", "sort-alpha-asc", "character"], }, { value: "\\e97a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e97a" }, name: "IconSortAlphaDescCharacter", attributes: { category: "icon", type: "sort-alpha-desc", item: "character", }, path: ["icon", "sort-alpha-desc", "character"], }, { value: "\\e97b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e97b" }, name: "IconSortNumAscCharacter", attributes: { category: "icon", type: "sort-num-asc", item: "character" }, path: ["icon", "sort-num-asc", "character"], }, { value: "\\e97c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e97c" }, name: "IconSortNumDescCharacter", attributes: { category: "icon", type: "sort-num-desc", item: "character", }, path: ["icon", "sort-num-desc", "character"], }, { value: "\\e97d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e97d" }, name: "IconStarOutlineCharacter", attributes: { category: "icon", type: "star-outline", item: "character" }, path: ["icon", "star-outline", "character"], }, { value: "\\e97e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e97e" }, name: "IconStarCharacter", attributes: { category: "icon", type: "star", item: "character" }, path: ["icon", "star", "character"], }, { value: "\\e97f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e97f" }, name: "IconArchiveCircleCharacter", attributes: { category: "icon", type: "archive-circle", item: "character", }, path: ["icon", "archive-circle", "character"], }, { value: "\\e980", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e980" }, name: "IconXCircleCharacter", attributes: { category: "icon", type: "x-circle", item: "character" }, path: ["icon", "x-circle", "character"], }, { value: "\\e981", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e981" }, name: "IconExclamationCircleCharacter", attributes: { category: "icon", type: "exclamation-circle", item: "character", }, path: ["icon", "exclamation-circle", "character"], }, { value: "\\e982", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e982" }, name: "IconDescendingEllipsesCircleCharacter", attributes: { category: "icon", type: "descending-ellipses-circle", item: "character", }, path: ["icon", "descending-ellipses-circle", "character"], }, { value: "\\e983", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e983" }, name: "IconDoubleAngleRightCircleCharacter", attributes: { category: "icon", type: "double-angle-right-circle", item: "character", }, path: ["icon", "double-angle-right-circle", "character"], }, { value: "\\e984", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e984" }, name: "IconLockedCircleCharacter", attributes: { category: "icon", type: "locked-circle", item: "character", }, path: ["icon", "locked-circle", "character"], }, { value: "\\e985", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e985" }, name: "IconAsteriskCircleCharacter", attributes: { category: "icon", type: "asterisk-circle", item: "character", }, path: ["icon", "asterisk-circle", "character"], }, { value: "\\e986", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e986" }, name: "IconCheckmarkCircleCharacter", attributes: { category: "icon", type: "checkmark-circle", item: "character", }, path: ["icon", "checkmark-circle", "character"], }, { value: "\\e987", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e987" }, name: "IconClockCircleCharacter", attributes: { category: "icon", type: "clock-circle", item: "character" }, path: ["icon", "clock-circle", "character"], }, { value: "\\e988", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e988" }, name: "IconCalendarBlankCircleCharacter", attributes: { category: "icon", type: "calendar-blank-circle", item: "character", }, path: ["icon", "calendar-blank-circle", "character"], }, { value: "\\e989", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e989" }, name: "IconBanCircleCharacter", attributes: { category: "icon", type: "ban-circle", item: "character" }, path: ["icon", "ban-circle", "character"], }, { value: "\\e98b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e98b" }, name: "IconDiskCircleCharacter", attributes: { category: "icon", type: "disk-circle", item: "character" }, path: ["icon", "disk-circle", "character"], }, { value: "\\e98c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e98c" }, name: "IconTemplateCircleCharacter", attributes: { category: "icon", type: "template-circle", item: "character", }, path: ["icon", "template-circle", "character"], }, { value: "\\e98d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e98d" }, name: "IconExclamationTriangleCharacter", attributes: { category: "icon", type: "exclamation-triangle", item: "character", }, path: ["icon", "exclamation-triangle", "character"], }, { value: "\\e98e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e98e" }, name: "IconTableCharacter", attributes: { category: "icon", type: "table", item: "character" }, path: ["icon", "table", "character"], }, { value: "\\e98f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e98f" }, name: "IconTabsCharacter", attributes: { category: "icon", type: "tabs", item: "character" }, path: ["icon", "tabs", "character"], }, { value: "\\e990", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e990" }, name: "IconThumbsDownOutlineCharacter", attributes: { category: "icon", type: "thumbs-down-outline", item: "character", }, path: ["icon", "thumbs-down-outline", "character"], }, { value: "\\e991", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e991" }, name: "IconThumbsDownCharacter", attributes: { category: "icon", type: "thumbs-down", item: "character" }, path: ["icon", "thumbs-down", "character"], }, { value: "\\e992", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e992" }, name: "IconThumbsUpOutlineCharacter", attributes: { category: "icon", type: "thumbs-up-outline", item: "character", }, path: ["icon", "thumbs-up-outline", "character"], }, { value: "\\e993", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e993" }, name: "IconThumbsUpCharacter", attributes: { category: "icon", type: "thumbs-up", item: "character" }, path: ["icon", "thumbs-up", "character"], }, { value: "\\e994", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e994" }, name: "IconTrashCharacter", attributes: { category: "icon", type: "trash", item: "character" }, path: ["icon", "trash", "character"], }, { value: "\\e995", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e995" }, name: "IconTruckShippingCharacter", attributes: { category: "icon", type: "truck-shipping", item: "character", }, path: ["icon", "truck-shipping", "character"], }, { value: "\\e996", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e996" }, name: "IconTwitterCharacter", attributes: { category: "icon", type: "twitter", item: "character" }, path: ["icon", "twitter", "character"], }, { value: "\\e9ad", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9ad" }, name: "IconUnarchiveCharacter", attributes: { category: "icon", type: "unarchive", item: "character" }, path: ["icon", "unarchive", "character"], }, { value: "\\e997", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e997" }, name: "IconUndoCharacter", attributes: { category: "icon", type: "undo", item: "character" }, path: ["icon", "undo", "character"], }, { value: "\\e998", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e998" }, name: "IconUnlockedCharacter", attributes: { category: "icon", type: "unlocked", item: "character" }, path: ["icon", "unlocked", "character"], }, { value: "\\e9ab", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9ab" }, name: "IconUnlinkCharacter", attributes: { category: "icon", type: "unlink", item: "character" }, path: ["icon", "unlink", "character"], }, { value: "\\e999", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e999" }, name: "IconUploadCloudCharacter", attributes: { category: "icon", type: "upload-cloud", item: "character" }, path: ["icon", "upload-cloud", "character"], }, { value: "\\e99a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e99a" }, name: "IconWrenchCharacter", attributes: { category: "icon", type: "wrench", item: "character" }, path: ["icon", "wrench", "character"], }, { value: "\\e99b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e99b" }, name: "IconXCharacter", attributes: { category: "icon", type: "x", item: "character" }, path: ["icon", "x", "character"], }, { value: "\\e99c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e99c" }, name: "IconArrowRightCircleCharacter", attributes: { category: "icon", type: "arrow-right-circle", item: "character", }, path: ["icon", "arrow-right-circle", "character"], }, { value: "\\e99d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e99d" }, name: "IconCalendarSelectCharacter", attributes: { category: "icon", type: "calendar-select", item: "character", }, path: ["icon", "calendar-select", "character"], }, { value: "\\e99e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e99e" }, name: "IconTagCharacter", attributes: { category: "icon", type: "tag", item: "character" }, path: ["icon", "tag", "character"], }, { value: "\\e99f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e99f" }, name: "IconUserCharacter", attributes: { category: "icon", type: "user", item: "character" }, path: ["icon", "user", "character"], }, { value: "\\e9a0", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a0" }, name: "IconEyeSlashCharacter", attributes: { category: "icon", type: "eye-slash", item: "character" }, path: ["icon", "eye-slash", "character"], }, { value: "\\e9a1", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a1" }, name: "IconBellFilledCharacter", attributes: { category: "icon", type: "bell-filled", item: "character" }, path: ["icon", "bell-filled", "character"], }, { value: "\\e9a2", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a2" }, name: "IconNestedListCharacter", attributes: { category: "icon", type: "nested-list", item: "character" }, path: ["icon", "nested-list", "character"], }, { value: "\\e9a3", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a3" }, name: "IconPinCharacter", attributes: { category: "icon", type: "pin", item: "character" }, path: ["icon", "pin", "character"], }, { value: "\\e9bc", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9bc" }, name: "IconPinOutlineCharacter", attributes: { category: "icon", type: "pin-outline", item: "character" }, path: ["icon", "pin-outline", "character"], }, { value: "\\e9a4", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a4" }, name: "IconUserImpersonationCharacter", attributes: { category: "icon", type: "user-impersonation", item: "character", }, path: ["icon", "user-impersonation", "character"], }, { value: "\\e9b6", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b6" }, name: "IconVolumeFullCharacter", attributes: { category: "icon", type: "volume-full", item: "character" }, path: ["icon", "volume-full", "character"], }, { value: "\\e9b3", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b3" }, name: "IconVolumeLowCharacter", attributes: { category: "icon", type: "volume-low", item: "character" }, path: ["icon", "volume-low", "character"], }, { value: "\\e9b5", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b5" }, name: "IconVolumeMediumCharacter", attributes: { category: "icon", type: "volume-medium", item: "character", }, path: ["icon", "volume-medium", "character"], }, { value: "\\e9b1", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b1" }, name: "IconVolumeOffCharacter", attributes: { category: "icon", type: "volume-off", item: "character" }, path: ["icon", "volume-off", "character"], }, { value: "\\e9b4", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b4" }, name: "IconWorkflowCharacter", attributes: { category: "icon", type: "workflow", item: "character" }, path: ["icon", "workflow", "character"], }, { value: "\\e9b2", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b2" }, name: "IconWorkflowCompleteCharacter", attributes: { category: "icon", type: "workflow-complete", item: "character", }, path: ["icon", "workflow-complete", "character"], }, { value: "\\e97f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.archive-circle.character}" }, name: "IconStatusArchivedCharacter", attributes: { category: "icon", type: "status-archived", item: "character", }, path: ["icon", "status-archived", "character"], }, { value: "#1f282cff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.grey.dark}" }, name: "IconStatusArchivedColor", attributes: { category: "icon", type: "status-archived", item: "color" }, path: ["icon", "status-archived", "color"], }, { value: "\\e980", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.x-circle.character}" }, name: "IconStatusCancelledCharacter", attributes: { category: "icon", type: "status-cancelled", item: "character", }, path: ["icon", "status-cancelled", "character"], }, { value: "#de002eff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.red.medium}" }, name: "IconStatusCancelledColor", attributes: { category: "icon", type: "status-cancelled", item: "color" }, path: ["icon", "status-cancelled", "color"], }, { value: "\\e981", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.exclamation-circle.character}" }, name: "IconStatusErrorCharacter", attributes: { category: "icon", type: "status-error", item: "character" }, path: ["icon", "status-error", "character"], }, { value: "#de002eff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.red.medium}" }, name: "IconStatusErrorColor", attributes: { category: "icon", type: "status-error", item: "color" }, path: ["icon", "status-error", "color"], }, { value: "\\e982", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.descending-ellipses-circle.character}" }, name: "IconStatusInProcessCharacter", attributes: { category: "icon", type: "status-in-process", item: "character", }, path: ["icon", "status-in-process", "character"], }, { value: "#91467fff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.purple.medium}" }, name: "IconStatusInProcessColor", attributes: { category: "icon", type: "status-in-process", item: "color", }, path: ["icon", "status-in-process", "color"], }, { value: "\\e983", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.double-angle-right-circle.character}" }, name: "IconStatusInTransitCharacter", attributes: { category: "icon", type: "status-in-transit", item: "character", }, path: ["icon", "status-in-transit", "character"], }, { value: "#91467fff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.purple.medium}" }, name: "IconStatusInTransitColor", attributes: { category: "icon", type: "status-in-transit", item: "color", }, path: ["icon", "status-in-transit", "color"], }, { value: "\\e984", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.locked-circle.character}" }, name: "IconStatusLockedCharacter", attributes: { category: "icon", type: "status-locked", item: "character", }, path: ["icon", "status-locked", "character"], }, { value: "#1f282cff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.grey.dark}" }, name: "IconStatusLockedColor", attributes: { category: "icon", type: "status-locked", item: "color" }, path: ["icon", "status-locked", "color"], }, { value: "\\e985", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.asterisk-circle.character}" }, name: "IconStatusNewCharacter", attributes: { category: "icon", type: "status-new", item: "character" }, path: ["icon", "status-new", "character"], }, { value: "#007db8ff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.blue.medium}" }, name: "IconStatusNewColor", attributes: { category: "icon", type: "status-new", item: "color" }, path: ["icon", "status-new", "color"], }, { value: "\\e986", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.checkmark-circle.character}" }, name: "IconStatusOkCharacter", attributes: { category: "icon", type: "status-ok", item: "character" }, path: ["icon", "status-ok", "character"], }, { value: "#0b8940ff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.green.medium}" }, name: "IconStatusOkColor", attributes: { category: "icon", type: "status-ok", item: "color" }, path: ["icon", "status-ok", "color"], }, { value: "\\e987", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.clock-circle.character}" }, name: "IconStatusOnHoldCharacter", attributes: { category: "icon", type: "status-on-hold", item: "character", }, path: ["icon", "status-on-hold", "character"], }, { value: "#1f282cff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.grey.dark}" }, name: "IconStatusOnHoldColor", attributes: { category: "icon", type: "status-on-hold", item: "color" }, path: ["icon", "status-on-hold", "color"], }, { value: "\\e988", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.calendar-blank-circle.character}" }, name: "IconStatusOutdatedCharacter", attributes: { category: "icon", type: "status-outdated", item: "character", }, path: ["icon", "status-outdated", "character"], }, { value: "#1f282cff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.grey.dark}" }, name: "IconStatusOutdatedColor", attributes: { category: "icon", type: "status-outdated", item: "color" }, path: ["icon", "status-outdated", "color"], }, { value: "\\e9ba", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9ba" }, name: "IconStatusPreviewCharacter", attributes: { category: "icon", type: "status-preview", item: "character", }, path: ["icon", "status-preview", "character"], }, { value: "#1f282cff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.grey.dark}" }, name: "IconStatusPreviewColor", attributes: { category: "icon", type: "status-preview", item: "color" }, path: ["icon", "status-preview", "color"], }, { value: "\\e989", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.ban-circle.character}" }, name: "IconStatusRejectedCharacter", attributes: { category: "icon", type: "status-rejected", item: "character", }, path: ["icon", "status-rejected", "character"], }, { value: "#de002eff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.red.medium}" }, name: "IconStatusRejectedColor", attributes: { category: "icon", type: "status-rejected", item: "color" }, path: ["icon", "status-rejected", "color"], }, { value: "\\e98b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.disk-circle.character}" }, name: "IconStatusSavedCharacter", attributes: { category: "icon", type: "status-saved", item: "character" }, path: ["icon", "status-saved", "character"], }, { value: "#91467fff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.purple.medium}" }, name: "IconStatusSavedColor", attributes: { category: "icon", type: "status-saved", item: "color" }, path: ["icon", "status-saved", "color"], }, { value: "\\e98b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.disk-circle.character}" }, name: "IconStatusSavingCharacter", attributes: { category: "icon", type: "status-saving", item: "character", }, path: ["icon", "status-saving", "character"], }, { value: "#91467fff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.purple.medium}" }, name: "IconStatusSavingColor", attributes: { category: "icon", type: "status-saving", item: "color" }, path: ["icon", "status-saving", "color"], }, { value: "\\e98c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.template-circle.character}" }, name: "IconStatusTemplateCharacter", attributes: { category: "icon", type: "status-template", item: "character", }, path: ["icon", "status-template", "character"], }, { value: "#007db8ff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.blue.medium}" }, name: "IconStatusTemplateColor", attributes: { category: "icon", type: "status-template", item: "color" }, path: ["icon", "status-template", "color"], }, { value: "\\e98d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.exclamation-triangle.character}" }, name: "IconStatusWarningCharacter", attributes: { category: "icon", type: "status-warning", item: "character", }, path: ["icon", "status-warning", "character"], }, { value: "#e7760bff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.orange.medium}" }, name: "IconStatusWarningColor", attributes: { category: "icon", type: "status-warning", item: "color" }, path: ["icon", "status-warning", "color"], }, { value: "0 0.25rem 0 0 #e9e9eaff inset", filePath: "src/tokens/shadow/shadow.json", isSource: true, original: { value: { offsetY: "{size.system.xs.value}", color: "{color.grey.light.value}", inset: true, }, }, name: "ShadowInput", attributes: { category: "shadow", type: "input" }, path: ["shadow", "input"], }, { value: "0 0 0.25rem 0 #1f282c80", filePath: "src/tokens/shadow/shadow.json", isSource: true, original: { value: { blur: "{size.system.xs.value}", color: "{color.grey.dark-50.value}", }, }, name: "ShadowOuter", attributes: { category: "shadow", type: "outer" }, path: ["shadow", "outer"], }, { value: "0 0 0.25rem 0 #1f282c40", filePath: "src/tokens/shadow/shadow.json", isSource: true, original: { value: { blur: "{size.system.xs.value}", color: "{color.grey.dark-25.value}", }, }, name: "ShadowDropdown", attributes: { category: "shadow", type: "dropdown" }, path: ["shadow", "dropdown"], }, { value: "0 0 0.25rem 0.25rem #1f282c1a", filePath: "src/tokens/shadow/shadow.json", isSource: true, original: { value: { blur: "{size.system.xs.value}", spread: "{size.system.xs.value}", color: "{color.grey.dark-10.value}", }, }, name: "ShadowFixedContainer", attributes: { category: "shadow", type: "fixed-container" }, path: ["shadow", "fixed-container"], }, { value: "0", filePath: "src/tokens/size/border.json", isSource: true, original: { value: 0 }, name: "SizeBorderRadiusNone", attributes: { category: "size", type: "border", item: "radius", subitem: "none", }, path: ["size", "border", "radius", "none"], }, { value: "0.125rem", filePath: "src/tokens/size/border.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "SizeBorderRadiusXxs", attributes: { category: "size", type: "border", item: "radius", subitem: "xxs", }, path: ["size", "border", "radius", "xxs"], }, { value: "0.25rem", filePath: "src/tokens/size/border.json", isSource: true, original: { value: "{size.system.xs.value}" }, name: "SizeBorderRadiusXs", attributes: { category: "size", type: "border", item: "radius", subitem: "xs", }, path: ["size", "border", "radius", "xs"], }, { value: "0", filePath: "src/tokens/size/border.json", isSource: true, original: { value: 0 }, name: "SizeBorderWidthNone", attributes: { category: "size", type: "border", item: "width", subitem: "none", }, path: ["size", "border", "width", "none"], }, { value: "0.0625rem", filePath: "src/tokens/size/border.json", isSource: true, original: { value: 1 }, name: "SizeBorderWidthStandard", attributes: { category: "size", type: "border", item: "width", subitem: "standard", }, path: ["size", "border", "width", "standard"], }, { value: "1280px", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "{grid.content-width.value}" }, name: "SizeComponentActionBarMaxContentWidth", attributes: { category: "size", type: "component", item: "action-bar", subitem: "max-content-width", }, path: ["size", "component", "action-bar", "max-content-width"], }, { value: "1.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "20px" }, name: "SizeComponentActionBarContentPadding", attributes: { category: "size", type: "component", item: "action-bar", subitem: "content-padding", }, path: ["size", "component", "action-bar", "content-padding"], }, { value: "0.375rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "6px" }, name: "SizeComponentAddToListDragHandleWidth", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "drag-handle", state: "width", }, path: ["size", "component", "add-to-list", "drag-handle", "width"], }, { value: "1.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "18px" }, name: "SizeComponentAddToListDragHandleHeight", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "drag-handle", state: "height", }, path: ["size", "component", "add-to-list", "drag-handle", "height"], }, { value: "0.375rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "6px" }, name: "SizeComponentAddToListCloseButtonRight", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "close-button", state: "right", }, path: ["size", "component", "add-to-list", "close-button", "right"], }, { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentAddToListCloseButtonTop", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "close-button", state: "top", }, path: ["size", "component", "add-to-list", "close-button", "top"], }, { value: "17.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "284px" }, name: "SizeComponentAddToListItemMinwidth", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "item", state: "minwidth", }, path: ["size", "component", "add-to-list", "item", "minwidth"], }, { value: "0.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "12px" }, name: "SizeComponentAddToListItemPadding", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "item", state: "padding", }, path: ["size", "component", "add-to-list", "item", "padding"], }, { value: "3.09375rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "49.5%" }, name: "SizeComponentAddToListVerticalRuleLeft", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "verticalRule", state: "left", }, path: ["size", "component", "add-to-list", "verticalRule", "left"], }, { value: "0", filePath: "src/tokens/size/component.json", isSource: true, original: { value: 0 }, name: "SizeComponentAddToListVerticalRuleTop", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "verticalRule", state: "top", }, path: ["size", "component", "add-to-list", "verticalRule", "top"], }, { value: "0", filePath: "src/tokens/size/component.json", isSource: true, original: { value: 0 }, name: "SizeComponentAddToListVerticalRuleBottom", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "verticalRule", state: "bottom", }, path: ["size", "component", "add-to-list", "verticalRule", "bottom"], }, { value: "6.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "100%" }, name: "SizeComponentAddToListVerticalRuleHeight", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "verticalRule", state: "height", }, path: ["size", "component", "add-to-list", "verticalRule", "height"], }, { value: "1rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "16px" }, name: "SizeComponentAddToListLeftListBaseMarginRight", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "leftList", state: "base", }, path: [ "size", "component", "add-to-list", "leftList", "base", "marginRight", ], }, { value: "0", filePath: "src/tokens/size/component.json", isSource: true, original: { value: 0 }, name: "SizeComponentAddToListLeftListVerticalMarginRight", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "leftList", state: "vertical", }, path: [ "size", "component", "add-to-list", "leftList", "vertical", "marginRight", ], }, { value: "1.375rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "22px" }, name: "SizeComponentAddToListLeftListVerticalMarginBottom", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "leftList", state: "vertical", }, path: [ "size", "component", "add-to-list", "leftList", "vertical", "marginBottom", ], }, { value: "1rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "16px" }, name: "SizeComponentAddToListRightListBaseMarginLeft", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "rightList", state: "base", }, path: [ "size", "component", "add-to-list", "rightList", "base", "marginLeft", ], }, { value: "0", filePath: "src/tokens/size/component.json", isSource: true, original: { value: 0 }, name: "SizeComponentAddToListRightListVerticalMarginLeft", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "rightList", state: "vertical", }, path: [ "size", "component", "add-to-list", "rightList", "vertical", "marginLeft", ], }, { value: "1.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "20px" }, name: "SizeComponentAddToListFilterContainerMarginBottom", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "filterContainer", state: "marginBottom", }, path: [ "size", "component", "add-to-list", "filterContainer", "marginBottom", ], }, { value: "1.5625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "25px" }, name: "SizeComponentAddToListPhantomDroppableContainerTotalHeight", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "phantomDroppableContainerTotalHeight", }, path: [ "size", "component", "add-to-list", "phantomDroppableContainerTotalHeight", ], }, { value: "1.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "30px" }, name: "SizeComponentCapContentLineHeight", attributes: { category: "size", type: "component", item: "cap-content", subitem: "line-height", }, path: ["size", "component", "cap-content", "line-height"], }, { value: "1.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "18px" }, name: "SizeComponentClickableTagHeight", attributes: { category: "size", type: "component", item: "clickable-tag", subitem: "height", }, path: ["size", "component", "clickable-tag", "height"], }, { value: "0.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "12px" }, name: "SizeComponentClickableTagLineHeight", attributes: { category: "size", type: "component", item: "clickable-tag", subitem: "line-height", }, path: ["size", "component", "clickable-tag", "line-height"], }, { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentClickableTagIconFontSize", attributes: { category: "size", type: "component", item: "clickable-tag", subitem: "icon-font-size", }, path: ["size", "component", "clickable-tag", "icon-font-size"], }, { value: "-0.0625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "-1px" }, name: "SizeComponentClickableTagIconTopOffset", attributes: { category: "size", type: "component", item: "clickable-tag", subitem: "icon-top-offset", }, path: ["size", "component", "clickable-tag", "icon-top-offset"], }, { value: "3.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "62px" }, name: "SizeComponentContentRowReorderableMinContainerHeight", attributes: { category: "size", type: "component", item: "content-row", subitem: "reorderable-min-container-height", }, path: [ "size", "component", "content-row", "reorderable-min-container-height", ], }, { value: "3.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "56px" }, name: "SizeComponentContentRowReorderableIndexContainerSize", attributes: { category: "size", type: "component", item: "content-row", subitem: "reorderable-index-container-size", }, path: [ "size", "component", "content-row", "reorderable-index-container-size", ], }, { value: "1.78125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "28.5px" }, name: "SizeComponentContentRowReorderableButtonHeight", attributes: { category: "size", type: "component", item: "content-row", subitem: "reorderable-button-height", }, path: ["size", "component", "content-row", "reorderable-button-height"], }, { value: "3.3125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "53px" }, name: "SizeComponentContentRowReorderableButtonWidth", attributes: { category: "size", type: "component", item: "content-row", subitem: "reorderable-button-width", }, path: ["size", "component", "content-row", "reorderable-button-width"], }, { value: "0.1875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "3px" }, name: "SizeComponentContentRowReorderableButtonBorderRadius", attributes: { category: "size", type: "component", item: "content-row", subitem: "reorderable-button-border-radius", }, path: [ "size", "component", "content-row", "reorderable-button-border-radius", ], }, { value: "-0.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "-2px" }, name: "SizeComponentContentRowIconMarginAdjustment", attributes: { category: "size", type: "component", item: "content-row", subitem: "icon-margin-adjustment", }, path: ["size", "component", "content-row", "icon-margin-adjustment"], }, { value: "8.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "138px" }, name: "SizeComponentContentTileHeight", attributes: { category: "size", type: "component", item: "content-tile", subitem: "height", }, path: ["size", "component", "content-tile", "height"], }, { value: "3.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "60px" }, name: "SizeComponentContentTileImageHeight", attributes: { category: "size", type: "component", item: "content-tile", subitem: "image", state: "height", }, path: ["size", "component", "content-tile", "image", "height"], }, { value: "3.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "60px" }, name: "SizeComponentContentTileImageWidth", attributes: { category: "size", type: "component", item: "content-tile", subitem: "image", state: "width", }, path: ["size", "component", "content-tile", "image", "width"], }, { value: "1rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "{size.spacing.md}" }, name: "SizeComponentContentTileImageMarginBottom", attributes: { category: "size", type: "component", item: "content-tile", subitem: "image", state: "marginBottom", }, path: ["size", "component", "content-tile", "image", "marginBottom"], }, { value: "1rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "{size.spacing.md}" }, name: "SizeComponentContentTileImageMarginTop", attributes: { category: "size", type: "component", item: "content-tile", subitem: "image", state: "marginTop", }, path: ["size", "component", "content-tile", "image", "marginTop"], }, { value: "0.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "{size.spacing.sm}" }, name: "SizeComponentContentTileContainerSpacing", attributes: { category: "size", type: "component", item: "content-tile", subitem: "container", state: "spacing", }, path: ["size", "component", "content-tile", "container", "spacing"], }, { value: "0.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "{size.spacing.sm}" }, name: "SizeComponentContentTileTitleContainerSpacing", attributes: { category: "size", type: "component", item: "content-tile", subitem: "titleContainer", state: "spacing", }, path: ["size", "component", "content-tile", "titleContainer", "spacing"], }, { value: "-0.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "-4px" }, name: "SizeComponentFeedbackBlockStandardMarginLeft", attributes: { category: "size", type: "component", item: "feedback-block", subitem: "standard", state: "margin-left", }, path: ["size", "component", "feedback-block", "standard", "margin-left"], }, { value: "0.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "2px" }, name: "SizeComponentFeedbackBlockMicroMarginTop", attributes: { category: "size", type: "component", item: "feedback-block", subitem: "micro", state: "margin-top", }, path: ["size", "component", "feedback-block", "micro", "margin-top"], }, { value: "3rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "48px" }, name: "SizeComponentFileUploadIconSize", attributes: { category: "size", type: "component", item: "file-upload", subitem: "icon-size", }, path: ["size", "component", "file-upload", "icon-size"], }, { value: "6.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "106px" }, name: "SizeComponentFilterTileHeight", attributes: { category: "size", type: "component", item: "filter-tile", subitem: "height", }, path: ["size", "component", "filter-tile", "height"], }, { value: "15.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "250px" }, name: "SizeComponentFilterTileMaxWidth", attributes: { category: "size", type: "component", item: "filter-tile", subitem: "maxWidth", }, path: ["size", "component", "filter-tile", "maxWidth"], }, { value: "6.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "110px" }, name: "SizeComponentFilterTileMinWidth", attributes: { category: "size", type: "component", item: "filter-tile", subitem: "minWidth", }, path: ["size", "component", "filter-tile", "minWidth"], }, { value: "0", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "0" }, name: "SizeComponentFilterTileMarginEndChildren", attributes: { category: "size", type: "component", item: "filter-tile", subitem: "marginEndChildren", }, path: ["size", "component", "filter-tile", "marginEndChildren"], }, { value: "2.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "36px" }, name: "SizeComponentFilterTileTitleHeight", attributes: { category: "size", type: "component", item: "filter-tile", subitem: "title", state: "height", }, path: ["size", "component", "filter-tile", "title", "height"], }, { value: "1.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "30px" }, name: "SizeComponentFilterTileTileValueHeightFontSizeLineHeight", attributes: { category: "size", type: "component", item: "filter-tile", subitem: "tileValue", state: "heightFontSizeLineHeight", }, path: [ "size", "component", "filter-tile", "tileValue", "heightFontSizeLineHeight", ], }, { value: "3.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "50px" }, name: "SizeComponentFocusedTaskHeight", attributes: { category: "size", type: "component", item: "focused-task", subitem: "height", }, path: ["size", "component", "focused-task", "height"], }, { value: "-0.0625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "-1px" }, name: "SizeComponentFocusedTaskBoxShadowOffsetY", attributes: { category: "size", type: "component", item: "focused-task", subitem: "box-shadow-offset-y", }, path: ["size", "component", "focused-task", "box-shadow-offset-y"], }, { value: "23.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "380px" }, name: "SizeComponentModalSizesSm", attributes: { category: "size", type: "component", item: "modal", subitem: "sizes", state: "sm", }, path: ["size", "component", "modal", "sizes", "sm"], }, { value: "36.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "580px" }, name: "SizeComponentModalSizesMd", attributes: { category: "size", type: "component", item: "modal", subitem: "sizes", state: "md", }, path: ["size", "component", "modal", "sizes", "md"], }, { value: "48.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "780px" }, name: "SizeComponentModalSizesLg", attributes: { category: "size", type: "component", item: "modal", subitem: "sizes", state: "lg", }, path: ["size", "component", "modal", "sizes", "lg"], }, { value: "73.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "1180px" }, name: "SizeComponentModalSizesXl", attributes: { category: "size", type: "component", item: "modal", subitem: "sizes", state: "xl", }, path: ["size", "component", "modal", "sizes", "xl"], }, { value: "3.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "60px" }, name: "SizeComponentProductBarMinHeight", attributes: { category: "size", type: "component", item: "product-bar", subitem: "min-height", }, path: ["size", "component", "product-bar", "min-height"], }, { value: "1280px", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "{grid.content-width.value}" }, name: "SizeComponentProductBarWidth", attributes: { category: "size", type: "component", item: "product-bar", subitem: "width", }, path: ["size", "component", "product-bar", "width"], }, { value: "1.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "24px" }, name: "SizeComponentProductBarLogoSize", attributes: { category: "size", type: "component", item: "product-bar", subitem: "logo-size", }, path: ["size", "component", "product-bar", "logo-size"], }, { value: "0.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "2px" }, name: "SizeComponentProductBarNavUnderline", attributes: { category: "size", type: "component", item: "product-bar", subitem: "nav-underline", }, path: ["size", "component", "product-bar", "nav-underline"], }, { value: "3.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "58px" }, name: "SizeComponentProductBarNavHeight", attributes: { category: "size", type: "component", item: "product-bar", subitem: "nav-height", }, path: ["size", "component", "product-bar", "nav-height"], }, { value: "2.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "34px" }, name: "SizeComponentProductBarVerticalRuleHeight", attributes: { category: "size", type: "component", item: "product-bar", subitem: "vertical-rule-height", }, path: ["size", "component", "product-bar", "vertical-rule-height"], }, { value: "1.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "18px" }, name: "SizeComponentSpinnerSmDimension", attributes: { category: "size", type: "component", item: "spinner", subitem: "sm", state: "dimension", }, path: ["size", "component", "spinner", "sm", "dimension"], }, { value: "0.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "2px" }, name: "SizeComponentSpinnerSmThickness", attributes: { category: "size", type: "component", item: "spinner", subitem: "sm", state: "thickness", }, path: ["size", "component", "spinner", "sm", "thickness"], }, { value: "2.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "36px" }, name: "SizeComponentSpinnerMdDimension", attributes: { category: "size", type: "component", item: "spinner", subitem: "md", state: "dimension", }, path: ["size", "component", "spinner", "md", "dimension"], }, { value: "0.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "4px" }, name: "SizeComponentSpinnerMdThickness", attributes: { category: "size", type: "component", item: "spinner", subitem: "md", state: "thickness", }, path: ["size", "component", "spinner", "md", "thickness"], }, { value: "4.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "72px" }, name: "SizeComponentSpinnerLgDimension", attributes: { category: "size", type: "component", item: "spinner", subitem: "lg", state: "dimension", }, path: ["size", "component", "spinner", "lg", "dimension"], }, { value: "0.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "8px" }, name: "SizeComponentSpinnerLgThickness", attributes: { category: "size", type: "component", item: "spinner", subitem: "lg", state: "thickness", }, path: ["size", "component", "spinner", "lg", "thickness"], }, { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentSortingHeaderPinnedShadowHeight", attributes: { category: "size", type: "component", item: "sorting-header", subitem: "pinned", state: "shadowHeight", }, path: ["size", "component", "sorting-header", "pinned", "shadowHeight"], }, { value: "-0.0625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "-1px" }, name: "SizeComponentSortingHeaderPinnedShadowLeftAdjustment", attributes: { category: "size", type: "component", item: "sorting-header", subitem: "pinned", state: "shadowLeftAdjustment", }, path: [ "size", "component", "sorting-header", "pinned", "shadowLeftAdjustment", ], }, { value: "0.0625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "1px" }, name: "SizeComponentVerticalRuleThickness", attributes: { category: "size", type: "component", item: "vertical-rule", subitem: "thickness", }, path: ["size", "component", "vertical-rule", "thickness"], }, { value: "0.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "12px" }, name: "SizeComponentTagLineHeight", attributes: { category: "size", type: "component", item: "tag", subitem: "line-height", }, path: ["size", "component", "tag", "line-height"], }, { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentTagIconLineHeight", attributes: { category: "size", type: "component", item: "tag", subitem: "icon-line-height", }, path: ["size", "component", "tag", "icon-line-height"], }, { value: "6.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "100px" }, name: "SizeComponentZeroStateImageHeight", attributes: { category: "size", type: "component", item: "zero-state", subitem: "image-height", }, path: ["size", "component", "zero-state", "image-height"], }, { value: "12.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "200px" }, name: "SizeComponentZeroStateImageWidth", attributes: { category: "size", type: "component", item: "zero-state", subitem: "image-width", }, path: ["size", "component", "zero-state", "image-width"], }, { value: "3rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "48px" }, name: "SizeComponentZeroStateIconFontSize", attributes: { category: "size", type: "component", item: "zero-state", subitem: "icon-font-size", }, path: ["size", "component", "zero-state", "icon-font-size"], }, { value: "3rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "48px" }, name: "SizeComponentZeroStateIconLineHeight", attributes: { category: "size", type: "component", item: "zero-state", subitem: "icon-line-height", }, path: ["size", "component", "zero-state", "icon-line-height"], }, { value: "25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "400px" }, name: "SizeComponentGrowlerWidth", attributes: { category: "size", type: "component", item: "growler", subitem: "width", }, path: ["size", "component", "growler", "width"], }, { value: "1.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "30px" }, name: "SizeComponentGrowlerIconFontSize", attributes: { category: "size", type: "component", item: "growler", subitem: "icon", state: "fontSize", }, path: ["size", "component", "growler", "icon", "fontSize"], }, { value: "1.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "30px" }, name: "SizeComponentGrowlerIconBoxRight", attributes: { category: "size", type: "component", item: "growler", subitem: "icon", state: "box", }, path: ["size", "component", "growler", "icon", "box", "right"], }, { value: "5.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "90px" }, name: "SizeComponentGrowlerIconBoxTop", attributes: { category: "size", type: "component", item: "growler", subitem: "icon", state: "box", }, path: ["size", "component", "growler", "icon", "box", "top"], }, { value: "4.375rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "70px" }, name: "SizeComponentGrowlerIconBoxWidth", attributes: { category: "size", type: "component", item: "growler", subitem: "icon", state: "box", }, path: ["size", "component", "growler", "icon", "box", "width"], }, { value: "16.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "264px" }, name: "SizeComponentGrowlerMessageBoxSubtitleWidth", attributes: { category: "size", type: "component", item: "growler", subitem: "messageBox", state: "subtitle", }, path: ["size", "component", "growler", "messageBox", "subtitle", "width"], }, { value: "2.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "42px" }, name: "SizeComponentGrowlerMessageBoxPaddingRight", attributes: { category: "size", type: "component", item: "growler", subitem: "messageBox", state: "padding", }, path: ["size", "component", "growler", "messageBox", "padding", "right"], }, { value: "0.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "14px" }, name: "SizeComponentButtonSpinnerMarginVertical", attributes: { category: "size", type: "component", item: "button", subitem: "spinner-margin-vertical", }, path: ["size", "component", "button", "spinner-margin-vertical"], }, { value: "0.4375rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "7px" }, name: "SizeComponentButtonSpinnerMarginHorizontal", attributes: { category: "size", type: "component", item: "button", subitem: "spinner-margin-horizontal", }, path: ["size", "component", "button", "spinner-margin-horizontal"], }, { value: "0.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "2px" }, name: "SizeComponentButtonSpinnerBorderWidth", attributes: { category: "size", type: "component", item: "button", subitem: "spinner-border-width", }, path: ["size", "component", "button", "spinner-border-width"], }, { value: "0.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "14px" }, name: "SizeComponentButtonSpinnerSize", attributes: { category: "size", type: "component", item: "button", subitem: "spinner-size", }, path: ["size", "component", "button", "spinner-size"], }, { value: "3.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "52px" }, name: "SizeComponentSearchResultsBarMinHeight", attributes: { category: "size", type: "component", item: "search-results-bar", subitem: "min-height", }, path: ["size", "component", "search-results-bar", "min-height"], }, { value: "5.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "84px" }, name: "SizeComponentSearchResultsBarClearButton", attributes: { category: "size", type: "component", item: "search-results-bar", subitem: "clear-button", }, path: ["size", "component", "search-results-bar", "clear-button"], }, { value: "1280px", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "{grid.content-width.value}" }, name: "SizeComponentListBarPinnedWidth", attributes: { category: "size", type: "component", item: "list-bar", subitem: "pinned-width", }, path: ["size", "component", "list-bar", "pinned-width"], }, { value: "1.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "20px" }, name: "SizeComponentListBarPinnedPadding", attributes: { category: "size", type: "component", item: "list-bar", subitem: "pinned-padding", }, path: ["size", "component", "list-bar", "pinned-padding"], }, { value: "3.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "60px" }, name: "SizeComponentListBarTop", attributes: { category: "size", type: "component", item: "list-bar", subitem: "top", }, path: ["size", "component", "list-bar", "top"], }, { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentListBarHeight", attributes: { category: "size", type: "component", item: "list-bar", subitem: "height", }, path: ["size", "component", "list-bar", "height"], }, { value: "2rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "32px" }, name: "SizeComponentListBarContentHeaderHeight", attributes: { category: "size", type: "component", item: "list-bar", subitem: "content-header-height", }, path: ["size", "component", "list-bar", "content-header-height"], }, { value: "25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "400px" }, name: "SizeComponentListBarSearchFormMaxWidth", attributes: { category: "size", type: "component", item: "list-bar", subitem: "search-form-max-width", }, path: ["size", "component", "list-bar", "search-form-max-width"], }, { value: "1.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "30px" }, name: "SizeComponentListBarSearchButtonHeight", attributes: { category: "size", type: "component", item: "list-bar", subitem: "search-button-height", }, path: ["size", "component", "list-bar", "search-button-height"], }, { value: "2rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "32px" }, name: "SizeComponentListBarSearchFieldSelectLineHeight", attributes: { category: "size", type: "component", item: "list-bar", subitem: "search-field-select-line-height", }, path: [ "size", "component", "list-bar", "search-field-select-line-height", ], }, { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentAdvancedSearchMarginTop", attributes: { category: "size", type: "component", item: "advanced-search", subitem: "margin-top", }, path: ["size", "component", "advanced-search", "margin-top"], }, { value: "0.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "8px" }, name: "SizeComponentProgressBarBorderRadius", attributes: { category: "size", type: "component", item: "progress-bar", subitem: "border-radius", }, path: ["size", "component", "progress-bar", "border-radius"], }, { value: "0.375rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "6px" }, name: "SizeComponentProgressBarCloseButtonMargin", attributes: { category: "size", type: "component", item: "progress-bar", subitem: "close-button-margin", }, path: ["size", "component", "progress-bar", "close-button-margin"], }, { value: "43.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: 700 }, name: "SizeComponentSideNavSelectedFontWeight", attributes: { category: "size", type: "component", item: "side-nav", subitem: "selected-font-weight", }, path: ["size", "component", "side-nav", "selected-font-weight"], }, { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentSideNavExpandIconSize", attributes: { category: "size", type: "component", item: "side-nav", subitem: "expand-icon-size", }, path: ["size", "component", "side-nav", "expand-icon-size"], }, { value: "0.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "14px" }, name: "SizeComponentSideNavExpandIconMargin", attributes: { category: "size", type: "component", item: "side-nav", subitem: "expand-icon-margin", }, path: ["size", "component", "side-nav", "expand-icon-margin"], }, { value: "1.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "20px" }, name: "SizeComponentSideNavLinkPaddingLeft", attributes: { category: "size", type: "component", item: "side-nav", subitem: "link-padding-left", }, path: ["size", "component", "side-nav", "link-padding-left"], }, { value: "2.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "34px" }, name: "SizeComponentSideNavNestedFirstLevel", attributes: { category: "size", type: "component", item: "side-nav", subitem: "nested-first-level", }, path: ["size", "component", "side-nav", "nested-first-level"], }, { value: "3rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "48px" }, name: "SizeComponentSideNavNestedSecondLevel", attributes: { category: "size", type: "component", item: "side-nav", subitem: "nested-second-level", }, path: ["size", "component", "side-nav", "nested-second-level"], }, { value: "3.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "62px" }, name: "SizeComponentSideNavNestedThirdLevel", attributes: { category: "size", type: "component", item: "side-nav", subitem: "nested-third-level", }, path: ["size", "component", "side-nav", "nested-third-level"], }, { value: "4.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "76px" }, name: "SizeComponentSideNavNestedFourthLevel", attributes: { category: "size", type: "component", item: "side-nav", subitem: "nested-fourth-level", }, path: ["size", "component", "side-nav", "nested-fourth-level"], }, { value: "2.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "40px" }, name: "SizeComponentProductBarVerticalLinkMinHeight", attributes: { category: "size", type: "component", item: "product-bar-vertical", subitem: "link-min-height", }, path: ["size", "component", "product-bar-vertical", "link-min-height"], }, { value: "1.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "24px" }, name: "SizeComponentProductBarVerticalLogoSize", attributes: { category: "size", type: "component", item: "product-bar-vertical", subitem: "logo-size", }, path: ["size", "component", "product-bar-vertical", "logo-size"], }, { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentProductBarVerticalExpandIconSize", attributes: { category: "size", type: "component", item: "product-bar-vertical", subitem: "expand-icon-size", }, path: ["size", "component", "product-bar-vertical", "expand-icon-size"], }, { value: "0.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "14px" }, name: "SizeComponentProductBarVerticalExpandIconMargin", attributes: { category: "size", type: "component", item: "product-bar-vertical", subitem: "expand-icon-margin", }, path: ["size", "component", "product-bar-vertical", "expand-icon-margin"], }, { value: "2.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "34px" }, name: "SizeComponentProductBarVerticalNestedFirstLevel", attributes: { category: "size", type: "component", item: "product-bar-vertical", subitem: "nested-first-level", }, path: ["size", "component", "product-bar-vertical", "nested-first-level"], }, { value: "3rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "48px" }, name: "SizeComponentProductBarVerticalNestedSecondLevel", attributes: { category: "size", type: "component", item: "product-bar-vertical", subitem: "nested-second-level", }, path: [ "size", "component", "product-bar-vertical", "nested-second-level", ], }, { value: "3.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "62px" }, name: "SizeComponentProductBarVerticalNestedThirdLevel", attributes: { category: "size", type: "component", item: "product-bar-vertical", subitem: "nested-third-level", }, path: ["size", "component", "product-bar-vertical", "nested-third-level"], }, { value: "4.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "76px" }, name: "SizeComponentProductBarVerticalNestedFourthLevel", attributes: { category: "size", type: "component", item: "product-bar-vertical", subitem: "nested-fourth-level", }, path: [ "size", "component", "product-bar-vertical", "nested-fourth-level", ], }, { value: "-0.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "-2px" }, name: "SizeComponentIconMarginAdjustment", attributes: { category: "size", type: "component", item: "icon", subitem: "margin-adjustment", }, path: ["size", "component", "icon", "margin-adjustment"], }, { value: "0.1875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "3px" }, name: "SizeComponentPageTitleIconMarginTop", attributes: { category: "size", type: "component", item: "page-title", subitem: "icon-margin-top", }, path: ["size", "component", "page-title", "icon-margin-top"], }, { value: "0.9375rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "15px" }, name: "SizeComponentInsightCardVerticalPadding", attributes: { category: "size", type: "component", item: "insight-card", subitem: "vertical-padding", }, path: ["size", "component", "insight-card", "vertical-padding"], }, { value: "1.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "20px" }, name: "SizeComponentInsightCardHorizontalPadding", attributes: { category: "size", type: "component", item: "insight-card", subitem: "horizontal-padding", }, path: ["size", "component", "insight-card", "horizontal-padding"], }, { value: "5.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "82px" }, name: "SizeComponentInsightCardHorizontalHeight", attributes: { category: "size", type: "component", item: "insight-card", subitem: "horizontal-height", }, path: ["size", "component", "insight-card", "horizontal-height"], }, { value: "2rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "32px" }, name: "SizeComponentInsightCardIconSize", attributes: { category: "size", type: "component", item: "insight-card", subitem: "icon-size", }, path: ["size", "component", "insight-card", "icon-size"], }, { value: "3rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "48px" }, name: "SizeComponentInsightCardMetricSize", attributes: { category: "size", type: "component", item: "insight-card", subitem: "metric-size", }, path: ["size", "component", "insight-card", "metric-size"], }, { value: "2.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "34px" }, name: "SizeComponentInsightCardMinTitleHeight", attributes: { category: "size", type: "component", item: "insight-card", subitem: "min-title-height", }, path: ["size", "component", "insight-card", "min-title-height"], }, { value: "0.9375rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "15px" }, name: "SizeComponentInsightCardPartnerCountMarginVertical", attributes: { category: "size", type: "component", item: "insight-card", subitem: "partner-count-margin-vertical", }, path: [ "size", "component", "insight-card", "partner-count-margin-vertical", ], }, { value: "1.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "20px" }, name: "SizeComponentInsightCardPartnerCountMarginHorizontal", attributes: { category: "size", type: "component", item: "insight-card", subitem: "partner-count-margin-horizontal", }, path: [ "size", "component", "insight-card", "partner-count-margin-horizontal", ], }, { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentInsightCardPartnerCountPaddingVertical", attributes: { category: "size", type: "component", item: "insight-card", subitem: "partner-count-padding-vertical", }, path: [ "size", "component", "insight-card", "partner-count-padding-vertical", ], }, { value: "1.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "20px" }, name: "SizeComponentInsightCardPartnerCountPaddingHorizontal", attributes: { category: "size", type: "component", item: "insight-card", subitem: "partner-count-padding-horizontal", }, path: [ "size", "component", "insight-card", "partner-count-padding-horizontal", ], }, { value: "3.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "60px" }, name: "SizeComponentInsightCardPartnerCountWidth", attributes: { category: "size", type: "component", item: "insight-card", subitem: "partner-count-width", }, path: ["size", "component", "insight-card", "partner-count-width"], }, { value: "1.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "20px" }, name: "SizeComponentInsightCardHorizontalPartnerCountPaddingVertical", attributes: { category: "size", type: "component", item: "insight-card", subitem: "horizontal-partner-count-padding-vertical", }, path: [ "size", "component", "insight-card", "horizontal-partner-count-padding-vertical", ], }, { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentInsightCardHorizontalPartnerCountPaddingHorizontal", attributes: { category: "size", type: "component", item: "insight-card", subitem: "horizontal-partner-count-padding-horizontal", }, path: [ "size", "component", "insight-card", "horizontal-partner-count-padding-horizontal", ], }, { value: "1.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "28px" }, name: "SizeComponentRichTextEditorVrHeight", attributes: { category: "size", type: "component", item: "rich-text-editor", subitem: "vr", state: "height", }, path: ["size", "component", "rich-text-editor", "vr", "height"], }, { value: "8rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "128px" }, name: "SizeComponentRichTextEditorEditableDivMinHeight", attributes: { category: "size", type: "component", item: "rich-text-editor", subitem: "editable-div", state: "min-height", }, path: [ "size", "component", "rich-text-editor", "editable-div", "min-height", ], }, { value: "1rem", filePath: "src/tokens/size/grid.json", isSource: true, original: { value: "{size.spacing.md}" }, name: "SizeGridGutter", attributes: { category: "size", type: "grid", item: "gutter" }, path: ["size", "grid", "gutter"], }, { value: "0.75rem", filePath: "src/tokens/size/icon.json", isSource: true, original: { value: 12 }, name: "SizeIconXs", attributes: { category: "size", type: "icon", item: "xs" }, path: ["size", "icon", "xs"], }, { value: "0.875rem", filePath: "src/tokens/size/icon.json", isSource: true, original: { value: 14 }, name: "SizeIconSm", attributes: { category: "size", type: "icon", item: "sm" }, path: ["size", "icon", "sm"], }, { value: "1rem", filePath: "src/tokens/size/icon.json", isSource: true, original: { value: 16 }, name: "SizeIconMd", attributes: { category: "size", type: "icon", item: "md" }, path: ["size", "icon", "md"], }, { value: "1.25rem", filePath: "src/tokens/size/icon.json", isSource: true, original: { value: 20 }, name: "SizeIconLg", attributes: { category: "size", type: "icon", item: "lg" }, path: ["size", "icon", "lg"], }, { value: "0.125rem", filePath: "src/tokens/size/spacing.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "SizeSpacingXxs", attributes: { category: "size", type: "spacing", item: "xxs" }, path: ["size", "spacing", "xxs"], }, { value: "0.25rem", filePath: "src/tokens/size/spacing.json", isSource: true, original: { value: "{size.system.xs.value}" }, name: "SizeSpacingXs", attributes: { category: "size", type: "spacing", item: "xs" }, path: ["size", "spacing", "xs"], }, { value: "0.5rem", filePath: "src/tokens/size/spacing.json", isSource: true, original: { value: "{size.system.sm.value}" }, name: "SizeSpacingSm", attributes: { category: "size", type: "spacing", item: "sm" }, path: ["size", "spacing", "sm"], }, { value: "1rem", filePath: "src/tokens/size/spacing.json", isSource: true, original: { value: "{size.system.md.value}" }, name: "SizeSpacingMd", attributes: { category: "size", type: "spacing", item: "md" }, path: ["size", "spacing", "md"], }, { value: "2rem", filePath: "src/tokens/size/spacing.json", isSource: true, original: { value: "{size.system.lg.value}" }, name: "SizeSpacingLg", attributes: { category: "size", type: "spacing", item: "lg" }, path: ["size", "spacing", "lg"], }, { value: "4rem", filePath: "src/tokens/size/spacing.json", isSource: true, original: { value: "{size.system.xl.value}" }, name: "SizeSpacingXl", attributes: { category: "size", type: "spacing", item: "xl" }, path: ["size", "spacing", "xl"], }, { value: "0.125rem", filePath: "src/tokens/size/system.json", isSource: true, original: { value: 2 }, name: "SizeSystemXxs", attributes: { category: "size", type: "system", item: "xxs" }, path: ["size", "system", "xxs"], }, { value: "0.25rem", filePath: "src/tokens/size/system.json", isSource: true, original: { value: 4 }, name: "SizeSystemXs", attributes: { category: "size", type: "system", item: "xs" }, path: ["size", "system", "xs"], }, { value: "0.5rem", filePath: "src/tokens/size/system.json", isSource: true, original: { value: 8 }, name: "SizeSystemSm", attributes: { category: "size", type: "system", item: "sm" }, path: ["size", "system", "sm"], }, { value: "1rem", filePath: "src/tokens/size/system.json", isSource: true, original: { value: 16 }, name: "SizeSystemMd", attributes: { category: "size", type: "system", item: "md" }, path: ["size", "system", "md"], }, { value: "2rem", filePath: "src/tokens/size/system.json", isSource: true, original: { value: 32 }, name: "SizeSystemLg", attributes: { category: "size", type: "system", item: "lg" }, path: ["size", "system", "lg"], }, { value: "4rem", filePath: "src/tokens/size/system.json", isSource: true, original: { value: 64 }, name: "SizeSystemXl", attributes: { category: "size", type: "system", item: "xl" }, path: ["size", "system", "xl"], }, { value: "0.75rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 12 }, name: "SizeTypeBodySmFont", attributes: { category: "size", type: "type", item: "body-sm", subitem: "font", }, path: ["size", "type", "body-sm", "font"], }, { value: "1.125rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 18 }, name: "SizeTypeBodySmLine", attributes: { category: "size", type: "type", item: "body-sm", subitem: "line", }, path: ["size", "type", "body-sm", "line"], }, { value: "0.875rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 14 }, name: "SizeTypeBodyMdFont", attributes: { category: "size", type: "type", item: "body-md", subitem: "font", }, path: ["size", "type", "body-md", "font"], }, { value: "1.25rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 20 }, name: "SizeTypeBodyMdLine", attributes: { category: "size", type: "type", item: "body-md", subitem: "line", }, path: ["size", "type", "body-md", "line"], }, { value: "0.75rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "SizeTypeComponentSmFont", attributes: { category: "size", type: "type", item: "component-sm", subitem: "font", }, path: ["size", "type", "component-sm", "font"], }, { value: "0.875rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 14 }, name: "SizeTypeComponentSmLine", attributes: { category: "size", type: "type", item: "component-sm", subitem: "line", }, path: ["size", "type", "component-sm", "line"], }, { value: "0.75rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 12 }, name: "SizeTypeTitleXxsFont", attributes: { category: "size", type: "type", item: "title-xxs", subitem: "font", }, path: ["size", "type", "title-xxs", "font"], }, { value: "0.75rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 12 }, name: "SizeTypeTitleXxsLine", attributes: { category: "size", type: "type", item: "title-xxs", subitem: "line", }, path: ["size", "type", "title-xxs", "line"], }, { value: "0.875rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 14 }, name: "SizeTypeTitleXsFont", attributes: { category: "size", type: "type", item: "title-xs", subitem: "font", }, path: ["size", "type", "title-xs", "font"], }, { value: "0.875rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 14 }, name: "SizeTypeTitleXsLine", attributes: { category: "size", type: "type", item: "title-xs", subitem: "line", }, path: ["size", "type", "title-xs", "line"], }, { value: "1rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 16 }, name: "SizeTypeTitleSmFont", attributes: { category: "size", type: "type", item: "title-sm", subitem: "font", }, path: ["size", "type", "title-sm", "font"], }, { value: "1rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 16 }, name: "SizeTypeTitleSmLine", attributes: { category: "size", type: "type", item: "title-sm", subitem: "line", }, path: ["size", "type", "title-sm", "line"], }, { value: "1.125rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 18 }, name: "SizeTypeTitleMdFont", attributes: { category: "size", type: "type", item: "title-md", subitem: "font", }, path: ["size", "type", "title-md", "font"], }, { value: "1.125rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 18 }, name: "SizeTypeTitleMdLine", attributes: { category: "size", type: "type", item: "title-md", subitem: "line", }, path: ["size", "type", "title-md", "line"], }, { value: "1.25rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 20 }, name: "SizeTypeTitleLgFont", attributes: { category: "size", type: "type", item: "title-lg", subitem: "font", }, path: ["size", "type", "title-lg", "font"], }, { value: "1.25rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 20 }, name: "SizeTypeTitleLgLine", attributes: { category: "size", type: "type", item: "title-lg", subitem: "line", }, path: ["size", "type", "title-lg", "line"], }, { value: "1.5rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 24 }, name: "SizeTypeTitleXlFont", attributes: { category: "size", type: "type", item: "title-xl", subitem: "font", }, path: ["size", "type", "title-xl", "font"], }, { value: "1.5rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 24 }, name: "SizeTypeTitleXlLine", attributes: { category: "size", type: "type", item: "title-xl", subitem: "line", }, path: ["size", "type", "title-xl", "line"], }, { value: 400, filePath: "src/tokens/type/type.json", isSource: true, original: { value: 400 }, name: "TypeWeightNormal", attributes: { category: "type", type: "weight", item: "normal" }, path: ["type", "weight", "normal"], }, { value: 600, filePath: "src/tokens/type/type.json", isSource: true, original: { value: 600 }, name: "TypeWeightBold", attributes: { category: "type", type: "weight", item: "bold" }, path: ["type", "weight", "bold"], }, { value: "none", filePath: "src/tokens/type/type.json", isSource: true, original: { value: "none" }, name: "TypeDecorationNone", attributes: { category: "type", type: "decoration", item: "none" }, path: ["type", "decoration", "none"], }, ], _properties: { asset: { font: { "Source Sans Pro": { "400": { normal: { value: "fonts/source-sans-pro-v9-latin-regular", formats: ["woff2", "woff"], filePath: "src/tokens/asset/font.json", isSource: true, original: { value: "fonts/source-sans-pro-v9-latin-regular", formats: ["woff2", "woff"], }, name: "AssetFontSourceSansPro400Normal", attributes: { category: "asset", type: "font", item: "Source Sans Pro", subitem: "400", state: "normal", family: "Source Sans Pro", weight: "400", style: "normal", }, path: ["asset", "font", "Source Sans Pro", "400", "normal"], }, italic: { value: "fonts/source-sans-pro-v9-latin-italic", formats: ["woff2", "woff"], filePath: "src/tokens/asset/font.json", isSource: true, original: { value: "fonts/source-sans-pro-v9-latin-italic", formats: ["woff2", "woff"], }, name: "AssetFontSourceSansPro400Italic", attributes: { category: "asset", type: "font", item: "Source Sans Pro", subitem: "400", state: "italic", family: "Source Sans Pro", weight: "400", style: "italic", }, path: ["asset", "font", "Source Sans Pro", "400", "italic"], }, }, "600": { normal: { value: "fonts/source-sans-pro-v9-latin-600", formats: ["woff2", "woff"], filePath: "src/tokens/asset/font.json", isSource: true, original: { value: "fonts/source-sans-pro-v9-latin-600", formats: ["woff2", "woff"], }, name: "AssetFontSourceSansPro600Normal", attributes: { category: "asset", type: "font", item: "Source Sans Pro", subitem: "600", state: "normal", family: "Source Sans Pro", weight: "600", style: "normal", }, path: ["asset", "font", "Source Sans Pro", "600", "normal"], }, italic: { value: "fonts/source-sans-pro-v9-latin-600italic", formats: ["woff2", "woff"], filePath: "src/tokens/asset/font.json", isSource: true, original: { value: "fonts/source-sans-pro-v9-latin-600italic", formats: ["woff2", "woff"], }, name: "AssetFontSourceSansPro600Italic", attributes: { category: "asset", type: "font", item: "Source Sans Pro", subitem: "600", state: "italic", family: "Source Sans Pro", weight: "600", style: "italic", }, path: ["asset", "font", "Source Sans Pro", "600", "italic"], }, }, }, "Source Code Pro": { "400": { normal: { value: "fonts/source-code-pro-v6-latin-regular", formats: ["woff2", "woff"], filePath: "src/tokens/asset/font.json", isSource: true, original: { value: "fonts/source-code-pro-v6-latin-regular", formats: ["woff2", "woff"], }, name: "AssetFontSourceCodePro400Normal", attributes: { category: "asset", type: "font", item: "Source Code Pro", subitem: "400", state: "normal", family: "Source Code Pro", weight: "400", style: "normal", }, path: ["asset", "font", "Source Code Pro", "400", "normal"], }, italic: { value: "fonts/source-code-pro-v6-latin-italic", formats: ["woff2", "woff"], filePath: "src/tokens/asset/font.json", isSource: true, original: { value: "fonts/source-code-pro-v6-latin-italic", formats: ["woff2", "woff"], }, name: "AssetFontSourceCodePro400Italic", attributes: { category: "asset", type: "font", item: "Source Code Pro", subitem: "400", state: "italic", family: "Source Code Pro", weight: "400", style: "italic", }, path: ["asset", "font", "Source Code Pro", "400", "italic"], }, }, "600": { normal: { value: "fonts/source-code-pro-v6-latin-600", formats: ["woff2", "woff"], filePath: "src/tokens/asset/font.json", isSource: true, original: { value: "fonts/source-code-pro-v6-latin-600", formats: ["woff2", "woff"], }, name: "AssetFontSourceCodePro600Normal", attributes: { category: "asset", type: "font", item: "Source Code Pro", subitem: "600", state: "normal", family: "Source Code Pro", weight: "600", style: "normal", }, path: ["asset", "font", "Source Code Pro", "600", "normal"], }, italic: { value: "fonts/source-code-pro-v6-latin-600italic", formats: ["woff2", "woff"], filePath: "src/tokens/asset/font.json", isSource: true, original: { value: "fonts/source-code-pro-v6-latin-600italic", formats: ["woff2", "woff"], }, name: "AssetFontSourceCodePro600Italic", attributes: { category: "asset", type: "font", item: "Source Code Pro", subitem: "600", state: "italic", family: "Source Code Pro", weight: "600", style: "italic", }, path: ["asset", "font", "Source Code Pro", "600", "italic"], }, }, }, "SPS-Icons": { "400": { normal: { value: "fonts/icomoon-sps-icons", formats: ["svg", "truetype", "woff", "woff2"], filePath: "src/tokens/asset/font.json", isSource: true, original: { value: "fonts/icomoon-sps-icons", formats: ["svg", "truetype", "woff", "woff2"], }, name: "AssetFontSpsIcons400Normal", attributes: { category: "asset", type: "font", item: "SPS-Icons", subitem: "400", state: "normal", family: "SPS-Icons", weight: "400", style: "normal", }, path: ["asset", "font", "SPS-Icons", "400", "normal"], }, }, }, }, }, border: { style: { standard: { value: "solid", filePath: "src/tokens/border/border.json", isSource: true, original: { value: "solid" }, name: "BorderStyleStandard", attributes: { category: "border", type: "style", item: "standard" }, path: ["border", "style", "standard"], }, }, }, color: { red: { light: { value: "#fbe6eaff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#FBE6EA" }, name: "ColorRedLight", attributes: { category: "color", type: "red", item: "light" }, path: ["color", "red", "light"], }, medium: { value: "#de002eff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#DE002E" }, name: "ColorRedMedium", attributes: { category: "color", type: "red", item: "medium" }, path: ["color", "red", "medium"], }, dark: { value: "#a30d2dff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#A30D2D" }, name: "ColorRedDark", attributes: { category: "color", type: "red", item: "dark" }, path: ["color", "red", "dark"], }, }, blue: { "extra-light": { value: "#f2f8fbff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#F2F8FB" }, name: "ColorBlueExtraLight", attributes: { category: "color", type: "blue", item: "extra-light" }, path: ["color", "blue", "extra-light"], }, light: { value: "#e6f2f8ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#E6F2F8" }, name: "ColorBlueLight", attributes: { category: "color", type: "blue", item: "light" }, path: ["color", "blue", "light"], }, medium: { value: "#007db8ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#007DB8" }, name: "ColorBlueMedium", attributes: { category: "color", type: "blue", item: "medium" }, path: ["color", "blue", "medium"], }, dark: { value: "#09638dff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#09638D" }, name: "ColorBlueDark", attributes: { category: "color", type: "blue", item: "dark" }, path: ["color", "blue", "dark"], }, }, green: { light: { value: "#e7f3ecff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#E7F3EC" }, name: "ColorGreenLight", attributes: { category: "color", type: "green", item: "light" }, path: ["color", "green", "light"], }, medium: { value: "#0b8940ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#0B8940" }, name: "ColorGreenMedium", attributes: { category: "color", type: "green", item: "medium" }, path: ["color", "green", "medium"], }, dark: { value: "#106b39ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#106B39" }, name: "ColorGreenDark", attributes: { category: "color", type: "green", item: "dark" }, path: ["color", "green", "dark"], }, }, purple: { light: { value: "#f4ecf2ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#F4ECF2" }, name: "ColorPurpleLight", attributes: { category: "color", type: "purple", item: "light" }, path: ["color", "purple", "light"], }, "medium-light": { value: "#e3d0deff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#E3D0DE" }, name: "ColorPurpleMediumLight", attributes: { category: "color", type: "purple", item: "medium-light", }, path: ["color", "purple", "medium-light"], }, medium: { value: "#91467fff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#91467F" }, name: "ColorPurpleMedium", attributes: { category: "color", type: "purple", item: "medium" }, path: ["color", "purple", "medium"], }, dark: { value: "#6e3c65ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#6E3C65" }, name: "ColorPurpleDark", attributes: { category: "color", type: "purple", item: "dark" }, path: ["color", "purple", "dark"], }, }, orange: { light: { value: "#fcf1e7ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#FCF1E7" }, name: "ColorOrangeLight", attributes: { category: "color", type: "orange", item: "light" }, path: ["color", "orange", "light"], }, medium: { value: "#e7760bff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#E7760B" }, name: "ColorOrangeMedium", attributes: { category: "color", type: "orange", item: "medium" }, path: ["color", "orange", "medium"], }, dark: { value: "#aa5e14ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#AA5E14" }, name: "ColorOrangeDark", attributes: { category: "color", type: "orange", item: "dark" }, path: ["color", "orange", "dark"], }, }, grey: { "extra-light": { value: "#f3f4f4ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#F3F4F4" }, name: "ColorGreyExtraLight", attributes: { category: "color", type: "grey", item: "extra-light" }, path: ["color", "grey", "extra-light"], }, "extra-light-80": { value: "#f3f4f4cc", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#F3F4F4CC" }, name: "ColorGreyExtraLight80", attributes: { category: "color", type: "grey", item: "extra-light-80", }, path: ["color", "grey", "extra-light-80"], }, light: { value: "#e9e9eaff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#E9E9EA" }, name: "ColorGreyLight", attributes: { category: "color", type: "grey", item: "light" }, path: ["color", "grey", "light"], }, "medium-light": { value: "#d2d4d4ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#D2D4D4" }, name: "ColorGreyMediumLight", attributes: { category: "color", type: "grey", item: "medium-light" }, path: ["color", "grey", "medium-light"], }, medium: { value: "#717779ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#717779" }, name: "ColorGreyMedium", attributes: { category: "color", type: "grey", item: "medium" }, path: ["color", "grey", "medium"], }, "medium-dark": { value: "#4b5356ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#4B5356" }, name: "ColorGreyMediumDark", attributes: { category: "color", type: "grey", item: "medium-dark" }, path: ["color", "grey", "medium-dark"], }, dark: { value: "#1f282cff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#1F282C" }, name: "ColorGreyDark", attributes: { category: "color", type: "grey", item: "dark" }, path: ["color", "grey", "dark"], }, "dark-10": { value: "#1f282c1a", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#1F282C1A" }, name: "ColorGreyDark10", attributes: { category: "color", type: "grey", item: "dark-10" }, path: ["color", "grey", "dark-10"], }, "dark-25": { value: "#1f282c40", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#1F282C40" }, name: "ColorGreyDark25", attributes: { category: "color", type: "grey", item: "dark-25" }, path: ["color", "grey", "dark-25"], }, "dark-50": { value: "#1f282c80", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#1F282C80" }, name: "ColorGreyDark50", attributes: { category: "color", type: "grey", item: "dark-50" }, path: ["color", "grey", "dark-50"], }, }, yellow: { light: { value: "#fff8e0ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#FFF8E0" }, name: "ColorYellowLight", attributes: { category: "color", type: "yellow", item: "light" }, path: ["color", "yellow", "light"], }, medium: { value: "#ffcc00ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#FFCC00" }, name: "ColorYellowMedium", attributes: { category: "color", type: "yellow", item: "medium" }, path: ["color", "yellow", "medium"], }, }, white: { value: "#ffffffff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#FFFFFF" }, name: "ColorWhite", attributes: { category: "color", type: "white" }, path: ["color", "white"], }, "white-80": { value: "#ffffffcc", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#FFFFFFCC" }, name: "ColorWhite80", attributes: { category: "color", type: "white-80" }, path: ["color", "white-80"], }, black: { value: "#000000ff", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "#000000" }, name: "ColorBlack", attributes: { category: "color", type: "black" }, path: ["color", "black"], }, transparent: { value: "#00000000", filePath: "src/tokens/color/color.json", isSource: true, original: { value: "transparent" }, name: "ColorTransparent", attributes: { category: "color", type: "transparent" }, path: ["color", "transparent"], }, }, component: { "action-bar": { "background-color": { value: "#ffffffff", filePath: "src/tokens/component/action-bar.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentActionBarBackgroundColor", attributes: { category: "component", type: "action-bar", item: "background-color", }, path: ["component", "action-bar", "background-color"], }, "main-content-height": { value: "2rem", filePath: "src/tokens/component/action-bar.json", isSource: true, original: { value: "{size.system.lg.value}" }, name: "ComponentActionBarMainContentHeight", attributes: { category: "component", type: "action-bar", item: "main-content-height", }, path: ["component", "action-bar", "main-content-height"], }, "max-content-width": { value: "1280px", filePath: "src/tokens/component/action-bar.json", isSource: true, original: { value: "{size.component.action-bar.max-content-width.value}", }, name: "ComponentActionBarMaxContentWidth", attributes: { category: "component", type: "action-bar", item: "max-content-width", }, path: ["component", "action-bar", "max-content-width"], }, "content-padding": { value: "1.25rem", filePath: "src/tokens/component/action-bar.json", isSource: true, original: { value: "{size.component.action-bar.content-padding.value}", }, name: "ComponentActionBarContentPadding", attributes: { category: "component", type: "action-bar", item: "content-padding", }, path: ["component", "action-bar", "content-padding"], }, padding: { value: "0.5rem", filePath: "src/tokens/component/action-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentActionBarPadding", attributes: { category: "component", type: "action-bar", item: "padding", }, path: ["component", "action-bar", "padding"], }, shadow: { value: "0 0 0.25rem 0.25rem #1f282c1a", filePath: "src/tokens/component/action-bar.json", isSource: true, original: { value: "{shadow.fixed-container.value}" }, name: "ComponentActionBarShadow", attributes: { category: "component", type: "action-bar", item: "shadow", }, path: ["component", "action-bar", "shadow"], }, }, "add-to-list": { lists: { "individual-gutter-margin": { value: "1rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentAddToListListsIndividualGutterMargin", attributes: { category: "component", type: "add-to-list", item: "lists", subitem: "individual-gutter-margin", }, path: [ "component", "add-to-list", "lists", "individual-gutter-margin", ], }, }, item: { dragHandle: { width: { value: "0.375rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.drag-handle.width.value}", }, name: "ComponentAddToListItemDragHandleWidth", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "dragHandle", state: "width", }, path: ["component", "add-to-list", "item", "dragHandle", "width"], }, height: { value: "1.125rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.drag-handle.height.value}", }, name: "ComponentAddToListItemDragHandleHeight", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "dragHandle", state: "height", }, path: [ "component", "add-to-list", "item", "dragHandle", "height", ], }, lineHeight: { value: "1.125rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.type.body-sm.line.value}" }, name: "ComponentAddToListItemDragHandleLineHeight", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "dragHandle", state: "lineHeight", }, path: [ "component", "add-to-list", "item", "dragHandle", "lineHeight", ], }, padding: { right: { value: "1rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentAddToListItemDragHandlePaddingRight", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "dragHandle", state: "padding", }, path: [ "component", "add-to-list", "item", "dragHandle", "padding", "right", ], }, }, background: { value: "url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgOCAxOCIgd2lkdGg9IjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE2IDcwODFoM3YzaC0zem0wIDVoM3YzaC0zem0wIDVoM3YzaC0zem0wIDVoM3YzaC0zem01LTE1aDN2M2gtM3ptMCA1aDN2M2gtM3ptMCA1aDN2M2gtM3ptMCA1aDN2M2gtM3oiIGZpbGw9IiNhNWE5YWIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE2IC03MDgxKSIvPjwvc3ZnPg==') no-repeat left center", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgOCAxOCIgd2lkdGg9IjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE2IDcwODFoM3YzaC0zem0wIDVoM3YzaC0zem0wIDVoM3YzaC0zem0wIDVoM3YzaC0zem01LTE1aDN2M2gtM3ptMCA1aDN2M2gtM3ptMCA1aDN2M2gtM3ptMCA1aDN2M2gtM3oiIGZpbGw9IiNhNWE5YWIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE2IC03MDgxKSIvPjwvc3ZnPg==') no-repeat left center", }, name: "ComponentAddToListItemDragHandleBackground", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "dragHandle", state: "background", }, path: [ "component", "add-to-list", "item", "dragHandle", "background", ], }, disabled: { opacity: { value: 0.25, filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: 0.25 }, name: "ComponentAddToListItemDragHandleDisabledOpacity", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "dragHandle", state: "disabled", }, path: [ "component", "add-to-list", "item", "dragHandle", "disabled", "opacity", ], }, }, }, lineHeight: { value: "1.125rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.type.body-sm.line.value}" }, name: "ComponentAddToListItemLineHeight", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "lineHeight", }, path: ["component", "add-to-list", "item", "lineHeight"], }, fontSize: { value: "0.75rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "ComponentAddToListItemFontSize", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "fontSize", }, path: ["component", "add-to-list", "item", "fontSize"], }, width: { value: "100%", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "100%" }, name: "ComponentAddToListItemWidth", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "width", }, path: ["component", "add-to-list", "item", "width"], }, minWidth: { value: "17.75rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.item.minwidth.value}", }, name: "ComponentAddToListItemMinWidth", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "minWidth", }, path: ["component", "add-to-list", "item", "minWidth"], }, padding: { value: "0.75rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.item.padding.value}", }, name: "ComponentAddToListItemPadding", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "padding", }, path: ["component", "add-to-list", "item", "padding"], }, border: { weight: { value: "0.0625rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentAddToListItemBorderWeight", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "border", state: "weight", }, path: ["component", "add-to-list", "item", "border", "weight"], }, style: { value: "solid", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentAddToListItemBorderStyle", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "border", state: "style", }, path: ["component", "add-to-list", "item", "border", "style"], }, color: { value: "#d2d4d4ff", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentAddToListItemBorderColor", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "border", state: "color", }, path: ["component", "add-to-list", "item", "border", "color"], }, }, dragging: { backgroundColor: { value: "#e6f2f8ff", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{color.blue.light.value}" }, name: "ComponentAddToListItemDraggingBackgroundColor", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "dragging", state: "backgroundColor", }, path: [ "component", "add-to-list", "item", "dragging", "backgroundColor", ], }, }, closeButton: { right: { value: "0.375rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.close-button.right.value}", }, name: "ComponentAddToListItemCloseButtonRight", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "closeButton", state: "right", }, path: [ "component", "add-to-list", "item", "closeButton", "right", ], }, top: { value: "0.625rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.close-button.top.value}", }, name: "ComponentAddToListItemCloseButtonTop", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "closeButton", state: "top", }, path: ["component", "add-to-list", "item", "closeButton", "top"], }, }, dropTarget: { boxShadow: { color: { value: "#007db8ff", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentAddToListItemDropTargetBoxShadowColor", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "dropTarget", state: "boxShadow", }, path: [ "component", "add-to-list", "item", "dropTarget", "boxShadow", "color", ], }, offsetY: { value: "0.25rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.system.xs.value}" }, name: "ComponentAddToListItemDropTargetBoxShadowOffsetY", attributes: { category: "component", type: "add-to-list", item: "item", subitem: "dropTarget", state: "boxShadow", }, path: [ "component", "add-to-list", "item", "dropTarget", "boxShadow", "offsetY", ], }, }, }, }, heading: { fontSize: { value: "0.875rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentAddToListHeadingFontSize", attributes: { category: "component", type: "add-to-list", item: "heading", subitem: "fontSize", }, path: ["component", "add-to-list", "heading", "fontSize"], }, lineHeight: { value: "1.25rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentAddToListHeadingLineHeight", attributes: { category: "component", type: "add-to-list", item: "heading", subitem: "lineHeight", }, path: ["component", "add-to-list", "heading", "lineHeight"], }, marginBottom: { value: "0.25rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentAddToListHeadingMarginBottom", attributes: { category: "component", type: "add-to-list", item: "heading", subitem: "marginBottom", }, path: ["component", "add-to-list", "heading", "marginBottom"], }, icon: { fontSize: { value: "0.875rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentAddToListHeadingIconFontSize", attributes: { category: "component", type: "add-to-list", item: "heading", subitem: "icon", state: "fontSize", }, path: ["component", "add-to-list", "heading", "icon", "fontSize"], }, lineHeight: { value: "1.25rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentAddToListHeadingIconLineHeight", attributes: { category: "component", type: "add-to-list", item: "heading", subitem: "icon", state: "lineHeight", }, path: [ "component", "add-to-list", "heading", "icon", "lineHeight", ], }, marginRight: { value: "0.25rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentAddToListHeadingIconMarginRight", attributes: { category: "component", type: "add-to-list", item: "heading", subitem: "icon", state: "marginRight", }, path: [ "component", "add-to-list", "heading", "icon", "marginRight", ], }, }, tag: { marginLeft: { value: "0.25rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentAddToListHeadingTagMarginLeft", attributes: { category: "component", type: "add-to-list", item: "heading", subitem: "tag", state: "marginLeft", }, path: [ "component", "add-to-list", "heading", "tag", "marginLeft", ], }, }, fontWeight: { value: 600, filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentAddToListHeadingFontWeight", attributes: { category: "component", type: "add-to-list", item: "heading", subitem: "fontWeight", }, path: ["component", "add-to-list", "heading", "fontWeight"], }, }, leftList: { marginRight: { value: "1rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentAddToListLeftListMarginRight", attributes: { category: "component", type: "add-to-list", item: "leftList", subitem: "marginRight", }, path: ["component", "add-to-list", "leftList", "marginRight"], }, vertical: { marginRight: { value: "0", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.leftList.vertical.marginRight.value}", }, name: "ComponentAddToListLeftListVerticalMarginRight", attributes: { category: "component", type: "add-to-list", item: "leftList", subitem: "vertical", state: "marginRight", }, path: [ "component", "add-to-list", "leftList", "vertical", "marginRight", ], }, marginBottom: { value: "1.375rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.leftList.vertical.marginBottom.value}", }, name: "ComponentAddToListLeftListVerticalMarginBottom", attributes: { category: "component", type: "add-to-list", item: "leftList", subitem: "vertical", state: "marginBottom", }, path: [ "component", "add-to-list", "leftList", "vertical", "marginBottom", ], }, }, }, rightList: { marginLeft: { value: "1rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentAddToListRightListMarginLeft", attributes: { category: "component", type: "add-to-list", item: "rightList", subitem: "marginLeft", }, path: ["component", "add-to-list", "rightList", "marginLeft"], }, vertical: { marginLeft: { value: "0", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.rightList.vertical.marginLeft.value}", }, name: "ComponentAddToListRightListVerticalMarginLeft", attributes: { category: "component", type: "add-to-list", item: "rightList", subitem: "vertical", state: "marginLeft", }, path: [ "component", "add-to-list", "rightList", "vertical", "marginLeft", ], }, }, }, separator: { width: { value: "0.0625rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentAddToListSeparatorWidth", attributes: { category: "component", type: "add-to-list", item: "separator", subitem: "width", }, path: ["component", "add-to-list", "separator", "width"], }, leftAdjustment: { value: "1rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentAddToListSeparatorLeftAdjustment", attributes: { category: "component", type: "add-to-list", item: "separator", subitem: "leftAdjustment", }, path: ["component", "add-to-list", "separator", "leftAdjustment"], }, heightAdjustmentForPhantomDroppableContainer: { value: "1.5625rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.phantomDroppableContainerTotalHeight.value}", }, name: "ComponentAddToListSeparatorHeightAdjustmentForPhantomDroppableContainer", attributes: { category: "component", type: "add-to-list", item: "separator", subitem: "heightAdjustmentForPhantomDroppableContainer", }, path: [ "component", "add-to-list", "separator", "heightAdjustmentForPhantomDroppableContainer", ], }, }, listComponentWrapper: { widthAdjustment: { value: "1rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentAddToListListComponentWrapperWidthAdjustment", attributes: { category: "component", type: "add-to-list", item: "listComponentWrapper", subitem: "widthAdjustment", }, path: [ "component", "add-to-list", "listComponentWrapper", "widthAdjustment", ], }, vertical: { width: { value: "100%", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "100%" }, name: "ComponentAddToListListComponentWrapperVerticalWidth", attributes: { category: "component", type: "add-to-list", item: "listComponentWrapper", subitem: "vertical", state: "width", }, path: [ "component", "add-to-list", "listComponentWrapper", "vertical", "width", ], }, }, }, draggableBox: { isDragging: { backgroundColor: { value: "#f3f4f4ff", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentAddToListDraggableBoxIsDraggingBackgroundColor", attributes: { category: "component", type: "add-to-list", item: "draggableBox", subitem: "isDragging", state: "backgroundColor", }, path: [ "component", "add-to-list", "draggableBox", "isDragging", "backgroundColor", ], }, color: { value: "#717779ff", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentAddToListDraggableBoxIsDraggingColor", attributes: { category: "component", type: "add-to-list", item: "draggableBox", subitem: "isDragging", state: "color", }, path: [ "component", "add-to-list", "draggableBox", "isDragging", "color", ], }, }, }, filterContainer: { marginBottom: { value: "1.25rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.filterContainer.marginBottom.value}", }, name: "ComponentAddToListFilterContainerMarginBottom", attributes: { category: "component", type: "add-to-list", item: "filterContainer", subitem: "marginBottom", }, path: [ "component", "add-to-list", "filterContainer", "marginBottom", ], }, }, moveAllButtonAdjustmentForPhantomDroppableContainer: { marginTop: { value: "1.5625rem", filePath: "src/tokens/component/add-to-list.json", isSource: true, original: { value: "{size.component.add-to-list.phantomDroppableContainerTotalHeight.value}", }, name: "ComponentAddToListMoveAllButtonAdjustmentForPhantomDroppableContainerMarginTop", attributes: { category: "component", type: "add-to-list", item: "moveAllButtonAdjustmentForPhantomDroppableContainer", subitem: "marginTop", }, path: [ "component", "add-to-list", "moveAllButtonAdjustmentForPhantomDroppableContainer", "marginTop", ], }, }, }, "advanced-search": { background: { value: "#ffffffff", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentAdvancedSearchBackground", attributes: { category: "component", type: "advanced-search", item: "background", }, path: ["component", "advanced-search", "background"], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentAdvancedSearchBorderColor", attributes: { category: "component", type: "advanced-search", item: "border-color", }, path: ["component", "advanced-search", "border-color"], }, "border-radius-bottom": { value: "0.25rem", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{size.border.radius.xs}" }, name: "ComponentAdvancedSearchBorderRadiusBottom", attributes: { category: "component", type: "advanced-search", item: "border-radius-bottom", }, path: ["component", "advanced-search", "border-radius-bottom"], }, "border-radius-top": { value: "0", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{size.border.radius.none.value}" }, name: "ComponentAdvancedSearchBorderRadiusTop", attributes: { category: "component", type: "advanced-search", item: "border-radius-top", }, path: ["component", "advanced-search", "border-radius-top"], }, "border-style": { value: "solid", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentAdvancedSearchBorderStyle", attributes: { category: "component", type: "advanced-search", item: "border-style", }, path: ["component", "advanced-search", "border-style"], }, "border-width": { value: "0.0625rem", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentAdvancedSearchBorderWidth", attributes: { category: "component", type: "advanced-search", item: "border-width", }, path: ["component", "advanced-search", "border-width"], }, "border-width-top": { value: "0", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{size.border.width.none.value}" }, name: "ComponentAdvancedSearchBorderWidthTop", attributes: { category: "component", type: "advanced-search", item: "border-width-top", }, path: ["component", "advanced-search", "border-width-top"], }, "margin-top": { value: "0.625rem", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{size.component.advanced-search.margin-top.value}", }, name: "ComponentAdvancedSearchMarginTop", attributes: { category: "component", type: "advanced-search", item: "margin-top", }, path: ["component", "advanced-search", "margin-top"], }, "margin-bottom": { value: "1rem", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentAdvancedSearchMarginBottom", attributes: { category: "component", type: "advanced-search", item: "margin-bottom", }, path: ["component", "advanced-search", "margin-bottom"], }, "form-padding": { value: "1rem", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentAdvancedSearchFormPadding", attributes: { category: "component", type: "advanced-search", item: "form-padding", }, path: ["component", "advanced-search", "form-padding"], }, footer: { background: { value: "#f3f4f4ff", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentAdvancedSearchFooterBackground", attributes: { category: "component", type: "advanced-search", item: "footer", subitem: "background", }, path: ["component", "advanced-search", "footer", "background"], }, padding: { value: "0.5rem", filePath: "src/tokens/component/advanced-search.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentAdvancedSearchFooterPadding", attributes: { category: "component", type: "advanced-search", item: "footer", subitem: "padding", }, path: ["component", "advanced-search", "footer", "padding"], }, }, }, button: { kind: { default: { background: { value: "#e9e9eaff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentButtonKindDefaultBackground", attributes: { category: "component", type: "button", item: "kind", subitem: "default", state: "background", }, path: ["component", "button", "kind", "default", "background"], }, "hover-background": { value: "#d2d4d4ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentButtonKindDefaultHoverBackground", attributes: { category: "component", type: "button", item: "kind", subitem: "default", state: "hover-background", }, path: [ "component", "button", "kind", "default", "hover-background", ], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentButtonKindDefaultBorderColor", attributes: { category: "component", type: "button", item: "kind", subitem: "default", state: "border-color", }, path: ["component", "button", "kind", "default", "border-color"], }, }, link: { "text-color": { value: "#007db8ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentButtonKindLinkTextColor", attributes: { category: "component", type: "button", item: "kind", subitem: "link", state: "text-color", }, path: ["component", "button", "kind", "link", "text-color"], }, "text-color-hover": { value: "#09638dff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentButtonKindLinkTextColorHover", attributes: { category: "component", type: "button", item: "kind", subitem: "link", state: "text-color-hover", }, path: ["component", "button", "kind", "link", "text-color-hover"], }, }, icon: { "hover-background": { value: "#d2d4d4ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentButtonKindIconHoverBackground", attributes: { category: "component", type: "button", item: "kind", subitem: "icon", state: "hover-background", }, path: ["component", "button", "kind", "icon", "hover-background"], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentButtonKindIconBorderColor", attributes: { category: "component", type: "button", item: "kind", subitem: "icon", state: "border-color", }, path: ["component", "button", "kind", "icon", "border-color"], }, "padding-vertical": { value: "0.25rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentButtonKindIconPaddingVertical", attributes: { category: "component", type: "button", item: "kind", subitem: "icon", state: "padding-vertical", }, path: ["component", "button", "kind", "icon", "padding-vertical"], }, "padding-horizontal": { value: "0.5rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentButtonKindIconPaddingHorizontal", attributes: { category: "component", type: "button", item: "kind", subitem: "icon", state: "padding-horizontal", }, path: [ "component", "button", "kind", "icon", "padding-horizontal", ], }, }, confirm: { background: { value: "#007db8ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentButtonKindConfirmBackground", attributes: { category: "component", type: "button", item: "kind", subitem: "confirm", state: "background", }, path: ["component", "button", "kind", "confirm", "background"], }, "hover-background": { value: "#09638dff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentButtonKindConfirmHoverBackground", attributes: { category: "component", type: "button", item: "kind", subitem: "confirm", state: "hover-background", }, path: [ "component", "button", "kind", "confirm", "hover-background", ], }, "border-color": { value: "#09638dff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentButtonKindConfirmBorderColor", attributes: { category: "component", type: "button", item: "kind", subitem: "confirm", state: "border-color", }, path: ["component", "button", "kind", "confirm", "border-color"], }, }, delete: { background: { value: "#de002eff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentButtonKindDeleteBackground", attributes: { category: "component", type: "button", item: "kind", subitem: "delete", state: "background", }, path: ["component", "button", "kind", "delete", "background"], }, "hover-background": { value: "#a30d2dff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.red.dark.value}" }, name: "ComponentButtonKindDeleteHoverBackground", attributes: { category: "component", type: "button", item: "kind", subitem: "delete", state: "hover-background", }, path: [ "component", "button", "kind", "delete", "hover-background", ], }, "border-color": { value: "#a30d2dff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.red.dark.value}" }, name: "ComponentButtonKindDeleteBorderColor", attributes: { category: "component", type: "button", item: "kind", subitem: "delete", state: "border-color", }, path: ["component", "button", "kind", "delete", "border-color"], }, }, key: { background: { value: "#4b5356ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentButtonKindKeyBackground", attributes: { category: "component", type: "button", item: "kind", subitem: "key", state: "background", }, path: ["component", "button", "kind", "key", "background"], }, "hover-background": { value: "#1f282cff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentButtonKindKeyHoverBackground", attributes: { category: "component", type: "button", item: "kind", subitem: "key", state: "hover-background", }, path: ["component", "button", "kind", "key", "hover-background"], }, "border-color": { value: "#1f282cff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentButtonKindKeyBorderColor", attributes: { category: "component", type: "button", item: "kind", subitem: "key", state: "border-color", }, path: ["component", "button", "kind", "key", "border-color"], }, }, }, border: { style: { value: "solid", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentButtonBorderStyle", attributes: { category: "component", type: "button", item: "border", subitem: "style", }, path: ["component", "button", "border", "style"], }, width: { value: "0.0625rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentButtonBorderWidth", attributes: { category: "component", type: "button", item: "border", subitem: "width", }, path: ["component", "button", "border", "width"], }, radius: { value: "0.25rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentButtonBorderRadius", attributes: { category: "component", type: "button", item: "border", subitem: "radius", }, path: ["component", "button", "border", "radius"], }, }, "disabled-background": { value: "#ffffffff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentButtonDisabledBackground", attributes: { category: "component", type: "button", item: "disabled-background", }, path: ["component", "button", "disabled-background"], }, spinner: { "margin-vertical": { value: "0.875rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.component.button.spinner-margin-vertical.value}", }, name: "ComponentButtonSpinnerMarginVertical", attributes: { category: "component", type: "button", item: "spinner", subitem: "margin-vertical", }, path: ["component", "button", "spinner", "margin-vertical"], }, "margin-horizontal": { value: "0.4375rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.component.button.spinner-margin-horizontal.value}", }, name: "ComponentButtonSpinnerMarginHorizontal", attributes: { category: "component", type: "button", item: "spinner", subitem: "margin-horizontal", }, path: ["component", "button", "spinner", "margin-horizontal"], }, "border-width": { value: "0.125rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.component.button.spinner-border-width.value}", }, name: "ComponentButtonSpinnerBorderWidth", attributes: { category: "component", type: "button", item: "spinner", subitem: "border-width", }, path: ["component", "button", "spinner", "border-width"], }, size: { value: "0.875rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.component.button.spinner-size}" }, name: "ComponentButtonSpinnerSize", attributes: { category: "component", type: "button", item: "spinner", subitem: "size", }, path: ["component", "button", "spinner", "size"], }, }, "font-size": { value: "0.75rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.type.component-sm.font.value}" }, name: "ComponentButtonFontSize", attributes: { category: "component", type: "button", item: "font-size", }, path: ["component", "button", "font-size"], }, "font-weight": { value: 600, filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentButtonFontWeight", attributes: { category: "component", type: "button", item: "font-weight", }, path: ["component", "button", "font-weight"], }, "line-height": { value: "0.875rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.type.component-sm.line.value}" }, name: "ComponentButtonLineHeight", attributes: { category: "component", type: "button", item: "line-height", }, path: ["component", "button", "line-height"], }, "text-color-dark": { value: "#4b5356ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentButtonTextColorDark", attributes: { category: "component", type: "button", item: "text-color-dark", }, path: ["component", "button", "text-color-dark"], }, "text-color-light": { value: "#ffffffff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentButtonTextColorLight", attributes: { category: "component", type: "button", item: "text-color-light", }, path: ["component", "button", "text-color-light"], }, "text-color-disabled": { value: "#717779ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentButtonTextColorDisabled", attributes: { category: "component", type: "button", item: "text-color-disabled", }, path: ["component", "button", "text-color-disabled"], }, "text-color-link": { value: "#007db8ff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentButtonTextColorLink", attributes: { category: "component", type: "button", item: "text-color-link", }, path: ["component", "button", "text-color-link"], }, "text-color-link-hover": { value: "#09638dff", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentButtonTextColorLinkHover", attributes: { category: "component", type: "button", item: "text-color-link-hover", }, path: ["component", "button", "text-color-link-hover"], }, "padding-vertical": { value: "0.5rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentButtonPaddingVertical", attributes: { category: "component", type: "button", item: "padding-vertical", }, path: ["component", "button", "padding-vertical"], }, "padding-horizontal": { value: "1rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentButtonPaddingHorizontal", attributes: { category: "component", type: "button", item: "padding-horizontal", }, path: ["component", "button", "padding-horizontal"], }, "icon-font-size": { value: "0.875rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentButtonIconFontSize", attributes: { category: "component", type: "button", item: "icon-font-size", }, path: ["component", "button", "icon-font-size"], }, "icon-margin": { value: "0.5rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentButtonIconMargin", attributes: { category: "component", type: "button", item: "icon-margin", }, path: ["component", "button", "icon-margin"], }, "text-icon-margin": { value: "0.25rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentButtonTextIconMargin", attributes: { category: "component", type: "button", item: "text-icon-margin", }, path: ["component", "button", "text-icon-margin"], }, "icon-top": { value: "0.125rem", filePath: "src/tokens/component/button.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentButtonIconTop", attributes: { category: "component", type: "button", item: "icon-top", }, path: ["component", "button", "icon-top"], }, }, "cap-content": { padding: { value: "0.5rem", filePath: "src/tokens/component/cap-content.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentCapContentPadding", attributes: { category: "component", type: "cap-content", item: "padding", }, path: ["component", "cap-content", "padding"], }, "font-size": { value: "0.75rem", filePath: "src/tokens/component/cap-content.json", isSource: true, original: { value: "{size.type.component-sm.font.value}" }, name: "ComponentCapContentFontSize", attributes: { category: "component", type: "cap-content", item: "font-size", }, path: ["component", "cap-content", "font-size"], }, "line-height": { value: "1.875rem", filePath: "src/tokens/component/cap-content.json", isSource: true, original: { value: "{size.component.cap-content.line-height.value}" }, name: "ComponentCapContentLineHeight", attributes: { category: "component", type: "cap-content", item: "line-height", }, path: ["component", "cap-content", "line-height"], }, title: { "padding-left": { value: "0.5rem", filePath: "src/tokens/component/cap-content.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentCapContentTitlePaddingLeft", attributes: { category: "component", type: "cap-content", item: "title", subitem: "padding-left", }, path: ["component", "cap-content", "title", "padding-left"], }, }, }, card: { "background-color": { value: "#ffffffff", filePath: "src/tokens/component/card.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentCardBackgroundColor", attributes: { category: "component", type: "card", item: "background-color", }, path: ["component", "card", "background-color"], }, border: { style: { value: "solid", filePath: "src/tokens/component/card.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentCardBorderStyle", attributes: { category: "component", type: "card", item: "border", subitem: "style", }, path: ["component", "card", "border", "style"], }, width: { value: "0.0625rem", filePath: "src/tokens/component/card.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentCardBorderWidth", attributes: { category: "component", type: "card", item: "border", subitem: "width", }, path: ["component", "card", "border", "width"], }, color: { value: "#d2d4d4ff", filePath: "src/tokens/component/card.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentCardBorderColor", attributes: { category: "component", type: "card", item: "border", subitem: "color", }, path: ["component", "card", "border", "color"], }, radius: { value: "0.25rem", filePath: "src/tokens/component/card.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentCardBorderRadius", attributes: { category: "component", type: "card", item: "border", subitem: "radius", }, path: ["component", "card", "border", "radius"], }, }, }, "card-body": { padding: { value: "1rem", filePath: "src/tokens/component/card.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentCardBodyPadding", attributes: { category: "component", type: "card-body", item: "padding", }, path: ["component", "card-body", "padding"], }, }, "card-title": { "font-weight": { value: 600, filePath: "src/tokens/component/card.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentCardTitleFontWeight", attributes: { category: "component", type: "card-title", item: "font-weight", }, path: ["component", "card-title", "font-weight"], }, }, "clickable-tag": { "border-radius": { value: "0.125rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentClickableTagBorderRadius", attributes: { category: "component", type: "clickable-tag", item: "border-radius", }, path: ["component", "clickable-tag", "border-radius"], }, color: { value: "#09638dff", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentClickableTagColor", attributes: { category: "component", type: "clickable-tag", item: "color", }, path: ["component", "clickable-tag", "color"], }, "font-size": { value: "0.75rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.type.component-sm.font.value}" }, name: "ComponentClickableTagFontSize", attributes: { category: "component", type: "clickable-tag", item: "font-size", }, path: ["component", "clickable-tag", "font-size"], }, "font-weight": { value: 600, filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentClickableTagFontWeight", attributes: { category: "component", type: "clickable-tag", item: "font-weight", }, path: ["component", "clickable-tag", "font-weight"], }, height: { value: "1.125rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.component.clickable-tag.height.value}" }, name: "ComponentClickableTagHeight", attributes: { category: "component", type: "clickable-tag", item: "height", }, path: ["component", "clickable-tag", "height"], }, "hover-background-color": { value: "#09638dff", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentClickableTagHoverBackgroundColor", attributes: { category: "component", type: "clickable-tag", item: "hover-background-color", }, path: ["component", "clickable-tag", "hover-background-color"], }, "hover-color": { value: "#e6f2f8ff", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{color.blue.light.value}" }, name: "ComponentClickableTagHoverColor", attributes: { category: "component", type: "clickable-tag", item: "hover-color", }, path: ["component", "clickable-tag", "hover-color"], }, "line-height": { value: "0.75rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.component.clickable-tag.line-height.value}", }, name: "ComponentClickableTagLineHeight", attributes: { category: "component", type: "clickable-tag", item: "line-height", }, path: ["component", "clickable-tag", "line-height"], }, "padding-vertical": { value: "0.125rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentClickableTagPaddingVertical", attributes: { category: "component", type: "clickable-tag", item: "padding-vertical", }, path: ["component", "clickable-tag", "padding-vertical"], }, "padding-horizontal": { value: "0.25rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentClickableTagPaddingHorizontal", attributes: { category: "component", type: "clickable-tag", item: "padding-horizontal", }, path: ["component", "clickable-tag", "padding-horizontal"], }, kind: { blue: { "background-color": { value: "#e6f2f8ff", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{color.blue.light.value}" }, name: "ComponentClickableTagKindBlueBackgroundColor", attributes: { category: "component", type: "clickable-tag", item: "kind", subitem: "blue", state: "background-color", }, path: [ "component", "clickable-tag", "kind", "blue", "background-color", ], }, }, gray: { "background-color": { value: "#e9e9eaff", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentClickableTagKindGrayBackgroundColor", attributes: { category: "component", type: "clickable-tag", item: "kind", subitem: "gray", state: "background-color", }, path: [ "component", "clickable-tag", "kind", "gray", "background-color", ], }, }, }, disabled: { "background-color": { value: "#ffffffff", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentClickableTagDisabledBackgroundColor", attributes: { category: "component", type: "clickable-tag", item: "disabled", subitem: "background-color", }, path: [ "component", "clickable-tag", "disabled", "background-color", ], }, "border-width": { value: "0.0625rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentClickableTagDisabledBorderWidth", attributes: { category: "component", type: "clickable-tag", item: "disabled", subitem: "border-width", }, path: ["component", "clickable-tag", "disabled", "border-width"], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentClickableTagDisabledBorderColor", attributes: { category: "component", type: "clickable-tag", item: "disabled", subitem: "border-color", }, path: ["component", "clickable-tag", "disabled", "border-color"], }, color: { value: "#717779ff", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentClickableTagDisabledColor", attributes: { category: "component", type: "clickable-tag", item: "disabled", subitem: "color", }, path: ["component", "clickable-tag", "disabled", "color"], }, }, label: { "border-left-radius": { value: "0.125rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.border.radius.xxs.value }" }, name: "ComponentClickableTagLabelBorderLeftRadius", attributes: { category: "component", type: "clickable-tag", item: "label", subitem: "border-left-radius", }, path: ["component", "clickable-tag", "label", "border-left-radius"], }, "border-right-radius": { value: "0", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.border.radius.none.value}" }, name: "ComponentClickableTagLabelBorderRightRadius", attributes: { category: "component", type: "clickable-tag", item: "label", subitem: "border-right-radius", }, path: [ "component", "clickable-tag", "label", "border-right-radius", ], }, }, icon: { "border-left-radius": { value: "0", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.border.radius.none.value }" }, name: "ComponentClickableTagIconBorderLeftRadius", attributes: { category: "component", type: "clickable-tag", item: "icon", subitem: "border-left-radius", }, path: ["component", "clickable-tag", "icon", "border-left-radius"], }, "border-right-radius": { value: "0.125rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentClickableTagIconBorderRightRadius", attributes: { category: "component", type: "clickable-tag", item: "icon", subitem: "border-right-radius", }, path: ["component", "clickable-tag", "icon", "border-right-radius"], }, "font-size": { value: "0.625rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.component.clickable-tag.icon-font-size.value}", }, name: "ComponentClickableTagIconFontSize", attributes: { category: "component", type: "clickable-tag", item: "icon", subitem: "font-size", }, path: ["component", "clickable-tag", "icon", "font-size"], }, "top-offset": { value: "-0.0625rem", filePath: "src/tokens/component/clickable-tag.json", isSource: true, original: { value: "{size.component.clickable-tag.icon-top-offset.value}", }, name: "ComponentClickableTagIconTopOffset", attributes: { category: "component", type: "clickable-tag", item: "icon", subitem: "top-offset", }, path: ["component", "clickable-tag", "icon", "top-offset"], }, }, }, "content-row": { "background-color": { value: "#ffffffff", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentContentRowBackgroundColor", attributes: { category: "component", type: "content-row", item: "background-color", }, path: ["component", "content-row", "background-color"], }, "border-width": { value: "0.0625rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentContentRowBorderWidth", attributes: { category: "component", type: "content-row", item: "border-width", }, path: ["component", "content-row", "border-width"], }, "border-style": { value: "solid", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentContentRowBorderStyle", attributes: { category: "component", type: "content-row", item: "border-style", }, path: ["component", "content-row", "border-style"], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentContentRowBorderColor", attributes: { category: "component", type: "content-row", item: "border-color", }, path: ["component", "content-row", "border-color"], }, "border-radius": { value: "0.25rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentContentRowBorderRadius", attributes: { category: "component", type: "content-row", item: "border-radius", }, path: ["component", "content-row", "border-radius"], }, "expanded-border-radius-top": { value: "0.25rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentContentRowExpandedBorderRadiusTop", attributes: { category: "component", type: "content-row", item: "expanded-border-radius-top", }, path: ["component", "content-row", "expanded-border-radius-top"], }, "expanded-border-radius-bottom": { value: "0", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.border.radius.none.value}" }, name: "ComponentContentRowExpandedBorderRadiusBottom", attributes: { category: "component", type: "content-row", item: "expanded-border-radius-bottom", }, path: ["component", "content-row", "expanded-border-radius-bottom"], }, "selected-background-color": { value: "#e6f2f8ff", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{color.blue.light.value}" }, name: "ComponentContentRowSelectedBackgroundColor", attributes: { category: "component", type: "content-row", item: "selected-background-color", }, path: ["component", "content-row", "selected-background-color"], }, "selected-border-color": { value: "#007db8ff", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentContentRowSelectedBorderColor", attributes: { category: "component", type: "content-row", item: "selected-border-color", }, path: ["component", "content-row", "selected-border-color"], }, "expand-button-border": { value: "0", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.border.width.none.value}" }, name: "ComponentContentRowExpandButtonBorder", attributes: { category: "component", type: "content-row", item: "expand-button-border", }, path: ["component", "content-row", "expand-button-border"], }, "expand-button-color": { value: "#007db8ff", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentContentRowExpandButtonColor", attributes: { category: "component", type: "content-row", item: "expand-button-color", }, path: ["component", "content-row", "expand-button-color"], }, "expand-button-hover-color": { value: "#09638dff", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentContentRowExpandButtonHoverColor", attributes: { category: "component", type: "content-row", item: "expand-button-hover-color", }, path: ["component", "content-row", "expand-button-hover-color"], }, "expand-button-color-disabled": { value: "#d2d4d4ff", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentContentRowExpandButtonColorDisabled", attributes: { category: "component", type: "content-row", item: "expand-button-color-disabled", }, path: ["component", "content-row", "expand-button-color-disabled"], }, "expand-button-font-size": { value: "1rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.type.title-sm.font.value}" }, name: "ComponentContentRowExpandButtonFontSize", attributes: { category: "component", type: "content-row", item: "expand-button-font-size", }, path: ["component", "content-row", "expand-button-font-size"], }, "expand-button-line-height": { value: "1.125rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.type.title-md.line.value}" }, name: "ComponentContentRowExpandButtonLineHeight", attributes: { category: "component", type: "content-row", item: "expand-button-line-height", }, path: ["component", "content-row", "expand-button-line-height"], }, padding: { value: "1rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentContentRowPadding", attributes: { category: "component", type: "content-row", item: "padding", }, path: ["component", "content-row", "padding"], }, "card-spacing-margin": { value: "1rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentContentRowCardSpacingMargin", attributes: { category: "component", type: "content-row", item: "card-spacing-margin", }, path: ["component", "content-row", "card-spacing-margin"], }, }, "content-row-col": { "padding-small": { value: "0.5rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentContentRowColPaddingSmall", attributes: { category: "component", type: "content-row-col", item: "padding-small", }, path: ["component", "content-row-col", "padding-small"], }, "icon-margin-adjustment": { value: "-0.125rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.component.content-row.icon-margin-adjustment}", }, name: "ComponentContentRowColIconMarginAdjustment", attributes: { category: "component", type: "content-row-col", item: "icon-margin-adjustment", }, path: ["component", "content-row-col", "icon-margin-adjustment"], }, }, "content-row-expansion": { "background-color": { value: "#f3f4f4ff", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentContentRowExpansionBackgroundColor", attributes: { category: "component", type: "content-row-expansion", item: "background-color", }, path: ["component", "content-row-expansion", "background-color"], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentContentRowExpansionBorderColor", attributes: { category: "component", type: "content-row-expansion", item: "border-color", }, path: ["component", "content-row-expansion", "border-color"], }, "border-radius-top": { value: "0", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.border.radius.none.value}" }, name: "ComponentContentRowExpansionBorderRadiusTop", attributes: { category: "component", type: "content-row-expansion", item: "border-radius-top", }, path: ["component", "content-row-expansion", "border-radius-top"], }, "border-radius-bottom": { value: "0.25rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentContentRowExpansionBorderRadiusBottom", attributes: { category: "component", type: "content-row-expansion", item: "border-radius-bottom", }, path: ["component", "content-row-expansion", "border-radius-bottom"], }, }, "content-row-auto-layout-spacer": { height: { value: "1rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentContentRowAutoLayoutSpacerHeight", attributes: { category: "component", type: "content-row-auto-layout-spacer", item: "height", }, path: ["component", "content-row-auto-layout-spacer", "height"], }, }, "content-row-reorderable": { "min-container-height": { value: "3.875rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.component.content-row.reorderable-min-container-height.value}", }, name: "ComponentContentRowReorderableMinContainerHeight", attributes: { category: "component", type: "content-row-reorderable", item: "min-container-height", }, path: [ "component", "content-row-reorderable", "min-container-height", ], }, "index-container-size": { value: "3.5rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.component.content-row.reorderable-index-container-size.value}", }, name: "ComponentContentRowReorderableIndexContainerSize", attributes: { category: "component", type: "content-row-reorderable", item: "index-container-size", }, path: [ "component", "content-row-reorderable", "index-container-size", ], }, "index-container-padding": { value: "0.5rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentContentRowReorderableIndexContainerPadding", attributes: { category: "component", type: "content-row-reorderable", item: "index-container-padding", }, path: [ "component", "content-row-reorderable", "index-container-padding", ], }, "reorder-button-border-radius-none": { value: "0", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.border.radius.none.value}" }, name: "ComponentContentRowReorderableReorderButtonBorderRadiusNone", attributes: { category: "component", type: "content-row-reorderable", item: "reorder-button-border-radius-none", }, path: [ "component", "content-row-reorderable", "reorder-button-border-radius-none", ], }, "reorder-button-border-radius": { value: "0.1875rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.component.content-row.reorderable-button-border-radius.value}", }, name: "ComponentContentRowReorderableReorderButtonBorderRadius", attributes: { category: "component", type: "content-row-reorderable", item: "reorder-button-border-radius", }, path: [ "component", "content-row-reorderable", "reorder-button-border-radius", ], }, "reorder-button-height": { value: "1.78125rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.component.content-row.reorderable-button-height.value}", }, name: "ComponentContentRowReorderableReorderButtonHeight", attributes: { category: "component", type: "content-row-reorderable", item: "reorder-button-height", }, path: [ "component", "content-row-reorderable", "reorder-button-height", ], }, "reorder-button-width": { value: "3.3125rem", filePath: "src/tokens/component/content-row.json", isSource: true, original: { value: "{size.component.content-row.reorderable-button-width.value}", }, name: "ComponentContentRowReorderableReorderButtonWidth", attributes: { category: "component", type: "content-row-reorderable", item: "reorder-button-width", }, path: [ "component", "content-row-reorderable", "reorder-button-width", ], }, }, "content-tiles": { color: { value: "#000000ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.black.value}" }, name: "ComponentContentTilesColor", attributes: { category: "component", type: "content-tiles", item: "color", }, path: ["component", "content-tiles", "color"], }, "background-color": { value: "#ffffffff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentContentTilesBackgroundColor", attributes: { category: "component", type: "content-tiles", item: "background-color", }, path: ["component", "content-tiles", "background-color"], }, border: { radius: { value: "0.25rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentContentTilesBorderRadius", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "radius", }, path: ["component", "content-tiles", "border", "radius"], }, width: { value: "0.0625rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentContentTilesBorderWidth", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "width", }, path: ["component", "content-tiles", "border", "width"], }, style: { value: "solid", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentContentTilesBorderStyle", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "style", }, path: ["component", "content-tiles", "border", "style"], }, borderColor: { value: "#d2d4d4ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentContentTilesBorderBorderColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "borderColor", }, path: ["component", "content-tiles", "border", "borderColor"], }, hover: { borderColor: { value: "#007db8ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentContentTilesBorderHoverBorderColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "hover", state: "borderColor", }, path: [ "component", "content-tiles", "border", "hover", "borderColor", ], }, color: { value: "#000000ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.black.value}" }, name: "ComponentContentTilesBorderHoverColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "hover", state: "color", }, path: ["component", "content-tiles", "border", "hover", "color"], }, }, error: { borderColor: { value: "#de002eff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentContentTilesBorderErrorBorderColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "error", state: "borderColor", }, path: [ "component", "content-tiles", "border", "error", "borderColor", ], }, hover: { borderColor: { value: "#de002eff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentContentTilesBorderErrorHoverBorderColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "error", state: "hover", }, path: [ "component", "content-tiles", "border", "error", "hover", "borderColor", ], }, }, }, warning: { borderColor: { value: "#e7760bff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentContentTilesBorderWarningBorderColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "warning", state: "borderColor", }, path: [ "component", "content-tiles", "border", "warning", "borderColor", ], }, }, disabled: { borderColor: { value: "#d2d4d4ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentContentTilesBorderDisabledBorderColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "disabled", state: "borderColor", }, path: [ "component", "content-tiles", "border", "disabled", "borderColor", ], }, backgroundColor: { value: "#f3f4f4ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentContentTilesBorderDisabledBackgroundColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "disabled", state: "backgroundColor", }, path: [ "component", "content-tiles", "border", "disabled", "backgroundColor", ], }, color: { value: "#d2d4d4ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentContentTilesBorderDisabledColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "disabled", state: "color", }, path: [ "component", "content-tiles", "border", "disabled", "color", ], }, hover: { borderColor: { value: "#d2d4d4ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentContentTilesBorderDisabledHoverBorderColor", attributes: { category: "component", type: "content-tiles", item: "border", subitem: "disabled", state: "hover", }, path: [ "component", "content-tiles", "border", "disabled", "hover", "borderColor", ], }, }, }, }, disabled: { opacity: { value: ".25", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: ".25" }, name: "ComponentContentTilesDisabledOpacity", attributes: { category: "component", type: "content-tiles", item: "disabled", subitem: "opacity", }, path: ["component", "content-tiles", "disabled", "opacity"], }, }, cursor: { notAllowed: { value: "not-allowed", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "not-allowed" }, name: "ComponentContentTilesCursorNotAllowed", attributes: { category: "component", type: "content-tiles", item: "cursor", subitem: "notAllowed", }, path: ["component", "content-tiles", "cursor", "notAllowed"], }, pointer: { value: "pointer", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "pointer" }, name: "ComponentContentTilesCursorPointer", attributes: { category: "component", type: "content-tiles", item: "cursor", subitem: "pointer", }, path: ["component", "content-tiles", "cursor", "pointer"], }, }, height: { value: "8.625rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.component.content-tile.height.value}" }, name: "ComponentContentTilesHeight", attributes: { category: "component", type: "content-tiles", item: "height", }, path: ["component", "content-tiles", "height"], }, transition: { value: "all 0.25s ease", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "all 0.25s ease" }, name: "ComponentContentTilesTransition", attributes: { category: "component", type: "content-tiles", item: "transition", }, path: ["component", "content-tiles", "transition"], }, "text-decoration": { value: "none", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{type.decoration.none.value}" }, name: "ComponentContentTilesTextDecoration", attributes: { category: "component", type: "content-tiles", item: "text-decoration", }, path: ["component", "content-tiles", "text-decoration"], }, links: { color: { value: "#000000ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.black.value}" }, name: "ComponentContentTilesLinksColor", attributes: { category: "component", type: "content-tiles", item: "links", subitem: "color", }, path: ["component", "content-tiles", "links", "color"], }, }, image: { height: { value: "3.75rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.component.content-tile.image.height.value}", }, name: "ComponentContentTilesImageHeight", attributes: { category: "component", type: "content-tiles", item: "image", subitem: "height", }, path: ["component", "content-tiles", "image", "height"], }, width: { value: "3.75rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.component.content-tile.image.width.value}", }, name: "ComponentContentTilesImageWidth", attributes: { category: "component", type: "content-tiles", item: "image", subitem: "width", }, path: ["component", "content-tiles", "image", "width"], }, }, icons: { warning: { value: "#e7760bff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentContentTilesIconsWarning", attributes: { category: "component", type: "content-tiles", item: "icons", subitem: "warning", }, path: ["component", "content-tiles", "icons", "warning"], }, error: { value: "#de002eff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentContentTilesIconsError", attributes: { category: "component", type: "content-tiles", item: "icons", subitem: "error", }, path: ["component", "content-tiles", "icons", "error"], }, disabled: { value: "#717779ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentContentTilesIconsDisabled", attributes: { category: "component", type: "content-tiles", item: "icons", subitem: "disabled", }, path: ["component", "content-tiles", "icons", "disabled"], }, }, iconContainer: { padding: { value: "0.5rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.component.content-tile.titleContainer.spacing.value}", }, name: "ComponentContentTilesIconContainerPadding", attributes: { category: "component", type: "content-tiles", item: "iconContainer", subitem: "padding", }, path: ["component", "content-tiles", "iconContainer", "padding"], }, }, title: { icon: { padding: { value: "0.5rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentContentTilesTitleIconPadding", attributes: { category: "component", type: "content-tiles", item: "title", subitem: "icon", state: "padding", }, path: ["component", "content-tiles", "title", "icon", "padding"], }, color: { value: "#007db8ff", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentContentTilesTitleIconColor", attributes: { category: "component", type: "content-tiles", item: "title", subitem: "icon", state: "color", }, path: ["component", "content-tiles", "title", "icon", "color"], }, }, }, imageContainer: { height: { value: "3.75rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.component.content-tile.image.height.value}", }, name: "ComponentContentTilesImageContainerHeight", attributes: { category: "component", type: "content-tiles", item: "imageContainer", subitem: "height", }, path: ["component", "content-tiles", "imageContainer", "height"], }, width: { value: "3.75rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.component.content-tile.image.width.value}", }, name: "ComponentContentTilesImageContainerWidth", attributes: { category: "component", type: "content-tiles", item: "imageContainer", subitem: "width", }, path: ["component", "content-tiles", "imageContainer", "width"], }, marginTop: { value: "1rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.component.content-tile.image.marginTop.value}", }, name: "ComponentContentTilesImageContainerMarginTop", attributes: { category: "component", type: "content-tiles", item: "imageContainer", subitem: "marginTop", }, path: ["component", "content-tiles", "imageContainer", "marginTop"], }, marginBottom: { value: "1rem", filePath: "src/tokens/component/content-tiles.json", isSource: true, original: { value: "{size.component.content-tile.image.marginBottom.value}", }, name: "ComponentContentTilesImageContainerMarginBottom", attributes: { category: "component", type: "content-tiles", item: "imageContainer", subitem: "marginBottom", }, path: [ "component", "content-tiles", "imageContainer", "marginBottom", ], }, }, }, "feedback-block": { kind: { tip: { "background-color": { value: "#fff8e0ff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.yellow.light.value}" }, name: "ComponentFeedbackBlockKindTipBackgroundColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "tip", state: "background-color", }, path: [ "component", "feedback-block", "kind", "tip", "background-color", ], }, "border-color": { value: "#ffcc00ff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.yellow.medium.value}" }, name: "ComponentFeedbackBlockKindTipBorderColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "tip", state: "border-color", }, path: [ "component", "feedback-block", "kind", "tip", "border-color", ], }, iconColor: { value: "#ffcc00ff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.yellow.medium.value}" }, name: "ComponentFeedbackBlockKindTipIconColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "tip", state: "iconColor", }, path: ["component", "feedback-block", "kind", "tip", "iconColor"], }, microIconColor: { value: "#09638dff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentFeedbackBlockKindTipMicroIconColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "tip", state: "microIconColor", }, path: [ "component", "feedback-block", "kind", "tip", "microIconColor", ], }, }, success: { "background-color": { value: "#e7f3ecff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.green.light.value}" }, name: "ComponentFeedbackBlockKindSuccessBackgroundColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "success", state: "background-color", }, path: [ "component", "feedback-block", "kind", "success", "background-color", ], }, "border-color": { value: "#0b8940ff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentFeedbackBlockKindSuccessBorderColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "success", state: "border-color", }, path: [ "component", "feedback-block", "kind", "success", "border-color", ], }, iconColor: { value: "#0b8940ff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentFeedbackBlockKindSuccessIconColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "success", state: "iconColor", }, path: [ "component", "feedback-block", "kind", "success", "iconColor", ], }, }, warning: { "background-color": { value: "#fcf1e7ff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.orange.light.value}" }, name: "ComponentFeedbackBlockKindWarningBackgroundColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "warning", state: "background-color", }, path: [ "component", "feedback-block", "kind", "warning", "background-color", ], }, "border-color": { value: "#e7760bff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentFeedbackBlockKindWarningBorderColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "warning", state: "border-color", }, path: [ "component", "feedback-block", "kind", "warning", "border-color", ], }, iconColor: { value: "#e7760bff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentFeedbackBlockKindWarningIconColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "warning", state: "iconColor", }, path: [ "component", "feedback-block", "kind", "warning", "iconColor", ], }, }, info: { "background-color": { value: "#e6f2f8ff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.blue.light.value}" }, name: "ComponentFeedbackBlockKindInfoBackgroundColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "info", state: "background-color", }, path: [ "component", "feedback-block", "kind", "info", "background-color", ], }, "border-color": { value: "#09638dff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentFeedbackBlockKindInfoBorderColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "info", state: "border-color", }, path: [ "component", "feedback-block", "kind", "info", "border-color", ], }, iconColor: { value: "#09638dff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentFeedbackBlockKindInfoIconColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "info", state: "iconColor", }, path: [ "component", "feedback-block", "kind", "info", "iconColor", ], }, }, error: { "background-color": { value: "#fbe6eaff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.red.light.value}" }, name: "ComponentFeedbackBlockKindErrorBackgroundColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "error", state: "background-color", }, path: [ "component", "feedback-block", "kind", "error", "background-color", ], }, "border-color": { value: "#de002eff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentFeedbackBlockKindErrorBorderColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "error", state: "border-color", }, path: [ "component", "feedback-block", "kind", "error", "border-color", ], }, iconColor: { value: "#de002eff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentFeedbackBlockKindErrorIconColor", attributes: { category: "component", type: "feedback-block", item: "kind", subitem: "error", state: "iconColor", }, path: [ "component", "feedback-block", "kind", "error", "iconColor", ], }, }, }, standard: { "border-radius": { value: "0.125rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentFeedbackBlockStandardBorderRadius", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "border-radius", }, path: ["component", "feedback-block", "standard", "border-radius"], }, "border-style": { value: "solid", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentFeedbackBlockStandardBorderStyle", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "border-style", }, path: ["component", "feedback-block", "standard", "border-style"], }, "border-width": { value: "0.0625rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentFeedbackBlockStandardBorderWidth", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "border-width", }, path: ["component", "feedback-block", "standard", "border-width"], }, "font-size": { value: "0.875rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentFeedbackBlockStandardFontSize", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "font-size", }, path: ["component", "feedback-block", "standard", "font-size"], }, "font-weight": { value: 400, filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{type.weight.normal.value}" }, name: "ComponentFeedbackBlockStandardFontWeight", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "font-weight", }, path: ["component", "feedback-block", "standard", "font-weight"], }, "line-height": { value: "1.25rem ", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.type.body-md.line.value} " }, name: "ComponentFeedbackBlockStandardLineHeight", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "line-height", }, path: ["component", "feedback-block", "standard", "line-height"], }, "margin-bottom": { value: "1rem ", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.spacing.md.value} " }, name: "ComponentFeedbackBlockStandardMarginBottom", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "margin-bottom", }, path: ["component", "feedback-block", "standard", "margin-bottom"], }, "padding-top": { value: "0.5rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentFeedbackBlockStandardPaddingTop", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "padding-top", }, path: ["component", "feedback-block", "standard", "padding-top"], }, "padding-bottom": { value: "0.5rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentFeedbackBlockStandardPaddingBottom", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "padding-bottom", }, path: ["component", "feedback-block", "standard", "padding-bottom"], }, "padding-left": { value: "0.5rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentFeedbackBlockStandardPaddingLeft", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "padding-left", }, path: ["component", "feedback-block", "standard", "padding-left"], }, "padding-right": { value: "1rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentFeedbackBlockStandardPaddingRight", attributes: { category: "component", type: "feedback-block", item: "standard", subitem: "padding-right", }, path: ["component", "feedback-block", "standard", "padding-right"], }, }, micro: { height: { value: "1rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentFeedbackBlockMicroHeight", attributes: { category: "component", type: "feedback-block", item: "micro", subitem: "height", }, path: ["component", "feedback-block", "micro", "height"], }, text: { color: { value: "#4b5356ff", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentFeedbackBlockMicroTextColor", attributes: { category: "component", type: "feedback-block", item: "micro", subitem: "text", state: "color", }, path: ["component", "feedback-block", "micro", "text", "color"], }, "font-size": { value: "0.75rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "ComponentFeedbackBlockMicroTextFontSize", attributes: { category: "component", type: "feedback-block", item: "micro", subitem: "text", state: "font-size", }, path: [ "component", "feedback-block", "micro", "text", "font-size", ], }, "font-weight": { value: 600, filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentFeedbackBlockMicroTextFontWeight", attributes: { category: "component", type: "feedback-block", item: "micro", subitem: "text", state: "font-weight", }, path: [ "component", "feedback-block", "micro", "text", "font-weight", ], }, "line-height": { value: "1.125rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.type.body-sm.line.value}" }, name: "ComponentFeedbackBlockMicroTextLineHeight", attributes: { category: "component", type: "feedback-block", item: "micro", subitem: "text", state: "line-height", }, path: [ "component", "feedback-block", "micro", "text", "line-height", ], }, "margin-left": { value: "0.25rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentFeedbackBlockMicroTextMarginLeft", attributes: { category: "component", type: "feedback-block", item: "micro", subitem: "text", state: "margin-left", }, path: [ "component", "feedback-block", "micro", "text", "margin-left", ], }, }, }, icon: { standard: { "margin-right": { value: "0.5rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentFeedbackBlockIconStandardMarginRight", attributes: { category: "component", type: "feedback-block", item: "icon", subitem: "standard", state: "margin-right", }, path: [ "component", "feedback-block", "icon", "standard", "margin-right", ], }, "font-size": { value: "1.25rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.type.title-lg.font.value}" }, name: "ComponentFeedbackBlockIconStandardFontSize", attributes: { category: "component", type: "feedback-block", item: "icon", subitem: "standard", state: "font-size", }, path: [ "component", "feedback-block", "icon", "standard", "font-size", ], }, "margin-left": { value: "-0.25rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.component.feedback-block.standard.margin-left}", }, name: "ComponentFeedbackBlockIconStandardMarginLeft", attributes: { category: "component", type: "feedback-block", item: "icon", subitem: "standard", state: "margin-left", }, path: [ "component", "feedback-block", "icon", "standard", "margin-left", ], }, }, micro: { "font-size": { value: "0.875rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentFeedbackBlockIconMicroFontSize", attributes: { category: "component", type: "feedback-block", item: "icon", subitem: "micro", state: "font-size", }, path: [ "component", "feedback-block", "icon", "micro", "font-size", ], }, "font-weight": { value: 400, filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{type.weight.normal.value}" }, name: "ComponentFeedbackBlockIconMicroFontWeight", attributes: { category: "component", type: "feedback-block", item: "icon", subitem: "micro", state: "font-weight", }, path: [ "component", "feedback-block", "icon", "micro", "font-weight", ], }, "line-height": { value: "1.125rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.type.title-md.line.value}" }, name: "ComponentFeedbackBlockIconMicroLineHeight", attributes: { category: "component", type: "feedback-block", item: "icon", subitem: "micro", state: "line-height", }, path: [ "component", "feedback-block", "icon", "micro", "line-height", ], }, "margin-top": { value: "0.125rem", filePath: "src/tokens/component/feedback-block.json", isSource: true, original: { value: "{size.component.feedback-block.micro.margin-top}", }, name: "ComponentFeedbackBlockIconMicroMarginTop", attributes: { category: "component", type: "feedback-block", item: "icon", subitem: "micro", state: "margin-top", }, path: [ "component", "feedback-block", "icon", "micro", "margin-top", ], }, }, }, }, "file-upload": { "border-width": { value: "0.0625rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentFileUploadBorderWidth", attributes: { category: "component", type: "file-upload", item: "border-width", }, path: ["component", "file-upload", "border-width"], }, "border-color": { value: "#717779ff", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentFileUploadBorderColor", attributes: { category: "component", type: "file-upload", item: "border-color", }, path: ["component", "file-upload", "border-color"], }, "border-radius": { value: "0.25rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentFileUploadBorderRadius", attributes: { category: "component", type: "file-upload", item: "border-radius", }, path: ["component", "file-upload", "border-radius"], }, padding: { value: "1rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentFileUploadPadding", attributes: { category: "component", type: "file-upload", item: "padding", }, path: ["component", "file-upload", "padding"], }, color: { value: "#717779ff", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentFileUploadColor", attributes: { category: "component", type: "file-upload", item: "color", }, path: ["component", "file-upload", "color"], }, "content-color": { value: "#4b5356ff", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentFileUploadContentColor", attributes: { category: "component", type: "file-upload", item: "content-color", }, path: ["component", "file-upload", "content-color"], }, "download-button-margin": { value: "1rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentFileUploadDownloadButtonMargin", attributes: { category: "component", type: "file-upload", item: "download-button-margin", }, path: ["component", "file-upload", "download-button-margin"], }, "close-button-position": { value: "0.5rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentFileUploadCloseButtonPosition", attributes: { category: "component", type: "file-upload", item: "close-button-position", }, path: ["component", "file-upload", "close-button-position"], }, active: { "background-color": { value: "#f4ecf2ff", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{color.purple.light.value}" }, name: "ComponentFileUploadActiveBackgroundColor", attributes: { category: "component", type: "file-upload", item: "active", subitem: "background-color", }, path: ["component", "file-upload", "active", "background-color"], }, "border-color": { value: "#91467fff", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentFileUploadActiveBorderColor", attributes: { category: "component", type: "file-upload", item: "active", subitem: "border-color", }, path: ["component", "file-upload", "active", "border-color"], }, "border-style": { value: "solid", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentFileUploadActiveBorderStyle", attributes: { category: "component", type: "file-upload", item: "active", subitem: "border-style", }, path: ["component", "file-upload", "active", "border-style"], }, }, disabled: { color: { value: "#717779ff", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentFileUploadDisabledColor", attributes: { category: "component", type: "file-upload", item: "disabled", subitem: "color", }, path: ["component", "file-upload", "disabled", "color"], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentFileUploadDisabledBorderColor", attributes: { category: "component", type: "file-upload", item: "disabled", subitem: "border-color", }, path: ["component", "file-upload", "disabled", "border-color"], }, "icon-opacity": { value: 0.5, filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: 0.5 }, name: "ComponentFileUploadDisabledIconOpacity", attributes: { category: "component", type: "file-upload", item: "disabled", subitem: "icon-opacity", }, path: ["component", "file-upload", "disabled", "icon-opacity"], }, }, error: { color: { value: "#de002eff", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentFileUploadErrorColor", attributes: { category: "component", type: "file-upload", item: "error", subitem: "color", }, path: ["component", "file-upload", "error", "color"], }, "font-size": { value: "0.875rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentFileUploadErrorFontSize", attributes: { category: "component", type: "file-upload", item: "error", subitem: "font-size", }, path: ["component", "file-upload", "error", "font-size"], }, "font-weight": { value: 600, filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentFileUploadErrorFontWeight", attributes: { category: "component", type: "file-upload", item: "error", subitem: "font-weight", }, path: ["component", "file-upload", "error", "font-weight"], }, "line-height": { value: "1.25rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.title-lg.line.value}" }, name: "ComponentFileUploadErrorLineHeight", attributes: { category: "component", type: "file-upload", item: "error", subitem: "line-height", }, path: ["component", "file-upload", "error", "line-height"], }, }, instructions: { "font-size": { value: "0.75rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.component-sm.font.value}" }, name: "ComponentFileUploadInstructionsFontSize", attributes: { category: "component", type: "file-upload", item: "instructions", subitem: "font-size", }, path: ["component", "file-upload", "instructions", "font-size"], }, "line-height": { value: "1.25rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentFileUploadInstructionsLineHeight", attributes: { category: "component", type: "file-upload", item: "instructions", subitem: "line-height", }, path: ["component", "file-upload", "instructions", "line-height"], }, }, icon: { "margin-bottom": { value: "1rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentFileUploadIconMarginBottom", attributes: { category: "component", type: "file-upload", item: "icon", subitem: "margin-bottom", }, path: ["component", "file-upload", "icon", "margin-bottom"], }, size: { value: "3rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.component.file-upload.icon-size.value}" }, name: "ComponentFileUploadIconSize", attributes: { category: "component", type: "file-upload", item: "icon", subitem: "size", }, path: ["component", "file-upload", "icon", "size"], }, "mini-font-size": { value: "1.5rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.title-xl.font.value}" }, name: "ComponentFileUploadIconMiniFontSize", attributes: { category: "component", type: "file-upload", item: "icon", subitem: "mini-font-size", }, path: ["component", "file-upload", "icon", "mini-font-size"], }, "mini-line-height": { value: "1.5rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.title-xl.line.value}" }, name: "ComponentFileUploadIconMiniLineHeight", attributes: { category: "component", type: "file-upload", item: "icon", subitem: "mini-line-height", }, path: ["component", "file-upload", "icon", "mini-line-height"], }, }, title: { "font-weight": { value: 600, filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentFileUploadTitleFontWeight", attributes: { category: "component", type: "file-upload", item: "title", subitem: "font-weight", }, path: ["component", "file-upload", "title", "font-weight"], }, "margin-bottom": { value: "0.25rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentFileUploadTitleMarginBottom", attributes: { category: "component", type: "file-upload", item: "title", subitem: "margin-bottom", }, path: ["component", "file-upload", "title", "margin-bottom"], }, "font-size": { value: "1.125rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.title-md.font.value}" }, name: "ComponentFileUploadTitleFontSize", attributes: { category: "component", type: "file-upload", item: "title", subitem: "font-size", }, path: ["component", "file-upload", "title", "font-size"], }, "line-height": { value: "1.25rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.title-lg.line.value}" }, name: "ComponentFileUploadTitleLineHeight", attributes: { category: "component", type: "file-upload", item: "title", subitem: "line-height", }, path: ["component", "file-upload", "title", "line-height"], }, "mini-font-size": { value: "1rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.title-sm.font.value}" }, name: "ComponentFileUploadTitleMiniFontSize", attributes: { category: "component", type: "file-upload", item: "title", subitem: "mini-font-size", }, path: ["component", "file-upload", "title", "mini-font-size"], }, }, requirements: { "font-size": { value: "0.75rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "ComponentFileUploadRequirementsFontSize", attributes: { category: "component", type: "file-upload", item: "requirements", subitem: "font-size", }, path: ["component", "file-upload", "requirements", "font-size"], }, "line-height": { value: "1.125rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.type.title-md.line.value}" }, name: "ComponentFileUploadRequirementsLineHeight", attributes: { category: "component", type: "file-upload", item: "requirements", subitem: "line-height", }, path: ["component", "file-upload", "requirements", "line-height"], }, "margin-top": { value: "0.25rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentFileUploadRequirementsMarginTop", attributes: { category: "component", type: "file-upload", item: "requirements", subitem: "margin-top", }, path: ["component", "file-upload", "requirements", "margin-top"], }, "margin-left": { value: "0.125rem", filePath: "src/tokens/component/file-upload.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentFileUploadRequirementsMarginLeft", attributes: { category: "component", type: "file-upload", item: "requirements", subitem: "margin-left", }, path: ["component", "file-upload", "requirements", "margin-left"], }, }, }, "filter-tile": { height: { value: "6.625rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.component.filter-tile.height}" }, name: "ComponentFilterTileHeight", attributes: { category: "component", type: "filter-tile", item: "height", }, path: ["component", "filter-tile", "height"], }, maxWidth: { value: "15.625rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.component.filter-tile.maxWidth}" }, name: "ComponentFilterTileMaxWidth", attributes: { category: "component", type: "filter-tile", item: "maxWidth", }, path: ["component", "filter-tile", "maxWidth"], }, minWidth: { value: "6.875rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.component.filter-tile.minWidth}" }, name: "ComponentFilterTileMinWidth", attributes: { category: "component", type: "filter-tile", item: "minWidth", }, path: ["component", "filter-tile", "minWidth"], }, firstLastChildMargin: { value: "0", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.component.filter-tile.marginEndChildren}" }, name: "ComponentFilterTileFirstLastChildMargin", attributes: { category: "component", type: "filter-tile", item: "firstLastChildMargin", }, path: ["component", "filter-tile", "firstLastChildMargin"], }, sideMargins: { value: "0.25rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.system.xs.value}" }, name: "ComponentFilterTileSideMargins", attributes: { category: "component", type: "filter-tile", item: "sideMargins", }, path: ["component", "filter-tile", "sideMargins"], }, kind: { processing: { value: "#91467fff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentFilterTileKindProcessing", attributes: { category: "component", type: "filter-tile", item: "kind", subitem: "processing", }, path: ["component", "filter-tile", "kind", "processing"], }, general: { value: "#007db8ff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentFilterTileKindGeneral", attributes: { category: "component", type: "filter-tile", item: "kind", subitem: "general", }, path: ["component", "filter-tile", "kind", "general"], }, error: { value: "#de002eff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentFilterTileKindError", attributes: { category: "component", type: "filter-tile", item: "kind", subitem: "error", }, path: ["component", "filter-tile", "kind", "error"], }, success: { value: "#0b8940ff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentFilterTileKindSuccess", attributes: { category: "component", type: "filter-tile", item: "kind", subitem: "success", }, path: ["component", "filter-tile", "kind", "success"], }, warning: { value: "#e7760bff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentFilterTileKindWarning", attributes: { category: "component", type: "filter-tile", item: "kind", subitem: "warning", }, path: ["component", "filter-tile", "kind", "warning"], }, }, active: { kind: { processing: { value: "#f4ecf2ff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.purple.light.value}" }, name: "ComponentFilterTileActiveKindProcessing", attributes: { category: "component", type: "filter-tile", item: "active", subitem: "kind", state: "processing", }, path: [ "component", "filter-tile", "active", "kind", "processing", ], }, general: { value: "#e6f2f8ff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.blue.light.value}" }, name: "ComponentFilterTileActiveKindGeneral", attributes: { category: "component", type: "filter-tile", item: "active", subitem: "kind", state: "general", }, path: ["component", "filter-tile", "active", "kind", "general"], }, error: { value: "#fbe6eaff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.red.light.value}" }, name: "ComponentFilterTileActiveKindError", attributes: { category: "component", type: "filter-tile", item: "active", subitem: "kind", state: "error", }, path: ["component", "filter-tile", "active", "kind", "error"], }, success: { value: "#e7f3ecff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.green.light.value}" }, name: "ComponentFilterTileActiveKindSuccess", attributes: { category: "component", type: "filter-tile", item: "active", subitem: "kind", state: "success", }, path: ["component", "filter-tile", "active", "kind", "success"], }, warning: { value: "#fcf1e7ff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.orange.light.value}" }, name: "ComponentFilterTileActiveKindWarning", attributes: { category: "component", type: "filter-tile", item: "active", subitem: "kind", state: "warning", }, path: ["component", "filter-tile", "active", "kind", "warning"], }, }, }, body: { padding: { value: "1rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.system.md.value}" }, name: "ComponentFilterTileBodyPadding", attributes: { category: "component", type: "filter-tile", item: "body", subitem: "padding", }, path: ["component", "filter-tile", "body", "padding"], }, cursor: { value: "pointer", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "pointer" }, name: "ComponentFilterTileBodyCursor", attributes: { category: "component", type: "filter-tile", item: "body", subitem: "cursor", }, path: ["component", "filter-tile", "body", "cursor"], }, color: { value: "#1f282cff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentFilterTileBodyColor", attributes: { category: "component", type: "filter-tile", item: "body", subitem: "color", }, path: ["component", "filter-tile", "body", "color"], }, borderTopLeftRightRadius: { value: "0.25rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.system.xs.value}" }, name: "ComponentFilterTileBodyBorderTopLeftRightRadius", attributes: { category: "component", type: "filter-tile", item: "body", subitem: "borderTopLeftRightRadius", }, path: [ "component", "filter-tile", "body", "borderTopLeftRightRadius", ], }, borderWidth: { value: "0.0625rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "0.0625rem" }, name: "ComponentFilterTileBodyBorderWidth", attributes: { category: "component", type: "filter-tile", item: "body", subitem: "borderWidth", }, path: ["component", "filter-tile", "body", "borderWidth"], }, borderStyle: { value: "solid", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "solid" }, name: "ComponentFilterTileBodyBorderStyle", attributes: { category: "component", type: "filter-tile", item: "body", subitem: "borderStyle", }, path: ["component", "filter-tile", "body", "borderStyle"], }, borderColor: { value: "#d2d4d4ff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentFilterTileBodyBorderColor", attributes: { category: "component", type: "filter-tile", item: "body", subitem: "borderColor", }, path: ["component", "filter-tile", "body", "borderColor"], }, backgroundColor: { value: "#ffffffff", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentFilterTileBodyBackgroundColor", attributes: { category: "component", type: "filter-tile", item: "body", subitem: "backgroundColor", }, path: ["component", "filter-tile", "body", "backgroundColor"], }, }, title: { fontSize: { value: "0.875rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentFilterTileTitleFontSize", attributes: { category: "component", type: "filter-tile", item: "title", subitem: "fontSize", }, path: ["component", "filter-tile", "title", "fontSize"], }, lineHeight: { value: "1.125rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.type.body-sm.line.value}" }, name: "ComponentFilterTileTitleLineHeight", attributes: { category: "component", type: "filter-tile", item: "title", subitem: "lineHeight", }, path: ["component", "filter-tile", "title", "lineHeight"], }, height: { value: "2.25rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.component.filter-tile.title.height.value}", }, name: "ComponentFilterTileTitleHeight", attributes: { category: "component", type: "filter-tile", item: "title", subitem: "height", }, path: ["component", "filter-tile", "title", "height"], }, }, tileValue: { fontSize: { value: "1.875rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.component.filter-tile.tileValue.heightFontSizeLineHeight.value}", }, name: "ComponentFilterTileTileValueFontSize", attributes: { category: "component", type: "filter-tile", item: "tileValue", subitem: "fontSize", }, path: ["component", "filter-tile", "tileValue", "fontSize"], }, lineHeight: { value: "1.875rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.component.filter-tile.tileValue.heightFontSizeLineHeight.value}", }, name: "ComponentFilterTileTileValueLineHeight", attributes: { category: "component", type: "filter-tile", item: "tileValue", subitem: "lineHeight", }, path: ["component", "filter-tile", "tileValue", "lineHeight"], }, height: { value: "1.875rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.component.filter-tile.tileValue.heightFontSizeLineHeight.value}", }, name: "ComponentFilterTileTileValueHeight", attributes: { category: "component", type: "filter-tile", item: "tileValue", subitem: "height", }, path: ["component", "filter-tile", "tileValue", "height"], }, }, footer: { normalHeight: { value: "0.25rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.system.xs.value}" }, name: "ComponentFilterTileFooterNormalHeight", attributes: { category: "component", type: "filter-tile", item: "footer", subitem: "normalHeight", }, path: ["component", "filter-tile", "footer", "normalHeight"], }, activeHeight: { value: "0.5rem", filePath: "src/tokens/component/filter-tile.json", isSource: true, original: { value: "{size.system.sm.value}" }, name: "ComponentFilterTileFooterActiveHeight", attributes: { category: "component", type: "filter-tile", item: "footer", subitem: "activeHeight", }, path: ["component", "filter-tile", "footer", "activeHeight"], }, }, }, focusedTask: { backgroundColor: { value: "#f3f4f4ff", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentFocusedTaskBackgroundColor", attributes: { category: "component", type: "focusedTask", item: "backgroundColor", }, path: ["component", "focusedTask", "backgroundColor"], }, transition: { value: "top 0.3s ease", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "top 0.3s ease" }, name: "ComponentFocusedTaskTransition", attributes: { category: "component", type: "focusedTask", item: "transition", }, path: ["component", "focusedTask", "transition"], }, paddingBottom: { value: "2rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.system.lg.value}" }, name: "ComponentFocusedTaskPaddingBottom", attributes: { category: "component", type: "focusedTask", item: "paddingBottom", }, path: ["component", "focusedTask", "paddingBottom"], }, underlay: { background: { value: "#f3f4f4ff", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentFocusedTaskUnderlayBackground", attributes: { category: "component", type: "focusedTask", item: "underlay", subitem: "background", }, path: ["component", "focusedTask", "underlay", "background"], }, padding: { value: "1rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentFocusedTaskUnderlayPadding", attributes: { category: "component", type: "focusedTask", item: "underlay", subitem: "padding", }, path: ["component", "focusedTask", "underlay", "padding"], }, }, title: { paddingLeftRight: { value: "1rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentFocusedTaskTitlePaddingLeftRight", attributes: { category: "component", type: "focusedTask", item: "title", subitem: "paddingLeftRight", }, path: ["component", "focusedTask", "title", "paddingLeftRight"], }, marginTop: { value: "1rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentFocusedTaskTitleMarginTop", attributes: { category: "component", type: "focusedTask", item: "title", subitem: "marginTop", }, path: ["component", "focusedTask", "title", "marginTop"], }, marginBottom: { value: "0.5rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentFocusedTaskTitleMarginBottom", attributes: { category: "component", type: "focusedTask", item: "title", subitem: "marginBottom", }, path: ["component", "focusedTask", "title", "marginBottom"], }, maxWidth: { value: "1280px", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{grid.content-width.value}" }, name: "ComponentFocusedTaskTitleMaxWidth", attributes: { category: "component", type: "focusedTask", item: "title", subitem: "maxWidth", }, path: ["component", "focusedTask", "title", "maxWidth"], }, }, body: { margin: { value: "0 auto", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "0 auto" }, name: "ComponentFocusedTaskBodyMargin", attributes: { category: "component", type: "focusedTask", item: "body", subitem: "margin", }, path: ["component", "focusedTask", "body", "margin"], }, maxWidth: { value: "1280px", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{grid.content-width.value}" }, name: "ComponentFocusedTaskBodyMaxWidth", attributes: { category: "component", type: "focusedTask", item: "body", subitem: "maxWidth", }, path: ["component", "focusedTask", "body", "maxWidth"], }, padding: { value: "1rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentFocusedTaskBodyPadding", attributes: { category: "component", type: "focusedTask", item: "body", subitem: "padding", }, path: ["component", "focusedTask", "body", "padding"], }, }, closeButton: { backgroundColor: { value: "#00000000", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{color.transparent.value}" }, name: "ComponentFocusedTaskCloseButtonBackgroundColor", attributes: { category: "component", type: "focusedTask", item: "closeButton", subitem: "backgroundColor", }, path: [ "component", "focusedTask", "closeButton", "backgroundColor", ], }, color: { value: "#4b5356ff", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentFocusedTaskCloseButtonColor", attributes: { category: "component", type: "focusedTask", item: "closeButton", subitem: "color", }, path: ["component", "focusedTask", "closeButton", "color"], }, right: { value: "0.5rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentFocusedTaskCloseButtonRight", attributes: { category: "component", type: "focusedTask", item: "closeButton", subitem: "right", }, path: ["component", "focusedTask", "closeButton", "right"], }, icon: { paddingLeftRight: { value: "0.25rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentFocusedTaskCloseButtonIconPaddingLeftRight", attributes: { category: "component", type: "focusedTask", item: "closeButton", subitem: "icon", state: "paddingLeftRight", }, path: [ "component", "focusedTask", "closeButton", "icon", "paddingLeftRight", ], }, }, }, listActionBarContainer: { backgroundColor: { value: "#ffffffff", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentFocusedTaskListActionBarContainerBackgroundColor", attributes: { category: "component", type: "focusedTask", item: "listActionBarContainer", subitem: "backgroundColor", }, path: [ "component", "focusedTask", "listActionBarContainer", "backgroundColor", ], }, boxShadowOffsetY: { value: "-0.0625rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.component.focused-task.box-shadow-offset-y}", }, name: "ComponentFocusedTaskListActionBarContainerBoxShadowOffsetY", attributes: { category: "component", type: "focusedTask", item: "listActionBarContainer", subitem: "boxShadowOffsetY", }, path: [ "component", "focusedTask", "listActionBarContainer", "boxShadowOffsetY", ], }, boxShadowBlurRadius: { value: "0.125rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentFocusedTaskListActionBarContainerBoxShadowBlurRadius", attributes: { category: "component", type: "focusedTask", item: "listActionBarContainer", subitem: "boxShadowBlurRadius", }, path: [ "component", "focusedTask", "listActionBarContainer", "boxShadowBlurRadius", ], }, boxShadowColor: { value: "#00000026", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "#00000026" }, name: "ComponentFocusedTaskListActionBarContainerBoxShadowColor", attributes: { category: "component", type: "focusedTask", item: "listActionBarContainer", subitem: "boxShadowColor", }, path: [ "component", "focusedTask", "listActionBarContainer", "boxShadowColor", ], }, height: { value: "3.125rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.component.focused-task.height}" }, name: "ComponentFocusedTaskListActionBarContainerHeight", attributes: { category: "component", type: "focusedTask", item: "listActionBarContainer", subitem: "height", }, path: [ "component", "focusedTask", "listActionBarContainer", "height", ], }, padding: { value: "0.5rem", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentFocusedTaskListActionBarContainerPadding", attributes: { category: "component", type: "focusedTask", item: "listActionBarContainer", subitem: "padding", }, path: [ "component", "focusedTask", "listActionBarContainer", "padding", ], }, }, listActionBar: { maxWidth: { value: "1180px", filePath: "src/tokens/component/focused-task.json", isSource: true, original: { value: "1180px" }, name: "ComponentFocusedTaskListActionBarMaxWidth", attributes: { category: "component", type: "focusedTask", item: "listActionBar", subitem: "maxWidth", }, path: ["component", "focusedTask", "listActionBar", "maxWidth"], }, }, }, growler: { borderWidth: { value: "0.0625rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.border.width.standard}" }, name: "ComponentGrowlerBorderWidth", attributes: { category: "component", type: "growler", item: "borderWidth", }, path: ["component", "growler", "borderWidth"], }, kind: { activity: { background: { value: "#e9e9eaff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentGrowlerKindActivityBackground", attributes: { category: "component", type: "growler", item: "kind", subitem: "activity", state: "background", }, path: ["component", "growler", "kind", "activity", "background"], }, border: { value: "#717779ff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentGrowlerKindActivityBorder", attributes: { category: "component", type: "growler", item: "kind", subitem: "activity", state: "border", }, path: ["component", "growler", "kind", "activity", "border"], }, }, info: { background: { value: "#007db8ff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentGrowlerKindInfoBackground", attributes: { category: "component", type: "growler", item: "kind", subitem: "info", state: "background", }, path: ["component", "growler", "kind", "info", "background"], }, border: { value: "#007db8ff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentGrowlerKindInfoBorder", attributes: { category: "component", type: "growler", item: "kind", subitem: "info", state: "border", }, path: ["component", "growler", "kind", "info", "border"], }, }, progress: { background: { value: "#91467fff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentGrowlerKindProgressBackground", attributes: { category: "component", type: "growler", item: "kind", subitem: "progress", state: "background", }, path: ["component", "growler", "kind", "progress", "background"], }, border: { value: "#91467fff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentGrowlerKindProgressBorder", attributes: { category: "component", type: "growler", item: "kind", subitem: "progress", state: "border", }, path: ["component", "growler", "kind", "progress", "border"], }, }, error: { background: { value: "#de002eff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentGrowlerKindErrorBackground", attributes: { category: "component", type: "growler", item: "kind", subitem: "error", state: "background", }, path: ["component", "growler", "kind", "error", "background"], }, border: { value: "#de002eff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentGrowlerKindErrorBorder", attributes: { category: "component", type: "growler", item: "kind", subitem: "error", state: "border", }, path: ["component", "growler", "kind", "error", "border"], }, }, success: { background: { value: "#0b8940ff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentGrowlerKindSuccessBackground", attributes: { category: "component", type: "growler", item: "kind", subitem: "success", state: "background", }, path: ["component", "growler", "kind", "success", "background"], }, border: { value: "#0b8940ff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentGrowlerKindSuccessBorder", attributes: { category: "component", type: "growler", item: "kind", subitem: "success", state: "border", }, path: ["component", "growler", "kind", "success", "border"], }, }, warning: { background: { value: "#e7760bff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentGrowlerKindWarningBackground", attributes: { category: "component", type: "growler", item: "kind", subitem: "warning", state: "background", }, path: ["component", "growler", "kind", "warning", "background"], }, border: { value: "#e7760bff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentGrowlerKindWarningBorder", attributes: { category: "component", type: "growler", item: "kind", subitem: "warning", state: "border", }, path: ["component", "growler", "kind", "warning", "border"], }, }, }, duration: { visible: { value: 7000, filePath: "src/tokens/component/growler.json", isSource: true, original: { value: 7000 }, name: "ComponentGrowlerDurationVisible", attributes: { category: "component", type: "growler", item: "duration", subitem: "visible", }, path: ["component", "growler", "duration", "visible"], }, fadeout: { value: 2000, filePath: "src/tokens/component/growler.json", isSource: true, original: { value: 2000 }, name: "ComponentGrowlerDurationFadeout", attributes: { category: "component", type: "growler", item: "duration", subitem: "fadeout", }, path: ["component", "growler", "duration", "fadeout"], }, }, base: { borderRadius: { value: "0.25rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentGrowlerBaseBorderRadius", attributes: { category: "component", type: "growler", item: "base", subitem: "borderRadius", }, path: ["component", "growler", "base", "borderRadius"], }, boxShadow: { value: "0 0 0.3125rem rgba(0, 0, 0, 0.25)", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "0 0 0.3125rem rgba(0, 0, 0, 0.25)" }, name: "ComponentGrowlerBaseBoxShadow", attributes: { category: "component", type: "growler", item: "base", subitem: "boxShadow", }, path: ["component", "growler", "base", "boxShadow"], }, display: { value: "flex", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "flex" }, name: "ComponentGrowlerBaseDisplay", attributes: { category: "component", type: "growler", item: "base", subitem: "display", }, path: ["component", "growler", "base", "display"], }, marginBottom: { value: "1rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentGrowlerBaseMarginBottom", attributes: { category: "component", type: "growler", item: "base", subitem: "marginBottom", }, path: ["component", "growler", "base", "marginBottom"], }, overflow: { value: "hidden", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "hidden" }, name: "ComponentGrowlerBaseOverflow", attributes: { category: "component", type: "growler", item: "base", subitem: "overflow", }, path: ["component", "growler", "base", "overflow"], }, width: { value: "25rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.component.growler.width.value}" }, name: "ComponentGrowlerBaseWidth", attributes: { category: "component", type: "growler", item: "base", subitem: "width", }, path: ["component", "growler", "base", "width"], }, zIndex: { value: 10000, filePath: "src/tokens/component/growler.json", isSource: true, original: { value: 10000 }, name: "ComponentGrowlerBaseZIndex", attributes: { category: "component", type: "growler", item: "base", subitem: "zIndex", }, path: ["component", "growler", "base", "zIndex"], }, }, area: { right: { value: "1.875rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.component.growler.icon.box.right.value}", }, name: "ComponentGrowlerAreaRight", attributes: { category: "component", type: "growler", item: "area", subitem: "right", }, path: ["component", "growler", "area", "right"], }, top: { value: "5.625rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.component.growler.icon.box.top.value}" }, name: "ComponentGrowlerAreaTop", attributes: { category: "component", type: "growler", item: "area", subitem: "top", }, path: ["component", "growler", "area", "top"], }, }, icon: { fontColor: { value: "#ffffffff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentGrowlerIconFontColor", attributes: { category: "component", type: "growler", item: "icon", subitem: "fontColor", }, path: ["component", "growler", "icon", "fontColor"], }, fontSize: { value: "1.875rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.component.growler.icon.fontSize.value}" }, name: "ComponentGrowlerIconFontSize", attributes: { category: "component", type: "growler", item: "icon", subitem: "fontSize", }, path: ["component", "growler", "icon", "fontSize"], }, box: { width: { value: "4.375rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.component.growler.icon.box.width.value}", }, name: "ComponentGrowlerIconBoxWidth", attributes: { category: "component", type: "growler", item: "icon", subitem: "box", state: "width", }, path: ["component", "growler", "icon", "box", "width"], }, }, }, messageBox: { backgroundColor: { value: "#ffffffff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentGrowlerMessageBoxBackgroundColor", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "backgroundColor", }, path: ["component", "growler", "messageBox", "backgroundColor"], }, titleWeight: { value: 600, filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentGrowlerMessageBoxTitleWeight", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "titleWeight", }, path: ["component", "growler", "messageBox", "titleWeight"], }, type: { size: { value: "0.75rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.type.component-sm.font.value}" }, name: "ComponentGrowlerMessageBoxTypeSize", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "type", state: "size", }, path: ["component", "growler", "messageBox", "type", "size"], }, line: { value: "1.25rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.type.title-lg.line.value}" }, name: "ComponentGrowlerMessageBoxTypeLine", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "type", state: "line", }, path: ["component", "growler", "messageBox", "type", "line"], }, }, subtitle: { color: { value: "#4b5356ff", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentGrowlerMessageBoxSubtitleColor", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "subtitle", state: "color", }, path: ["component", "growler", "messageBox", "subtitle", "color"], }, width: { value: "16.5rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.component.growler.messageBox.subtitle.width.value}", }, name: "ComponentGrowlerMessageBoxSubtitleWidth", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "subtitle", state: "width", }, path: ["component", "growler", "messageBox", "subtitle", "width"], }, }, padding: { top: { value: "1rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentGrowlerMessageBoxPaddingTop", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "padding", state: "top", }, path: ["component", "growler", "messageBox", "padding", "top"], }, right: { value: "2.625rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.component.growler.messageBox.padding.right.value}", }, name: "ComponentGrowlerMessageBoxPaddingRight", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "padding", state: "right", }, path: ["component", "growler", "messageBox", "padding", "right"], }, bottom: { value: "1rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentGrowlerMessageBoxPaddingBottom", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "padding", state: "bottom", }, path: ["component", "growler", "messageBox", "padding", "bottom"], }, left: { value: "1rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentGrowlerMessageBoxPaddingLeft", attributes: { category: "component", type: "growler", item: "messageBox", subitem: "padding", state: "left", }, path: ["component", "growler", "messageBox", "padding", "left"], }, }, }, closeButton: { right: { value: "0.5rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentGrowlerCloseButtonRight", attributes: { category: "component", type: "growler", item: "closeButton", subitem: "right", }, path: ["component", "growler", "closeButton", "right"], }, top: { value: "0.5rem", filePath: "src/tokens/component/growler.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentGrowlerCloseButtonTop", attributes: { category: "component", type: "growler", item: "closeButton", subitem: "top", }, path: ["component", "growler", "closeButton", "top"], }, }, }, icon: { "margin-adjustment": { value: "-0.125rem", filePath: "src/tokens/component/icon.json", isSource: true, original: { value: "{size.component.icon.margin-adjustment}" }, name: "ComponentIconMarginAdjustment", attributes: { category: "component", type: "icon", item: "margin-adjustment", }, path: ["component", "icon", "margin-adjustment"], }, }, "insight-card-wrapper": { margin: { value: "0.5rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentInsightCardWrapperMargin", attributes: { category: "component", type: "insight-card-wrapper", item: "margin", }, path: ["component", "insight-card-wrapper", "margin"], }, }, "insight-card": { kind: { general: { value: "#007db8ff", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentInsightCardKindGeneral", attributes: { category: "component", type: "insight-card", item: "kind", subitem: "general", }, path: ["component", "insight-card", "kind", "general"], }, error: { value: "#de002eff", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentInsightCardKindError", attributes: { category: "component", type: "insight-card", item: "kind", subitem: "error", }, path: ["component", "insight-card", "kind", "error"], }, success: { value: "#0b8940ff", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentInsightCardKindSuccess", attributes: { category: "component", type: "insight-card", item: "kind", subitem: "success", }, path: ["component", "insight-card", "kind", "success"], }, warning: { value: "#e7760bff", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentInsightCardKindWarning", attributes: { category: "component", type: "insight-card", item: "kind", subitem: "warning", }, path: ["component", "insight-card", "kind", "warning"], }, processing: { value: "#91467fff", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentInsightCardKindProcessing", attributes: { category: "component", type: "insight-card", item: "kind", subitem: "processing", }, path: ["component", "insight-card", "kind", "processing"], }, }, background: { value: "#ffffffff", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentInsightCardBackground", attributes: { category: "component", type: "insight-card", item: "background", }, path: ["component", "insight-card", "background"], }, "border-width": { value: "0.0625rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentInsightCardBorderWidth", attributes: { category: "component", type: "insight-card", item: "border-width", }, path: ["component", "insight-card", "border-width"], }, "border-radius": { value: "0.25rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentInsightCardBorderRadius", attributes: { category: "component", type: "insight-card", item: "border-radius", }, path: ["component", "insight-card", "border-radius"], }, "border-style": { value: "solid", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentInsightCardBorderStyle", attributes: { category: "component", type: "insight-card", item: "border-style", }, path: ["component", "insight-card", "border-style"], }, "icon-size": { value: "2rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.icon-size.value}" }, name: "ComponentInsightCardIconSize", attributes: { category: "component", type: "insight-card", item: "icon-size", }, path: ["component", "insight-card", "icon-size"], }, margin: { value: "0.5rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentInsightCardMargin", attributes: { category: "component", type: "insight-card", item: "margin", }, path: ["component", "insight-card", "margin"], }, "padding-vertical": { value: "0.9375rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.vertical-padding.value}", }, name: "ComponentInsightCardPaddingVertical", attributes: { category: "component", type: "insight-card", item: "padding-vertical", }, path: ["component", "insight-card", "padding-vertical"], }, "padding-horizontal": { value: "1.25rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.horizontal-padding.value}", }, name: "ComponentInsightCardPaddingHorizontal", attributes: { category: "component", type: "insight-card", item: "padding-horizontal", }, path: ["component", "insight-card", "padding-horizontal"], }, "metric-size": { value: "3rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.metric-size.value}", }, name: "ComponentInsightCardMetricSize", attributes: { category: "component", type: "insight-card", item: "metric-size", }, path: ["component", "insight-card", "metric-size"], }, "font-weight": { value: 600, filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentInsightCardFontWeight", attributes: { category: "component", type: "insight-card", item: "font-weight", }, path: ["component", "insight-card", "font-weight"], }, title: { color: { value: "#1f282cff", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentInsightCardTitleColor", attributes: { category: "component", type: "insight-card", item: "title", subitem: "color", }, path: ["component", "insight-card", "title", "color"], }, "font-size": { value: "1rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.type.title-sm.font.value}" }, name: "ComponentInsightCardTitleFontSize", attributes: { category: "component", type: "insight-card", item: "title", subitem: "font-size", }, path: ["component", "insight-card", "title", "font-size"], }, "line-height": { value: "1rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.type.title-sm.line.value}" }, name: "ComponentInsightCardTitleLineHeight", attributes: { category: "component", type: "insight-card", item: "title", subitem: "line-height", }, path: ["component", "insight-card", "title", "line-height"], }, "padding-bottom": { value: "0.125rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.spacing.xxs.value}" }, name: "ComponentInsightCardTitlePaddingBottom", attributes: { category: "component", type: "insight-card", item: "title", subitem: "padding-bottom", }, path: ["component", "insight-card", "title", "padding-bottom"], }, "min-height": { value: "2.125rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.min-title-height.value}", }, name: "ComponentInsightCardTitleMinHeight", attributes: { category: "component", type: "insight-card", item: "title", subitem: "min-height", }, path: ["component", "insight-card", "title", "min-height"], }, }, "description-margin": { value: "0.5rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentInsightCardDescriptionMargin", attributes: { category: "component", type: "insight-card", item: "description-margin", }, path: ["component", "insight-card", "description-margin"], }, detail: { color: { value: "#4b5356ff", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentInsightCardDetailColor", attributes: { category: "component", type: "insight-card", item: "detail", subitem: "color", }, path: ["component", "insight-card", "detail", "color"], }, height: {}, "font-size": { value: "0.75rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.type.title-xxs.font.value}" }, name: "ComponentInsightCardDetailFontSize", attributes: { category: "component", type: "insight-card", item: "detail", subitem: "font-size", }, path: ["component", "insight-card", "detail", "font-size"], }, "line-height": { value: "0.75rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.type.title-xxs.line.value}" }, name: "ComponentInsightCardDetailLineHeight", attributes: { category: "component", type: "insight-card", item: "detail", subitem: "line-height", }, path: ["component", "insight-card", "detail", "line-height"], }, "margin-top": { value: "0.25rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentInsightCardDetailMarginTop", attributes: { category: "component", type: "insight-card", item: "detail", subitem: "margin-top", }, path: ["component", "insight-card", "detail", "margin-top"], }, }, "partner-count": { color: { value: "#ffffffff", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentInsightCardPartnerCountColor", attributes: { category: "component", type: "insight-card", item: "partner-count", subitem: "color", }, path: ["component", "insight-card", "partner-count", "color"], }, "font-size": { value: "0.75rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "ComponentInsightCardPartnerCountFontSize", attributes: { category: "component", type: "insight-card", item: "partner-count", subitem: "font-size", }, path: ["component", "insight-card", "partner-count", "font-size"], }, "line-height": { value: "1.125rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.type.body-sm.line.value}" }, name: "ComponentInsightCardPartnerCountLineHeight", attributes: { category: "component", type: "insight-card", item: "partner-count", subitem: "line-height", }, path: ["component", "insight-card", "partner-count", "line-height"], }, "padding-right": { value: "0.125rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.spacing.xxs.value}" }, name: "ComponentInsightCardPartnerCountPaddingRight", attributes: { category: "component", type: "insight-card", item: "partner-count", subitem: "padding-right", }, path: [ "component", "insight-card", "partner-count", "padding-right", ], }, "margin-vertical": { value: "0.9375rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.partner-count-margin-vertical}", }, name: "ComponentInsightCardPartnerCountMarginVertical", attributes: { category: "component", type: "insight-card", item: "partner-count", subitem: "margin-vertical", }, path: [ "component", "insight-card", "partner-count", "margin-vertical", ], }, "margin-horizontal": { value: "1.25rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.partner-count-margin-horizontal}", }, name: "ComponentInsightCardPartnerCountMarginHorizontal", attributes: { category: "component", type: "insight-card", item: "partner-count", subitem: "margin-horizontal", }, path: [ "component", "insight-card", "partner-count", "margin-horizontal", ], }, "padding-vertical": { value: "0.625rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.partner-count-padding-vertical}", }, name: "ComponentInsightCardPartnerCountPaddingVertical", attributes: { category: "component", type: "insight-card", item: "partner-count", subitem: "padding-vertical", }, path: [ "component", "insight-card", "partner-count", "padding-vertical", ], }, "padding-horizontal": { value: "1.25rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.partner-count-padding-horizontal}", }, name: "ComponentInsightCardPartnerCountPaddingHorizontal", attributes: { category: "component", type: "insight-card", item: "partner-count", subitem: "padding-horizontal", }, path: [ "component", "insight-card", "partner-count", "padding-horizontal", ], }, }, horizontal: { "metric-margin": { value: "0.5rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentInsightCardHorizontalMetricMargin", attributes: { category: "component", type: "insight-card", item: "horizontal", subitem: "metric-margin", }, path: ["component", "insight-card", "horizontal", "metric-margin"], }, "title-min-height": { value: "1rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentInsightCardHorizontalTitleMinHeight", attributes: { category: "component", type: "insight-card", item: "horizontal", subitem: "title-min-height", }, path: [ "component", "insight-card", "horizontal", "title-min-height", ], }, "partner-count": { "line-height": { value: "0.875rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.type.component-sm.line.value}" }, name: "ComponentInsightCardHorizontalPartnerCountLineHeight", attributes: { category: "component", type: "insight-card", item: "horizontal", subitem: "partner-count", state: "line-height", }, path: [ "component", "insight-card", "horizontal", "partner-count", "line-height", ], }, width: { value: "3.75rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.partner-count-width.value}", }, name: "ComponentInsightCardHorizontalPartnerCountWidth", attributes: { category: "component", type: "insight-card", item: "horizontal", subitem: "partner-count", state: "width", }, path: [ "component", "insight-card", "horizontal", "partner-count", "width", ], }, "padding-vertical": { value: "1.25rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.horizontal-partner-count-padding-vertical}", }, name: "ComponentInsightCardHorizontalPartnerCountPaddingVertical", attributes: { category: "component", type: "insight-card", item: "horizontal", subitem: "partner-count", state: "padding-vertical", }, path: [ "component", "insight-card", "horizontal", "partner-count", "padding-vertical", ], }, "padding-horizontal": { value: "0.625rem", filePath: "src/tokens/component/insight-card.json", isSource: true, original: { value: "{size.component.insight-card.horizontal-partner-count-padding-horizontal}", }, name: "ComponentInsightCardHorizontalPartnerCountPaddingHorizontal", attributes: { category: "component", type: "insight-card", item: "horizontal", subitem: "partner-count", state: "padding-horizontal", }, path: [ "component", "insight-card", "horizontal", "partner-count", "padding-horizontal", ], }, }, }, }, "key-value-set": { "font-size": { value: "0.75rem", filePath: "src/tokens/component/key-value-set.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "ComponentKeyValueSetFontSize", attributes: { category: "component", type: "key-value-set", item: "font-size", }, path: ["component", "key-value-set", "font-size"], }, "line-height": { value: "1.125rem", filePath: "src/tokens/component/key-value-set.json", isSource: true, original: { value: "{size.type.body-sm.line.value}" }, name: "ComponentKeyValueSetLineHeight", attributes: { category: "component", type: "key-value-set", item: "line-height", }, path: ["component", "key-value-set", "line-height"], }, spacing: { value: "0.5rem", filePath: "src/tokens/component/key-value-set.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentKeyValueSetSpacing", attributes: { category: "component", type: "key-value-set", item: "spacing", }, path: ["component", "key-value-set", "spacing"], }, key: { "font-weight": { value: 600, filePath: "src/tokens/component/key-value-set.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentKeyValueSetKeyFontWeight", attributes: { category: "component", type: "key-value-set", item: "key", subitem: "font-weight", }, path: ["component", "key-value-set", "key", "font-weight"], }, }, }, "list-bar": { background: { value: "#ffffffff", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentListBarBackground", attributes: { category: "component", type: "list-bar", item: "background", }, path: ["component", "list-bar", "background"], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentListBarBorderColor", attributes: { category: "component", type: "list-bar", item: "border-color", }, path: ["component", "list-bar", "border-color"], }, "border-style": { value: "solid", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentListBarBorderStyle", attributes: { category: "component", type: "list-bar", item: "border-style", }, path: ["component", "list-bar", "border-style"], }, "border-width": { value: "0.0625rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentListBarBorderWidth", attributes: { category: "component", type: "list-bar", item: "border-width", }, path: ["component", "list-bar", "border-width"], }, "border-radius": { value: "0.25rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentListBarBorderRadius", attributes: { category: "component", type: "list-bar", item: "border-radius", }, path: ["component", "list-bar", "border-radius"], }, margin: { value: "0.5rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentListBarMargin", attributes: { category: "component", type: "list-bar", item: "margin", }, path: ["component", "list-bar", "margin"], }, pinned: { width: { value: "1280px", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.component.list-bar.pinned-width.value}" }, name: "ComponentListBarPinnedWidth", attributes: { category: "component", type: "list-bar", item: "pinned", subitem: "width", }, path: ["component", "list-bar", "pinned", "width"], }, padding: { value: "1.25rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.component.list-bar.pinned-padding.value}", }, name: "ComponentListBarPinnedPadding", attributes: { category: "component", type: "list-bar", item: "pinned", subitem: "padding", }, path: ["component", "list-bar", "pinned", "padding"], }, top: { value: "3.75rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.component.list-bar.top.value}" }, name: "ComponentListBarPinnedTop", attributes: { category: "component", type: "list-bar", item: "pinned", subitem: "top", }, path: ["component", "list-bar", "pinned", "top"], }, height: { value: "0.625rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.component.list-bar.height.value}" }, name: "ComponentListBarPinnedHeight", attributes: { category: "component", type: "list-bar", item: "pinned", subitem: "height", }, path: ["component", "list-bar", "pinned", "height"], }, }, content: { padding: { value: "0.5rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentListBarContentPadding", attributes: { category: "component", type: "list-bar", item: "content", subitem: "padding", }, path: ["component", "list-bar", "content", "padding"], }, margin: { value: "0.5rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentListBarContentMargin", attributes: { category: "component", type: "list-bar", item: "content", subitem: "margin", }, path: ["component", "list-bar", "content", "margin"], }, height: { value: "2rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.component.list-bar.content-header-height.value}", }, name: "ComponentListBarContentHeight", attributes: { category: "component", type: "list-bar", item: "content", subitem: "height", }, path: ["component", "list-bar", "content", "height"], }, }, controls: { padding: { value: "1rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentListBarControlsPadding", attributes: { category: "component", type: "list-bar", item: "controls", subitem: "padding", }, path: ["component", "list-bar", "controls", "padding"], }, margin: { value: "0.5rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentListBarControlsMargin", attributes: { category: "component", type: "list-bar", item: "controls", subitem: "margin", }, path: ["component", "list-bar", "controls", "margin"], }, height: { value: "2rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.lg.value}" }, name: "ComponentListBarControlsHeight", attributes: { category: "component", type: "list-bar", item: "controls", subitem: "height", }, path: ["component", "list-bar", "controls", "height"], }, }, "advanced-search": { padding: { value: "0.25rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentListBarAdvancedSearchPadding", attributes: { category: "component", type: "list-bar", item: "advanced-search", subitem: "padding", }, path: ["component", "list-bar", "advanced-search", "padding"], }, margin: { value: "0.25rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentListBarAdvancedSearchMargin", attributes: { category: "component", type: "list-bar", item: "advanced-search", subitem: "margin", }, path: ["component", "list-bar", "advanced-search", "margin"], }, "font-size": { value: "0.75rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "ComponentListBarAdvancedSearchFontSize", attributes: { category: "component", type: "list-bar", item: "advanced-search", subitem: "font-size", }, path: ["component", "list-bar", "advanced-search", "font-size"], }, "font-weight": { value: 600, filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentListBarAdvancedSearchFontWeight", attributes: { category: "component", type: "list-bar", item: "advanced-search", subitem: "font-weight", }, path: ["component", "list-bar", "advanced-search", "font-weight"], }, "line-height": { value: "1.5rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.type.title-xl.line.value}" }, name: "ComponentListBarAdvancedSearchLineHeight", attributes: { category: "component", type: "list-bar", item: "advanced-search", subitem: "line-height", }, path: ["component", "list-bar", "advanced-search", "line-height"], }, "title-padding": { value: "0.5rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentListBarAdvancedSearchTitlePadding", attributes: { category: "component", type: "list-bar", item: "advanced-search", subitem: "title-padding", }, path: ["component", "list-bar", "advanced-search", "title-padding"], }, "icon-font-size": { value: "0.875rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentListBarAdvancedSearchIconFontSize", attributes: { category: "component", type: "list-bar", item: "advanced-search", subitem: "icon-font-size", }, path: [ "component", "list-bar", "advanced-search", "icon-font-size", ], }, }, "search-form": { margin: { value: "0.25rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentListBarSearchFormMargin", attributes: { category: "component", type: "list-bar", item: "search-form", subitem: "margin", }, path: ["component", "list-bar", "search-form", "margin"], }, "max-width": { value: "25rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.component.list-bar.search-form-max-width.value}", }, name: "ComponentListBarSearchFormMaxWidth", attributes: { category: "component", type: "list-bar", item: "search-form", subitem: "max-width", }, path: ["component", "list-bar", "search-form", "max-width"], }, }, "search-button": { "background-color": { value: "#e9e9eaff", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{color.grey.light}" }, name: "ComponentListBarSearchButtonBackgroundColor", attributes: { category: "component", type: "list-bar", item: "search-button", subitem: "background-color", }, path: [ "component", "list-bar", "search-button", "background-color", ], }, "border-color": { value: "#717779ff", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{color.grey.medium}" }, name: "ComponentListBarSearchButtonBorderColor", attributes: { category: "component", type: "list-bar", item: "search-button", subitem: "border-color", }, path: ["component", "list-bar", "search-button", "border-color"], }, "hover-background-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{color.grey.medium-light}" }, name: "ComponentListBarSearchButtonHoverBackgroundColor", attributes: { category: "component", type: "list-bar", item: "search-button", subitem: "hover-background-color", }, path: [ "component", "list-bar", "search-button", "hover-background-color", ], }, height: { value: "1.875rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.component.list-bar.search-button-height.value}", }, name: "ComponentListBarSearchButtonHeight", attributes: { category: "component", type: "list-bar", item: "search-button", subitem: "height", }, path: ["component", "list-bar", "search-button", "height"], }, }, "sort-by": { color: { value: "#4b5356ff", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{color.grey.medium-dark}" }, name: "ComponentListBarSortByColor", attributes: { category: "component", type: "list-bar", item: "sort-by", subitem: "color", }, path: ["component", "list-bar", "sort-by", "color"], }, padding: { value: "0.25rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentListBarSortByPadding", attributes: { category: "component", type: "list-bar", item: "sort-by", subitem: "padding", }, path: ["component", "list-bar", "sort-by", "padding"], }, }, "search-field": { "select-height": { value: "2rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.spacing.lg.value}" }, name: "ComponentListBarSearchFieldSelectHeight", attributes: { category: "component", type: "list-bar", item: "search-field", subitem: "select-height", }, path: ["component", "list-bar", "search-field", "select-height"], }, "select-line-height": { value: "2rem", filePath: "src/tokens/component/list-bar.json", isSource: true, original: { value: "{size.component.list-bar.search-field-select-line-height.value}", }, name: "ComponentListBarSearchFieldSelectLineHeight", attributes: { category: "component", type: "list-bar", item: "search-field", subitem: "select-line-height", }, path: [ "component", "list-bar", "search-field", "select-line-height", ], }, }, }, matrix: { border: { radius: { value: "0.125rem", filePath: "src/tokens/component/matrix.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentMatrixBorderRadius", attributes: { category: "component", type: "matrix", item: "border", subitem: "radius", }, path: ["component", "matrix", "border", "radius"], }, style: { value: "solid", filePath: "src/tokens/component/matrix.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentMatrixBorderStyle", attributes: { category: "component", type: "matrix", item: "border", subitem: "style", }, path: ["component", "matrix", "border", "style"], }, width: { value: "0.0625rem", filePath: "src/tokens/component/matrix.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentMatrixBorderWidth", attributes: { category: "component", type: "matrix", item: "border", subitem: "width", }, path: ["component", "matrix", "border", "width"], }, }, color: { background: { value: "#f3f4f4ff", filePath: "src/tokens/component/matrix.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentMatrixColorBackground", attributes: { category: "component", type: "matrix", item: "color", subitem: "background", }, path: ["component", "matrix", "color", "background"], }, border: { value: "#d2d4d4ff", filePath: "src/tokens/component/matrix.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentMatrixColorBorder", attributes: { category: "component", type: "matrix", item: "color", subitem: "border", }, path: ["component", "matrix", "color", "border"], }, }, font: { size: { value: "0.875rem", filePath: "src/tokens/component/matrix.json", isSource: true, original: { value: "{size.type.title-xs.font.value}" }, name: "ComponentMatrixFontSize", attributes: { category: "component", type: "matrix", item: "font", subitem: "size", }, path: ["component", "matrix", "font", "size"], }, }, "line-height": { value: "1.25rem", filePath: "src/tokens/component/matrix.json", isSource: true, original: { value: "{size.type.title-lg.line.value}" }, name: "ComponentMatrixLineHeight", attributes: { category: "component", type: "matrix", item: "line-height", }, path: ["component", "matrix", "line-height"], }, padding: { value: "0.5rem", filePath: "src/tokens/component/matrix.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentMatrixPadding", attributes: { category: "component", type: "matrix", item: "padding", }, path: ["component", "matrix", "padding"], }, }, modal: { "background-color": { value: "#ffffffff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentModalBackgroundColor", attributes: { category: "component", type: "modal", item: "background-color", }, path: ["component", "modal", "background-color"], }, "border-style": { value: "solid", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentModalBorderStyle", attributes: { category: "component", type: "modal", item: "border-style", }, path: ["component", "modal", "border-style"], }, "border-radius": { value: "0.25rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentModalBorderRadius", attributes: { category: "component", type: "modal", item: "border-radius", }, path: ["component", "modal", "border-radius"], }, "border-width": { value: "0.0625rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.border.width.standard}" }, name: "ComponentModalBorderWidth", attributes: { category: "component", type: "modal", item: "border-width", }, path: ["component", "modal", "border-width"], }, underlay: { background: { value: "#f3f4f4cc", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.grey.extra-light-80.value}" }, name: "ComponentModalUnderlayBackground", attributes: { category: "component", type: "modal", item: "underlay", subitem: "background", }, path: ["component", "modal", "underlay", "background"], }, padding: { value: "4rem 1rem 1rem 1rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.spacing.xl.value} {size.spacing.md.value} {size.spacing.md.value} {size.spacing.md.value}", }, name: "ComponentModalUnderlayPadding", attributes: { category: "component", type: "modal", item: "underlay", subitem: "padding", }, path: ["component", "modal", "underlay", "padding"], }, }, title: { color: { value: "#ffffffff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentModalTitleColor", attributes: { category: "component", type: "modal", item: "title", subitem: "color", }, path: ["component", "modal", "title", "color"], }, padding: { value: "1rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentModalTitlePadding", attributes: { category: "component", type: "modal", item: "title", subitem: "padding", }, path: ["component", "modal", "title", "padding"], }, content: { "font-size": { value: "0.875rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentModalTitleContentFontSize", attributes: { category: "component", type: "modal", item: "title", subitem: "content", state: "font-size", }, path: ["component", "modal", "title", "content", "font-size"], }, "line-height": { value: "1.25rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentModalTitleContentLineHeight", attributes: { category: "component", type: "modal", item: "title", subitem: "content", state: "line-height", }, path: ["component", "modal", "title", "content", "line-height"], }, "font-weight": { value: 600, filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentModalTitleContentFontWeight", attributes: { category: "component", type: "modal", item: "title", subitem: "content", state: "font-weight", }, path: ["component", "modal", "title", "content", "font-weight"], }, "padding-left": { value: "0.5rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentModalTitleContentPaddingLeft", attributes: { category: "component", type: "modal", item: "title", subitem: "content", state: "padding-left", }, path: ["component", "modal", "title", "content", "padding-left"], }, }, }, body: { padding: { value: "1rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentModalBodyPadding", attributes: { category: "component", type: "modal", item: "body", subitem: "padding", }, path: ["component", "modal", "body", "padding"], }, }, footer: { "background-color": { value: "#f3f4f4ff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentModalFooterBackgroundColor", attributes: { category: "component", type: "modal", item: "footer", subitem: "background-color", }, path: ["component", "modal", "footer", "background-color"], }, padding: { value: "0.5rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentModalFooterPadding", attributes: { category: "component", type: "modal", item: "footer", subitem: "padding", }, path: ["component", "modal", "footer", "padding"], }, }, closeButton: { "background-color": { value: "#00000000", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.transparent.value}" }, name: "ComponentModalCloseButtonBackgroundColor", attributes: { category: "component", type: "modal", item: "closeButton", subitem: "background-color", }, path: ["component", "modal", "closeButton", "background-color"], }, color: { value: "#ffffffff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentModalCloseButtonColor", attributes: { category: "component", type: "modal", item: "closeButton", subitem: "color", }, path: ["component", "modal", "closeButton", "color"], }, icon: { paddingLeftRight: { value: "0.25rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentModalCloseButtonIconPaddingLeftRight", attributes: { category: "component", type: "modal", item: "closeButton", subitem: "icon", state: "paddingLeftRight", }, path: [ "component", "modal", "closeButton", "icon", "paddingLeftRight", ], }, }, }, iconBox: { fontSize: { value: "0.875rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentModalIconBoxFontSize", attributes: { category: "component", type: "modal", item: "iconBox", subitem: "fontSize", }, path: ["component", "modal", "iconBox", "fontSize"], }, lineHeight: { value: "0.875rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentModalIconBoxLineHeight", attributes: { category: "component", type: "modal", item: "iconBox", subitem: "lineHeight", }, path: ["component", "modal", "iconBox", "lineHeight"], }, margin: { right: { value: "0.5rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentModalIconBoxMarginRight", attributes: { category: "component", type: "modal", item: "iconBox", subitem: "margin", state: "right", }, path: ["component", "modal", "iconBox", "margin", "right"], }, }, }, kind: { form: { color: { value: "#4b5356ff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentModalKindFormColor", attributes: { category: "component", type: "modal", item: "kind", subitem: "form", state: "color", }, path: ["component", "modal", "kind", "form", "color"], }, }, delete: { color: { value: "#de002eff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentModalKindDeleteColor", attributes: { category: "component", type: "modal", item: "kind", subitem: "delete", state: "color", }, path: ["component", "modal", "kind", "delete", "color"], }, }, failure: { color: { value: "#de002eff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentModalKindFailureColor", attributes: { category: "component", type: "modal", item: "kind", subitem: "failure", state: "color", }, path: ["component", "modal", "kind", "failure", "color"], }, }, informational: { color: { value: "#007db8ff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentModalKindInformationalColor", attributes: { category: "component", type: "modal", item: "kind", subitem: "informational", state: "color", }, path: ["component", "modal", "kind", "informational", "color"], }, }, success: { color: { value: "#0b8940ff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentModalKindSuccessColor", attributes: { category: "component", type: "modal", item: "kind", subitem: "success", state: "color", }, path: ["component", "modal", "kind", "success", "color"], }, }, warning: { color: { value: "#e7760bff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentModalKindWarningColor", attributes: { category: "component", type: "modal", item: "kind", subitem: "warning", state: "color", }, path: ["component", "modal", "kind", "warning", "color"], }, }, successWithFailures: { color: { value: "#e7760bff", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentModalKindSuccessWithFailuresColor", attributes: { category: "component", type: "modal", item: "kind", subitem: "successWithFailures", state: "color", }, path: [ "component", "modal", "kind", "successWithFailures", "color", ], }, }, }, size: { sm: { width: { value: "23.75rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.component.modal.sizes.sm.value}" }, name: "ComponentModalSizeSmWidth", attributes: { category: "component", type: "modal", item: "size", subitem: "sm", state: "width", }, path: ["component", "modal", "size", "sm", "width"], }, }, md: { width: { value: "36.25rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.component.modal.sizes.md.value}" }, name: "ComponentModalSizeMdWidth", attributes: { category: "component", type: "modal", item: "size", subitem: "md", state: "width", }, path: ["component", "modal", "size", "md", "width"], }, }, lg: { width: { value: "48.75rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.component.modal.sizes.lg.value}" }, name: "ComponentModalSizeLgWidth", attributes: { category: "component", type: "modal", item: "size", subitem: "lg", state: "width", }, path: ["component", "modal", "size", "lg", "width"], }, }, xl: { width: { value: "73.75rem", filePath: "src/tokens/component/modal.json", isSource: true, original: { value: "{size.component.modal.sizes.xl.value}" }, name: "ComponentModalSizeXlWidth", attributes: { category: "component", type: "modal", item: "size", subitem: "xl", state: "width", }, path: ["component", "modal", "size", "xl", "width"], }, }, }, }, "page-subtitle": { text: { color: { value: "#4b5356ff", filePath: "src/tokens/component/page-subtitle.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentPageSubtitleTextColor", attributes: { category: "component", type: "page-subtitle", item: "text", subitem: "color", }, path: ["component", "page-subtitle", "text", "color"], }, "font-size": { value: "1.125rem", filePath: "src/tokens/component/page-subtitle.json", isSource: true, original: { value: "{size.type.title-md.font.value}" }, name: "ComponentPageSubtitleTextFontSize", attributes: { category: "component", type: "page-subtitle", item: "text", subitem: "font-size", }, path: ["component", "page-subtitle", "text", "font-size"], }, "line-height": { value: "1.125rem", filePath: "src/tokens/component/page-subtitle.json", isSource: true, original: { value: "{size.type.title-md.line.value}" }, name: "ComponentPageSubtitleTextLineHeight", attributes: { category: "component", type: "page-subtitle", item: "text", subitem: "line-height", }, path: ["component", "page-subtitle", "text", "line-height"], }, "margin-top": { value: "0.25rem", filePath: "src/tokens/component/page-subtitle.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentPageSubtitleTextMarginTop", attributes: { category: "component", type: "page-subtitle", item: "text", subitem: "margin-top", }, path: ["component", "page-subtitle", "text", "margin-top"], }, }, icon: { "font-size": { value: "0.75rem", filePath: "src/tokens/component/page-subtitle.json", isSource: true, original: { value: "{size.type.component-sm.font.value}" }, name: "ComponentPageSubtitleIconFontSize", attributes: { category: "component", type: "page-subtitle", item: "icon", subitem: "font-size", }, path: ["component", "page-subtitle", "icon", "font-size"], }, "line-height": { value: "1.125rem", filePath: "src/tokens/component/page-subtitle.json", isSource: true, original: { value: "{size.type.title-md.line.value}" }, name: "ComponentPageSubtitleIconLineHeight", attributes: { category: "component", type: "page-subtitle", item: "icon", subitem: "line-height", }, path: ["component", "page-subtitle", "icon", "line-height"], }, "margin-left": { value: "0.25rem", filePath: "src/tokens/component/page-subtitle.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentPageSubtitleIconMarginLeft", attributes: { category: "component", type: "page-subtitle", item: "icon", subitem: "margin-left", }, path: ["component", "page-subtitle", "icon", "margin-left"], }, "margin-right": { value: "0.25rem", filePath: "src/tokens/component/page-subtitle.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentPageSubtitleIconMarginRight", attributes: { category: "component", type: "page-subtitle", item: "icon", subitem: "margin-right", }, path: ["component", "page-subtitle", "icon", "margin-right"], }, "margin-top": { value: "0.25rem", filePath: "src/tokens/component/page-subtitle.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentPageSubtitleIconMarginTop", attributes: { category: "component", type: "page-subtitle", item: "icon", subitem: "margin-top", }, path: ["component", "page-subtitle", "icon", "margin-top"], }, }, }, "page-title": { text: { color: { value: "#1f282cff", filePath: "src/tokens/component/page-title.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentPageTitleTextColor", attributes: { category: "component", type: "page-title", item: "text", subitem: "color", }, path: ["component", "page-title", "text", "color"], }, "font-size": { value: "1.5rem", filePath: "src/tokens/component/page-title.json", isSource: true, original: { value: "{size.type.title-xl.font.value}" }, name: "ComponentPageTitleTextFontSize", attributes: { category: "component", type: "page-title", item: "text", subitem: "font-size", }, path: ["component", "page-title", "text", "font-size"], }, "line-height": { value: "1.5rem", filePath: "src/tokens/component/page-title.json", isSource: true, original: { value: "{size.type.title-xl.line.value}" }, name: "ComponentPageTitleTextLineHeight", attributes: { category: "component", type: "page-title", item: "text", subitem: "line-height", }, path: ["component", "page-title", "text", "line-height"], }, }, icon: { "font-size": { value: "1.125rem", filePath: "src/tokens/component/page-title.json", isSource: true, original: { value: "{size.type.title-md.font.value}" }, name: "ComponentPageTitleIconFontSize", attributes: { category: "component", type: "page-title", item: "icon", subitem: "font-size", }, path: ["component", "page-title", "icon", "font-size"], }, "line-height": { value: "1.5rem", filePath: "src/tokens/component/page-title.json", isSource: true, original: { value: "{size.type.title-xl.line.value}" }, name: "ComponentPageTitleIconLineHeight", attributes: { category: "component", type: "page-title", item: "icon", subitem: "line-height", }, path: ["component", "page-title", "icon", "line-height"], }, "margin-right": { value: "0.25rem", filePath: "src/tokens/component/page-title.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentPageTitleIconMarginRight", attributes: { category: "component", type: "page-title", item: "icon", subitem: "margin-right", }, path: ["component", "page-title", "icon", "margin-right"], }, "margin-top": { value: "0.1875rem", filePath: "src/tokens/component/page-title.json", isSource: true, original: { value: "{size.component.page-title.icon-margin-top}" }, name: "ComponentPageTitleIconMarginTop", attributes: { category: "component", type: "page-title", item: "icon", subitem: "margin-top", }, path: ["component", "page-title", "icon", "margin-top"], }, }, }, photo: { "display-mode": { fill: {}, fit: {} }, placeholder: { background: { value: "#f3f4f4ff", filePath: "src/tokens/component/photo.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentPhotoPlaceholderBackground", attributes: { category: "component", type: "photo", item: "placeholder", subitem: "background", }, path: ["component", "photo", "placeholder", "background"], }, "box-shadow-color-border": { value: "#d2d4d4ff", filePath: "src/tokens/component/photo.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentPhotoPlaceholderBoxShadowColorBorder", attributes: { category: "component", type: "photo", item: "placeholder", subitem: "box-shadow-color-border", }, path: [ "component", "photo", "placeholder", "box-shadow-color-border", ], }, "box-shadow-color-interior": { value: "#ffffffff", filePath: "src/tokens/component/photo.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentPhotoPlaceholderBoxShadowColorInterior", attributes: { category: "component", type: "photo", item: "placeholder", subitem: "box-shadow-color-interior", }, path: [ "component", "photo", "placeholder", "box-shadow-color-interior", ], }, "box-shadow-value-border": { value: "0.0625rem", filePath: "src/tokens/component/photo.json", isSource: true, original: { value: "{size.border.width.standard}" }, name: "ComponentPhotoPlaceholderBoxShadowValueBorder", attributes: { category: "component", type: "photo", item: "placeholder", subitem: "box-shadow-value-border", }, path: [ "component", "photo", "placeholder", "box-shadow-value-border", ], }, }, icon: { color: { value: "#717779ff", filePath: "src/tokens/component/photo.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentPhotoIconColor", attributes: { category: "component", type: "photo", item: "icon", subitem: "color", }, path: ["component", "photo", "icon", "color"], }, }, }, "photo-carousel": { "grid-gap": { value: "1rem", filePath: "src/tokens/component/photo.json", isSource: true, original: { value: "{size.grid.gutter.value}" }, name: "ComponentPhotoCarouselGridGap", attributes: { category: "component", type: "photo-carousel", item: "grid-gap", }, path: ["component", "photo-carousel", "grid-gap"], }, "margin-bottom": { value: "0.5rem", filePath: "src/tokens/component/photo.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentPhotoCarouselMarginBottom", attributes: { category: "component", type: "photo-carousel", item: "margin-bottom", }, path: ["component", "photo-carousel", "margin-bottom"], }, border: { value: "0", filePath: "src/tokens/component/photo.json", isSource: true, original: { value: "{size.border.width.none.value}" }, name: "ComponentPhotoCarouselBorder", attributes: { category: "component", type: "photo-carousel", item: "border", }, path: ["component", "photo-carousel", "border"], }, }, "product-bar-vertical": { "background-color": { value: "#ffffffff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentProductBarVerticalBackgroundColor", attributes: { category: "component", type: "product-bar-vertical", item: "background-color", }, path: ["component", "product-bar-vertical", "background-color"], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentProductBarVerticalBorderColor", attributes: { category: "component", type: "product-bar-vertical", item: "border-color", }, path: ["component", "product-bar-vertical", "border-color"], }, "border-style": { value: "solid", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentProductBarVerticalBorderStyle", attributes: { category: "component", type: "product-bar-vertical", item: "border-style", }, path: ["component", "product-bar-vertical", "border-style"], }, "border-width": { value: "0.0625rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentProductBarVerticalBorderWidth", attributes: { category: "component", type: "product-bar-vertical", item: "border-width", }, path: ["component", "product-bar-vertical", "border-width"], }, "border-radius": { value: "0.125rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentProductBarVerticalBorderRadius", attributes: { category: "component", type: "product-bar-vertical", item: "border-radius", }, path: ["component", "product-bar-vertical", "border-radius"], }, logo: { size: { value: "1.5rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.component.product-bar-vertical.logo-size.value}", }, name: "ComponentProductBarVerticalLogoSize", attributes: { category: "component", type: "product-bar-vertical", item: "logo", subitem: "size", }, path: ["component", "product-bar-vertical", "logo", "size"], }, "margin-right": { value: "0.5rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentProductBarVerticalLogoMarginRight", attributes: { category: "component", type: "product-bar-vertical", item: "logo", subitem: "margin-right", }, path: ["component", "product-bar-vertical", "logo", "margin-right"], }, }, name: { color: { value: "#1f282cff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentProductBarVerticalNameColor", attributes: { category: "component", type: "product-bar-vertical", item: "name", subitem: "color", }, path: ["component", "product-bar-vertical", "name", "color"], }, "font-size": { value: "1rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.type.title-sm.font.value}" }, name: "ComponentProductBarVerticalNameFontSize", attributes: { category: "component", type: "product-bar-vertical", item: "name", subitem: "font-size", }, path: ["component", "product-bar-vertical", "name", "font-size"], }, "font-weight": { value: 600, filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentProductBarVerticalNameFontWeight", attributes: { category: "component", type: "product-bar-vertical", item: "name", subitem: "font-weight", }, path: ["component", "product-bar-vertical", "name", "font-weight"], }, }, header: { "background-color": { value: "#ffffffff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentProductBarVerticalHeaderBackgroundColor", attributes: { category: "component", type: "product-bar-vertical", item: "header", subitem: "background-color", }, path: [ "component", "product-bar-vertical", "header", "background-color", ], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentProductBarVerticalHeaderBorderColor", attributes: { category: "component", type: "product-bar-vertical", item: "header", subitem: "border-color", }, path: [ "component", "product-bar-vertical", "header", "border-color", ], }, "border-style": { value: "solid", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentProductBarVerticalHeaderBorderStyle", attributes: { category: "component", type: "product-bar-vertical", item: "header", subitem: "border-style", }, path: [ "component", "product-bar-vertical", "header", "border-style", ], }, "border-width": { value: "0.0625rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentProductBarVerticalHeaderBorderWidth", attributes: { category: "component", type: "product-bar-vertical", item: "header", subitem: "border-width", }, path: [ "component", "product-bar-vertical", "header", "border-width", ], }, padding: { value: "0.5rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentProductBarVerticalHeaderPadding", attributes: { category: "component", type: "product-bar-vertical", item: "header", subitem: "padding", }, path: ["component", "product-bar-vertical", "header", "padding"], }, }, section: { "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentProductBarVerticalSectionBorderColor", attributes: { category: "component", type: "product-bar-vertical", item: "section", subitem: "border-color", }, path: [ "component", "product-bar-vertical", "section", "border-color", ], }, "border-style": { value: "solid", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentProductBarVerticalSectionBorderStyle", attributes: { category: "component", type: "product-bar-vertical", item: "section", subitem: "border-style", }, path: [ "component", "product-bar-vertical", "section", "border-style", ], }, "border-width": { value: "0.0625rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentProductBarVerticalSectionBorderWidth", attributes: { category: "component", type: "product-bar-vertical", item: "section", subitem: "border-width", }, path: [ "component", "product-bar-vertical", "section", "border-width", ], }, }, item: { branch: { "font-size": { value: "0.875rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentProductBarVerticalItemBranchFontSize", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "branch", state: "font-size", }, path: [ "component", "product-bar-vertical", "item", "branch", "font-size", ], }, "line-height": { value: "1.25rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentProductBarVerticalItemBranchLineHeight", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "branch", state: "line-height", }, path: [ "component", "product-bar-vertical", "item", "branch", "line-height", ], }, }, leaf: { "selected-background-color": { value: "#007db8ff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentProductBarVerticalItemLeafSelectedBackgroundColor", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "leaf", state: "selected-background-color", }, path: [ "component", "product-bar-vertical", "item", "leaf", "selected-background-color", ], }, "selected-color": { value: "#ffffffff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentProductBarVerticalItemLeafSelectedColor", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "leaf", state: "selected-color", }, path: [ "component", "product-bar-vertical", "item", "leaf", "selected-color", ], }, "expand-icon-size": { value: "0.625rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.component.product-bar-vertical.expand-icon-size.value}", }, name: "ComponentProductBarVerticalItemLeafExpandIconSize", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "leaf", state: "expand-icon-size", }, path: [ "component", "product-bar-vertical", "item", "leaf", "expand-icon-size", ], }, "expand-icon-line-height": { value: "1.25rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentProductBarVerticalItemLeafExpandIconLineHeight", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "leaf", state: "expand-icon-line-height", }, path: [ "component", "product-bar-vertical", "item", "leaf", "expand-icon-line-height", ], }, "expand-icon-margin-right": { value: "0.25rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentProductBarVerticalItemLeafExpandIconMarginRight", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "leaf", state: "expand-icon-margin-right", }, path: [ "component", "product-bar-vertical", "item", "leaf", "expand-icon-margin-right", ], }, "expand-icon-margin-left": { value: "0.875rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.component.product-bar-vertical.expand-icon-margin.value}", }, name: "ComponentProductBarVerticalItemLeafExpandIconMarginLeft", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "leaf", state: "expand-icon-margin-left", }, path: [ "component", "product-bar-vertical", "item", "leaf", "expand-icon-margin-left", ], }, hover: { "background-color": { value: "#f3f4f4ff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentProductBarVerticalItemLeafHoverBackgroundColor", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "leaf", state: "hover", }, path: [ "component", "product-bar-vertical", "item", "leaf", "hover", "background-color", ], }, }, }, link: { color: { value: "#1f282cff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentProductBarVerticalItemLinkColor", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "link", state: "color", }, path: [ "component", "product-bar-vertical", "item", "link", "color", ], }, "font-size": { value: "0.875rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentProductBarVerticalItemLinkFontSize", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "link", state: "font-size", }, path: [ "component", "product-bar-vertical", "item", "link", "font-size", ], }, "line-height": { value: "1.5rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.type.title-xl.line.value}" }, name: "ComponentProductBarVerticalItemLinkLineHeight", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "link", state: "line-height", }, path: [ "component", "product-bar-vertical", "item", "link", "line-height", ], }, "padding-vertical": { value: "0.5rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentProductBarVerticalItemLinkPaddingVertical", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "link", state: "padding-vertical", }, path: [ "component", "product-bar-vertical", "item", "link", "padding-vertical", ], }, "padding-right": { value: "1rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentProductBarVerticalItemLinkPaddingRight", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "link", state: "padding-right", }, path: [ "component", "product-bar-vertical", "item", "link", "padding-right", ], }, "padding-left": { value: "1rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentProductBarVerticalItemLinkPaddingLeft", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "link", state: "padding-left", }, path: [ "component", "product-bar-vertical", "item", "link", "padding-left", ], }, "min-height": { value: "2.5rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.component.product-bar-vertical.link-min-height.value}", }, name: "ComponentProductBarVerticalItemLinkMinHeight", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "link", state: "min-height", }, path: [ "component", "product-bar-vertical", "item", "link", "min-height", ], }, }, nesting: { "padding-first-level": { value: "2.125rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.component.product-bar-vertical.nested-first-level.value}", }, name: "ComponentProductBarVerticalItemNestingPaddingFirstLevel", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "nesting", state: "padding-first-level", }, path: [ "component", "product-bar-vertical", "item", "nesting", "padding-first-level", ], }, "padding-second-level": { value: "3rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.component.product-bar-vertical.nested-second-level.value}", }, name: "ComponentProductBarVerticalItemNestingPaddingSecondLevel", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "nesting", state: "padding-second-level", }, path: [ "component", "product-bar-vertical", "item", "nesting", "padding-second-level", ], }, "padding-third-level": { value: "3.875rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.component.product-bar-vertical.nested-third-level.value}", }, name: "ComponentProductBarVerticalItemNestingPaddingThirdLevel", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "nesting", state: "padding-third-level", }, path: [ "component", "product-bar-vertical", "item", "nesting", "padding-third-level", ], }, "padding-fourth-level": { value: "4.75rem", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{size.component.product-bar-vertical.nested-fourth-level.value}", }, name: "ComponentProductBarVerticalItemNestingPaddingFourthLevel", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "nesting", state: "padding-fourth-level", }, path: [ "component", "product-bar-vertical", "item", "nesting", "padding-fourth-level", ], }, }, tag: { active: { "background-color": { value: "#ffffffff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentProductBarVerticalItemTagActiveBackgroundColor", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "tag", state: "active", }, path: [ "component", "product-bar-vertical", "item", "tag", "active", "background-color", ], }, color: { value: "#4b5356ff", filePath: "src/tokens/component/product-bar-vertical.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentProductBarVerticalItemTagActiveColor", attributes: { category: "component", type: "product-bar-vertical", item: "item", subitem: "tag", state: "active", }, path: [ "component", "product-bar-vertical", "item", "tag", "active", "color", ], }, }, }, }, }, "product-bar": { "background-color": { value: "#ffffffff", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentProductBarBackgroundColor", attributes: { category: "component", type: "product-bar", item: "background-color", }, path: ["component", "product-bar", "background-color"], }, bar: { "min-height": { value: "3.75rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.component.product-bar.min-height.value}", }, name: "ComponentProductBarBarMinHeight", attributes: { category: "component", type: "product-bar", item: "bar", subitem: "min-height", }, path: ["component", "product-bar", "bar", "min-height"], }, padding: { value: "2rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.spacing.lg.value}" }, name: "ComponentProductBarBarPadding", attributes: { category: "component", type: "product-bar", item: "bar", subitem: "padding", }, path: ["component", "product-bar", "bar", "padding"], }, width: { value: "1280px", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.component.product-bar.width.value}" }, name: "ComponentProductBarBarWidth", attributes: { category: "component", type: "product-bar", item: "bar", subitem: "width", }, path: ["component", "product-bar", "bar", "width"], }, }, brand: { "margin-right": { value: "2rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.spacing.lg.value}" }, name: "ComponentProductBarBrandMarginRight", attributes: { category: "component", type: "product-bar", item: "brand", subitem: "margin-right", }, path: ["component", "product-bar", "brand", "margin-right"], }, }, logo: { size: { value: "1.5rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.component.product-bar.logo-size.value}" }, name: "ComponentProductBarLogoSize", attributes: { category: "component", type: "product-bar", item: "logo", subitem: "size", }, path: ["component", "product-bar", "logo", "size"], }, "margin-right": { value: "0.5rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentProductBarLogoMarginRight", attributes: { category: "component", type: "product-bar", item: "logo", subitem: "margin-right", }, path: ["component", "product-bar", "logo", "margin-right"], }, }, name: { color: { value: "#1f282cff", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentProductBarNameColor", attributes: { category: "component", type: "product-bar", item: "name", subitem: "color", }, path: ["component", "product-bar", "name", "color"], }, "font-size": { value: "1rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.type.title-sm.font.value}" }, name: "ComponentProductBarNameFontSize", attributes: { category: "component", type: "product-bar", item: "name", subitem: "font-size", }, path: ["component", "product-bar", "name", "font-size"], }, "font-weight": { value: 600, filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentProductBarNameFontWeight", attributes: { category: "component", type: "product-bar", item: "name", subitem: "font-weight", }, path: ["component", "product-bar", "name", "font-weight"], }, }, nav: { "border-width": { value: "0.125rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.component.product-bar.nav-underline.value}", }, name: "ComponentProductBarNavBorderWidth", attributes: { category: "component", type: "product-bar", item: "nav", subitem: "border-width", }, path: ["component", "product-bar", "nav", "border-width"], }, "border-style": { value: "solid", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentProductBarNavBorderStyle", attributes: { category: "component", type: "product-bar", item: "nav", subitem: "border-style", }, path: ["component", "product-bar", "nav", "border-style"], }, color: { value: "#4b5356ff", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentProductBarNavColor", attributes: { category: "component", type: "product-bar", item: "nav", subitem: "color", }, path: ["component", "product-bar", "nav", "color"], }, "font-size": { value: "0.875rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentProductBarNavFontSize", attributes: { category: "component", type: "product-bar", item: "nav", subitem: "font-size", }, path: ["component", "product-bar", "nav", "font-size"], }, height: { value: "3.625rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.component.product-bar.nav-height.value}", }, name: "ComponentProductBarNavHeight", attributes: { category: "component", type: "product-bar", item: "nav", subitem: "height", }, path: ["component", "product-bar", "nav", "height"], }, "margin-top": { value: "0.125rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentProductBarNavMarginTop", attributes: { category: "component", type: "product-bar", item: "nav", subitem: "margin-top", }, path: ["component", "product-bar", "nav", "margin-top"], }, padding: { value: "1rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentProductBarNavPadding", attributes: { category: "component", type: "product-bar", item: "nav", subitem: "padding", }, path: ["component", "product-bar", "nav", "padding"], }, "active-border-color": { value: "#007db8ff", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentProductBarNavActiveBorderColor", attributes: { category: "component", type: "product-bar", item: "nav", subitem: "active-border-color", }, path: ["component", "product-bar", "nav", "active-border-color"], }, "disabled-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentProductBarNavDisabledColor", attributes: { category: "component", type: "product-bar", item: "nav", subitem: "disabled-color", }, path: ["component", "product-bar", "nav", "disabled-color"], }, }, "vertical-rule": { height: { value: "2.125rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.component.product-bar.vertical-rule-height.value}", }, name: "ComponentProductBarVerticalRuleHeight", attributes: { category: "component", type: "product-bar", item: "vertical-rule", subitem: "height", }, path: ["component", "product-bar", "vertical-rule", "height"], }, "margin-right": { value: "1rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentProductBarVerticalRuleMarginRight", attributes: { category: "component", type: "product-bar", item: "vertical-rule", subitem: "margin-right", }, path: ["component", "product-bar", "vertical-rule", "margin-right"], }, background: { value: "#d2d4d4ff", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentProductBarVerticalRuleBackground", attributes: { category: "component", type: "product-bar", item: "vertical-rule", subitem: "background", }, path: ["component", "product-bar", "vertical-rule", "background"], }, width: { value: "0.0625rem", filePath: "src/tokens/component/product-bar.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentProductBarVerticalRuleWidth", attributes: { category: "component", type: "product-bar", item: "vertical-rule", subitem: "width", }, path: ["component", "product-bar", "vertical-rule", "width"], }, }, }, "progress-bar": { "progress-color": { purple: { color: { value: "#91467fff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentProgressBarProgressColorPurpleColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "purple", state: "color", }, path: [ "component", "progress-bar", "progress-color", "purple", "color", ], }, "hover-color": { value: "#6e3c65ff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.purple.dark.value}" }, name: "ComponentProgressBarProgressColorPurpleHoverColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "purple", state: "hover-color", }, path: [ "component", "progress-bar", "progress-color", "purple", "hover-color", ], }, }, blue: { color: { value: "#007db8ff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentProgressBarProgressColorBlueColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "blue", state: "color", }, path: [ "component", "progress-bar", "progress-color", "blue", "color", ], }, "hover-color": { value: "#09638dff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentProgressBarProgressColorBlueHoverColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "blue", state: "hover-color", }, path: [ "component", "progress-bar", "progress-color", "blue", "hover-color", ], }, }, red: { color: { value: "#de002eff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentProgressBarProgressColorRedColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "red", state: "color", }, path: [ "component", "progress-bar", "progress-color", "red", "color", ], }, "hover-color": { value: "#a30d2dff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.red.dark.value}" }, name: "ComponentProgressBarProgressColorRedHoverColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "red", state: "hover-color", }, path: [ "component", "progress-bar", "progress-color", "red", "hover-color", ], }, }, orange: { color: { value: "#e7760bff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentProgressBarProgressColorOrangeColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "orange", state: "color", }, path: [ "component", "progress-bar", "progress-color", "orange", "color", ], }, "hover-color": { value: "#aa5e14ff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.orange.dark.value}" }, name: "ComponentProgressBarProgressColorOrangeHoverColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "orange", state: "hover-color", }, path: [ "component", "progress-bar", "progress-color", "orange", "hover-color", ], }, }, grey: { color: { value: "#717779ff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentProgressBarProgressColorGreyColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "grey", state: "color", }, path: [ "component", "progress-bar", "progress-color", "grey", "color", ], }, "hover-color": { value: "#1f282cff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentProgressBarProgressColorGreyHoverColor", attributes: { category: "component", type: "progress-bar", item: "progress-color", subitem: "grey", state: "hover-color", }, path: [ "component", "progress-bar", "progress-color", "grey", "hover-color", ], }, }, }, "close-button": { "margin-left": { value: "0.5rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentProgressBarCloseButtonMarginLeft", attributes: { category: "component", type: "progress-bar", item: "close-button", subitem: "margin-left", }, path: ["component", "progress-bar", "close-button", "margin-left"], }, "margin-top": { value: "0.375rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.component.progress-bar.close-button-margin.value}", }, name: "ComponentProgressBarCloseButtonMarginTop", attributes: { category: "component", type: "progress-bar", item: "close-button", subitem: "margin-top", }, path: ["component", "progress-bar", "close-button", "margin-top"], }, }, heading: { "font-size": { value: "0.875rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentProgressBarHeadingFontSize", attributes: { category: "component", type: "progress-bar", item: "heading", subitem: "font-size", }, path: ["component", "progress-bar", "heading", "font-size"], }, "line-height": { value: "1.25rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.type.title-lg.line.value}" }, name: "ComponentProgressBarHeadingLineHeight", attributes: { category: "component", type: "progress-bar", item: "heading", subitem: "line-height", }, path: ["component", "progress-bar", "heading", "line-height"], }, "margin-bottom": { value: "0.5rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentProgressBarHeadingMarginBottom", attributes: { category: "component", type: "progress-bar", item: "heading", subitem: "margin-bottom", }, path: ["component", "progress-bar", "heading", "margin-bottom"], }, }, "title-color": { value: "#1f282cff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentProgressBarTitleColor", attributes: { category: "component", type: "progress-bar", item: "title-color", }, path: ["component", "progress-bar", "title-color"], }, percentage: { color: { value: "#91467fff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentProgressBarPercentageColor", attributes: { category: "component", type: "progress-bar", item: "percentage", subitem: "color", }, path: ["component", "progress-bar", "percentage", "color"], }, "font-weight": { value: 600, filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentProgressBarPercentageFontWeight", attributes: { category: "component", type: "progress-bar", item: "percentage", subitem: "font-weight", }, path: ["component", "progress-bar", "percentage", "font-weight"], }, "font-size": { value: "0.875rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.type.body-md.font.value }" }, name: "ComponentProgressBarPercentageFontSize", attributes: { category: "component", type: "progress-bar", item: "percentage", subitem: "font-size", }, path: ["component", "progress-bar", "percentage", "font-size"], }, "line-height": { value: "1.25rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.type.title-lg.line.value}" }, name: "ComponentProgressBarPercentageLineHeight", attributes: { category: "component", type: "progress-bar", item: "percentage", subitem: "line-height", }, path: ["component", "progress-bar", "percentage", "line-height"], }, "completed-color": { value: "#0b8940ff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentProgressBarPercentageCompletedColor", attributes: { category: "component", type: "progress-bar", item: "percentage", subitem: "completed-color", }, path: [ "component", "progress-bar", "percentage", "completed-color", ], }, "disabled-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentProgressBarPercentageDisabledColor", attributes: { category: "component", type: "progress-bar", item: "percentage", subitem: "disabled-color", }, path: ["component", "progress-bar", "percentage", "disabled-color"], }, }, background: { background: { value: "#e9e9eaff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentProgressBarBackgroundBackground", attributes: { category: "component", type: "progress-bar", item: "background", subitem: "background", }, path: ["component", "progress-bar", "background", "background"], }, "border-radius": { value: "0.5rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.component.progress-bar.border-radius.value}", }, name: "ComponentProgressBarBackgroundBorderRadius", attributes: { category: "component", type: "progress-bar", item: "background", subitem: "border-radius", }, path: ["component", "progress-bar", "background", "border-radius"], }, height: { value: "1rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentProgressBarBackgroundHeight", attributes: { category: "component", type: "progress-bar", item: "background", subitem: "height", }, path: ["component", "progress-bar", "background", "height"], }, }, progress: { "background-color": { value: "#91467fff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentProgressBarProgressBackgroundColor", attributes: { category: "component", type: "progress-bar", item: "progress", subitem: "background-color", }, path: ["component", "progress-bar", "progress", "background-color"], }, "border-radius": { value: "0.5rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.component.progress-bar.border-radius.value}", }, name: "ComponentProgressBarProgressBorderRadius", attributes: { category: "component", type: "progress-bar", item: "progress", subitem: "border-radius", }, path: ["component", "progress-bar", "progress", "border-radius"], }, height: { value: "1rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentProgressBarProgressHeight", attributes: { category: "component", type: "progress-bar", item: "progress", subitem: "height", }, path: ["component", "progress-bar", "progress", "height"], }, "completed-background-color": { value: "#0b8940ff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentProgressBarProgressCompletedBackgroundColor", attributes: { category: "component", type: "progress-bar", item: "progress", subitem: "completed-background-color", }, path: [ "component", "progress-bar", "progress", "completed-background-color", ], }, "disabled-background-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentProgressBarProgressDisabledBackgroundColor", attributes: { category: "component", type: "progress-bar", item: "progress", subitem: "disabled-background-color", }, path: [ "component", "progress-bar", "progress", "disabled-background-color", ], }, }, detail: { color: { value: "#4b5356ff", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentProgressBarDetailColor", attributes: { category: "component", type: "progress-bar", item: "detail", subitem: "color", }, path: ["component", "progress-bar", "detail", "color"], }, "font-size": { value: "0.75rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "ComponentProgressBarDetailFontSize", attributes: { category: "component", type: "progress-bar", item: "detail", subitem: "font-size", }, path: ["component", "progress-bar", "detail", "font-size"], }, "line-height": { value: "1.125rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.type.title-md.line.value}" }, name: "ComponentProgressBarDetailLineHeight", attributes: { category: "component", type: "progress-bar", item: "detail", subitem: "line-height", }, path: ["component", "progress-bar", "detail", "line-height"], }, "margin-top": { value: "1rem", filePath: "src/tokens/component/progress-bar.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentProgressBarDetailMarginTop", attributes: { category: "component", type: "progress-bar", item: "detail", subitem: "margin-top", }, path: ["component", "progress-bar", "detail", "margin-top"], }, }, }, "progress-ring": { sm: { value: 14, filePath: "src/tokens/component/progress-ring.json", isSource: true, original: { value: 14 }, name: "ComponentProgressRingSm", attributes: { category: "component", type: "progress-ring", item: "sm", }, path: ["component", "progress-ring", "sm"], }, md: { value: 26, filePath: "src/tokens/component/progress-ring.json", isSource: true, original: { value: 26 }, name: "ComponentProgressRingMd", attributes: { category: "component", type: "progress-ring", item: "md", }, path: ["component", "progress-ring", "md"], }, lg: { value: 38, filePath: "src/tokens/component/progress-ring.json", isSource: true, original: { value: 38 }, name: "ComponentProgressRingLg", attributes: { category: "component", type: "progress-ring", item: "lg", }, path: ["component", "progress-ring", "lg"], }, }, "rich-text-editor": { "background-color": { value: "#ffffffff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentRichTextEditorBackgroundColor", attributes: { category: "component", type: "rich-text-editor", item: "background-color", }, path: ["component", "rich-text-editor", "background-color"], }, border: { color: { value: "#717779ff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentRichTextEditorBorderColor", attributes: { category: "component", type: "rich-text-editor", item: "border", subitem: "color", }, path: ["component", "rich-text-editor", "border", "color"], }, style: { value: "solid", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentRichTextEditorBorderStyle", attributes: { category: "component", type: "rich-text-editor", item: "border", subitem: "style", }, path: ["component", "rich-text-editor", "border", "style"], }, radius: { value: "0.25rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentRichTextEditorBorderRadius", attributes: { category: "component", type: "rich-text-editor", item: "border", subitem: "radius", }, path: ["component", "rich-text-editor", "border", "radius"], }, width: { value: "0.0625rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentRichTextEditorBorderWidth", attributes: { category: "component", type: "rich-text-editor", item: "border", subitem: "width", }, path: ["component", "rich-text-editor", "border", "width"], }, "no-width": { value: "0", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.border.width.none.value}" }, name: "ComponentRichTextEditorBorderNoWidth", attributes: { category: "component", type: "rich-text-editor", item: "border", subitem: "no-width", }, path: ["component", "rich-text-editor", "border", "no-width"], }, }, "font-size": { value: "0.875rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentRichTextEditorFontSize", attributes: { category: "component", type: "rich-text-editor", item: "font-size", }, path: ["component", "rich-text-editor", "font-size"], }, "line-height": { value: "1.25rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentRichTextEditorLineHeight", attributes: { category: "component", type: "rich-text-editor", item: "line-height", }, path: ["component", "rich-text-editor", "line-height"], }, vr: { height: { value: "1.75rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.component.rich-text-editor.vr.height.value}", }, name: "ComponentRichTextEditorVrHeight", attributes: { category: "component", type: "rich-text-editor", item: "vr", subitem: "height", }, path: ["component", "rich-text-editor", "vr", "height"], }, }, "editable-div": { "min-height": { value: "8rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.component.rich-text-editor.editable-div.min-height.value}", }, name: "ComponentRichTextEditorEditableDivMinHeight", attributes: { category: "component", type: "rich-text-editor", item: "editable-div", subitem: "min-height", }, path: [ "component", "rich-text-editor", "editable-div", "min-height", ], }, }, padding: { input: { x: { value: "0.5rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentRichTextEditorPaddingInputX", attributes: { category: "component", type: "rich-text-editor", item: "padding", subitem: "input", state: "x", }, path: ["component", "rich-text-editor", "padding", "input", "x"], }, y: { value: "0.25rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentRichTextEditorPaddingInputY", attributes: { category: "component", type: "rich-text-editor", item: "padding", subitem: "input", state: "y", }, path: ["component", "rich-text-editor", "padding", "input", "y"], }, }, toolbar: { value: "0.25rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentRichTextEditorPaddingToolbar", attributes: { category: "component", type: "rich-text-editor", item: "padding", subitem: "toolbar", }, path: ["component", "rich-text-editor", "padding", "toolbar"], }, }, disabled: { "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentRichTextEditorDisabledBorderColor", attributes: { category: "component", type: "rich-text-editor", item: "disabled", subitem: "border-color", }, path: ["component", "rich-text-editor", "disabled", "border-color"], }, "input-color": { value: "#717779ff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentRichTextEditorDisabledInputColor", attributes: { category: "component", type: "rich-text-editor", item: "disabled", subitem: "input-color", }, path: ["component", "rich-text-editor", "disabled", "input-color"], }, }, }, "rich-text-editor-toolbar-button": { "background-color": { value: "#ffffffff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentRichTextEditorToolbarButtonBackgroundColor", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "background-color", }, path: [ "component", "rich-text-editor-toolbar-button", "background-color", ], }, border: { color: { value: "#ffffffff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentRichTextEditorToolbarButtonBorderColor", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "border", subitem: "color", }, path: [ "component", "rich-text-editor-toolbar-button", "border", "color", ], }, style: { value: "solid", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentRichTextEditorToolbarButtonBorderStyle", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "border", subitem: "style", }, path: [ "component", "rich-text-editor-toolbar-button", "border", "style", ], }, radius: { value: "0.25rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentRichTextEditorToolbarButtonBorderRadius", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "border", subitem: "radius", }, path: [ "component", "rich-text-editor-toolbar-button", "border", "radius", ], }, width: { value: "0.0625rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentRichTextEditorToolbarButtonBorderWidth", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "border", subitem: "width", }, path: [ "component", "rich-text-editor-toolbar-button", "border", "width", ], }, }, padding: { x: { value: "0.5rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentRichTextEditorToolbarButtonPaddingX", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "padding", subitem: "x", }, path: [ "component", "rich-text-editor-toolbar-button", "padding", "x", ], }, y: { value: "0.25rem", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentRichTextEditorToolbarButtonPaddingY", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "padding", subitem: "y", }, path: [ "component", "rich-text-editor-toolbar-button", "padding", "y", ], }, }, hover: { "background-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentRichTextEditorToolbarButtonHoverBackgroundColor", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "hover", subitem: "background-color", }, path: [ "component", "rich-text-editor-toolbar-button", "hover", "background-color", ], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentRichTextEditorToolbarButtonHoverBorderColor", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "hover", subitem: "border-color", }, path: [ "component", "rich-text-editor-toolbar-button", "hover", "border-color", ], }, }, active: { "background-color": { value: "#e6f2f8ff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.blue.light.value}" }, name: "ComponentRichTextEditorToolbarButtonActiveBackgroundColor", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "active", subitem: "background-color", }, path: [ "component", "rich-text-editor-toolbar-button", "active", "background-color", ], }, "border-color": { value: "#007db8ff", filePath: "src/tokens/component/rich-text-editor.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentRichTextEditorToolbarButtonActiveBorderColor", attributes: { category: "component", type: "rich-text-editor-toolbar-button", item: "active", subitem: "border-color", }, path: [ "component", "rich-text-editor-toolbar-button", "active", "border-color", ], }, }, }, "search-results-bar": { "background-color": { value: "#e9e9eaff", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentSearchResultsBarBackgroundColor", attributes: { category: "component", type: "search-results-bar", item: "background-color", }, path: ["component", "search-results-bar", "background-color"], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentSearchResultsBarBorderColor", attributes: { category: "component", type: "search-results-bar", item: "border-color", }, path: ["component", "search-results-bar", "border-color"], }, "border-style": { value: "solid", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentSearchResultsBarBorderStyle", attributes: { category: "component", type: "search-results-bar", item: "border-style", }, path: ["component", "search-results-bar", "border-style"], }, "border-width": { value: "0.0625rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentSearchResultsBarBorderWidth", attributes: { category: "component", type: "search-results-bar", item: "border-width", }, path: ["component", "search-results-bar", "border-width"], }, "border-radius": { value: "0.25rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentSearchResultsBarBorderRadius", attributes: { category: "component", type: "search-results-bar", item: "border-radius", }, path: ["component", "search-results-bar", "border-radius"], }, "min-height": { value: "3.25rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.component.search-results-bar.min-height.value}", }, name: "ComponentSearchResultsBarMinHeight", attributes: { category: "component", type: "search-results-bar", item: "min-height", }, path: ["component", "search-results-bar", "min-height"], }, padding: { value: "0.5rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentSearchResultsBarPadding", attributes: { category: "component", type: "search-results-bar", item: "padding", }, path: ["component", "search-results-bar", "padding"], }, margin: { value: "0.25rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentSearchResultsBarMargin", attributes: { category: "component", type: "search-results-bar", item: "margin", }, path: ["component", "search-results-bar", "margin"], }, "list-bar": { "border-radius-bottom": { value: "0.125rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentSearchResultsBarListBarBorderRadiusBottom", attributes: { category: "component", type: "search-results-bar", item: "list-bar", subitem: "border-radius-bottom", }, path: [ "component", "search-results-bar", "list-bar", "border-radius-bottom", ], }, "border-radius-top": { value: "0", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.border.radius.none.value}" }, name: "ComponentSearchResultsBarListBarBorderRadiusTop", attributes: { category: "component", type: "search-results-bar", item: "list-bar", subitem: "border-radius-top", }, path: [ "component", "search-results-bar", "list-bar", "border-radius-top", ], }, "border-width": { value: "0", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.border.width.none.value}" }, name: "ComponentSearchResultsBarListBarBorderWidth", attributes: { category: "component", type: "search-results-bar", item: "list-bar", subitem: "border-width", }, path: [ "component", "search-results-bar", "list-bar", "border-width", ], }, "border-width-top": { value: "0.0625rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentSearchResultsBarListBarBorderWidthTop", attributes: { category: "component", type: "search-results-bar", item: "list-bar", subitem: "border-width-top", }, path: [ "component", "search-results-bar", "list-bar", "border-width-top", ], }, }, "selection-tag": { "margin-vertical": { value: "0.125rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentSearchResultsBarSelectionTagMarginVertical", attributes: { category: "component", type: "search-results-bar", item: "selection-tag", subitem: "margin-vertical", }, path: [ "component", "search-results-bar", "selection-tag", "margin-vertical", ], }, "margin-right": { value: "0.25rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentSearchResultsBarSelectionTagMarginRight", attributes: { category: "component", type: "search-results-bar", item: "selection-tag", subitem: "margin-right", }, path: [ "component", "search-results-bar", "selection-tag", "margin-right", ], }, }, "clear-button": { width: { value: "5.25rem", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{size.component.search-results-bar.clear-button.value}", }, name: "ComponentSearchResultsBarClearButtonWidth", attributes: { category: "component", type: "search-results-bar", item: "clear-button", subitem: "width", }, path: ["component", "search-results-bar", "clear-button", "width"], }, "hover-background": { value: "#d2d4d4ff", filePath: "src/tokens/component/search-results-bar.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentSearchResultsBarClearButtonHoverBackground", attributes: { category: "component", type: "search-results-bar", item: "clear-button", subitem: "hover-background", }, path: [ "component", "search-results-bar", "clear-button", "hover-background", ], }, }, }, "side-nav": { "background-color": { value: "#ffffffff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentSideNavBackgroundColor", attributes: { category: "component", type: "side-nav", item: "background-color", }, path: ["component", "side-nav", "background-color"], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentSideNavBorderColor", attributes: { category: "component", type: "side-nav", item: "border-color", }, path: ["component", "side-nav", "border-color"], }, "border-style": { value: "solid", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentSideNavBorderStyle", attributes: { category: "component", type: "side-nav", item: "border-style", }, path: ["component", "side-nav", "border-style"], }, "border-width": { value: "0.0625rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentSideNavBorderWidth", attributes: { category: "component", type: "side-nav", item: "border-width", }, path: ["component", "side-nav", "border-width"], }, "border-radius": { value: "0.125rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentSideNavBorderRadius", attributes: { category: "component", type: "side-nav", item: "border-radius", }, path: ["component", "side-nav", "border-radius"], }, header: { "background-color": { value: "#ffffffff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentSideNavHeaderBackgroundColor", attributes: { category: "component", type: "side-nav", item: "header", subitem: "background-color", }, path: ["component", "side-nav", "header", "background-color"], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentSideNavHeaderBorderColor", attributes: { category: "component", type: "side-nav", item: "header", subitem: "border-color", }, path: ["component", "side-nav", "header", "border-color"], }, "border-style": { value: "solid", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentSideNavHeaderBorderStyle", attributes: { category: "component", type: "side-nav", item: "header", subitem: "border-style", }, path: ["component", "side-nav", "header", "border-style"], }, "border-width": { value: "0.0625rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentSideNavHeaderBorderWidth", attributes: { category: "component", type: "side-nav", item: "header", subitem: "border-width", }, path: ["component", "side-nav", "header", "border-width"], }, padding: { value: "0.5rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentSideNavHeaderPadding", attributes: { category: "component", type: "side-nav", item: "header", subitem: "padding", }, path: ["component", "side-nav", "header", "padding"], }, title: { "font-size": { value: "0.75rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "ComponentSideNavHeaderTitleFontSize", attributes: { category: "component", type: "side-nav", item: "header", subitem: "title", state: "font-size", }, path: ["component", "side-nav", "header", "title", "font-size"], }, "line-height": { value: "1.5rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.type.title-xl.line.value}" }, name: "ComponentSideNavHeaderTitleLineHeight", attributes: { category: "component", type: "side-nav", item: "header", subitem: "title", state: "line-height", }, path: ["component", "side-nav", "header", "title", "line-height"], }, "font-weight": { value: 600, filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentSideNavHeaderTitleFontWeight", attributes: { category: "component", type: "side-nav", item: "header", subitem: "title", state: "font-weight", }, path: ["component", "side-nav", "header", "title", "font-weight"], }, "padding-left": { value: "0.5rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentSideNavHeaderTitlePaddingLeft", attributes: { category: "component", type: "side-nav", item: "header", subitem: "title", state: "padding-left", }, path: [ "component", "side-nav", "header", "title", "padding-left", ], }, "icon-font-size": { value: "0.875rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentSideNavHeaderTitleIconFontSize", attributes: { category: "component", type: "side-nav", item: "header", subitem: "title", state: "icon-font-size", }, path: [ "component", "side-nav", "header", "title", "icon-font-size", ], }, "icon-margin": { value: "0.25rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentSideNavHeaderTitleIconMargin", attributes: { category: "component", type: "side-nav", item: "header", subitem: "title", state: "icon-margin", }, path: ["component", "side-nav", "header", "title", "icon-margin"], }, }, }, filter: { "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentSideNavFilterBorderColor", attributes: { category: "component", type: "side-nav", item: "filter", subitem: "border-color", }, path: ["component", "side-nav", "filter", "border-color"], }, "border-style": { value: "solid", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentSideNavFilterBorderStyle", attributes: { category: "component", type: "side-nav", item: "filter", subitem: "border-style", }, path: ["component", "side-nav", "filter", "border-style"], }, "border-width": { value: "0.0625rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentSideNavFilterBorderWidth", attributes: { category: "component", type: "side-nav", item: "filter", subitem: "border-width", }, path: ["component", "side-nav", "filter", "border-width"], }, "padding-vertical": { value: "0.5rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentSideNavFilterPaddingVertical", attributes: { category: "component", type: "side-nav", item: "filter", subitem: "padding-vertical", }, path: ["component", "side-nav", "filter", "padding-vertical"], }, }, section: { "padding-vertical": { value: "0.5rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentSideNavSectionPaddingVertical", attributes: { category: "component", type: "side-nav", item: "section", subitem: "padding-vertical", }, path: ["component", "side-nav", "section", "padding-vertical"], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentSideNavSectionBorderColor", attributes: { category: "component", type: "side-nav", item: "section", subitem: "border-color", }, path: ["component", "side-nav", "section", "border-color"], }, "border-style": { value: "solid", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentSideNavSectionBorderStyle", attributes: { category: "component", type: "side-nav", item: "section", subitem: "border-style", }, path: ["component", "side-nav", "section", "border-style"], }, "border-width": { value: "0.0625rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentSideNavSectionBorderWidth", attributes: { category: "component", type: "side-nav", item: "section", subitem: "border-width", }, path: ["component", "side-nav", "section", "border-width"], }, title: { "font-size": { value: "1rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.type.title-sm.font.value}" }, name: "ComponentSideNavSectionTitleFontSize", attributes: { category: "component", type: "side-nav", item: "section", subitem: "title", state: "font-size", }, path: ["component", "side-nav", "section", "title", "font-size"], }, "font-weight": { value: 400, filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{type.weight.normal.value}" }, name: "ComponentSideNavSectionTitleFontWeight", attributes: { category: "component", type: "side-nav", item: "section", subitem: "title", state: "font-weight", }, path: [ "component", "side-nav", "section", "title", "font-weight", ], }, color: { value: "#717779ff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentSideNavSectionTitleColor", attributes: { category: "component", type: "side-nav", item: "section", subitem: "title", state: "color", }, path: ["component", "side-nav", "section", "title", "color"], }, "margin-top": { value: "0.25rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentSideNavSectionTitleMarginTop", attributes: { category: "component", type: "side-nav", item: "section", subitem: "title", state: "margin-top", }, path: ["component", "side-nav", "section", "title", "margin-top"], }, "margin-bottom": { value: "0.5rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentSideNavSectionTitleMarginBottom", attributes: { category: "component", type: "side-nav", item: "section", subitem: "title", state: "margin-bottom", }, path: [ "component", "side-nav", "section", "title", "margin-bottom", ], }, "margin-left": { value: "1rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentSideNavSectionTitleMarginLeft", attributes: { category: "component", type: "side-nav", item: "section", subitem: "title", state: "margin-left", }, path: [ "component", "side-nav", "section", "title", "margin-left", ], }, }, }, item: { branch: { "font-size": { value: "0.875rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentSideNavItemBranchFontSize", attributes: { category: "component", type: "side-nav", item: "item", subitem: "branch", state: "font-size", }, path: ["component", "side-nav", "item", "branch", "font-size"], }, "line-height": { value: "1.25rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentSideNavItemBranchLineHeight", attributes: { category: "component", type: "side-nav", item: "item", subitem: "branch", state: "line-height", }, path: ["component", "side-nav", "item", "branch", "line-height"], }, }, leaf: { "selected-background-color": { value: "#e6f2f8ff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.blue.light.value}" }, name: "ComponentSideNavItemLeafSelectedBackgroundColor", attributes: { category: "component", type: "side-nav", item: "item", subitem: "leaf", state: "selected-background-color", }, path: [ "component", "side-nav", "item", "leaf", "selected-background-color", ], }, "box-shadow-size": { value: "0.125rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentSideNavItemLeafBoxShadowSize", attributes: { category: "component", type: "side-nav", item: "item", subitem: "leaf", state: "box-shadow-size", }, path: [ "component", "side-nav", "item", "leaf", "box-shadow-size", ], }, "box-shadow-color": { value: "#007db8ff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentSideNavItemLeafBoxShadowColor", attributes: { category: "component", type: "side-nav", item: "item", subitem: "leaf", state: "box-shadow-color", }, path: [ "component", "side-nav", "item", "leaf", "box-shadow-color", ], }, color: { value: "#1f282cff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentSideNavItemLeafColor", attributes: { category: "component", type: "side-nav", item: "item", subitem: "leaf", state: "color", }, path: ["component", "side-nav", "item", "leaf", "color"], }, "font-weight": { value: "43.75rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.component.side-nav.selected-font-weight.value}", }, name: "ComponentSideNavItemLeafFontWeight", attributes: { category: "component", type: "side-nav", item: "item", subitem: "leaf", state: "font-weight", }, path: ["component", "side-nav", "item", "leaf", "font-weight"], }, "expand-icon-size": { value: "0.625rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.component.side-nav.expand-icon-size.value}", }, name: "ComponentSideNavItemLeafExpandIconSize", attributes: { category: "component", type: "side-nav", item: "item", subitem: "leaf", state: "expand-icon-size", }, path: [ "component", "side-nav", "item", "leaf", "expand-icon-size", ], }, "expand-icon-line-height": { value: "1.25rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentSideNavItemLeafExpandIconLineHeight", attributes: { category: "component", type: "side-nav", item: "item", subitem: "leaf", state: "expand-icon-line-height", }, path: [ "component", "side-nav", "item", "leaf", "expand-icon-line-height", ], }, "expand-icon-margin-right": { value: "0.25rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentSideNavItemLeafExpandIconMarginRight", attributes: { category: "component", type: "side-nav", item: "item", subitem: "leaf", state: "expand-icon-margin-right", }, path: [ "component", "side-nav", "item", "leaf", "expand-icon-margin-right", ], }, "expand-icon-margin-left": { value: "0.875rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.component.side-nav.expand-icon-margin.value}", }, name: "ComponentSideNavItemLeafExpandIconMarginLeft", attributes: { category: "component", type: "side-nav", item: "item", subitem: "leaf", state: "expand-icon-margin-left", }, path: [ "component", "side-nav", "item", "leaf", "expand-icon-margin-left", ], }, }, link: { color: { value: "#1f282cff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentSideNavItemLinkColor", attributes: { category: "component", type: "side-nav", item: "item", subitem: "link", state: "color", }, path: ["component", "side-nav", "item", "link", "color"], }, "font-size": { value: "0.875rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentSideNavItemLinkFontSize", attributes: { category: "component", type: "side-nav", item: "item", subitem: "link", state: "font-size", }, path: ["component", "side-nav", "item", "link", "font-size"], }, "line-height": { value: "1.25rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentSideNavItemLinkLineHeight", attributes: { category: "component", type: "side-nav", item: "item", subitem: "link", state: "line-height", }, path: ["component", "side-nav", "item", "link", "line-height"], }, "padding-vertical": { value: "0.5rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentSideNavItemLinkPaddingVertical", attributes: { category: "component", type: "side-nav", item: "item", subitem: "link", state: "padding-vertical", }, path: [ "component", "side-nav", "item", "link", "padding-vertical", ], }, "padding-right": { value: "1rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentSideNavItemLinkPaddingRight", attributes: { category: "component", type: "side-nav", item: "item", subitem: "link", state: "padding-right", }, path: ["component", "side-nav", "item", "link", "padding-right"], }, "padding-left": { value: "1.25rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.component.side-nav.link-padding-left.value}", }, name: "ComponentSideNavItemLinkPaddingLeft", attributes: { category: "component", type: "side-nav", item: "item", subitem: "link", state: "padding-left", }, path: ["component", "side-nav", "item", "link", "padding-left"], }, "hover-background-color": { value: "#f3f4f4ff", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentSideNavItemLinkHoverBackgroundColor", attributes: { category: "component", type: "side-nav", item: "item", subitem: "link", state: "hover-background-color", }, path: [ "component", "side-nav", "item", "link", "hover-background-color", ], }, }, nesting: { "padding-first-level": { value: "2.125rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.component.side-nav.nested-first-level.value}", }, name: "ComponentSideNavItemNestingPaddingFirstLevel", attributes: { category: "component", type: "side-nav", item: "item", subitem: "nesting", state: "padding-first-level", }, path: [ "component", "side-nav", "item", "nesting", "padding-first-level", ], }, "padding-second-level": { value: "3rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.component.side-nav.nested-second-level.value}", }, name: "ComponentSideNavItemNestingPaddingSecondLevel", attributes: { category: "component", type: "side-nav", item: "item", subitem: "nesting", state: "padding-second-level", }, path: [ "component", "side-nav", "item", "nesting", "padding-second-level", ], }, "padding-third-level": { value: "3.875rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.component.side-nav.nested-third-level.value}", }, name: "ComponentSideNavItemNestingPaddingThirdLevel", attributes: { category: "component", type: "side-nav", item: "item", subitem: "nesting", state: "padding-third-level", }, path: [ "component", "side-nav", "item", "nesting", "padding-third-level", ], }, "padding-fouth-level": { value: "4.75rem", filePath: "src/tokens/component/side-nav.json", isSource: true, original: { value: "{size.component.side-nav.nested-fourth-level.value}", }, name: "ComponentSideNavItemNestingPaddingFouthLevel", attributes: { category: "component", type: "side-nav", item: "item", subitem: "nesting", state: "padding-fouth-level", }, path: [ "component", "side-nav", "item", "nesting", "padding-fouth-level", ], }, }, }, }, "slack-link": { "font-size": { value: "0.875rem", filePath: "src/tokens/component/slack-link.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentSlackLinkFontSize", attributes: { category: "component", type: "slack-link", item: "font-size", }, path: ["component", "slack-link", "font-size"], }, "border-color": { value: "#007db8ff", filePath: "src/tokens/component/slack-link.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentSlackLinkBorderColor", attributes: { category: "component", type: "slack-link", item: "border-color", }, path: ["component", "slack-link", "border-color"], }, "border-size": { value: "0.0625rem", filePath: "src/tokens/component/slack-link.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentSlackLinkBorderSize", attributes: { category: "component", type: "slack-link", item: "border-size", }, path: ["component", "slack-link", "border-size"], }, "border-style": { value: "solid", filePath: "src/tokens/component/slack-link.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentSlackLinkBorderStyle", attributes: { category: "component", type: "slack-link", item: "border-style", }, path: ["component", "slack-link", "border-style"], }, icon: { "font-size": { value: "1rem", filePath: "src/tokens/component/slack-link.json", isSource: true, original: { value: "{size.type.title-sm.font.value}" }, name: "ComponentSlackLinkIconFontSize", attributes: { category: "component", type: "slack-link", item: "icon", subitem: "font-size", }, path: ["component", "slack-link", "icon", "font-size"], }, "margin-right": { value: "0.25rem", filePath: "src/tokens/component/slack-link.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentSlackLinkIconMarginRight", attributes: { category: "component", type: "slack-link", item: "icon", subitem: "margin-right", }, path: ["component", "slack-link", "icon", "margin-right"], }, }, }, "sorting-header": { width: { value: "100%", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "100%" }, name: "ComponentSortingHeaderWidth", attributes: { category: "component", type: "sorting-header", item: "width", }, path: ["component", "sorting-header", "width"], }, padding: { value: "0", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "0" }, name: "ComponentSortingHeaderPadding", attributes: { category: "component", type: "sorting-header", item: "padding", }, path: ["component", "sorting-header", "padding"], }, borderRadius: { value: "0.25rem", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{size.system.xs.value}" }, name: "ComponentSortingHeaderBorderRadius", attributes: { category: "component", type: "sorting-header", item: "borderRadius", }, path: ["component", "sorting-header", "borderRadius"], }, backgroundColor: { value: "#e9e9eaff", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentSortingHeaderBackgroundColor", attributes: { category: "component", type: "sorting-header", item: "backgroundColor", }, path: ["component", "sorting-header", "backgroundColor"], }, cell: { typeColor: { value: "#4b5356ff", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentSortingHeaderCellTypeColor", attributes: { category: "component", type: "sorting-header", item: "cell", subitem: "typeColor", }, path: ["component", "sorting-header", "cell", "typeColor"], }, activeTypeColor: { value: "#1f282cff", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentSortingHeaderCellActiveTypeColor", attributes: { category: "component", type: "sorting-header", item: "cell", subitem: "activeTypeColor", }, path: ["component", "sorting-header", "cell", "activeTypeColor"], }, fontSize: { value: "0.75rem", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "ComponentSortingHeaderCellFontSize", attributes: { category: "component", type: "sorting-header", item: "cell", subitem: "fontSize", }, path: ["component", "sorting-header", "cell", "fontSize"], }, fontWeight: { value: 600, filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: 600 }, name: "ComponentSortingHeaderCellFontWeight", attributes: { category: "component", type: "sorting-header", item: "cell", subitem: "fontWeight", }, path: ["component", "sorting-header", "cell", "fontWeight"], }, lineHeight: { value: "1.25rem", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{size.type.body-md.line.value}" }, name: "ComponentSortingHeaderCellLineHeight", attributes: { category: "component", type: "sorting-header", item: "cell", subitem: "lineHeight", }, path: ["component", "sorting-header", "cell", "lineHeight"], }, padding: { value: "0.5rem", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentSortingHeaderCellPadding", attributes: { category: "component", type: "sorting-header", item: "cell", subitem: "padding", }, path: ["component", "sorting-header", "cell", "padding"], }, activeBackgroundColor: { value: "#d2d4d4ff", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentSortingHeaderCellActiveBackgroundColor", attributes: { category: "component", type: "sorting-header", item: "cell", subitem: "activeBackgroundColor", }, path: [ "component", "sorting-header", "cell", "activeBackgroundColor", ], }, hoverBackgroundColor: { value: "#f3f4f4ff", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentSortingHeaderCellHoverBackgroundColor", attributes: { category: "component", type: "sorting-header", item: "cell", subitem: "hoverBackgroundColor", }, path: [ "component", "sorting-header", "cell", "hoverBackgroundColor", ], }, }, pinned: { zIndex: { value: 999, filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: 999 }, name: "ComponentSortingHeaderPinnedZIndex", attributes: { category: "component", type: "sorting-header", item: "pinned", subitem: "zIndex", }, path: ["component", "sorting-header", "pinned", "zIndex"], }, borderRadius: { value: 0, filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: 0 }, name: "ComponentSortingHeaderPinnedBorderRadius", attributes: { category: "component", type: "sorting-header", item: "pinned", subitem: "borderRadius", }, path: ["component", "sorting-header", "pinned", "borderRadius"], }, shadowHeight: { value: "0.625rem", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{size.component.sorting-header.pinned.shadowHeight.value}", }, name: "ComponentSortingHeaderPinnedShadowHeight", attributes: { category: "component", type: "sorting-header", item: "pinned", subitem: "shadowHeight", }, path: ["component", "sorting-header", "pinned", "shadowHeight"], }, shadowLeftAdjustment: { value: "-0.0625rem", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{size.component.sorting-header.pinned.shadowLeftAdjustment.value}", }, name: "ComponentSortingHeaderPinnedShadowLeftAdjustment", attributes: { category: "component", type: "sorting-header", item: "pinned", subitem: "shadowLeftAdjustment", }, path: [ "component", "sorting-header", "pinned", "shadowLeftAdjustment", ], }, }, }, "sorting-header-auto-layout-spacer": { height: { value: "1rem", filePath: "src/tokens/component/sorting-header.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentSortingHeaderAutoLayoutSpacerHeight", attributes: { category: "component", type: "sorting-header-auto-layout-spacer", item: "height", }, path: ["component", "sorting-header-auto-layout-spacer", "height"], }, }, spinner: { color: { primary: { value: "#91467fff", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentSpinnerColorPrimary", attributes: { category: "component", type: "spinner", item: "color", subitem: "primary", }, path: ["component", "spinner", "color", "primary"], }, secondary: { value: "#f4ecf2ff", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{color.purple.light.value}" }, name: "ComponentSpinnerColorSecondary", attributes: { category: "component", type: "spinner", item: "color", subitem: "secondary", }, path: ["component", "spinner", "color", "secondary"], }, white: { value: "#ffffffff", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentSpinnerColorWhite", attributes: { category: "component", type: "spinner", item: "color", subitem: "white", }, path: ["component", "spinner", "color", "white"], }, }, light: { color: { primary: { value: "#ffffffff", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentSpinnerLightColorPrimary", attributes: { category: "component", type: "spinner", item: "light", subitem: "color", state: "primary", }, path: ["component", "spinner", "light", "color", "primary"], }, secondary: { value: "#ffffffcc", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{color.white-80.value}" }, name: "ComponentSpinnerLightColorSecondary", attributes: { category: "component", type: "spinner", item: "light", subitem: "color", state: "secondary", }, path: ["component", "spinner", "light", "color", "secondary"], }, }, }, sm: { dimension: { value: "1.125rem", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{size.component.spinner.sm.dimension.value}" }, name: "ComponentSpinnerSmDimension", attributes: { category: "component", type: "spinner", item: "sm", subitem: "dimension", }, path: ["component", "spinner", "sm", "dimension"], }, thickness: { value: "0.125rem", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{size.component.spinner.sm.thickness.value}" }, name: "ComponentSpinnerSmThickness", attributes: { category: "component", type: "spinner", item: "sm", subitem: "thickness", }, path: ["component", "spinner", "sm", "thickness"], }, }, md: { dimension: { value: "2.25rem", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{size.component.spinner.md.dimension.value}" }, name: "ComponentSpinnerMdDimension", attributes: { category: "component", type: "spinner", item: "md", subitem: "dimension", }, path: ["component", "spinner", "md", "dimension"], }, thickness: { value: "0.25rem", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{size.component.spinner.md.thickness.value}" }, name: "ComponentSpinnerMdThickness", attributes: { category: "component", type: "spinner", item: "md", subitem: "thickness", }, path: ["component", "spinner", "md", "thickness"], }, }, lg: { dimension: { value: "4.5rem", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{size.component.spinner.lg.dimension.value}" }, name: "ComponentSpinnerLgDimension", attributes: { category: "component", type: "spinner", item: "lg", subitem: "dimension", }, path: ["component", "spinner", "lg", "dimension"], }, thickness: { value: "0.5rem", filePath: "src/tokens/component/spinner.json", isSource: true, original: { value: "{size.component.spinner.lg.thickness.value}" }, name: "ComponentSpinnerLgThickness", attributes: { category: "component", type: "spinner", item: "lg", subitem: "thickness", }, path: ["component", "spinner", "lg", "thickness"], }, }, }, "split-tag": { "key-section": { "border-left-radius": { value: "0.125rem", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{size.border.radius.xxs.value }" }, name: "ComponentSplitTagKeySectionBorderLeftRadius", attributes: { category: "component", type: "split-tag", item: "key-section", subitem: "border-left-radius", }, path: [ "component", "split-tag", "key-section", "border-left-radius", ], }, "border-right-radius": { value: "0", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{size.border.radius.none.value}" }, name: "ComponentSplitTagKeySectionBorderRightRadius", attributes: { category: "component", type: "split-tag", item: "key-section", subitem: "border-right-radius", }, path: [ "component", "split-tag", "key-section", "border-right-radius", ], }, "text-margin": { value: "0.25rem", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentSplitTagKeySectionTextMargin", attributes: { category: "component", type: "split-tag", item: "key-section", subitem: "text-margin", }, path: ["component", "split-tag", "key-section", "text-margin"], }, }, "value-section": { background: { value: "#ffffffff", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentSplitTagValueSectionBackground", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "background", }, path: ["component", "split-tag", "value-section", "background"], }, "border-left-radius": { value: "0", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{size.border.radius.none.value }" }, name: "ComponentSplitTagValueSectionBorderLeftRadius", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "border-left-radius", }, path: [ "component", "split-tag", "value-section", "border-left-radius", ], }, "border-right-radius": { value: "0.125rem", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentSplitTagValueSectionBorderRightRadius", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "border-right-radius", }, path: [ "component", "split-tag", "value-section", "border-right-radius", ], }, "box-shadow-color": { default: { value: "#e9e9eaff", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentSplitTagValueSectionBoxShadowColorDefault", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "box-shadow-color", state: "default", }, path: [ "component", "split-tag", "value-section", "box-shadow-color", "default", ], }, key: { value: "#4b5356ff", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentSplitTagValueSectionBoxShadowColorKey", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "box-shadow-color", state: "key", }, path: [ "component", "split-tag", "value-section", "box-shadow-color", "key", ], }, warning: { value: "#e7760bff", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentSplitTagValueSectionBoxShadowColorWarning", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "box-shadow-color", state: "warning", }, path: [ "component", "split-tag", "value-section", "box-shadow-color", "warning", ], }, error: { value: "#de002eff", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentSplitTagValueSectionBoxShadowColorError", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "box-shadow-color", state: "error", }, path: [ "component", "split-tag", "value-section", "box-shadow-color", "error", ], }, pending: { value: "#91467fff", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentSplitTagValueSectionBoxShadowColorPending", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "box-shadow-color", state: "pending", }, path: [ "component", "split-tag", "value-section", "box-shadow-color", "pending", ], }, success: { value: "#0b8940ff", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentSplitTagValueSectionBoxShadowColorSuccess", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "box-shadow-color", state: "success", }, path: [ "component", "split-tag", "value-section", "box-shadow-color", "success", ], }, info: { value: "#007db8ff", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentSplitTagValueSectionBoxShadowColorInfo", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "box-shadow-color", state: "info", }, path: [ "component", "split-tag", "value-section", "box-shadow-color", "info", ], }, }, "box-shadow-width": { value: "0.0625rem", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentSplitTagValueSectionBoxShadowWidth", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "box-shadow-width", }, path: [ "component", "split-tag", "value-section", "box-shadow-width", ], }, "padding-vertical": { value: "0.125rem", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentSplitTagValueSectionPaddingVertical", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "padding-vertical", }, path: [ "component", "split-tag", "value-section", "padding-vertical", ], }, "padding-horizontal": { value: "0.25rem", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentSplitTagValueSectionPaddingHorizontal", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "padding-horizontal", }, path: [ "component", "split-tag", "value-section", "padding-horizontal", ], }, "link-color": { value: "#4b5356ff", filePath: "src/tokens/component/split-tag.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentSplitTagValueSectionLinkColor", attributes: { category: "component", type: "split-tag", item: "value-section", subitem: "link-color", }, path: ["component", "split-tag", "value-section", "link-color"], }, }, }, "stepped-progress-bar": { "progress-color": { purple: { color: { value: "#91467fff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentSteppedProgressBarProgressColorPurpleColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "purple", state: "color", }, path: [ "component", "stepped-progress-bar", "progress-color", "purple", "color", ], }, "hover-color": { value: "#6e3c65ff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.purple.dark.value}" }, name: "ComponentSteppedProgressBarProgressColorPurpleHoverColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "purple", state: "hover-color", }, path: [ "component", "stepped-progress-bar", "progress-color", "purple", "hover-color", ], }, }, blue: { color: { value: "#007db8ff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentSteppedProgressBarProgressColorBlueColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "blue", state: "color", }, path: [ "component", "stepped-progress-bar", "progress-color", "blue", "color", ], }, "hover-color": { value: "#09638dff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.blue.dark.value}" }, name: "ComponentSteppedProgressBarProgressColorBlueHoverColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "blue", state: "hover-color", }, path: [ "component", "stepped-progress-bar", "progress-color", "blue", "hover-color", ], }, }, red: { color: { value: "#de002eff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentSteppedProgressBarProgressColorRedColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "red", state: "color", }, path: [ "component", "stepped-progress-bar", "progress-color", "red", "color", ], }, "hover-color": { value: "#a30d2dff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.red.dark.value}" }, name: "ComponentSteppedProgressBarProgressColorRedHoverColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "red", state: "hover-color", }, path: [ "component", "stepped-progress-bar", "progress-color", "red", "hover-color", ], }, }, orange: { color: { value: "#e7760bff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentSteppedProgressBarProgressColorOrangeColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "orange", state: "color", }, path: [ "component", "stepped-progress-bar", "progress-color", "orange", "color", ], }, "hover-color": { value: "#aa5e14ff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.orange.dark.value}" }, name: "ComponentSteppedProgressBarProgressColorOrangeHoverColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "orange", state: "hover-color", }, path: [ "component", "stepped-progress-bar", "progress-color", "orange", "hover-color", ], }, }, grey: { color: { value: "#717779ff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentSteppedProgressBarProgressColorGreyColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "grey", state: "color", }, path: [ "component", "stepped-progress-bar", "progress-color", "grey", "color", ], }, "hover-color": { value: "#1f282cff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentSteppedProgressBarProgressColorGreyHoverColor", attributes: { category: "component", type: "stepped-progress-bar", item: "progress-color", subitem: "grey", state: "hover-color", }, path: [ "component", "stepped-progress-bar", "progress-color", "grey", "hover-color", ], }, }, }, "completed-color": { value: "#0b8940ff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentSteppedProgressBarCompletedColor", attributes: { category: "component", type: "stepped-progress-bar", item: "completed-color", }, path: ["component", "stepped-progress-bar", "completed-color"], }, "disabled-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentSteppedProgressBarDisabledColor", attributes: { category: "component", type: "stepped-progress-bar", item: "disabled-color", }, path: ["component", "stepped-progress-bar", "disabled-color"], }, percentage: { "font-weight": { value: 600, filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentSteppedProgressBarPercentageFontWeight", attributes: { category: "component", type: "stepped-progress-bar", item: "percentage", subitem: "font-weight", }, path: [ "component", "stepped-progress-bar", "percentage", "font-weight", ], }, }, step: { height: { value: "1rem", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentSteppedProgressBarStepHeight", attributes: { category: "component", type: "stepped-progress-bar", item: "step", subitem: "height", }, path: ["component", "stepped-progress-bar", "step", "height"], }, "margin-left": { value: "0.125rem", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentSteppedProgressBarStepMarginLeft", attributes: { category: "component", type: "stepped-progress-bar", item: "step", subitem: "margin-left", }, path: ["component", "stepped-progress-bar", "step", "margin-left"], }, "border-radius": { value: "0.125rem", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentSteppedProgressBarStepBorderRadius", attributes: { category: "component", type: "stepped-progress-bar", item: "step", subitem: "border-radius", }, path: [ "component", "stepped-progress-bar", "step", "border-radius", ], }, background: { value: "#e9e9eaff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentSteppedProgressBarStepBackground", attributes: { category: "component", type: "stepped-progress-bar", item: "step", subitem: "background", }, path: ["component", "stepped-progress-bar", "step", "background"], }, "disabled-color": { value: "#e9e9eaff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentSteppedProgressBarStepDisabledColor", attributes: { category: "component", type: "stepped-progress-bar", item: "step", subitem: "disabled-color", }, path: [ "component", "stepped-progress-bar", "step", "disabled-color", ], }, "completed-disabled-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentSteppedProgressBarStepCompletedDisabledColor", attributes: { category: "component", type: "stepped-progress-bar", item: "step", subitem: "completed-disabled-color", }, path: [ "component", "stepped-progress-bar", "step", "completed-disabled-color", ], }, "border-radius-end-cap": { value: "0.5rem", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{size.component.progress-bar.border-radius.value}", }, name: "ComponentSteppedProgressBarStepBorderRadiusEndCap", attributes: { category: "component", type: "stepped-progress-bar", item: "step", subitem: "border-radius-end-cap", }, path: [ "component", "stepped-progress-bar", "step", "border-radius-end-cap", ], }, }, icon: { "completed-color": { value: "#ffffffff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentSteppedProgressBarIconCompletedColor", attributes: { category: "component", type: "stepped-progress-bar", item: "icon", subitem: "completed-color", }, path: [ "component", "stepped-progress-bar", "icon", "completed-color", ], }, color: { value: "#717779ff", filePath: "src/tokens/component/stepped-progress-bar.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentSteppedProgressBarIconColor", attributes: { category: "component", type: "stepped-progress-bar", item: "icon", subitem: "color", }, path: ["component", "stepped-progress-bar", "icon", "color"], }, }, }, tabs: { container: { "background-color": { value: "#e9e9eaff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentTabsContainerBackgroundColor", attributes: { category: "component", type: "tabs", item: "container", subitem: "background-color", }, path: ["component", "tabs", "container", "background-color"], }, border: { color: { value: "#d2d4d4ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentTabsContainerBorderColor", attributes: { category: "component", type: "tabs", item: "container", subitem: "border", state: "color", }, path: ["component", "tabs", "container", "border", "color"], }, width: { value: "0.0625rem", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentTabsContainerBorderWidth", attributes: { category: "component", type: "tabs", item: "container", subitem: "border", state: "width", }, path: ["component", "tabs", "container", "border", "width"], }, style: { value: "solid", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentTabsContainerBorderStyle", attributes: { category: "component", type: "tabs", item: "container", subitem: "border", state: "style", }, path: ["component", "tabs", "container", "border", "style"], }, radius: { value: "0.25rem", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentTabsContainerBorderRadius", attributes: { category: "component", type: "tabs", item: "container", subitem: "border", state: "radius", }, path: ["component", "tabs", "container", "border", "radius"], }, }, padding: { value: "1rem", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentTabsContainerPadding", attributes: { category: "component", type: "tabs", item: "container", subitem: "padding", }, path: ["component", "tabs", "container", "padding"], }, }, navigation: { "margin-bottom": { value: "1rem", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentTabsNavigationMarginBottom", attributes: { category: "component", type: "tabs", item: "navigation", subitem: "margin-bottom", }, path: ["component", "tabs", "navigation", "margin-bottom"], }, }, }, tab: { border: { style: { value: "solid", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{border.style.standard.value}" }, name: "ComponentTabBorderStyle", attributes: { category: "component", type: "tab", item: "border", subitem: "style", }, path: ["component", "tab", "border", "style"], }, width: { value: "0.0625rem", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.border.width.standard.value}" }, name: "ComponentTabBorderWidth", attributes: { category: "component", type: "tab", item: "border", subitem: "width", }, path: ["component", "tab", "border", "width"], }, radius: { value: "0.25rem", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.border.radius.xs.value}" }, name: "ComponentTabBorderRadius", attributes: { category: "component", type: "tab", item: "border", subitem: "radius", }, path: ["component", "tab", "border", "radius"], }, }, type: { "line-height": { value: "0.875rem ", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.type.component-sm.line.value} " }, name: "ComponentTabTypeLineHeight", attributes: { category: "component", type: "tab", item: "type", subitem: "line-height", }, path: ["component", "tab", "type", "line-height"], }, size: { value: "0.75rem", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.type.component-sm.font.value}" }, name: "ComponentTabTypeSize", attributes: { category: "component", type: "tab", item: "type", subitem: "size", }, path: ["component", "tab", "type", "size"], }, weight: { value: 600, filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentTabTypeWeight", attributes: { category: "component", type: "tab", item: "type", subitem: "weight", }, path: ["component", "tab", "type", "weight"], }, }, padding: { x: { value: "1rem", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentTabPaddingX", attributes: { category: "component", type: "tab", item: "padding", subitem: "x", }, path: ["component", "tab", "padding", "x"], }, y: { value: "0.5rem", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{size.spacing.sm.value}" }, name: "ComponentTabPaddingY", attributes: { category: "component", type: "tab", item: "padding", subitem: "y", }, path: ["component", "tab", "padding", "y"], }, }, container: { "border-color": { value: "#00000000", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.transparent.value}" }, name: "ComponentTabContainerBorderColor", attributes: { category: "component", type: "tab", item: "container", subitem: "border-color", }, path: ["component", "tab", "container", "border-color"], }, color: { value: "#717779ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentTabContainerColor", attributes: { category: "component", type: "tab", item: "container", subitem: "color", }, path: ["component", "tab", "container", "color"], }, active: { "background-color": { value: "#ffffffff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentTabContainerActiveBackgroundColor", attributes: { category: "component", type: "tab", item: "container", subitem: "active", state: "background-color", }, path: [ "component", "tab", "container", "active", "background-color", ], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentTabContainerActiveBorderColor", attributes: { category: "component", type: "tab", item: "container", subitem: "active", state: "border-color", }, path: ["component", "tab", "container", "active", "border-color"], }, color: { value: "#1f282cff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentTabContainerActiveColor", attributes: { category: "component", type: "tab", item: "container", subitem: "active", state: "color", }, path: ["component", "tab", "container", "active", "color"], }, }, hover: { "background-color": { value: "#f3f4f4ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentTabContainerHoverBackgroundColor", attributes: { category: "component", type: "tab", item: "container", subitem: "hover", state: "background-color", }, path: [ "component", "tab", "container", "hover", "background-color", ], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentTabContainerHoverBorderColor", attributes: { category: "component", type: "tab", item: "container", subitem: "hover", state: "border-color", }, path: ["component", "tab", "container", "hover", "border-color"], }, }, }, navigation: { "background-color": { value: "#ffffffff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentTabNavigationBackgroundColor", attributes: { category: "component", type: "tab", item: "navigation", subitem: "background-color", }, path: ["component", "tab", "navigation", "background-color"], }, "border-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentTabNavigationBorderColor", attributes: { category: "component", type: "tab", item: "navigation", subitem: "border-color", }, path: ["component", "tab", "navigation", "border-color"], }, color: { value: "#4b5356ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentTabNavigationColor", attributes: { category: "component", type: "tab", item: "navigation", subitem: "color", }, path: ["component", "tab", "navigation", "color"], }, active: { "background-color": { value: "#007db8ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.blue.medium}" }, name: "ComponentTabNavigationActiveBackgroundColor", attributes: { category: "component", type: "tab", item: "navigation", subitem: "active", state: "background-color", }, path: [ "component", "tab", "navigation", "active", "background-color", ], }, "border-color": { value: "#007db8ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.blue.medium}" }, name: "ComponentTabNavigationActiveBorderColor", attributes: { category: "component", type: "tab", item: "navigation", subitem: "active", state: "border-color", }, path: [ "component", "tab", "navigation", "active", "border-color", ], }, color: { value: "#ffffffff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.white.value}" }, name: "ComponentTabNavigationActiveColor", attributes: { category: "component", type: "tab", item: "navigation", subitem: "active", state: "color", }, path: ["component", "tab", "navigation", "active", "color"], }, }, hover: { "background-color": { value: "#f3f4f4ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.extra-light.value}" }, name: "ComponentTabNavigationHoverBackgroundColor", attributes: { category: "component", type: "tab", item: "navigation", subitem: "hover", state: "background-color", }, path: [ "component", "tab", "navigation", "hover", "background-color", ], }, }, disabled: { color: { value: "#717779ff", filePath: "src/tokens/component/tabs.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentTabNavigationDisabledColor", attributes: { category: "component", type: "tab", item: "navigation", subitem: "disabled", state: "color", }, path: ["component", "tab", "navigation", "disabled", "color"], }, }, }, }, tag: { default: { "border-radius": { value: "0.125rem", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{size.border.radius.xxs.value}" }, name: "ComponentTagDefaultBorderRadius", attributes: { category: "component", type: "tag", item: "default", subitem: "border-radius", }, path: ["component", "tag", "default", "border-radius"], }, "font-size": { value: "0.75rem", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{size.type.component-sm.font.value}" }, name: "ComponentTagDefaultFontSize", attributes: { category: "component", type: "tag", item: "default", subitem: "font-size", }, path: ["component", "tag", "default", "font-size"], }, "font-weight": { value: 600, filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentTagDefaultFontWeight", attributes: { category: "component", type: "tag", item: "default", subitem: "font-weight", }, path: ["component", "tag", "default", "font-weight"], }, "line-height": { value: "0.75rem", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{size.component.tag.line-height.value}" }, name: "ComponentTagDefaultLineHeight", attributes: { category: "component", type: "tag", item: "default", subitem: "line-height", }, path: ["component", "tag", "default", "line-height"], }, "padding-vertical": { value: "0.125rem", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "ComponentTagDefaultPaddingVertical", attributes: { category: "component", type: "tag", item: "default", subitem: "padding-vertical", }, path: ["component", "tag", "default", "padding-vertical"], }, "padding-horizontal": { value: "0.25rem", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentTagDefaultPaddingHorizontal", attributes: { category: "component", type: "tag", item: "default", subitem: "padding-horizontal", }, path: ["component", "tag", "default", "padding-horizontal"], }, background: { value: "#e9e9eaff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.grey.light.value}" }, name: "ComponentTagDefaultBackground", attributes: { category: "component", type: "tag", item: "default", subitem: "background", }, path: ["component", "tag", "default", "background"], }, "text-color": { value: "#4b5356ff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentTagDefaultTextColor", attributes: { category: "component", type: "tag", item: "default", subitem: "text-color", }, path: ["component", "tag", "default", "text-color"], }, icon: { "font-size": { value: "0.75rem", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{size.type.component-sm.font.value}" }, name: "ComponentTagDefaultIconFontSize", attributes: { category: "component", type: "tag", item: "default", subitem: "icon", state: "font-size", }, path: ["component", "tag", "default", "icon", "font-size"], }, "line-height": { value: "0.625rem", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{size.component.tag.icon-line-height.value}", }, name: "ComponentTagDefaultIconLineHeight", attributes: { category: "component", type: "tag", item: "default", subitem: "icon", state: "line-height", }, path: ["component", "tag", "default", "icon", "line-height"], }, "margin-right": { value: "0.25rem", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentTagDefaultIconMarginRight", attributes: { category: "component", type: "tag", item: "default", subitem: "icon", state: "margin-right", }, path: ["component", "tag", "default", "icon", "margin-right"], }, }, }, key: { background: { value: "#4b5356ff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentTagKeyBackground", attributes: { category: "component", type: "tag", item: "key", subitem: "background", }, path: ["component", "tag", "key", "background"], }, "text-color": { value: "#ffffffff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.white}" }, name: "ComponentTagKeyTextColor", attributes: { category: "component", type: "tag", item: "key", subitem: "text-color", }, path: ["component", "tag", "key", "text-color"], }, }, warning: { background: { value: "#e7760bff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.orange.medium.value}" }, name: "ComponentTagWarningBackground", attributes: { category: "component", type: "tag", item: "warning", subitem: "background", }, path: ["component", "tag", "warning", "background"], }, "text-color": { value: "#ffffffff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.white}" }, name: "ComponentTagWarningTextColor", attributes: { category: "component", type: "tag", item: "warning", subitem: "text-color", }, path: ["component", "tag", "warning", "text-color"], }, }, error: { background: { value: "#de002eff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.red.medium.value}" }, name: "ComponentTagErrorBackground", attributes: { category: "component", type: "tag", item: "error", subitem: "background", }, path: ["component", "tag", "error", "background"], }, "text-color": { value: "#ffffffff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.white}" }, name: "ComponentTagErrorTextColor", attributes: { category: "component", type: "tag", item: "error", subitem: "text-color", }, path: ["component", "tag", "error", "text-color"], }, }, pending: { background: { value: "#91467fff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.purple.medium.value}" }, name: "ComponentTagPendingBackground", attributes: { category: "component", type: "tag", item: "pending", subitem: "background", }, path: ["component", "tag", "pending", "background"], }, "text-color": { value: "#ffffffff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.white}" }, name: "ComponentTagPendingTextColor", attributes: { category: "component", type: "tag", item: "pending", subitem: "text-color", }, path: ["component", "tag", "pending", "text-color"], }, }, success: { background: { value: "#0b8940ff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.green.medium.value}" }, name: "ComponentTagSuccessBackground", attributes: { category: "component", type: "tag", item: "success", subitem: "background", }, path: ["component", "tag", "success", "background"], }, "text-color": { value: "#ffffffff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.white}" }, name: "ComponentTagSuccessTextColor", attributes: { category: "component", type: "tag", item: "success", subitem: "text-color", }, path: ["component", "tag", "success", "text-color"], }, }, info: { background: { value: "#007db8ff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.blue.medium.value}" }, name: "ComponentTagInfoBackground", attributes: { category: "component", type: "tag", item: "info", subitem: "background", }, path: ["component", "tag", "info", "background"], }, "text-color": { value: "#ffffffff", filePath: "src/tokens/component/tag.json", isSource: true, original: { value: "{color.white}" }, name: "ComponentTagInfoTextColor", attributes: { category: "component", type: "tag", item: "info", subitem: "text-color", }, path: ["component", "tag", "info", "text-color"], }, }, }, "vertical-rule": { "background-color": { value: "#d2d4d4ff", filePath: "src/tokens/component/vertical-rule.json", isSource: true, original: { value: "{color.grey.medium-light.value}" }, name: "ComponentVerticalRuleBackgroundColor", attributes: { category: "component", type: "vertical-rule", item: "background-color", }, path: ["component", "vertical-rule", "background-color"], }, "margin-x": { value: "0.25rem", filePath: "src/tokens/component/vertical-rule.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentVerticalRuleMarginX", attributes: { category: "component", type: "vertical-rule", item: "margin-x", }, path: ["component", "vertical-rule", "margin-x"], }, thickness: { value: "0.0625rem", filePath: "src/tokens/component/vertical-rule.json", isSource: true, original: { value: "{size.component.vertical-rule.thickness.value}" }, name: "ComponentVerticalRuleThickness", attributes: { category: "component", type: "vertical-rule", item: "thickness", }, path: ["component", "vertical-rule", "thickness"], }, }, "zero-state": { "wrapper-padding": { value: "1rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentZeroStateWrapperPadding", attributes: { category: "component", type: "zero-state", item: "wrapper-padding", }, path: ["component", "zero-state", "wrapper-padding"], }, "padding-vertical": { value: "2rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.spacing.lg.value}" }, name: "ComponentZeroStatePaddingVertical", attributes: { category: "component", type: "zero-state", item: "padding-vertical", }, path: ["component", "zero-state", "padding-vertical"], }, image: { height: { value: "6.25rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.component.zero-state.image-height.value}", }, name: "ComponentZeroStateImageHeight", attributes: { category: "component", type: "zero-state", item: "image", subitem: "height", }, path: ["component", "zero-state", "image", "height"], }, width: { value: "12.5rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.component.zero-state.image-width.value}", }, name: "ComponentZeroStateImageWidth", attributes: { category: "component", type: "zero-state", item: "image", subitem: "width", }, path: ["component", "zero-state", "image", "width"], }, "margin-bottom": { value: "1rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentZeroStateImageMarginBottom", attributes: { category: "component", type: "zero-state", item: "image", subitem: "margin-bottom", }, path: ["component", "zero-state", "image", "margin-bottom"], }, }, heading: { color: { value: "#1f282cff", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{color.grey.dark.value}" }, name: "ComponentZeroStateHeadingColor", attributes: { category: "component", type: "zero-state", item: "heading", subitem: "color", }, path: ["component", "zero-state", "heading", "color"], }, "font-size": { value: "1.5rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.type.title-xl.font.value}" }, name: "ComponentZeroStateHeadingFontSize", attributes: { category: "component", type: "zero-state", item: "heading", subitem: "font-size", }, path: ["component", "zero-state", "heading", "font-size"], }, "line-height": { value: "1.5rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.type.title-xl.line.value}" }, name: "ComponentZeroStateHeadingLineHeight", attributes: { category: "component", type: "zero-state", item: "heading", subitem: "line-height", }, path: ["component", "zero-state", "heading", "line-height"], }, "micro-color": { value: "#4b5356ff", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentZeroStateHeadingMicroColor", attributes: { category: "component", type: "zero-state", item: "heading", subitem: "micro-color", }, path: ["component", "zero-state", "heading", "micro-color"], }, "micro-font-size": { value: "1rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.type.title-sm.font.value}" }, name: "ComponentZeroStateHeadingMicroFontSize", attributes: { category: "component", type: "zero-state", item: "heading", subitem: "micro-font-size", }, path: ["component", "zero-state", "heading", "micro-font-size"], }, "micro-font-weight": { value: 600, filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{type.weight.bold.value}" }, name: "ComponentZeroStateHeadingMicroFontWeight", attributes: { category: "component", type: "zero-state", item: "heading", subitem: "micro-font-weight", }, path: ["component", "zero-state", "heading", "micro-font-weight"], }, "micro-line-height": { value: "1.25rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.type.title-lg.line.value}" }, name: "ComponentZeroStateHeadingMicroLineHeight", attributes: { category: "component", type: "zero-state", item: "heading", subitem: "micro-line-height", }, path: ["component", "zero-state", "heading", "micro-line-height"], }, }, "sub-heading": { color: { value: "#4b5356ff", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{color.grey.medium-dark.value}" }, name: "ComponentZeroStateSubHeadingColor", attributes: { category: "component", type: "zero-state", item: "sub-heading", subitem: "color", }, path: ["component", "zero-state", "sub-heading", "color"], }, "font-size": { value: "0.875rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.type.body-md.font.value}" }, name: "ComponentZeroStateSubHeadingFontSize", attributes: { category: "component", type: "zero-state", item: "sub-heading", subitem: "font-size", }, path: ["component", "zero-state", "sub-heading", "font-size"], }, "line-height": { value: "1.25rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.type.title-lg.line.value}" }, name: "ComponentZeroStateSubHeadingLineHeight", attributes: { category: "component", type: "zero-state", item: "sub-heading", subitem: "line-height", }, path: ["component", "zero-state", "sub-heading", "line-height"], }, "margin-top": { value: "0.25rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentZeroStateSubHeadingMarginTop", attributes: { category: "component", type: "zero-state", item: "sub-heading", subitem: "margin-top", }, path: ["component", "zero-state", "sub-heading", "margin-top"], }, }, content: { "marign-top": { value: "1rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.spacing.md.value}" }, name: "ComponentZeroStateContentMarignTop", attributes: { category: "component", type: "zero-state", item: "content", subitem: "marign-top", }, path: ["component", "zero-state", "content", "marign-top"], }, }, icon: { color: { value: "#717779ff", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{color.grey.medium.value}" }, name: "ComponentZeroStateIconColor", attributes: { category: "component", type: "zero-state", item: "icon", subitem: "color", }, path: ["component", "zero-state", "icon", "color"], }, "font-size": { value: "3rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.component.zero-state.icon-font-size.value}", }, name: "ComponentZeroStateIconFontSize", attributes: { category: "component", type: "zero-state", item: "icon", subitem: "font-size", }, path: ["component", "zero-state", "icon", "font-size"], }, "line-height": { value: "3rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.component.zero-state.icon-line-height.value}", }, name: "ComponentZeroStateIconLineHeight", attributes: { category: "component", type: "zero-state", item: "icon", subitem: "line-height", }, path: ["component", "zero-state", "icon", "line-height"], }, "padding-bottom": { value: "0.25rem", filePath: "src/tokens/component/zero-state.json", isSource: true, original: { value: "{size.spacing.xs.value}" }, name: "ComponentZeroStateIconPaddingBottom", attributes: { category: "component", type: "zero-state", item: "icon", subitem: "padding-bottom", }, path: ["component", "zero-state", "icon", "padding-bottom"], }, }, }, }, grid: { columns: { standard: { value: 12, filePath: "src/tokens/grid/grid.json", isSource: true, original: { value: 12 }, name: "GridColumnsStandard", attributes: { category: "grid", type: "columns", item: "standard", cssValue: "1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr", }, path: ["grid", "columns", "standard"], }, }, "content-width": { value: "1280px", filePath: "src/tokens/grid/grid.json", isSource: true, original: { value: "1280px" }, name: "GridContentWidth", attributes: { category: "grid", type: "content-width" }, path: ["grid", "content-width"], }, }, icon: { ai: { character: { value: "\\e9bd", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9bd" }, name: "IconAiCharacter", attributes: { category: "icon", type: "ai", item: "character" }, path: ["icon", "ai", "character"], }, }, "ai-color": { character: { value: "", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "" }, name: "IconAiColorCharacter", attributes: { category: "icon", type: "ai-color", item: "character" }, path: ["icon", "ai-color", "character"], }, }, "ai-generic": { character: { value: "", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "" }, name: "IconAiGenericCharacter", attributes: { category: "icon", type: "ai-generic", item: "character", }, path: ["icon", "ai-generic", "character"], }, }, "angle-left": { character: { value: "\\e900", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e900" }, name: "IconAngleLeftCharacter", attributes: { category: "icon", type: "angle-left", item: "character", }, path: ["icon", "angle-left", "character"], }, }, "angle-right": { character: { value: "\\e901", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e901" }, name: "IconAngleRightCharacter", attributes: { category: "icon", type: "angle-right", item: "character", }, path: ["icon", "angle-right", "character"], }, }, archive: { character: { value: "\\e902", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e902" }, name: "IconArchiveCharacter", attributes: { category: "icon", type: "archive", item: "character" }, path: ["icon", "archive", "character"], }, }, "arrow-down": { character: { value: "\\e903", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e903" }, name: "IconArrowDownCharacter", attributes: { category: "icon", type: "arrow-down", item: "character", }, path: ["icon", "arrow-down", "character"], }, }, "arrow-left-circle": { character: { value: "\\e904", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e904" }, name: "IconArrowLeftCircleCharacter", attributes: { category: "icon", type: "arrow-left-circle", item: "character", }, path: ["icon", "arrow-left-circle", "character"], }, }, "arrow-left": { character: { value: "\\e905", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e905" }, name: "IconArrowLeftCharacter", attributes: { category: "icon", type: "arrow-left", item: "character", }, path: ["icon", "arrow-left", "character"], }, }, "arrow-right": { character: { value: "\\e906", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e906" }, name: "IconArrowRightCharacter", attributes: { category: "icon", type: "arrow-right", item: "character", }, path: ["icon", "arrow-right", "character"], }, }, "arrow-up": { character: { value: "\\e907", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e907" }, name: "IconArrowUpCharacter", attributes: { category: "icon", type: "arrow-up", item: "character" }, path: ["icon", "arrow-up", "character"], }, }, asterisk: { character: { value: "\\e908", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e908" }, name: "IconAsteriskCharacter", attributes: { category: "icon", type: "asterisk", item: "character" }, path: ["icon", "asterisk", "character"], }, }, ban: { character: { value: "\\e909", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e909" }, name: "IconBanCharacter", attributes: { category: "icon", type: "ban", item: "character" }, path: ["icon", "ban", "character"], }, }, barcode: { character: { value: "\\e90a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e90a" }, name: "IconBarcodeCharacter", attributes: { category: "icon", type: "barcode", item: "character" }, path: ["icon", "barcode", "character"], }, }, bell: { character: { value: "\\e90b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e90b" }, name: "IconBellCharacter", attributes: { category: "icon", type: "bell", item: "character" }, path: ["icon", "bell", "character"], }, }, bold: { character: { value: "\\e9a5", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a5" }, name: "IconBoldCharacter", attributes: { category: "icon", type: "bold", item: "character" }, path: ["icon", "bold", "character"], }, }, bolt: { character: { value: "\\e90c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e90c" }, name: "IconBoltCharacter", attributes: { category: "icon", type: "bolt", item: "character" }, path: ["icon", "bolt", "character"], }, }, book: { character: { value: "\\e90d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e90d" }, name: "IconBookCharacter", attributes: { category: "icon", type: "book", item: "character" }, path: ["icon", "book", "character"], }, }, bookmark: { character: { value: "", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "" }, name: "IconBookmarkCharacter", attributes: { category: "icon", type: "bookmark", item: "character" }, path: ["icon", "bookmark", "character"], }, }, "bookmark-outline": { character: { value: "", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "" }, name: "IconBookmarkOutlineCharacter", attributes: { category: "icon", type: "bookmark-outline", item: "character", }, path: ["icon", "bookmark-outline", "character"], }, }, building: { character: { value: "\\e90e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e90e" }, name: "IconBuildingCharacter", attributes: { category: "icon", type: "building", item: "character" }, path: ["icon", "building", "character"], }, }, "burst-bolt": { character: { value: "\\e90f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e90f" }, name: "IconBurstBoltCharacter", attributes: { category: "icon", type: "burst-bolt", item: "character", }, path: ["icon", "burst-bolt", "character"], }, }, burst: { character: { value: "\\e910", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e910" }, name: "IconBurstCharacter", attributes: { category: "icon", type: "burst", item: "character" }, path: ["icon", "burst", "character"], }, }, "calendar-blank": { character: { value: "\\e911", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e911" }, name: "IconCalendarBlankCharacter", attributes: { category: "icon", type: "calendar-blank", item: "character", }, path: ["icon", "calendar-blank", "character"], }, }, calendar: { character: { value: "\\e912", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e912" }, name: "IconCalendarCharacter", attributes: { category: "icon", type: "calendar", item: "character" }, path: ["icon", "calendar", "character"], }, }, camera: { character: { value: "\\e913", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e913" }, name: "IconCameraCharacter", attributes: { category: "icon", type: "camera", item: "character" }, path: ["icon", "camera", "character"], }, }, "chart-area": { character: { value: "\\e914", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e914" }, name: "IconChartAreaCharacter", attributes: { category: "icon", type: "chart-area", item: "character", }, path: ["icon", "chart-area", "character"], }, }, "chart-bar": { character: { value: "\\e915", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e915" }, name: "IconChartBarCharacter", attributes: { category: "icon", type: "chart-bar", item: "character", }, path: ["icon", "chart-bar", "character"], }, }, "chart-line": { character: { value: "\\e916", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e916" }, name: "IconChartLineCharacter", attributes: { category: "icon", type: "chart-line", item: "character", }, path: ["icon", "chart-line", "character"], }, }, "chart-pie": { character: { value: "\\e917", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e917" }, name: "IconChartPieCharacter", attributes: { category: "icon", type: "chart-pie", item: "character", }, path: ["icon", "chart-pie", "character"], }, }, checkmark: { character: { value: "\\e918", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e918" }, name: "IconCheckmarkCharacter", attributes: { category: "icon", type: "checkmark", item: "character", }, path: ["icon", "checkmark", "character"], }, }, "chevron-down": { character: { value: "\\e919", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e919" }, name: "IconChevronDownCharacter", attributes: { category: "icon", type: "chevron-down", item: "character", }, path: ["icon", "chevron-down", "character"], }, }, "chevron-left": { character: { value: "\\e91a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e91a" }, name: "IconChevronLeftCharacter", attributes: { category: "icon", type: "chevron-left", item: "character", }, path: ["icon", "chevron-left", "character"], }, }, "chevron-right": { character: { value: "\\e91b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e91b" }, name: "IconChevronRightCharacter", attributes: { category: "icon", type: "chevron-right", item: "character", }, path: ["icon", "chevron-right", "character"], }, }, "chevron-up": { character: { value: "\\e91c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e91c" }, name: "IconChevronUpCharacter", attributes: { category: "icon", type: "chevron-up", item: "character", }, path: ["icon", "chevron-up", "character"], }, }, "circle-outline": { character: { value: "\\e91d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e91d" }, name: "IconCircleOutlineCharacter", attributes: { category: "icon", type: "circle-outline", item: "character", }, path: ["icon", "circle-outline", "character"], }, }, "clear-formatting": { character: { value: "\\e9af", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9af" }, name: "IconClearFormattingCharacter", attributes: { category: "icon", type: "clear-formatting", item: "character", }, path: ["icon", "clear-formatting", "character"], }, }, clock: { character: { value: "\\e91e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e91e" }, name: "IconClockCharacter", attributes: { category: "icon", type: "clock", item: "character" }, path: ["icon", "clock", "character"], }, }, "code-fork": { character: { value: "\\e91f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e91f" }, name: "IconCodeForkCharacter", attributes: { category: "icon", type: "code-fork", item: "character", }, path: ["icon", "code-fork", "character"], }, }, "comment-bubble-exclamation": { character: { value: "\\e9ae", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9ae" }, name: "IconCommentBubbleExclamationCharacter", attributes: { category: "icon", type: "comment-bubble-exclamation", item: "character", }, path: ["icon", "comment-bubble-exclamation", "character"], }, }, "comment-bubble-question": { character: { value: "\\e920", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e920" }, name: "IconCommentBubbleQuestionCharacter", attributes: { category: "icon", type: "comment-bubble-question", item: "character", }, path: ["icon", "comment-bubble-question", "character"], }, }, "comment-bubble": { character: { value: "\\e921", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e921" }, name: "IconCommentBubbleCharacter", attributes: { category: "icon", type: "comment-bubble", item: "character", }, path: ["icon", "comment-bubble", "character"], }, }, "complete-file": { character: { value: "\\e9b0", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b0" }, name: "IconCompleteFileCharacter", attributes: { category: "icon", type: "complete-file", item: "character", }, path: ["icon", "complete-file", "character"], }, }, conversation: { character: { value: "\\e922", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e922" }, name: "IconConversationCharacter", attributes: { category: "icon", type: "conversation", item: "character", }, path: ["icon", "conversation", "character"], }, }, "column-switcher": { character: { value: "\\e923", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e923" }, name: "IconColumnSwitcherCharacter", attributes: { category: "icon", type: "column-switcher", item: "character", }, path: ["icon", "column-switcher", "character"], }, }, "credit-card": { character: { value: "\\e924", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e924" }, name: "IconCreditCardCharacter", attributes: { category: "icon", type: "credit-card", item: "character", }, path: ["icon", "credit-card", "character"], }, }, dashboard: { character: { value: "\\e925", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e925" }, name: "IconDashboardCharacter", attributes: { category: "icon", type: "dashboard", item: "character", }, path: ["icon", "dashboard", "character"], }, }, database: { character: { value: "\\e926", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e926" }, name: "IconDatabaseCharacter", attributes: { category: "icon", type: "database", item: "character" }, path: ["icon", "database", "character"], }, }, disk: { character: { value: "\\e927", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e927" }, name: "IconDiskCharacter", attributes: { category: "icon", type: "disk", item: "character" }, path: ["icon", "disk", "character"], }, }, "dollar-sign": { character: { value: "\\e928", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e928" }, name: "IconDollarSignCharacter", attributes: { category: "icon", type: "dollar-sign", item: "character", }, path: ["icon", "dollar-sign", "character"], }, }, "double-angle-left": { character: { value: "\\e929", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e929" }, name: "IconDoubleAngleLeftCharacter", attributes: { category: "icon", type: "double-angle-left", item: "character", }, path: ["icon", "double-angle-left", "character"], }, }, "double-angle-right": { character: { value: "\\e92a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e92a" }, name: "IconDoubleAngleRightCharacter", attributes: { category: "icon", type: "double-angle-right", item: "character", }, path: ["icon", "double-angle-right", "character"], }, }, "download-cloud": { character: { value: "\\e92b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e92b" }, name: "IconDownloadCloudCharacter", attributes: { category: "icon", type: "download-cloud", item: "character", }, path: ["icon", "download-cloud", "character"], }, }, drill: { character: { value: "\\e92c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e92c" }, name: "IconDrillCharacter", attributes: { category: "icon", type: "drill", item: "character" }, path: ["icon", "drill", "character"], }, }, duplicate: { character: { value: "\\e92d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e92d" }, name: "IconDuplicateCharacter", attributes: { category: "icon", type: "duplicate", item: "character", }, path: ["icon", "duplicate", "character"], }, }, ellipses: { character: { value: "\\e92e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e92e" }, name: "IconEllipsesCharacter", attributes: { category: "icon", type: "ellipses", item: "character" }, path: ["icon", "ellipses", "character"], }, }, envelope: { character: { value: "\\e92f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e92f" }, name: "IconEnvelopeCharacter", attributes: { category: "icon", type: "envelope", item: "character" }, path: ["icon", "envelope", "character"], }, }, exchange: { character: { value: "\\e930", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e930" }, name: "IconExchangeCharacter", attributes: { category: "icon", type: "exchange", item: "character" }, path: ["icon", "exchange", "character"], }, }, "expand-collapse": { character: { value: "\\e931", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e931" }, name: "IconExpandCollapseCharacter", attributes: { category: "icon", type: "expand-collapse", item: "character", }, path: ["icon", "expand-collapse", "character"], }, }, eye: { character: { value: "\\e932", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e932" }, name: "IconEyeCharacter", attributes: { category: "icon", type: "eye", item: "character" }, path: ["icon", "eye", "character"], }, }, "file-duplicate": { character: { value: "\\e933", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e933" }, name: "IconFileDuplicateCharacter", attributes: { category: "icon", type: "file-duplicate", item: "character", }, path: ["icon", "file-duplicate", "character"], }, }, "file-pdf": { character: { value: "\\e934", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e934" }, name: "IconFilePdfCharacter", attributes: { category: "icon", type: "file-pdf", item: "character" }, path: ["icon", "file-pdf", "character"], }, }, "file-presentation": { character: { value: "\\e935", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e935" }, name: "IconFilePresentationCharacter", attributes: { category: "icon", type: "file-presentation", item: "character", }, path: ["icon", "file-presentation", "character"], }, }, "file-size": { character: { value: "\\e936", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e936" }, name: "IconFileSizeCharacter", attributes: { category: "icon", type: "file-size", item: "character", }, path: ["icon", "file-size", "character"], }, }, "file-solid-text": { character: { value: "\\e937", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e937" }, name: "IconFileSolidTextCharacter", attributes: { category: "icon", type: "file-solid-text", item: "character", }, path: ["icon", "file-solid-text", "character"], }, }, "file-solid": { character: { value: "\\e938", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e938" }, name: "IconFileSolidCharacter", attributes: { category: "icon", type: "file-solid", item: "character", }, path: ["icon", "file-solid", "character"], }, }, "file-spreadsheet": { character: { value: "\\e939", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e939" }, name: "IconFileSpreadsheetCharacter", attributes: { category: "icon", type: "file-spreadsheet", item: "character", }, path: ["icon", "file-spreadsheet", "character"], }, }, "file-text": { character: { value: "\\e93a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e93a" }, name: "IconFileTextCharacter", attributes: { category: "icon", type: "file-text", item: "character", }, path: ["icon", "file-text", "character"], }, }, file: { character: { value: "\\e93b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e93b" }, name: "IconFileCharacter", attributes: { category: "icon", type: "file", item: "character" }, path: ["icon", "file", "character"], }, }, filter: { character: { value: "\\e93c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e93c" }, name: "IconFilterCharacter", attributes: { category: "icon", type: "filter", item: "character" }, path: ["icon", "filter", "character"], }, }, flag: { character: { value: "\\e93d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e93d" }, name: "IconFlagCharacter", attributes: { category: "icon", type: "flag", item: "character" }, path: ["icon", "flag", "character"], }, }, "flag-outline": { character: { value: "\\e9bb", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9bb" }, name: "IconFlagOutlineCharacter", attributes: { category: "icon", type: "flag-outline", item: "character", }, path: ["icon", "flag-outline", "character"], }, }, "folder-open": { character: { value: "\\e93e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e93e" }, name: "IconFolderOpenCharacter", attributes: { category: "icon", type: "folder-open", item: "character", }, path: ["icon", "folder-open", "character"], }, }, "folder-solid-open": { character: { value: "\\e93f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e93f" }, name: "IconFolderSolidOpenCharacter", attributes: { category: "icon", type: "folder-solid-open", item: "character", }, path: ["icon", "folder-solid-open", "character"], }, }, "folder-solid": { character: { value: "\\e940", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e940" }, name: "IconFolderSolidCharacter", attributes: { category: "icon", type: "folder-solid", item: "character", }, path: ["icon", "folder-solid", "character"], }, }, folder: { character: { value: "\\e941", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e941" }, name: "IconFolderCharacter", attributes: { category: "icon", type: "folder", item: "character" }, path: ["icon", "folder", "character"], }, }, gear: { character: { value: "\\e942", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e942" }, name: "IconGearCharacter", attributes: { category: "icon", type: "gear", item: "character" }, path: ["icon", "gear", "character"], }, }, globe: { character: { value: "\\e943", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e943" }, name: "IconGlobeCharacter", attributes: { category: "icon", type: "globe", item: "character" }, path: ["icon", "globe", "character"], }, }, grid: { character: { value: "\\e944", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e944" }, name: "IconGridCharacter", attributes: { category: "icon", type: "grid", item: "character" }, path: ["icon", "grid", "character"], }, }, group: { character: { value: "\\e945", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e945" }, name: "IconGroupCharacter", attributes: { category: "icon", type: "group", item: "character" }, path: ["icon", "group", "character"], }, }, "hand-stop": { character: { value: "\\e946", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e946" }, name: "IconHandStopCharacter", attributes: { category: "icon", type: "hand-stop", item: "character", }, path: ["icon", "hand-stop", "character"], }, }, handshake: { character: { value: "\\e947", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e947" }, name: "IconHandshakeCharacter", attributes: { category: "icon", type: "handshake", item: "character", }, path: ["icon", "handshake", "character"], }, }, hat: { character: { value: "\\e948", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e948" }, name: "IconHatCharacter", attributes: { category: "icon", type: "hat", item: "character" }, path: ["icon", "hat", "character"], }, }, heart: { character: { value: "\\e949", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e949" }, name: "IconHeartCharacter", attributes: { category: "icon", type: "heart", item: "character" }, path: ["icon", "heart", "character"], }, }, "heart-outline": { character: { value: "\\e9b9", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b9" }, name: "IconHeartOutlineCharacter", attributes: { category: "icon", type: "heart-outline", item: "character", }, path: ["icon", "heart-outline", "character"], }, }, history: { character: { value: "\\e94a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e94a" }, name: "IconHistoryCharacter", attributes: { category: "icon", type: "history", item: "character" }, path: ["icon", "history", "character"], }, }, home: { character: { value: "", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "" }, name: "IconHomeCharacter", attributes: { category: "icon", type: "home", item: "character" }, path: ["icon", "home", "character"], }, }, "i-made-this": { character: { value: "\\e9be", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9be" }, name: "IconIMadeThisCharacter", attributes: { category: "icon", type: "i-made-this", item: "character", }, path: ["icon", "i-made-this", "character"], }, }, inbox: { character: { value: "\\e94b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e94b" }, name: "IconInboxCharacter", attributes: { category: "icon", type: "inbox", item: "character" }, path: ["icon", "inbox", "character"], }, }, incoming: { character: { value: "\\e94c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e94c" }, name: "IconIncomingCharacter", attributes: { category: "icon", type: "incoming", item: "character" }, path: ["icon", "incoming", "character"], }, }, "info-circle": { character: { value: "\\e94d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e94d" }, name: "IconInfoCircleCharacter", attributes: { category: "icon", type: "info-circle", item: "character", }, path: ["icon", "info-circle", "character"], }, }, intercom: { character: { value: "\\e94e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e94e" }, name: "IconIntercomCharacter", attributes: { category: "icon", type: "intercom", item: "character" }, path: ["icon", "intercom", "character"], }, }, italics: { character: { value: "\\e9a6", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a6" }, name: "IconItalicsCharacter", attributes: { category: "icon", type: "italics", item: "character" }, path: ["icon", "italics", "character"], }, }, "item-tag": { character: { value: "\\e94f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e94f" }, name: "IconItemTagCharacter", attributes: { category: "icon", type: "item-tag", item: "character" }, path: ["icon", "item-tag", "character"], }, }, key: { character: { value: "\\e950", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e950" }, name: "IconKeyCharacter", attributes: { category: "icon", type: "key", item: "character" }, path: ["icon", "key", "character"], }, }, "life-preserver": { character: { value: "\\e951", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e951" }, name: "IconLifePreserverCharacter", attributes: { category: "icon", type: "life-preserver", item: "character", }, path: ["icon", "life-preserver", "character"], }, }, lightbulb: { character: { value: "\\e952", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e952" }, name: "IconLightbulbCharacter", attributes: { category: "icon", type: "lightbulb", item: "character", }, path: ["icon", "lightbulb", "character"], }, }, link: { character: { value: "\\e953", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e953" }, name: "IconLinkCharacter", attributes: { category: "icon", type: "link", item: "character" }, path: ["icon", "link", "character"], }, }, linkedin: { character: { value: "\\e954", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e954" }, name: "IconLinkedinCharacter", attributes: { category: "icon", type: "linkedin", item: "character" }, path: ["icon", "linkedin", "character"], }, }, "list-cards": { character: { value: "\\e955", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e955" }, name: "IconListCardsCharacter", attributes: { category: "icon", type: "list-cards", item: "character", }, path: ["icon", "list-cards", "character"], }, }, "list-columns": { character: { value: "\\e956", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e956" }, name: "IconListColumnsCharacter", attributes: { category: "icon", type: "list-columns", item: "character", }, path: ["icon", "list-columns", "character"], }, }, "list-indent": { character: { value: "\\e9a7", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a7" }, name: "IconListIndentCharacter", attributes: { category: "icon", type: "list-indent", item: "character", }, path: ["icon", "list-indent", "character"], }, }, "list-ordered": { character: { value: "\\e9a8", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a8" }, name: "IconListOrderedCharacter", attributes: { category: "icon", type: "list-ordered", item: "character", }, path: ["icon", "list-ordered", "character"], }, }, "list-outdent": { character: { value: "\\e9a9", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a9" }, name: "IconListOutdentCharacter", attributes: { category: "icon", type: "list-outdent", item: "character", }, path: ["icon", "list-outdent", "character"], }, }, "list-unordered": { character: { value: "\\e9aa", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9aa" }, name: "IconListUnorderedCharacter", attributes: { category: "icon", type: "list-unordered", item: "character", }, path: ["icon", "list-unordered", "character"], }, }, "list-summary": { character: { value: "\\e957", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e957" }, name: "IconListSummaryCharacter", attributes: { category: "icon", type: "list-summary", item: "character", }, path: ["icon", "list-summary", "character"], }, }, "list-table": { character: { value: "\\e958", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e958" }, name: "IconListTableCharacter", attributes: { category: "icon", type: "list-table", item: "character", }, path: ["icon", "list-table", "character"], }, }, list: { character: { value: "\\e959", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e959" }, name: "IconListCharacter", attributes: { category: "icon", type: "list", item: "character" }, path: ["icon", "list", "character"], }, }, location: { character: { value: "\\e95a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e95a" }, name: "IconLocationCharacter", attributes: { category: "icon", type: "location", item: "character" }, path: ["icon", "location", "character"], }, }, locked: { character: { value: "\\e95b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e95b" }, name: "IconLockedCharacter", attributes: { category: "icon", type: "locked", item: "character" }, path: ["icon", "locked", "character"], }, }, "map-marker": { character: { value: "\\e95c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e95c" }, name: "IconMapMarkerCharacter", attributes: { category: "icon", type: "map-marker", item: "character", }, path: ["icon", "map-marker", "character"], }, }, map: { character: { value: "\\e95d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e95d" }, name: "IconMapCharacter", attributes: { category: "icon", type: "map", item: "character" }, path: ["icon", "map", "character"], }, }, maximize: { character: { value: "\\e95e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e95e" }, name: "IconMaximizeCharacter", attributes: { category: "icon", type: "maximize", item: "character" }, path: ["icon", "maximize", "character"], }, }, "microphone-off": { character: { value: "\\e9b7", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b7" }, name: "IconMicrophoneOffCharacter", attributes: { category: "icon", type: "microphone-off", item: "character", }, path: ["icon", "microphone-off", "character"], }, }, "microphone-on": { character: { value: "\\e9b8", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b8" }, name: "IconMicrophoneOnCharacter", attributes: { category: "icon", type: "microphone-on", item: "character", }, path: ["icon", "microphone-on", "character"], }, }, minimize: { character: { value: "\\e95f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e95f" }, name: "IconMinimizeCharacter", attributes: { category: "icon", type: "minimize", item: "character" }, path: ["icon", "minimize", "character"], }, }, "minus-circle": { character: { value: "\\e960", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e960" }, name: "IconMinusCircleCharacter", attributes: { category: "icon", type: "minus-circle", item: "character", }, path: ["icon", "minus-circle", "character"], }, }, minus: { character: { value: "\\e961", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e961" }, name: "IconMinusCharacter", attributes: { category: "icon", type: "minus", item: "character" }, path: ["icon", "minus", "character"], }, }, "new-file": { character: { value: "\\e962", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e962" }, name: "IconNewFileCharacter", attributes: { category: "icon", type: "new-file", item: "character" }, path: ["icon", "new-file", "character"], }, }, "new-screen": { character: { value: "\\e963", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e963" }, name: "IconNewScreenCharacter", attributes: { category: "icon", type: "new-screen", item: "character", }, path: ["icon", "new-screen", "character"], }, }, outgoing: { character: { value: "\\e964", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e964" }, name: "IconOutgoingCharacter", attributes: { category: "icon", type: "outgoing", item: "character" }, path: ["icon", "outgoing", "character"], }, }, "paper-plane": { character: { value: "\\e965", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e965" }, name: "IconPaperPlaneCharacter", attributes: { category: "icon", type: "paper-plane", item: "character", }, path: ["icon", "paper-plane", "character"], }, }, pencil: { character: { value: "\\e966", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e966" }, name: "IconPencilCharacter", attributes: { category: "icon", type: "pencil", item: "character" }, path: ["icon", "pencil", "character"], }, }, photo: { character: { value: "\\e967", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e967" }, name: "IconPhotoCharacter", attributes: { category: "icon", type: "photo", item: "character" }, path: ["icon", "photo", "character"], }, }, pinterest: { character: { value: "\\e968", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e968" }, name: "IconPinterestCharacter", attributes: { category: "icon", type: "pinterest", item: "character", }, path: ["icon", "pinterest", "character"], }, }, play: { character: { value: "\\e969", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e969" }, name: "IconPlayCharacter", attributes: { category: "icon", type: "play", item: "character" }, path: ["icon", "play", "character"], }, }, "plus-circle": { character: { value: "\\e96a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e96a" }, name: "IconPlusCircleCharacter", attributes: { category: "icon", type: "plus-circle", item: "character", }, path: ["icon", "plus-circle", "character"], }, }, "plus-sign": { character: { value: "\\e96b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e96b" }, name: "IconPlusSignCharacter", attributes: { category: "icon", type: "plus-sign", item: "character", }, path: ["icon", "plus-sign", "character"], }, }, presentation: { character: { value: "\\e96c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e96c" }, name: "IconPresentationCharacter", attributes: { category: "icon", type: "presentation", item: "character", }, path: ["icon", "presentation", "character"], }, }, printer: { character: { value: "\\e96d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e96d" }, name: "IconPrinterCharacter", attributes: { category: "icon", type: "printer", item: "character" }, path: ["icon", "printer", "character"], }, }, "qr-code": { character: { value: "\\e96e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e96e" }, name: "IconQrCodeCharacter", attributes: { category: "icon", type: "qr-code", item: "character" }, path: ["icon", "qr-code", "character"], }, }, "question-circle": { character: { value: "\\e96f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e96f" }, name: "IconQuestionCircleCharacter", attributes: { category: "icon", type: "question-circle", item: "character", }, path: ["icon", "question-circle", "character"], }, }, "quote-left": { character: { value: "\\e970", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e970" }, name: "IconQuoteLeftCharacter", attributes: { category: "icon", type: "quote-left", item: "character", }, path: ["icon", "quote-left", "character"], }, }, "quote-right": { character: { value: "\\e971", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e971" }, name: "IconQuoteRightCharacter", attributes: { category: "icon", type: "quote-right", item: "character", }, path: ["icon", "quote-right", "character"], }, }, random: { character: { value: "\\e972", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e972" }, name: "IconRandomCharacter", attributes: { category: "icon", type: "random", item: "character" }, path: ["icon", "random", "character"], }, }, redo: { character: { value: "\\e9ac", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9ac" }, name: "IconRedoCharacter", attributes: { category: "icon", type: "redo", item: "character" }, path: ["icon", "redo", "character"], }, }, refresh: { character: { value: "\\e973", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e973" }, name: "IconRefreshCharacter", attributes: { category: "icon", type: "refresh", item: "character" }, path: ["icon", "refresh", "character"], }, }, rocket: { character: { value: "\\e974", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e974" }, name: "IconRocketCharacter", attributes: { category: "icon", type: "rocket", item: "character" }, path: ["icon", "rocket", "character"], }, }, "saved-circle": { character: { value: "\\e98a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e98a" }, name: "IconSavedCircleCharacter", attributes: { category: "icon", type: "saved-circle", item: "character", }, path: ["icon", "saved-circle", "character"], }, }, "search-plus": { character: { value: "\\e975", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e975" }, name: "IconSearchPlusCharacter", attributes: { category: "icon", type: "search-plus", item: "character", }, path: ["icon", "search-plus", "character"], }, }, search: { character: { value: "\\e976", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e976" }, name: "IconSearchCharacter", attributes: { category: "icon", type: "search", item: "character" }, path: ["icon", "search", "character"], }, }, share: { character: { value: "\\e977", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e977" }, name: "IconShareCharacter", attributes: { category: "icon", type: "share", item: "character" }, path: ["icon", "share", "character"], }, }, "shopping-cart": { character: { value: "\\e978", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e978" }, name: "IconShoppingCartCharacter", attributes: { category: "icon", type: "shopping-cart", item: "character", }, path: ["icon", "shopping-cart", "character"], }, }, "sort-alpha-asc": { character: { value: "\\e979", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e979" }, name: "IconSortAlphaAscCharacter", attributes: { category: "icon", type: "sort-alpha-asc", item: "character", }, path: ["icon", "sort-alpha-asc", "character"], }, }, "sort-alpha-desc": { character: { value: "\\e97a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e97a" }, name: "IconSortAlphaDescCharacter", attributes: { category: "icon", type: "sort-alpha-desc", item: "character", }, path: ["icon", "sort-alpha-desc", "character"], }, }, "sort-num-asc": { character: { value: "\\e97b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e97b" }, name: "IconSortNumAscCharacter", attributes: { category: "icon", type: "sort-num-asc", item: "character", }, path: ["icon", "sort-num-asc", "character"], }, }, "sort-num-desc": { character: { value: "\\e97c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e97c" }, name: "IconSortNumDescCharacter", attributes: { category: "icon", type: "sort-num-desc", item: "character", }, path: ["icon", "sort-num-desc", "character"], }, }, "star-outline": { character: { value: "\\e97d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e97d" }, name: "IconStarOutlineCharacter", attributes: { category: "icon", type: "star-outline", item: "character", }, path: ["icon", "star-outline", "character"], }, }, star: { character: { value: "\\e97e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e97e" }, name: "IconStarCharacter", attributes: { category: "icon", type: "star", item: "character" }, path: ["icon", "star", "character"], }, }, "archive-circle": { character: { value: "\\e97f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e97f" }, name: "IconArchiveCircleCharacter", attributes: { category: "icon", type: "archive-circle", item: "character", }, path: ["icon", "archive-circle", "character"], }, }, "x-circle": { character: { value: "\\e980", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e980" }, name: "IconXCircleCharacter", attributes: { category: "icon", type: "x-circle", item: "character" }, path: ["icon", "x-circle", "character"], }, }, "exclamation-circle": { character: { value: "\\e981", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e981" }, name: "IconExclamationCircleCharacter", attributes: { category: "icon", type: "exclamation-circle", item: "character", }, path: ["icon", "exclamation-circle", "character"], }, }, "descending-ellipses-circle": { character: { value: "\\e982", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e982" }, name: "IconDescendingEllipsesCircleCharacter", attributes: { category: "icon", type: "descending-ellipses-circle", item: "character", }, path: ["icon", "descending-ellipses-circle", "character"], }, }, "double-angle-right-circle": { character: { value: "\\e983", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e983" }, name: "IconDoubleAngleRightCircleCharacter", attributes: { category: "icon", type: "double-angle-right-circle", item: "character", }, path: ["icon", "double-angle-right-circle", "character"], }, }, "locked-circle": { character: { value: "\\e984", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e984" }, name: "IconLockedCircleCharacter", attributes: { category: "icon", type: "locked-circle", item: "character", }, path: ["icon", "locked-circle", "character"], }, }, "asterisk-circle": { character: { value: "\\e985", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e985" }, name: "IconAsteriskCircleCharacter", attributes: { category: "icon", type: "asterisk-circle", item: "character", }, path: ["icon", "asterisk-circle", "character"], }, }, "checkmark-circle": { character: { value: "\\e986", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e986" }, name: "IconCheckmarkCircleCharacter", attributes: { category: "icon", type: "checkmark-circle", item: "character", }, path: ["icon", "checkmark-circle", "character"], }, }, "clock-circle": { character: { value: "\\e987", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e987" }, name: "IconClockCircleCharacter", attributes: { category: "icon", type: "clock-circle", item: "character", }, path: ["icon", "clock-circle", "character"], }, }, "calendar-blank-circle": { character: { value: "\\e988", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e988" }, name: "IconCalendarBlankCircleCharacter", attributes: { category: "icon", type: "calendar-blank-circle", item: "character", }, path: ["icon", "calendar-blank-circle", "character"], }, }, "ban-circle": { character: { value: "\\e989", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e989" }, name: "IconBanCircleCharacter", attributes: { category: "icon", type: "ban-circle", item: "character", }, path: ["icon", "ban-circle", "character"], }, }, "disk-circle": { character: { value: "\\e98b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e98b" }, name: "IconDiskCircleCharacter", attributes: { category: "icon", type: "disk-circle", item: "character", }, path: ["icon", "disk-circle", "character"], }, }, "template-circle": { character: { value: "\\e98c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e98c" }, name: "IconTemplateCircleCharacter", attributes: { category: "icon", type: "template-circle", item: "character", }, path: ["icon", "template-circle", "character"], }, }, "exclamation-triangle": { character: { value: "\\e98d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e98d" }, name: "IconExclamationTriangleCharacter", attributes: { category: "icon", type: "exclamation-triangle", item: "character", }, path: ["icon", "exclamation-triangle", "character"], }, }, table: { character: { value: "\\e98e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e98e" }, name: "IconTableCharacter", attributes: { category: "icon", type: "table", item: "character" }, path: ["icon", "table", "character"], }, }, tabs: { character: { value: "\\e98f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e98f" }, name: "IconTabsCharacter", attributes: { category: "icon", type: "tabs", item: "character" }, path: ["icon", "tabs", "character"], }, }, "thumbs-down-outline": { character: { value: "\\e990", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e990" }, name: "IconThumbsDownOutlineCharacter", attributes: { category: "icon", type: "thumbs-down-outline", item: "character", }, path: ["icon", "thumbs-down-outline", "character"], }, }, "thumbs-down": { character: { value: "\\e991", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e991" }, name: "IconThumbsDownCharacter", attributes: { category: "icon", type: "thumbs-down", item: "character", }, path: ["icon", "thumbs-down", "character"], }, }, "thumbs-up-outline": { character: { value: "\\e992", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e992" }, name: "IconThumbsUpOutlineCharacter", attributes: { category: "icon", type: "thumbs-up-outline", item: "character", }, path: ["icon", "thumbs-up-outline", "character"], }, }, "thumbs-up": { character: { value: "\\e993", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e993" }, name: "IconThumbsUpCharacter", attributes: { category: "icon", type: "thumbs-up", item: "character", }, path: ["icon", "thumbs-up", "character"], }, }, trash: { character: { value: "\\e994", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e994" }, name: "IconTrashCharacter", attributes: { category: "icon", type: "trash", item: "character" }, path: ["icon", "trash", "character"], }, }, "truck-shipping": { character: { value: "\\e995", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e995" }, name: "IconTruckShippingCharacter", attributes: { category: "icon", type: "truck-shipping", item: "character", }, path: ["icon", "truck-shipping", "character"], }, }, twitter: { character: { value: "\\e996", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e996" }, name: "IconTwitterCharacter", attributes: { category: "icon", type: "twitter", item: "character" }, path: ["icon", "twitter", "character"], }, }, unarchive: { character: { value: "\\e9ad", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9ad" }, name: "IconUnarchiveCharacter", attributes: { category: "icon", type: "unarchive", item: "character", }, path: ["icon", "unarchive", "character"], }, }, undo: { character: { value: "\\e997", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e997" }, name: "IconUndoCharacter", attributes: { category: "icon", type: "undo", item: "character" }, path: ["icon", "undo", "character"], }, }, unlocked: { character: { value: "\\e998", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e998" }, name: "IconUnlockedCharacter", attributes: { category: "icon", type: "unlocked", item: "character" }, path: ["icon", "unlocked", "character"], }, }, unlink: { character: { value: "\\e9ab", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9ab" }, name: "IconUnlinkCharacter", attributes: { category: "icon", type: "unlink", item: "character" }, path: ["icon", "unlink", "character"], }, }, "upload-cloud": { character: { value: "\\e999", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e999" }, name: "IconUploadCloudCharacter", attributes: { category: "icon", type: "upload-cloud", item: "character", }, path: ["icon", "upload-cloud", "character"], }, }, wrench: { character: { value: "\\e99a", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e99a" }, name: "IconWrenchCharacter", attributes: { category: "icon", type: "wrench", item: "character" }, path: ["icon", "wrench", "character"], }, }, x: { character: { value: "\\e99b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e99b" }, name: "IconXCharacter", attributes: { category: "icon", type: "x", item: "character" }, path: ["icon", "x", "character"], }, }, "arrow-right-circle": { character: { value: "\\e99c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e99c" }, name: "IconArrowRightCircleCharacter", attributes: { category: "icon", type: "arrow-right-circle", item: "character", }, path: ["icon", "arrow-right-circle", "character"], }, }, "calendar-select": { character: { value: "\\e99d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e99d" }, name: "IconCalendarSelectCharacter", attributes: { category: "icon", type: "calendar-select", item: "character", }, path: ["icon", "calendar-select", "character"], }, }, tag: { character: { value: "\\e99e", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e99e" }, name: "IconTagCharacter", attributes: { category: "icon", type: "tag", item: "character" }, path: ["icon", "tag", "character"], }, }, user: { character: { value: "\\e99f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e99f" }, name: "IconUserCharacter", attributes: { category: "icon", type: "user", item: "character" }, path: ["icon", "user", "character"], }, }, "eye-slash": { character: { value: "\\e9a0", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a0" }, name: "IconEyeSlashCharacter", attributes: { category: "icon", type: "eye-slash", item: "character", }, path: ["icon", "eye-slash", "character"], }, }, "bell-filled": { character: { value: "\\e9a1", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a1" }, name: "IconBellFilledCharacter", attributes: { category: "icon", type: "bell-filled", item: "character", }, path: ["icon", "bell-filled", "character"], }, }, "nested-list": { character: { value: "\\e9a2", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a2" }, name: "IconNestedListCharacter", attributes: { category: "icon", type: "nested-list", item: "character", }, path: ["icon", "nested-list", "character"], }, }, pin: { character: { value: "\\e9a3", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a3" }, name: "IconPinCharacter", attributes: { category: "icon", type: "pin", item: "character" }, path: ["icon", "pin", "character"], }, }, "pin-outline": { character: { value: "\\e9bc", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9bc" }, name: "IconPinOutlineCharacter", attributes: { category: "icon", type: "pin-outline", item: "character", }, path: ["icon", "pin-outline", "character"], }, }, "user-impersonation": { character: { value: "\\e9a4", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9a4" }, name: "IconUserImpersonationCharacter", attributes: { category: "icon", type: "user-impersonation", item: "character", }, path: ["icon", "user-impersonation", "character"], }, }, "volume-full": { character: { value: "\\e9b6", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b6" }, name: "IconVolumeFullCharacter", attributes: { category: "icon", type: "volume-full", item: "character", }, path: ["icon", "volume-full", "character"], }, }, "volume-low": { character: { value: "\\e9b3", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b3" }, name: "IconVolumeLowCharacter", attributes: { category: "icon", type: "volume-low", item: "character", }, path: ["icon", "volume-low", "character"], }, }, "volume-medium": { character: { value: "\\e9b5", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b5" }, name: "IconVolumeMediumCharacter", attributes: { category: "icon", type: "volume-medium", item: "character", }, path: ["icon", "volume-medium", "character"], }, }, "volume-off": { character: { value: "\\e9b1", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b1" }, name: "IconVolumeOffCharacter", attributes: { category: "icon", type: "volume-off", item: "character", }, path: ["icon", "volume-off", "character"], }, }, workflow: { character: { value: "\\e9b4", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b4" }, name: "IconWorkflowCharacter", attributes: { category: "icon", type: "workflow", item: "character" }, path: ["icon", "workflow", "character"], }, }, "workflow-complete": { character: { value: "\\e9b2", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9b2" }, name: "IconWorkflowCompleteCharacter", attributes: { category: "icon", type: "workflow-complete", item: "character", }, path: ["icon", "workflow-complete", "character"], }, }, "status-archived": { character: { value: "\\e97f", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.archive-circle.character}" }, name: "IconStatusArchivedCharacter", attributes: { category: "icon", type: "status-archived", item: "character", }, path: ["icon", "status-archived", "character"], }, color: { value: "#1f282cff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.grey.dark}" }, name: "IconStatusArchivedColor", attributes: { category: "icon", type: "status-archived", item: "color", }, path: ["icon", "status-archived", "color"], }, }, "status-cancelled": { character: { value: "\\e980", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.x-circle.character}" }, name: "IconStatusCancelledCharacter", attributes: { category: "icon", type: "status-cancelled", item: "character", }, path: ["icon", "status-cancelled", "character"], }, color: { value: "#de002eff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.red.medium}" }, name: "IconStatusCancelledColor", attributes: { category: "icon", type: "status-cancelled", item: "color", }, path: ["icon", "status-cancelled", "color"], }, }, "status-error": { character: { value: "\\e981", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.exclamation-circle.character}" }, name: "IconStatusErrorCharacter", attributes: { category: "icon", type: "status-error", item: "character", }, path: ["icon", "status-error", "character"], }, color: { value: "#de002eff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.red.medium}" }, name: "IconStatusErrorColor", attributes: { category: "icon", type: "status-error", item: "color" }, path: ["icon", "status-error", "color"], }, }, "status-in-process": { character: { value: "\\e982", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.descending-ellipses-circle.character}" }, name: "IconStatusInProcessCharacter", attributes: { category: "icon", type: "status-in-process", item: "character", }, path: ["icon", "status-in-process", "character"], }, color: { value: "#91467fff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.purple.medium}" }, name: "IconStatusInProcessColor", attributes: { category: "icon", type: "status-in-process", item: "color", }, path: ["icon", "status-in-process", "color"], }, }, "status-in-transit": { character: { value: "\\e983", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.double-angle-right-circle.character}" }, name: "IconStatusInTransitCharacter", attributes: { category: "icon", type: "status-in-transit", item: "character", }, path: ["icon", "status-in-transit", "character"], }, color: { value: "#91467fff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.purple.medium}" }, name: "IconStatusInTransitColor", attributes: { category: "icon", type: "status-in-transit", item: "color", }, path: ["icon", "status-in-transit", "color"], }, }, "status-locked": { character: { value: "\\e984", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.locked-circle.character}" }, name: "IconStatusLockedCharacter", attributes: { category: "icon", type: "status-locked", item: "character", }, path: ["icon", "status-locked", "character"], }, color: { value: "#1f282cff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.grey.dark}" }, name: "IconStatusLockedColor", attributes: { category: "icon", type: "status-locked", item: "color", }, path: ["icon", "status-locked", "color"], }, }, "status-new": { character: { value: "\\e985", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.asterisk-circle.character}" }, name: "IconStatusNewCharacter", attributes: { category: "icon", type: "status-new", item: "character", }, path: ["icon", "status-new", "character"], }, color: { value: "#007db8ff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.blue.medium}" }, name: "IconStatusNewColor", attributes: { category: "icon", type: "status-new", item: "color" }, path: ["icon", "status-new", "color"], }, }, "status-ok": { character: { value: "\\e986", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.checkmark-circle.character}" }, name: "IconStatusOkCharacter", attributes: { category: "icon", type: "status-ok", item: "character", }, path: ["icon", "status-ok", "character"], }, color: { value: "#0b8940ff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.green.medium}" }, name: "IconStatusOkColor", attributes: { category: "icon", type: "status-ok", item: "color" }, path: ["icon", "status-ok", "color"], }, }, "status-on-hold": { character: { value: "\\e987", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.clock-circle.character}" }, name: "IconStatusOnHoldCharacter", attributes: { category: "icon", type: "status-on-hold", item: "character", }, path: ["icon", "status-on-hold", "character"], }, color: { value: "#1f282cff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.grey.dark}" }, name: "IconStatusOnHoldColor", attributes: { category: "icon", type: "status-on-hold", item: "color", }, path: ["icon", "status-on-hold", "color"], }, }, "status-outdated": { character: { value: "\\e988", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.calendar-blank-circle.character}" }, name: "IconStatusOutdatedCharacter", attributes: { category: "icon", type: "status-outdated", item: "character", }, path: ["icon", "status-outdated", "character"], }, color: { value: "#1f282cff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.grey.dark}" }, name: "IconStatusOutdatedColor", attributes: { category: "icon", type: "status-outdated", item: "color", }, path: ["icon", "status-outdated", "color"], }, }, "status-preview": { character: { value: "\\e9ba", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "\\e9ba" }, name: "IconStatusPreviewCharacter", attributes: { category: "icon", type: "status-preview", item: "character", }, path: ["icon", "status-preview", "character"], }, color: { value: "#1f282cff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.grey.dark}" }, name: "IconStatusPreviewColor", attributes: { category: "icon", type: "status-preview", item: "color", }, path: ["icon", "status-preview", "color"], }, }, "status-rejected": { character: { value: "\\e989", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.ban-circle.character}" }, name: "IconStatusRejectedCharacter", attributes: { category: "icon", type: "status-rejected", item: "character", }, path: ["icon", "status-rejected", "character"], }, color: { value: "#de002eff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.red.medium}" }, name: "IconStatusRejectedColor", attributes: { category: "icon", type: "status-rejected", item: "color", }, path: ["icon", "status-rejected", "color"], }, }, "status-saved": { character: { value: "\\e98b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.disk-circle.character}" }, name: "IconStatusSavedCharacter", attributes: { category: "icon", type: "status-saved", item: "character", }, path: ["icon", "status-saved", "character"], }, color: { value: "#91467fff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.purple.medium}" }, name: "IconStatusSavedColor", attributes: { category: "icon", type: "status-saved", item: "color" }, path: ["icon", "status-saved", "color"], }, }, "status-saving": { character: { value: "\\e98b", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.disk-circle.character}" }, name: "IconStatusSavingCharacter", attributes: { category: "icon", type: "status-saving", item: "character", }, path: ["icon", "status-saving", "character"], }, color: { value: "#91467fff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.purple.medium}" }, name: "IconStatusSavingColor", attributes: { category: "icon", type: "status-saving", item: "color", }, path: ["icon", "status-saving", "color"], }, }, "status-template": { character: { value: "\\e98c", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.template-circle.character}" }, name: "IconStatusTemplateCharacter", attributes: { category: "icon", type: "status-template", item: "character", }, path: ["icon", "status-template", "character"], }, color: { value: "#007db8ff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.blue.medium}" }, name: "IconStatusTemplateColor", attributes: { category: "icon", type: "status-template", item: "color", }, path: ["icon", "status-template", "color"], }, }, "status-warning": { character: { value: "\\e98d", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{icon.exclamation-triangle.character}" }, name: "IconStatusWarningCharacter", attributes: { category: "icon", type: "status-warning", item: "character", }, path: ["icon", "status-warning", "character"], }, color: { value: "#e7760bff", filePath: "src/tokens/icon/icon.json", isSource: true, original: { value: "{color.orange.medium}" }, name: "IconStatusWarningColor", attributes: { category: "icon", type: "status-warning", item: "color", }, path: ["icon", "status-warning", "color"], }, }, }, shadow: { input: { value: "0 0.25rem 0 0 #e9e9eaff inset", filePath: "src/tokens/shadow/shadow.json", isSource: true, original: { value: { offsetY: "{size.system.xs.value}", color: "{color.grey.light.value}", inset: true, }, }, name: "ShadowInput", attributes: { category: "shadow", type: "input" }, path: ["shadow", "input"], }, outer: { value: "0 0 0.25rem 0 #1f282c80", filePath: "src/tokens/shadow/shadow.json", isSource: true, original: { value: { blur: "{size.system.xs.value}", color: "{color.grey.dark-50.value}", }, }, name: "ShadowOuter", attributes: { category: "shadow", type: "outer" }, path: ["shadow", "outer"], }, dropdown: { value: "0 0 0.25rem 0 #1f282c40", filePath: "src/tokens/shadow/shadow.json", isSource: true, original: { value: { blur: "{size.system.xs.value}", color: "{color.grey.dark-25.value}", }, }, name: "ShadowDropdown", attributes: { category: "shadow", type: "dropdown" }, path: ["shadow", "dropdown"], }, "fixed-container": { value: "0 0 0.25rem 0.25rem #1f282c1a", filePath: "src/tokens/shadow/shadow.json", isSource: true, original: { value: { blur: "{size.system.xs.value}", spread: "{size.system.xs.value}", color: "{color.grey.dark-10.value}", }, }, name: "ShadowFixedContainer", attributes: { category: "shadow", type: "fixed-container" }, path: ["shadow", "fixed-container"], }, }, size: { border: { radius: { none: { value: "0", filePath: "src/tokens/size/border.json", isSource: true, original: { value: 0 }, name: "SizeBorderRadiusNone", attributes: { category: "size", type: "border", item: "radius", subitem: "none", }, path: ["size", "border", "radius", "none"], }, xxs: { value: "0.125rem", filePath: "src/tokens/size/border.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "SizeBorderRadiusXxs", attributes: { category: "size", type: "border", item: "radius", subitem: "xxs", }, path: ["size", "border", "radius", "xxs"], }, xs: { value: "0.25rem", filePath: "src/tokens/size/border.json", isSource: true, original: { value: "{size.system.xs.value}" }, name: "SizeBorderRadiusXs", attributes: { category: "size", type: "border", item: "radius", subitem: "xs", }, path: ["size", "border", "radius", "xs"], }, }, width: { none: { value: "0", filePath: "src/tokens/size/border.json", isSource: true, original: { value: 0 }, name: "SizeBorderWidthNone", attributes: { category: "size", type: "border", item: "width", subitem: "none", }, path: ["size", "border", "width", "none"], }, standard: { value: "0.0625rem", filePath: "src/tokens/size/border.json", isSource: true, original: { value: 1 }, name: "SizeBorderWidthStandard", attributes: { category: "size", type: "border", item: "width", subitem: "standard", }, path: ["size", "border", "width", "standard"], }, }, }, component: { "action-bar": { "max-content-width": { value: "1280px", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "{grid.content-width.value}" }, name: "SizeComponentActionBarMaxContentWidth", attributes: { category: "size", type: "component", item: "action-bar", subitem: "max-content-width", }, path: ["size", "component", "action-bar", "max-content-width"], }, "content-padding": { value: "1.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "20px" }, name: "SizeComponentActionBarContentPadding", attributes: { category: "size", type: "component", item: "action-bar", subitem: "content-padding", }, path: ["size", "component", "action-bar", "content-padding"], }, }, "add-to-list": { "drag-handle": { width: { value: "0.375rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "6px" }, name: "SizeComponentAddToListDragHandleWidth", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "drag-handle", state: "width", }, path: [ "size", "component", "add-to-list", "drag-handle", "width", ], }, height: { value: "1.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "18px" }, name: "SizeComponentAddToListDragHandleHeight", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "drag-handle", state: "height", }, path: [ "size", "component", "add-to-list", "drag-handle", "height", ], }, }, "close-button": { right: { value: "0.375rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "6px" }, name: "SizeComponentAddToListCloseButtonRight", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "close-button", state: "right", }, path: [ "size", "component", "add-to-list", "close-button", "right", ], }, top: { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentAddToListCloseButtonTop", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "close-button", state: "top", }, path: ["size", "component", "add-to-list", "close-button", "top"], }, }, item: { minwidth: { value: "17.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "284px" }, name: "SizeComponentAddToListItemMinwidth", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "item", state: "minwidth", }, path: ["size", "component", "add-to-list", "item", "minwidth"], }, padding: { value: "0.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "12px" }, name: "SizeComponentAddToListItemPadding", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "item", state: "padding", }, path: ["size", "component", "add-to-list", "item", "padding"], }, }, verticalRule: { left: { value: "3.09375rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "49.5%" }, name: "SizeComponentAddToListVerticalRuleLeft", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "verticalRule", state: "left", }, path: [ "size", "component", "add-to-list", "verticalRule", "left", ], }, top: { value: "0", filePath: "src/tokens/size/component.json", isSource: true, original: { value: 0 }, name: "SizeComponentAddToListVerticalRuleTop", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "verticalRule", state: "top", }, path: ["size", "component", "add-to-list", "verticalRule", "top"], }, bottom: { value: "0", filePath: "src/tokens/size/component.json", isSource: true, original: { value: 0 }, name: "SizeComponentAddToListVerticalRuleBottom", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "verticalRule", state: "bottom", }, path: [ "size", "component", "add-to-list", "verticalRule", "bottom", ], }, height: { value: "6.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "100%" }, name: "SizeComponentAddToListVerticalRuleHeight", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "verticalRule", state: "height", }, path: [ "size", "component", "add-to-list", "verticalRule", "height", ], }, }, leftList: { base: { marginRight: { value: "1rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "16px" }, name: "SizeComponentAddToListLeftListBaseMarginRight", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "leftList", state: "base", }, path: [ "size", "component", "add-to-list", "leftList", "base", "marginRight", ], }, }, vertical: { marginRight: { value: "0", filePath: "src/tokens/size/component.json", isSource: true, original: { value: 0 }, name: "SizeComponentAddToListLeftListVerticalMarginRight", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "leftList", state: "vertical", }, path: [ "size", "component", "add-to-list", "leftList", "vertical", "marginRight", ], }, marginBottom: { value: "1.375rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "22px" }, name: "SizeComponentAddToListLeftListVerticalMarginBottom", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "leftList", state: "vertical", }, path: [ "size", "component", "add-to-list", "leftList", "vertical", "marginBottom", ], }, }, }, rightList: { base: { marginLeft: { value: "1rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "16px" }, name: "SizeComponentAddToListRightListBaseMarginLeft", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "rightList", state: "base", }, path: [ "size", "component", "add-to-list", "rightList", "base", "marginLeft", ], }, }, vertical: { marginLeft: { value: "0", filePath: "src/tokens/size/component.json", isSource: true, original: { value: 0 }, name: "SizeComponentAddToListRightListVerticalMarginLeft", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "rightList", state: "vertical", }, path: [ "size", "component", "add-to-list", "rightList", "vertical", "marginLeft", ], }, }, }, filterContainer: { marginBottom: { value: "1.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "20px" }, name: "SizeComponentAddToListFilterContainerMarginBottom", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "filterContainer", state: "marginBottom", }, path: [ "size", "component", "add-to-list", "filterContainer", "marginBottom", ], }, }, phantomDroppableContainerTotalHeight: { value: "1.5625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "25px" }, name: "SizeComponentAddToListPhantomDroppableContainerTotalHeight", attributes: { category: "size", type: "component", item: "add-to-list", subitem: "phantomDroppableContainerTotalHeight", }, path: [ "size", "component", "add-to-list", "phantomDroppableContainerTotalHeight", ], }, }, "cap-content": { "line-height": { value: "1.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "30px" }, name: "SizeComponentCapContentLineHeight", attributes: { category: "size", type: "component", item: "cap-content", subitem: "line-height", }, path: ["size", "component", "cap-content", "line-height"], }, }, "clickable-tag": { height: { value: "1.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "18px" }, name: "SizeComponentClickableTagHeight", attributes: { category: "size", type: "component", item: "clickable-tag", subitem: "height", }, path: ["size", "component", "clickable-tag", "height"], }, "line-height": { value: "0.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "12px" }, name: "SizeComponentClickableTagLineHeight", attributes: { category: "size", type: "component", item: "clickable-tag", subitem: "line-height", }, path: ["size", "component", "clickable-tag", "line-height"], }, "icon-font-size": { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentClickableTagIconFontSize", attributes: { category: "size", type: "component", item: "clickable-tag", subitem: "icon-font-size", }, path: ["size", "component", "clickable-tag", "icon-font-size"], }, "icon-top-offset": { value: "-0.0625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "-1px" }, name: "SizeComponentClickableTagIconTopOffset", attributes: { category: "size", type: "component", item: "clickable-tag", subitem: "icon-top-offset", }, path: ["size", "component", "clickable-tag", "icon-top-offset"], }, }, "content-row": { "reorderable-min-container-height": { value: "3.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "62px" }, name: "SizeComponentContentRowReorderableMinContainerHeight", attributes: { category: "size", type: "component", item: "content-row", subitem: "reorderable-min-container-height", }, path: [ "size", "component", "content-row", "reorderable-min-container-height", ], }, "reorderable-index-container-size": { value: "3.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "56px" }, name: "SizeComponentContentRowReorderableIndexContainerSize", attributes: { category: "size", type: "component", item: "content-row", subitem: "reorderable-index-container-size", }, path: [ "size", "component", "content-row", "reorderable-index-container-size", ], }, "reorderable-button-height": { value: "1.78125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "28.5px" }, name: "SizeComponentContentRowReorderableButtonHeight", attributes: { category: "size", type: "component", item: "content-row", subitem: "reorderable-button-height", }, path: [ "size", "component", "content-row", "reorderable-button-height", ], }, "reorderable-button-width": { value: "3.3125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "53px" }, name: "SizeComponentContentRowReorderableButtonWidth", attributes: { category: "size", type: "component", item: "content-row", subitem: "reorderable-button-width", }, path: [ "size", "component", "content-row", "reorderable-button-width", ], }, "reorderable-button-border-radius": { value: "0.1875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "3px" }, name: "SizeComponentContentRowReorderableButtonBorderRadius", attributes: { category: "size", type: "component", item: "content-row", subitem: "reorderable-button-border-radius", }, path: [ "size", "component", "content-row", "reorderable-button-border-radius", ], }, "icon-margin-adjustment": { value: "-0.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "-2px" }, name: "SizeComponentContentRowIconMarginAdjustment", attributes: { category: "size", type: "component", item: "content-row", subitem: "icon-margin-adjustment", }, path: [ "size", "component", "content-row", "icon-margin-adjustment", ], }, }, "content-tile": { height: { value: "8.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "138px" }, name: "SizeComponentContentTileHeight", attributes: { category: "size", type: "component", item: "content-tile", subitem: "height", }, path: ["size", "component", "content-tile", "height"], }, image: { height: { value: "3.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "60px" }, name: "SizeComponentContentTileImageHeight", attributes: { category: "size", type: "component", item: "content-tile", subitem: "image", state: "height", }, path: ["size", "component", "content-tile", "image", "height"], }, width: { value: "3.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "60px" }, name: "SizeComponentContentTileImageWidth", attributes: { category: "size", type: "component", item: "content-tile", subitem: "image", state: "width", }, path: ["size", "component", "content-tile", "image", "width"], }, marginBottom: { value: "1rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "{size.spacing.md}" }, name: "SizeComponentContentTileImageMarginBottom", attributes: { category: "size", type: "component", item: "content-tile", subitem: "image", state: "marginBottom", }, path: [ "size", "component", "content-tile", "image", "marginBottom", ], }, marginTop: { value: "1rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "{size.spacing.md}" }, name: "SizeComponentContentTileImageMarginTop", attributes: { category: "size", type: "component", item: "content-tile", subitem: "image", state: "marginTop", }, path: ["size", "component", "content-tile", "image", "marginTop"], }, }, container: { spacing: { value: "0.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "{size.spacing.sm}" }, name: "SizeComponentContentTileContainerSpacing", attributes: { category: "size", type: "component", item: "content-tile", subitem: "container", state: "spacing", }, path: [ "size", "component", "content-tile", "container", "spacing", ], }, }, titleContainer: { spacing: { value: "0.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "{size.spacing.sm}" }, name: "SizeComponentContentTileTitleContainerSpacing", attributes: { category: "size", type: "component", item: "content-tile", subitem: "titleContainer", state: "spacing", }, path: [ "size", "component", "content-tile", "titleContainer", "spacing", ], }, }, }, "feedback-block": { standard: { "margin-left": { value: "-0.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "-4px" }, name: "SizeComponentFeedbackBlockStandardMarginLeft", attributes: { category: "size", type: "component", item: "feedback-block", subitem: "standard", state: "margin-left", }, path: [ "size", "component", "feedback-block", "standard", "margin-left", ], }, }, micro: { "margin-top": { value: "0.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "2px" }, name: "SizeComponentFeedbackBlockMicroMarginTop", attributes: { category: "size", type: "component", item: "feedback-block", subitem: "micro", state: "margin-top", }, path: [ "size", "component", "feedback-block", "micro", "margin-top", ], }, }, }, "file-upload": { "icon-size": { value: "3rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "48px" }, name: "SizeComponentFileUploadIconSize", attributes: { category: "size", type: "component", item: "file-upload", subitem: "icon-size", }, path: ["size", "component", "file-upload", "icon-size"], }, }, "filter-tile": { height: { value: "6.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "106px" }, name: "SizeComponentFilterTileHeight", attributes: { category: "size", type: "component", item: "filter-tile", subitem: "height", }, path: ["size", "component", "filter-tile", "height"], }, maxWidth: { value: "15.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "250px" }, name: "SizeComponentFilterTileMaxWidth", attributes: { category: "size", type: "component", item: "filter-tile", subitem: "maxWidth", }, path: ["size", "component", "filter-tile", "maxWidth"], }, minWidth: { value: "6.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "110px" }, name: "SizeComponentFilterTileMinWidth", attributes: { category: "size", type: "component", item: "filter-tile", subitem: "minWidth", }, path: ["size", "component", "filter-tile", "minWidth"], }, marginEndChildren: { value: "0", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "0" }, name: "SizeComponentFilterTileMarginEndChildren", attributes: { category: "size", type: "component", item: "filter-tile", subitem: "marginEndChildren", }, path: ["size", "component", "filter-tile", "marginEndChildren"], }, title: { height: { value: "2.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "36px" }, name: "SizeComponentFilterTileTitleHeight", attributes: { category: "size", type: "component", item: "filter-tile", subitem: "title", state: "height", }, path: ["size", "component", "filter-tile", "title", "height"], }, }, tileValue: { heightFontSizeLineHeight: { value: "1.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "30px" }, name: "SizeComponentFilterTileTileValueHeightFontSizeLineHeight", attributes: { category: "size", type: "component", item: "filter-tile", subitem: "tileValue", state: "heightFontSizeLineHeight", }, path: [ "size", "component", "filter-tile", "tileValue", "heightFontSizeLineHeight", ], }, }, }, "focused-task": { height: { value: "3.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "50px" }, name: "SizeComponentFocusedTaskHeight", attributes: { category: "size", type: "component", item: "focused-task", subitem: "height", }, path: ["size", "component", "focused-task", "height"], }, "box-shadow-offset-y": { value: "-0.0625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "-1px" }, name: "SizeComponentFocusedTaskBoxShadowOffsetY", attributes: { category: "size", type: "component", item: "focused-task", subitem: "box-shadow-offset-y", }, path: ["size", "component", "focused-task", "box-shadow-offset-y"], }, }, modal: { sizes: { sm: { value: "23.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "380px" }, name: "SizeComponentModalSizesSm", attributes: { category: "size", type: "component", item: "modal", subitem: "sizes", state: "sm", }, path: ["size", "component", "modal", "sizes", "sm"], }, md: { value: "36.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "580px" }, name: "SizeComponentModalSizesMd", attributes: { category: "size", type: "component", item: "modal", subitem: "sizes", state: "md", }, path: ["size", "component", "modal", "sizes", "md"], }, lg: { value: "48.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "780px" }, name: "SizeComponentModalSizesLg", attributes: { category: "size", type: "component", item: "modal", subitem: "sizes", state: "lg", }, path: ["size", "component", "modal", "sizes", "lg"], }, xl: { value: "73.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "1180px" }, name: "SizeComponentModalSizesXl", attributes: { category: "size", type: "component", item: "modal", subitem: "sizes", state: "xl", }, path: ["size", "component", "modal", "sizes", "xl"], }, }, }, "product-bar": { "min-height": { value: "3.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "60px" }, name: "SizeComponentProductBarMinHeight", attributes: { category: "size", type: "component", item: "product-bar", subitem: "min-height", }, path: ["size", "component", "product-bar", "min-height"], }, width: { value: "1280px", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "{grid.content-width.value}" }, name: "SizeComponentProductBarWidth", attributes: { category: "size", type: "component", item: "product-bar", subitem: "width", }, path: ["size", "component", "product-bar", "width"], }, "logo-size": { value: "1.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "24px" }, name: "SizeComponentProductBarLogoSize", attributes: { category: "size", type: "component", item: "product-bar", subitem: "logo-size", }, path: ["size", "component", "product-bar", "logo-size"], }, "nav-underline": { value: "0.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "2px" }, name: "SizeComponentProductBarNavUnderline", attributes: { category: "size", type: "component", item: "product-bar", subitem: "nav-underline", }, path: ["size", "component", "product-bar", "nav-underline"], }, "nav-height": { value: "3.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "58px" }, name: "SizeComponentProductBarNavHeight", attributes: { category: "size", type: "component", item: "product-bar", subitem: "nav-height", }, path: ["size", "component", "product-bar", "nav-height"], }, "vertical-rule-height": { value: "2.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "34px" }, name: "SizeComponentProductBarVerticalRuleHeight", attributes: { category: "size", type: "component", item: "product-bar", subitem: "vertical-rule-height", }, path: ["size", "component", "product-bar", "vertical-rule-height"], }, }, spinner: { sm: { dimension: { value: "1.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "18px" }, name: "SizeComponentSpinnerSmDimension", attributes: { category: "size", type: "component", item: "spinner", subitem: "sm", state: "dimension", }, path: ["size", "component", "spinner", "sm", "dimension"], }, thickness: { value: "0.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "2px" }, name: "SizeComponentSpinnerSmThickness", attributes: { category: "size", type: "component", item: "spinner", subitem: "sm", state: "thickness", }, path: ["size", "component", "spinner", "sm", "thickness"], }, }, md: { dimension: { value: "2.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "36px" }, name: "SizeComponentSpinnerMdDimension", attributes: { category: "size", type: "component", item: "spinner", subitem: "md", state: "dimension", }, path: ["size", "component", "spinner", "md", "dimension"], }, thickness: { value: "0.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "4px" }, name: "SizeComponentSpinnerMdThickness", attributes: { category: "size", type: "component", item: "spinner", subitem: "md", state: "thickness", }, path: ["size", "component", "spinner", "md", "thickness"], }, }, lg: { dimension: { value: "4.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "72px" }, name: "SizeComponentSpinnerLgDimension", attributes: { category: "size", type: "component", item: "spinner", subitem: "lg", state: "dimension", }, path: ["size", "component", "spinner", "lg", "dimension"], }, thickness: { value: "0.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "8px" }, name: "SizeComponentSpinnerLgThickness", attributes: { category: "size", type: "component", item: "spinner", subitem: "lg", state: "thickness", }, path: ["size", "component", "spinner", "lg", "thickness"], }, }, }, "sorting-header": { pinned: { shadowHeight: { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentSortingHeaderPinnedShadowHeight", attributes: { category: "size", type: "component", item: "sorting-header", subitem: "pinned", state: "shadowHeight", }, path: [ "size", "component", "sorting-header", "pinned", "shadowHeight", ], }, shadowLeftAdjustment: { value: "-0.0625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "-1px" }, name: "SizeComponentSortingHeaderPinnedShadowLeftAdjustment", attributes: { category: "size", type: "component", item: "sorting-header", subitem: "pinned", state: "shadowLeftAdjustment", }, path: [ "size", "component", "sorting-header", "pinned", "shadowLeftAdjustment", ], }, }, }, "vertical-rule": { thickness: { value: "0.0625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "1px" }, name: "SizeComponentVerticalRuleThickness", attributes: { category: "size", type: "component", item: "vertical-rule", subitem: "thickness", }, path: ["size", "component", "vertical-rule", "thickness"], }, }, tag: { "line-height": { value: "0.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "12px" }, name: "SizeComponentTagLineHeight", attributes: { category: "size", type: "component", item: "tag", subitem: "line-height", }, path: ["size", "component", "tag", "line-height"], }, "icon-line-height": { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentTagIconLineHeight", attributes: { category: "size", type: "component", item: "tag", subitem: "icon-line-height", }, path: ["size", "component", "tag", "icon-line-height"], }, }, "zero-state": { "image-height": { value: "6.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "100px" }, name: "SizeComponentZeroStateImageHeight", attributes: { category: "size", type: "component", item: "zero-state", subitem: "image-height", }, path: ["size", "component", "zero-state", "image-height"], }, "image-width": { value: "12.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "200px" }, name: "SizeComponentZeroStateImageWidth", attributes: { category: "size", type: "component", item: "zero-state", subitem: "image-width", }, path: ["size", "component", "zero-state", "image-width"], }, "icon-font-size": { value: "3rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "48px" }, name: "SizeComponentZeroStateIconFontSize", attributes: { category: "size", type: "component", item: "zero-state", subitem: "icon-font-size", }, path: ["size", "component", "zero-state", "icon-font-size"], }, "icon-line-height": { value: "3rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "48px" }, name: "SizeComponentZeroStateIconLineHeight", attributes: { category: "size", type: "component", item: "zero-state", subitem: "icon-line-height", }, path: ["size", "component", "zero-state", "icon-line-height"], }, }, growler: { width: { value: "25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "400px" }, name: "SizeComponentGrowlerWidth", attributes: { category: "size", type: "component", item: "growler", subitem: "width", }, path: ["size", "component", "growler", "width"], }, icon: { fontSize: { value: "1.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "30px" }, name: "SizeComponentGrowlerIconFontSize", attributes: { category: "size", type: "component", item: "growler", subitem: "icon", state: "fontSize", }, path: ["size", "component", "growler", "icon", "fontSize"], }, box: { right: { value: "1.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "30px" }, name: "SizeComponentGrowlerIconBoxRight", attributes: { category: "size", type: "component", item: "growler", subitem: "icon", state: "box", }, path: ["size", "component", "growler", "icon", "box", "right"], }, top: { value: "5.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "90px" }, name: "SizeComponentGrowlerIconBoxTop", attributes: { category: "size", type: "component", item: "growler", subitem: "icon", state: "box", }, path: ["size", "component", "growler", "icon", "box", "top"], }, width: { value: "4.375rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "70px" }, name: "SizeComponentGrowlerIconBoxWidth", attributes: { category: "size", type: "component", item: "growler", subitem: "icon", state: "box", }, path: ["size", "component", "growler", "icon", "box", "width"], }, }, }, messageBox: { subtitle: { width: { value: "16.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "264px" }, name: "SizeComponentGrowlerMessageBoxSubtitleWidth", attributes: { category: "size", type: "component", item: "growler", subitem: "messageBox", state: "subtitle", }, path: [ "size", "component", "growler", "messageBox", "subtitle", "width", ], }, }, padding: { right: { value: "2.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "42px" }, name: "SizeComponentGrowlerMessageBoxPaddingRight", attributes: { category: "size", type: "component", item: "growler", subitem: "messageBox", state: "padding", }, path: [ "size", "component", "growler", "messageBox", "padding", "right", ], }, }, }, }, button: { "spinner-margin-vertical": { value: "0.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "14px" }, name: "SizeComponentButtonSpinnerMarginVertical", attributes: { category: "size", type: "component", item: "button", subitem: "spinner-margin-vertical", }, path: ["size", "component", "button", "spinner-margin-vertical"], }, "spinner-margin-horizontal": { value: "0.4375rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "7px" }, name: "SizeComponentButtonSpinnerMarginHorizontal", attributes: { category: "size", type: "component", item: "button", subitem: "spinner-margin-horizontal", }, path: ["size", "component", "button", "spinner-margin-horizontal"], }, "spinner-border-width": { value: "0.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "2px" }, name: "SizeComponentButtonSpinnerBorderWidth", attributes: { category: "size", type: "component", item: "button", subitem: "spinner-border-width", }, path: ["size", "component", "button", "spinner-border-width"], }, "spinner-size": { value: "0.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "14px" }, name: "SizeComponentButtonSpinnerSize", attributes: { category: "size", type: "component", item: "button", subitem: "spinner-size", }, path: ["size", "component", "button", "spinner-size"], }, }, "search-results-bar": { "min-height": { value: "3.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "52px" }, name: "SizeComponentSearchResultsBarMinHeight", attributes: { category: "size", type: "component", item: "search-results-bar", subitem: "min-height", }, path: ["size", "component", "search-results-bar", "min-height"], }, "clear-button": { value: "5.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "84px" }, name: "SizeComponentSearchResultsBarClearButton", attributes: { category: "size", type: "component", item: "search-results-bar", subitem: "clear-button", }, path: ["size", "component", "search-results-bar", "clear-button"], }, }, "list-bar": { "pinned-width": { value: "1280px", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "{grid.content-width.value}" }, name: "SizeComponentListBarPinnedWidth", attributes: { category: "size", type: "component", item: "list-bar", subitem: "pinned-width", }, path: ["size", "component", "list-bar", "pinned-width"], }, "pinned-padding": { value: "1.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "20px" }, name: "SizeComponentListBarPinnedPadding", attributes: { category: "size", type: "component", item: "list-bar", subitem: "pinned-padding", }, path: ["size", "component", "list-bar", "pinned-padding"], }, top: { value: "3.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "60px" }, name: "SizeComponentListBarTop", attributes: { category: "size", type: "component", item: "list-bar", subitem: "top", }, path: ["size", "component", "list-bar", "top"], }, height: { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentListBarHeight", attributes: { category: "size", type: "component", item: "list-bar", subitem: "height", }, path: ["size", "component", "list-bar", "height"], }, "content-header-height": { value: "2rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "32px" }, name: "SizeComponentListBarContentHeaderHeight", attributes: { category: "size", type: "component", item: "list-bar", subitem: "content-header-height", }, path: ["size", "component", "list-bar", "content-header-height"], }, "search-form-max-width": { value: "25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "400px" }, name: "SizeComponentListBarSearchFormMaxWidth", attributes: { category: "size", type: "component", item: "list-bar", subitem: "search-form-max-width", }, path: ["size", "component", "list-bar", "search-form-max-width"], }, "search-button-height": { value: "1.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "30px" }, name: "SizeComponentListBarSearchButtonHeight", attributes: { category: "size", type: "component", item: "list-bar", subitem: "search-button-height", }, path: ["size", "component", "list-bar", "search-button-height"], }, "search-field-select-line-height": { value: "2rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "32px" }, name: "SizeComponentListBarSearchFieldSelectLineHeight", attributes: { category: "size", type: "component", item: "list-bar", subitem: "search-field-select-line-height", }, path: [ "size", "component", "list-bar", "search-field-select-line-height", ], }, }, "advanced-search": { "margin-top": { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentAdvancedSearchMarginTop", attributes: { category: "size", type: "component", item: "advanced-search", subitem: "margin-top", }, path: ["size", "component", "advanced-search", "margin-top"], }, }, "progress-bar": { "border-radius": { value: "0.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "8px" }, name: "SizeComponentProgressBarBorderRadius", attributes: { category: "size", type: "component", item: "progress-bar", subitem: "border-radius", }, path: ["size", "component", "progress-bar", "border-radius"], }, "close-button-margin": { value: "0.375rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "6px" }, name: "SizeComponentProgressBarCloseButtonMargin", attributes: { category: "size", type: "component", item: "progress-bar", subitem: "close-button-margin", }, path: ["size", "component", "progress-bar", "close-button-margin"], }, }, "side-nav": { "selected-font-weight": { value: "43.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: 700 }, name: "SizeComponentSideNavSelectedFontWeight", attributes: { category: "size", type: "component", item: "side-nav", subitem: "selected-font-weight", }, path: ["size", "component", "side-nav", "selected-font-weight"], }, "expand-icon-size": { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentSideNavExpandIconSize", attributes: { category: "size", type: "component", item: "side-nav", subitem: "expand-icon-size", }, path: ["size", "component", "side-nav", "expand-icon-size"], }, "expand-icon-margin": { value: "0.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "14px" }, name: "SizeComponentSideNavExpandIconMargin", attributes: { category: "size", type: "component", item: "side-nav", subitem: "expand-icon-margin", }, path: ["size", "component", "side-nav", "expand-icon-margin"], }, "link-padding-left": { value: "1.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "20px" }, name: "SizeComponentSideNavLinkPaddingLeft", attributes: { category: "size", type: "component", item: "side-nav", subitem: "link-padding-left", }, path: ["size", "component", "side-nav", "link-padding-left"], }, "nested-first-level": { value: "2.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "34px" }, name: "SizeComponentSideNavNestedFirstLevel", attributes: { category: "size", type: "component", item: "side-nav", subitem: "nested-first-level", }, path: ["size", "component", "side-nav", "nested-first-level"], }, "nested-second-level": { value: "3rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "48px" }, name: "SizeComponentSideNavNestedSecondLevel", attributes: { category: "size", type: "component", item: "side-nav", subitem: "nested-second-level", }, path: ["size", "component", "side-nav", "nested-second-level"], }, "nested-third-level": { value: "3.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "62px" }, name: "SizeComponentSideNavNestedThirdLevel", attributes: { category: "size", type: "component", item: "side-nav", subitem: "nested-third-level", }, path: ["size", "component", "side-nav", "nested-third-level"], }, "nested-fourth-level": { value: "4.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "76px" }, name: "SizeComponentSideNavNestedFourthLevel", attributes: { category: "size", type: "component", item: "side-nav", subitem: "nested-fourth-level", }, path: ["size", "component", "side-nav", "nested-fourth-level"], }, }, "product-bar-vertical": { "link-min-height": { value: "2.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "40px" }, name: "SizeComponentProductBarVerticalLinkMinHeight", attributes: { category: "size", type: "component", item: "product-bar-vertical", subitem: "link-min-height", }, path: [ "size", "component", "product-bar-vertical", "link-min-height", ], }, "logo-size": { value: "1.5rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "24px" }, name: "SizeComponentProductBarVerticalLogoSize", attributes: { category: "size", type: "component", item: "product-bar-vertical", subitem: "logo-size", }, path: ["size", "component", "product-bar-vertical", "logo-size"], }, "expand-icon-size": { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentProductBarVerticalExpandIconSize", attributes: { category: "size", type: "component", item: "product-bar-vertical", subitem: "expand-icon-size", }, path: [ "size", "component", "product-bar-vertical", "expand-icon-size", ], }, "expand-icon-margin": { value: "0.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "14px" }, name: "SizeComponentProductBarVerticalExpandIconMargin", attributes: { category: "size", type: "component", item: "product-bar-vertical", subitem: "expand-icon-margin", }, path: [ "size", "component", "product-bar-vertical", "expand-icon-margin", ], }, "nested-first-level": { value: "2.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "34px" }, name: "SizeComponentProductBarVerticalNestedFirstLevel", attributes: { category: "size", type: "component", item: "product-bar-vertical", subitem: "nested-first-level", }, path: [ "size", "component", "product-bar-vertical", "nested-first-level", ], }, "nested-second-level": { value: "3rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "48px" }, name: "SizeComponentProductBarVerticalNestedSecondLevel", attributes: { category: "size", type: "component", item: "product-bar-vertical", subitem: "nested-second-level", }, path: [ "size", "component", "product-bar-vertical", "nested-second-level", ], }, "nested-third-level": { value: "3.875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "62px" }, name: "SizeComponentProductBarVerticalNestedThirdLevel", attributes: { category: "size", type: "component", item: "product-bar-vertical", subitem: "nested-third-level", }, path: [ "size", "component", "product-bar-vertical", "nested-third-level", ], }, "nested-fourth-level": { value: "4.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "76px" }, name: "SizeComponentProductBarVerticalNestedFourthLevel", attributes: { category: "size", type: "component", item: "product-bar-vertical", subitem: "nested-fourth-level", }, path: [ "size", "component", "product-bar-vertical", "nested-fourth-level", ], }, }, icon: { "margin-adjustment": { value: "-0.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "-2px" }, name: "SizeComponentIconMarginAdjustment", attributes: { category: "size", type: "component", item: "icon", subitem: "margin-adjustment", }, path: ["size", "component", "icon", "margin-adjustment"], }, }, "page-title": { "icon-margin-top": { value: "0.1875rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "3px" }, name: "SizeComponentPageTitleIconMarginTop", attributes: { category: "size", type: "component", item: "page-title", subitem: "icon-margin-top", }, path: ["size", "component", "page-title", "icon-margin-top"], }, }, "insight-card": { "vertical-padding": { value: "0.9375rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "15px" }, name: "SizeComponentInsightCardVerticalPadding", attributes: { category: "size", type: "component", item: "insight-card", subitem: "vertical-padding", }, path: ["size", "component", "insight-card", "vertical-padding"], }, "horizontal-padding": { value: "1.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "20px" }, name: "SizeComponentInsightCardHorizontalPadding", attributes: { category: "size", type: "component", item: "insight-card", subitem: "horizontal-padding", }, path: ["size", "component", "insight-card", "horizontal-padding"], }, "horizontal-height": { value: "5.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "82px" }, name: "SizeComponentInsightCardHorizontalHeight", attributes: { category: "size", type: "component", item: "insight-card", subitem: "horizontal-height", }, path: ["size", "component", "insight-card", "horizontal-height"], }, "icon-size": { value: "2rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "32px" }, name: "SizeComponentInsightCardIconSize", attributes: { category: "size", type: "component", item: "insight-card", subitem: "icon-size", }, path: ["size", "component", "insight-card", "icon-size"], }, "metric-size": { value: "3rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "48px" }, name: "SizeComponentInsightCardMetricSize", attributes: { category: "size", type: "component", item: "insight-card", subitem: "metric-size", }, path: ["size", "component", "insight-card", "metric-size"], }, "min-title-height": { value: "2.125rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "34px" }, name: "SizeComponentInsightCardMinTitleHeight", attributes: { category: "size", type: "component", item: "insight-card", subitem: "min-title-height", }, path: ["size", "component", "insight-card", "min-title-height"], }, "partner-count-margin-vertical": { value: "0.9375rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "15px" }, name: "SizeComponentInsightCardPartnerCountMarginVertical", attributes: { category: "size", type: "component", item: "insight-card", subitem: "partner-count-margin-vertical", }, path: [ "size", "component", "insight-card", "partner-count-margin-vertical", ], }, "partner-count-margin-horizontal": { value: "1.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "20px" }, name: "SizeComponentInsightCardPartnerCountMarginHorizontal", attributes: { category: "size", type: "component", item: "insight-card", subitem: "partner-count-margin-horizontal", }, path: [ "size", "component", "insight-card", "partner-count-margin-horizontal", ], }, "partner-count-padding-vertical": { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentInsightCardPartnerCountPaddingVertical", attributes: { category: "size", type: "component", item: "insight-card", subitem: "partner-count-padding-vertical", }, path: [ "size", "component", "insight-card", "partner-count-padding-vertical", ], }, "partner-count-padding-horizontal": { value: "1.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "20px" }, name: "SizeComponentInsightCardPartnerCountPaddingHorizontal", attributes: { category: "size", type: "component", item: "insight-card", subitem: "partner-count-padding-horizontal", }, path: [ "size", "component", "insight-card", "partner-count-padding-horizontal", ], }, "partner-count-width": { value: "3.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "60px" }, name: "SizeComponentInsightCardPartnerCountWidth", attributes: { category: "size", type: "component", item: "insight-card", subitem: "partner-count-width", }, path: ["size", "component", "insight-card", "partner-count-width"], }, "horizontal-partner-count-padding-vertical": { value: "1.25rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "20px" }, name: "SizeComponentInsightCardHorizontalPartnerCountPaddingVertical", attributes: { category: "size", type: "component", item: "insight-card", subitem: "horizontal-partner-count-padding-vertical", }, path: [ "size", "component", "insight-card", "horizontal-partner-count-padding-vertical", ], }, "horizontal-partner-count-padding-horizontal": { value: "0.625rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "10px" }, name: "SizeComponentInsightCardHorizontalPartnerCountPaddingHorizontal", attributes: { category: "size", type: "component", item: "insight-card", subitem: "horizontal-partner-count-padding-horizontal", }, path: [ "size", "component", "insight-card", "horizontal-partner-count-padding-horizontal", ], }, }, "rich-text-editor": { vr: { height: { value: "1.75rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "28px" }, name: "SizeComponentRichTextEditorVrHeight", attributes: { category: "size", type: "component", item: "rich-text-editor", subitem: "vr", state: "height", }, path: ["size", "component", "rich-text-editor", "vr", "height"], }, }, "editable-div": { "min-height": { value: "8rem", filePath: "src/tokens/size/component.json", isSource: true, original: { value: "128px" }, name: "SizeComponentRichTextEditorEditableDivMinHeight", attributes: { category: "size", type: "component", item: "rich-text-editor", subitem: "editable-div", state: "min-height", }, path: [ "size", "component", "rich-text-editor", "editable-div", "min-height", ], }, }, }, }, grid: { gutter: { value: "1rem", filePath: "src/tokens/size/grid.json", isSource: true, original: { value: "{size.spacing.md}" }, name: "SizeGridGutter", attributes: { category: "size", type: "grid", item: "gutter" }, path: ["size", "grid", "gutter"], }, }, icon: { xs: { value: "0.75rem", filePath: "src/tokens/size/icon.json", isSource: true, original: { value: 12 }, name: "SizeIconXs", attributes: { category: "size", type: "icon", item: "xs" }, path: ["size", "icon", "xs"], }, sm: { value: "0.875rem", filePath: "src/tokens/size/icon.json", isSource: true, original: { value: 14 }, name: "SizeIconSm", attributes: { category: "size", type: "icon", item: "sm" }, path: ["size", "icon", "sm"], }, md: { value: "1rem", filePath: "src/tokens/size/icon.json", isSource: true, original: { value: 16 }, name: "SizeIconMd", attributes: { category: "size", type: "icon", item: "md" }, path: ["size", "icon", "md"], }, lg: { value: "1.25rem", filePath: "src/tokens/size/icon.json", isSource: true, original: { value: 20 }, name: "SizeIconLg", attributes: { category: "size", type: "icon", item: "lg" }, path: ["size", "icon", "lg"], }, }, spacing: { xxs: { value: "0.125rem", filePath: "src/tokens/size/spacing.json", isSource: true, original: { value: "{size.system.xxs.value}" }, name: "SizeSpacingXxs", attributes: { category: "size", type: "spacing", item: "xxs" }, path: ["size", "spacing", "xxs"], }, xs: { value: "0.25rem", filePath: "src/tokens/size/spacing.json", isSource: true, original: { value: "{size.system.xs.value}" }, name: "SizeSpacingXs", attributes: { category: "size", type: "spacing", item: "xs" }, path: ["size", "spacing", "xs"], }, sm: { value: "0.5rem", filePath: "src/tokens/size/spacing.json", isSource: true, original: { value: "{size.system.sm.value}" }, name: "SizeSpacingSm", attributes: { category: "size", type: "spacing", item: "sm" }, path: ["size", "spacing", "sm"], }, md: { value: "1rem", filePath: "src/tokens/size/spacing.json", isSource: true, original: { value: "{size.system.md.value}" }, name: "SizeSpacingMd", attributes: { category: "size", type: "spacing", item: "md" }, path: ["size", "spacing", "md"], }, lg: { value: "2rem", filePath: "src/tokens/size/spacing.json", isSource: true, original: { value: "{size.system.lg.value}" }, name: "SizeSpacingLg", attributes: { category: "size", type: "spacing", item: "lg" }, path: ["size", "spacing", "lg"], }, xl: { value: "4rem", filePath: "src/tokens/size/spacing.json", isSource: true, original: { value: "{size.system.xl.value}" }, name: "SizeSpacingXl", attributes: { category: "size", type: "spacing", item: "xl" }, path: ["size", "spacing", "xl"], }, }, system: { xxs: { value: "0.125rem", filePath: "src/tokens/size/system.json", isSource: true, original: { value: 2 }, name: "SizeSystemXxs", attributes: { category: "size", type: "system", item: "xxs" }, path: ["size", "system", "xxs"], }, xs: { value: "0.25rem", filePath: "src/tokens/size/system.json", isSource: true, original: { value: 4 }, name: "SizeSystemXs", attributes: { category: "size", type: "system", item: "xs" }, path: ["size", "system", "xs"], }, sm: { value: "0.5rem", filePath: "src/tokens/size/system.json", isSource: true, original: { value: 8 }, name: "SizeSystemSm", attributes: { category: "size", type: "system", item: "sm" }, path: ["size", "system", "sm"], }, md: { value: "1rem", filePath: "src/tokens/size/system.json", isSource: true, original: { value: 16 }, name: "SizeSystemMd", attributes: { category: "size", type: "system", item: "md" }, path: ["size", "system", "md"], }, lg: { value: "2rem", filePath: "src/tokens/size/system.json", isSource: true, original: { value: 32 }, name: "SizeSystemLg", attributes: { category: "size", type: "system", item: "lg" }, path: ["size", "system", "lg"], }, xl: { value: "4rem", filePath: "src/tokens/size/system.json", isSource: true, original: { value: 64 }, name: "SizeSystemXl", attributes: { category: "size", type: "system", item: "xl" }, path: ["size", "system", "xl"], }, }, type: { "body-sm": { font: { value: "0.75rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 12 }, name: "SizeTypeBodySmFont", attributes: { category: "size", type: "type", item: "body-sm", subitem: "font", }, path: ["size", "type", "body-sm", "font"], }, line: { value: "1.125rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 18 }, name: "SizeTypeBodySmLine", attributes: { category: "size", type: "type", item: "body-sm", subitem: "line", }, path: ["size", "type", "body-sm", "line"], }, }, "body-md": { font: { value: "0.875rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 14 }, name: "SizeTypeBodyMdFont", attributes: { category: "size", type: "type", item: "body-md", subitem: "font", }, path: ["size", "type", "body-md", "font"], }, line: { value: "1.25rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 20 }, name: "SizeTypeBodyMdLine", attributes: { category: "size", type: "type", item: "body-md", subitem: "line", }, path: ["size", "type", "body-md", "line"], }, }, "component-sm": { font: { value: "0.75rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: "{size.type.body-sm.font.value}" }, name: "SizeTypeComponentSmFont", attributes: { category: "size", type: "type", item: "component-sm", subitem: "font", }, path: ["size", "type", "component-sm", "font"], }, line: { value: "0.875rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 14 }, name: "SizeTypeComponentSmLine", attributes: { category: "size", type: "type", item: "component-sm", subitem: "line", }, path: ["size", "type", "component-sm", "line"], }, }, "title-xxs": { font: { value: "0.75rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 12 }, name: "SizeTypeTitleXxsFont", attributes: { category: "size", type: "type", item: "title-xxs", subitem: "font", }, path: ["size", "type", "title-xxs", "font"], }, line: { value: "0.75rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 12 }, name: "SizeTypeTitleXxsLine", attributes: { category: "size", type: "type", item: "title-xxs", subitem: "line", }, path: ["size", "type", "title-xxs", "line"], }, }, "title-xs": { font: { value: "0.875rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 14 }, name: "SizeTypeTitleXsFont", attributes: { category: "size", type: "type", item: "title-xs", subitem: "font", }, path: ["size", "type", "title-xs", "font"], }, line: { value: "0.875rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 14 }, name: "SizeTypeTitleXsLine", attributes: { category: "size", type: "type", item: "title-xs", subitem: "line", }, path: ["size", "type", "title-xs", "line"], }, }, "title-sm": { font: { value: "1rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 16 }, name: "SizeTypeTitleSmFont", attributes: { category: "size", type: "type", item: "title-sm", subitem: "font", }, path: ["size", "type", "title-sm", "font"], }, line: { value: "1rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 16 }, name: "SizeTypeTitleSmLine", attributes: { category: "size", type: "type", item: "title-sm", subitem: "line", }, path: ["size", "type", "title-sm", "line"], }, }, "title-md": { font: { value: "1.125rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 18 }, name: "SizeTypeTitleMdFont", attributes: { category: "size", type: "type", item: "title-md", subitem: "font", }, path: ["size", "type", "title-md", "font"], }, line: { value: "1.125rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 18 }, name: "SizeTypeTitleMdLine", attributes: { category: "size", type: "type", item: "title-md", subitem: "line", }, path: ["size", "type", "title-md", "line"], }, }, "title-lg": { font: { value: "1.25rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 20 }, name: "SizeTypeTitleLgFont", attributes: { category: "size", type: "type", item: "title-lg", subitem: "font", }, path: ["size", "type", "title-lg", "font"], }, line: { value: "1.25rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 20 }, name: "SizeTypeTitleLgLine", attributes: { category: "size", type: "type", item: "title-lg", subitem: "line", }, path: ["size", "type", "title-lg", "line"], }, }, "title-xl": { font: { value: "1.5rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 24 }, name: "SizeTypeTitleXlFont", attributes: { category: "size", type: "type", item: "title-xl", subitem: "font", }, path: ["size", "type", "title-xl", "font"], }, line: { value: "1.5rem", filePath: "src/tokens/size/type.json", isSource: true, original: { value: 24 }, name: "SizeTypeTitleXlLine", attributes: { category: "size", type: "type", item: "title-xl", subitem: "line", }, path: ["size", "type", "title-xl", "line"], }, }, }, }, type: { weight: { normal: { value: 400, filePath: "src/tokens/type/type.json", isSource: true, original: { value: 400 }, name: "TypeWeightNormal", attributes: { category: "type", type: "weight", item: "normal" }, path: ["type", "weight", "normal"], }, bold: { value: 600, filePath: "src/tokens/type/type.json", isSource: true, original: { value: 600 }, name: "TypeWeightBold", attributes: { category: "type", type: "weight", item: "bold" }, path: ["type", "weight", "bold"], }, }, decoration: { none: { value: "none", filePath: "src/tokens/type/type.json", isSource: true, original: { value: "none" }, name: "TypeDecorationNone", attributes: { category: "type", type: "decoration", item: "none" }, path: ["type", "decoration", "none"], }, }, }, }, });