@dialpad/dialtone
Version:
Dialpad's Dialtone design system monorepo
1,535 lines • 6.54 MB
JSON
{
"dp-light": {
"size/border/focus": {
"less/variables": {
"name": "dt-size-border-focus",
"value": "0.3rem"
},
"ios-swift/enum.swift": {
"name": "dtSizeBorderFocus",
"value": "CGFloat(2.00) + CGFloat(1.00)"
},
"compose/object": {
"name": "dtSizeBorderFocus",
"value": "3.dp"
},
"css/variables": {
"name": "var(--dt-size-border-focus)",
"value": "0.3rem"
},
"android/resources": {
"name": "dt_dp_light_size_border_focus",
"value": "3.00dp"
}
},
"color/foreground/primary": {
"less/variables": {
"name": "dt-color-foreground-primary",
"value": "#000000",
"description": "Default text color throughout the UI.",
"keywords": [
"text"
]
},
"ios-swift/enum.swift": {
"name": "dtColorForegroundPrimary",
"value": "UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)",
"description": "Default text color throughout the UI.",
"keywords": [
"text"
]
},
"compose/object": {
"name": "dtColorForegroundPrimary",
"value": "Color(0xff000000)",
"description": "Default text color throughout the UI.",
"keywords": [
"text"
]
},
"css/variables": {
"name": "var(--dt-color-foreground-primary)",
"value": "#000000",
"description": "Default text color throughout the UI.",
"keywords": [
"text"
]
},
"android/resources": {
"name": "dt_dp_light_color_foreground_primary",
"value": "#ff000000",
"description": "Default text color throughout the UI.",
"keywords": [
"text"
]
}
},
"color/foreground/secondary": {
"less/variables": {
"name": "dt-color-foreground-secondary",
"value": "#3A3A3A",
"description": "Example uses include introduction paragraphs, labels, and descriptions paired with form elements.",
"keywords": [
"text"
]
},
"ios-swift/enum.swift": {
"name": "dtColorForegroundSecondary",
"value": "UIColor(red: 0.227, green: 0.227, blue: 0.227, alpha: 1)",
"description": "Example uses include introduction paragraphs, labels, and descriptions paired with form elements.",
"keywords": [
"text"
]
},
"compose/object": {
"name": "dtColorForegroundSecondary",
"value": "Color(0xff3a3a3a)",
"description": "Example uses include introduction paragraphs, labels, and descriptions paired with form elements.",
"keywords": [
"text"
]
},
"css/variables": {
"name": "var(--dt-color-foreground-secondary)",
"value": "#3A3A3A",
"description": "Example uses include introduction paragraphs, labels, and descriptions paired with form elements.",
"keywords": [
"text"
]
},
"android/resources": {
"name": "dt_dp_light_color_foreground_secondary",
"value": "#ff3a3a3a",
"description": "Example uses include introduction paragraphs, labels, and descriptions paired with form elements.",
"keywords": [
"text"
]
}
},
"color/foreground/tertiary": {
"less/variables": {
"name": "dt-color-foreground-tertiary",
"value": "#555555",
"description": "Used to imply visual hierarchy relative to primary and secondary text colors, e.g. headlines and labels.",
"keywords": [
"text"
]
},
"ios-swift/enum.swift": {
"name": "dtColorForegroundTertiary",
"value": "UIColor(red: 0.333, green: 0.333, blue: 0.333, alpha: 1)",
"description": "Used to imply visual hierarchy relative to primary and secondary text colors, e.g. headlines and labels.",
"keywords": [
"text"
]
},
"compose/object": {
"name": "dtColorForegroundTertiary",
"value": "Color(0xff555555)",
"description": "Used to imply visual hierarchy relative to primary and secondary text colors, e.g. headlines and labels.",
"keywords": [
"text"
]
},
"css/variables": {
"name": "var(--dt-color-foreground-tertiary)",
"value": "#555555",
"description": "Used to imply visual hierarchy relative to primary and secondary text colors, e.g. headlines and labels.",
"keywords": [
"text"
]
},
"android/resources": {
"name": "dt_dp_light_color_foreground_tertiary",
"value": "#ff555555",
"description": "Used to imply visual hierarchy relative to primary and secondary text colors, e.g. headlines and labels.",
"keywords": [
"text"
]
}
},
"color/foreground/muted": {
"less/variables": {
"name": "dt-color-foreground-muted",
"value": "hsl(0 0% 13.3% / 0.5)",
"keywords": [
"text"
]
},
"ios-swift/enum.swift": {
"name": "dtColorForegroundMuted",
"value": "UIColor(red: 0.133, green: 0.133, blue: 0.133, alpha: 0.502)",
"keywords": [
"text"
]
},
"compose/object": {
"name": "dtColorForegroundMuted",
"value": "Color(0x80222222)",
"keywords": [
"text"
]
},
"css/variables": {
"name": "var(--dt-color-foreground-muted)",
"value": "hsl(0 0% 13.3% / 0.5)",
"keywords": [
"text"
]
},
"android/resources": {
"name": "dt_dp_light_color_foreground_muted",
"value": "#80222222",
"keywords": [
"text"
]
}
},
"color/foreground/placeholder": {
"less/variables": {
"name": "dt-color-foreground-placeholder",
"value": "#808080",
"description": "Text color for placeholder text within form elements.",
"keywords": [
"text"
]
},
"ios-swift/enum.swift": {
"name": "dtColorForegroundPlaceholder",
"value": "UIColor(red: 0.502, green: 0.502, blue: 0.502, alpha: 1)",
"description": "Text color for placeholder text within form elements.",
"keywords": [
"text"
]
},
"compose/object": {
"name": "dtColorForegroundPlaceholder",
"value": "Color(0xff808080)",
"description": "Text color for placeholder text within form elements.",
"keywords": [
"text"
]
},
"css/variables": {
"name": "var(--dt-color-foreground-placeholder)",
"value": "#808080",
"description": "Text color for placeholder text within form elements.",
"keywords": [
"text"
]
},
"android/resources": {
"name": "dt_dp_light_color_foreground_placeholder",
"value": "#ff808080",
"description": "Text color for placeholder text within form elements.",
"keywords": [
"text"
]
}
},
"color/foreground/disabled": {
"less/variables": {
"name": "dt-color-foreground-disabled",
"value": "#808080",
"description": "Used for text paired with disabled content or components, like the form elements.",
"keywords": [
"text"
]
},
"ios-swift/enum.swift": {
"name": "dtColorForegroundDisabled",
"value": "UIColor(red: 0.502, green: 0.502, blue: 0.502, alpha: 1)",
"description": "Used for text paired with disabled content or components, like the form elements.",
"keywords": [
"text"
]
},
"compose/object": {
"name": "dtColorForegroundDisabled",
"value": "Color(0xff808080)",
"description": "Used for text paired with disabled content or components, like the form elements.",
"keywords": [
"text"
]
},
"css/variables": {
"name": "var(--dt-color-foreground-disabled)",
"value": "#808080",
"description": "Used for text paired with disabled content or components, like the form elements.",
"keywords": [
"text"
]
},
"android/resources": {
"name": "dt_dp_light_color_foreground_disabled",
"value": "#ff808080",
"description": "Used for text paired with disabled content or components, like the form elements.",
"keywords": [
"text"
]
}
},
"color/foreground/critical": {
"less/variables": {
"name": "dt-color-foreground-critical",
"value": "#EC0E0E",
"description": "Expresses an error, danger, or otherwise critical state.",
"keywords": [
"text"
]
},
"ios-swift/enum.swift": {
"name": "dtColorForegroundCritical",
"value": "UIColor(red: 0.925, green: 0.055, blue: 0.055, alpha: 1)",
"description": "Expresses an error, danger, or otherwise critical state.",
"keywords": [
"text"
]
},
"compose/object": {
"name": "dtColorForegroundCritical",
"value": "Color(0xffec0e0e)",
"description": "Expresses an error, danger, or otherwise critical state.",
"keywords": [
"text"
]
},
"css/variables": {
"name": "var(--dt-color-foreground-critical)",
"value": "#EC0E0E",
"description": "Expresses an error, danger, or otherwise critical state.",
"keywords": [
"text"
]
},
"android/resources": {
"name": "dt_dp_light_color_foreground_critical",
"value": "#ffec0e0e",
"description": "Expresses an error, danger, or otherwise critical state.",
"keywords": [
"text"
]
}
},
"color/foreground/critical-strong": {
"less/variables": {
"name": "dt-color-foreground-critical-strong",
"value": "#B70B0B",
"description": "Expresses an error, danger, or otherwise critical state on surfaces that require a stronger contrast.",
"keywords": [
"text"
]
},
"ios-swift/enum.swift": {
"name": "dtColorForegroundCriticalStrong",
"value": "UIColor(red: 0.718, green: 0.043, blue: 0.043, alpha: 1)",
"description": "Expresses an error, danger, or otherwise critical state on surfaces that require a stronger contrast.",
"keywords": [
"text"
]
},
"compose/object": {
"name": "dtColorForegroundCriticalStrong",
"value": "Color(0xffb70b0b)",
"description": "Expresses an error, danger, or otherwise critical state on surfaces that require a stronger contrast.",
"keywords": [
"text"
]
},
"css/variables": {
"name": "var(--dt-color-foreground-critical-strong)",
"value": "#B70B0B",
"description": "Expresses an error, danger, or otherwise critical state on surfaces that require a stronger contrast.",
"keywords": [
"text"
]
},
"android/resources": {
"name": "dt_dp_light_color_foreground_critical_strong",
"value": "#ffb70b0b",
"description": "Expresses an error, danger, or otherwise critical state on surfaces that require a stronger contrast.",
"keywords": [
"text"
]
}
},
"color/foreground/success": {
"less/variables": {
"name": "dt-color-foreground-success",
"value": "#1AA340",
"description": "Indicates a positive state.",
"keywords": [
"text"
]
},
"ios-swift/enum.swift": {
"name": "dtColorForegroundSuccess",
"value": "UIColor(red: 0.102, green: 0.639, blue: 0.251, alpha: 1)",
"description": "Indicates a positive state.",
"keywords": [
"text"
]
},
"compose/object": {
"name": "dtColorForegroundSuccess",
"value": "Color(0xff1aa340)",
"description": "Indicates a positive state.",
"keywords": [
"text"
]
},
"css/variables": {
"name": "var(--dt-color-foreground-success)",
"value": "#1AA340",
"description": "Indicates a positive state.",
"keywords": [
"text"
]
},
"android/resources": {
"name": "dt_dp_light_color_foreground_success",
"value": "#ff1aa340",
"description": "Indicates a positive state.",
"keywords": [
"text"
]
}
},
"color/foreground/success-strong": {
"less/variables": {
"name": "dt-color-foreground-success-strong",
"value": "#124620",
"description": "Indicates a strong positive state on surfaces that require a stronger contrast.",
"keywords": [
"text"
]
},
"ios-swift/enum.swift": {
"name": "dtColorForegroundSuccessStrong",
"value": "UIColor(red: 0.071, green: 0.275, blue: 0.125, alpha: 1)",
"description": "Indicates a strong positive state on surfaces that require a stronger contrast.",
"keywords": [
"text"
]
},
"compose/object": {
"name": "dtColorForegroundSuccessStrong",
"value": "Color(0xff124620)",
"description": "Indicates a strong positive state on surfaces that require a stronger contrast.",
"keywords": [
"text"
]
},
"css/variables": {
"name": "var(--dt-color-foreground-success-strong)",
"value": "#124620",
"description": "Indicates a strong positive state on surfaces that require a stronger contrast.",
"keywords": [
"text"
]
},
"android/resources": {
"name": "dt_dp_light_color_foreground_success_strong",
"value": "#ff124620",
"description": "Indicates a strong positive state on surfaces that require a stronger contrast.",
"keywords": [
"text"
]
}
},
"color/foreground/warning": {
"less/variables": {
"name": "dt-color-foreground-warning",
"value": "#815008",
"description": "Indicates information that requires user’s attention and further action may be necessary.",
"keywords": [
"text"
]
},
"ios-swift/enum.swift": {
"name": "dtColorForegroundWarning",
"value": "UIColor(red: 0.506, green: 0.314, blue: 0.031, alpha: 1)",
"description": "Indicates information that requires user’s attention and further action may be necessary.",
"keywords": [
"text"
]
},
"compose/object": {
"name": "dtColorForegroundWarning",
"value": "Color(0xff815008)",
"description": "Indicates information that requires user’s attention and further action may be necessary.",
"keywords": [
"text"
]
},
"css/variables": {
"name": "var(--dt-color-foreground-warning)",
"value": "#815008",
"description": "Indicates information that requires user’s attention and further action may be necessary.",
"keywords": [
"text"
]
},
"android/resources": {
"name": "dt_dp_light_color_foreground_warning",
"value": "#ff815008",
"description": "Indicates information that requires user’s attention and further action may be necessary.",
"keywords": [
"text"
]
}
},
"color/foreground/primary-inverted": {
"less/variables": {
"name": "dt-color-foreground-primary-inverted",
"value": "#ffffff",
"description": "Primary text that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
},
"ios-swift/enum.swift": {
"name": "dtColorForegroundPrimaryInverted",
"value": "UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)",
"description": "Primary text that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
},
"compose/object": {
"name": "dtColorForegroundPrimaryInverted",
"value": "Color(0xffffffff)",
"description": "Primary text that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
},
"css/variables": {
"name": "var(--dt-color-foreground-primary-inverted)",
"value": "#ffffff",
"description": "Primary text that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
},
"android/resources": {
"name": "dt_dp_light_color_foreground_primary_inverted",
"value": "#ffffffff",
"description": "Primary text that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
}
},
"color/foreground/secondary-inverted": {
"less/variables": {
"name": "dt-color-foreground-secondary-inverted",
"value": "#E9E9E9",
"description": "Secondary text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
},
"ios-swift/enum.swift": {
"name": "dtColorForegroundSecondaryInverted",
"value": "UIColor(red: 0.914, green: 0.914, blue: 0.914, alpha: 1)",
"description": "Secondary text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
},
"compose/object": {
"name": "dtColorForegroundSecondaryInverted",
"value": "Color(0xffe9e9e9)",
"description": "Secondary text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
},
"css/variables": {
"name": "var(--dt-color-foreground-secondary-inverted)",
"value": "#E9E9E9",
"description": "Secondary text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
},
"android/resources": {
"name": "dt_dp_light_color_foreground_secondary_inverted",
"value": "#ffe9e9e9",
"description": "Secondary text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
}
},
"color/foreground/tertiary-inverted": {
"less/variables": {
"name": "dt-color-foreground-tertiary-inverted",
"value": "#D2D2D2",
"description": "Tertiary text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
},
"ios-swift/enum.swift": {
"name": "dtColorForegroundTertiaryInverted",
"value": "UIColor(red: 0.824, green: 0.824, blue: 0.824, alpha: 1)",
"description": "Tertiary text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
},
"compose/object": {
"name": "dtColorForegroundTertiaryInverted",
"value": "Color(0xffd2d2d2)",
"description": "Tertiary text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
},
"css/variables": {
"name": "var(--dt-color-foreground-tertiary-inverted)",
"value": "#D2D2D2",
"description": "Tertiary text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
},
"android/resources": {
"name": "dt_dp_light_color_foreground_tertiary_inverted",
"value": "#ffd2d2d2",
"description": "Tertiary text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
}
},
"color/foreground/muted-inverted": {
"less/variables": {
"name": "dt-color-foreground-muted-inverted",
"value": "hsl(0 0% 91.4% / 0.6)",
"description": "Muted text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
},
"ios-swift/enum.swift": {
"name": "dtColorForegroundMutedInverted",
"value": "UIColor(red: 0.914, green: 0.914, blue: 0.914, alpha: 0.600)",
"description": "Muted text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
},
"compose/object": {
"name": "dtColorForegroundMutedInverted",
"value": "Color(0x99e9e9e9)",
"description": "Muted text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
},
"css/variables": {
"name": "var(--dt-color-foreground-muted-inverted)",
"value": "hsl(0 0% 91.4% / 0.6)",
"description": "Muted text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
},
"android/resources": {
"name": "dt_dp_light_color_foreground_muted_inverted",
"value": "#99e9e9e9",
"description": "Muted text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
}
},
"color/foreground/placeholder-inverted": {
"less/variables": {
"name": "dt-color-foreground-placeholder-inverted",
"value": "#808080",
"description": "Placeholder text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
},
"ios-swift/enum.swift": {
"name": "dtColorForegroundPlaceholderInverted",
"value": "UIColor(red: 0.502, green: 0.502, blue: 0.502, alpha: 1)",
"description": "Placeholder text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
},
"compose/object": {
"name": "dtColorForegroundPlaceholderInverted",
"value": "Color(0xff808080)",
"description": "Placeholder text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
},
"css/variables": {
"name": "var(--dt-color-foreground-placeholder-inverted)",
"value": "#808080",
"description": "Placeholder text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
},
"android/resources": {
"name": "dt_dp_light_color_foreground_placeholder_inverted",
"value": "#ff808080",
"description": "Placeholder text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
}
},
"color/foreground/disabled-inverted": {
"less/variables": {
"name": "dt-color-foreground-disabled-inverted",
"value": "#808080",
"description": "Disabled text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
},
"ios-swift/enum.swift": {
"name": "dtColorForegroundDisabledInverted",
"value": "UIColor(red: 0.502, green: 0.502, blue: 0.502, alpha: 1)",
"description": "Disabled text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
},
"compose/object": {
"name": "dtColorForegroundDisabledInverted",
"value": "Color(0xff808080)",
"description": "Disabled text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
},
"css/variables": {
"name": "var(--dt-color-foreground-disabled-inverted)",
"value": "#808080",
"description": "Disabled text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
},
"android/resources": {
"name": "dt_dp_light_color_foreground_disabled_inverted",
"value": "#ff808080",
"description": "Disabled text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
}
},
"color/foreground/critical-inverted": {
"less/variables": {
"name": "dt-color-foreground-critical-inverted",
"value": "#FF8585",
"description": "Critical text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
},
"ios-swift/enum.swift": {
"name": "dtColorForegroundCriticalInverted",
"value": "UIColor(red: 1.000, green: 0.522, blue: 0.522, alpha: 1)",
"description": "Critical text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
},
"compose/object": {
"name": "dtColorForegroundCriticalInverted",
"value": "Color(0xffff8585)",
"description": "Critical text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
},
"css/variables": {
"name": "var(--dt-color-foreground-critical-inverted)",
"value": "#FF8585",
"description": "Critical text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
},
"android/resources": {
"name": "dt_dp_light_color_foreground_critical_inverted",
"value": "#ffff8585",
"description": "Critical text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
}
},
"color/foreground/critical-strong-inverted": {
"less/variables": {
"name": "dt-color-foreground-critical-strong-inverted",
"value": "hsl(0 100% 82.1%)",
"description": "Critical strong text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
},
"ios-swift/enum.swift": {
"name": "dtColorForegroundCriticalStrongInverted",
"value": "UIColor(red: 1.000, green: 0.643, blue: 0.643, alpha: 1)",
"description": "Critical strong text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
},
"compose/object": {
"name": "dtColorForegroundCriticalStrongInverted",
"value": "Color(0xffffa4a4)",
"description": "Critical strong text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
},
"css/variables": {
"name": "var(--dt-color-foreground-critical-strong-inverted)",
"value": "hsl(0 100% 82.1%)",
"description": "Critical strong text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
},
"android/resources": {
"name": "dt_dp_light_color_foreground_critical_strong_inverted",
"value": "#ffffa4a4",
"description": "Critical strong text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
}
},
"color/foreground/success-inverted": {
"less/variables": {
"name": "dt-color-foreground-success-inverted",
"value": "#B0FFA3",
"description": "Success text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
},
"ios-swift/enum.swift": {
"name": "dtColorForegroundSuccessInverted",
"value": "UIColor(red: 0.690, green: 1.000, blue: 0.639, alpha: 1)",
"description": "Success text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
},
"compose/object": {
"name": "dtColorForegroundSuccessInverted",
"value": "Color(0xffb0ffa3)",
"description": "Success text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
},
"css/variables": {
"name": "var(--dt-color-foreground-success-inverted)",
"value": "#B0FFA3",
"description": "Success text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
},
"android/resources": {
"name": "dt_dp_light_color_foreground_success_inverted",
"value": "#ffb0ffa3",
"description": "Success text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
}
},
"color/foreground/success-strong-inverted": {
"less/variables": {
"name": "dt-color-foreground-success-strong-inverted",
"value": "hsl(112 100% 90.1%)",
"description": "Success strong text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
},
"ios-swift/enum.swift": {
"name": "dtColorForegroundSuccessStrongInverted",
"value": "UIColor(red: 0.831, green: 1.000, blue: 0.800, alpha: 1)",
"description": "Success strong text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
},
"compose/object": {
"name": "dtColorForegroundSuccessStrongInverted",
"value": "Color(0xffd4ffcc)",
"description": "Success strong text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
},
"css/variables": {
"name": "var(--dt-color-foreground-success-strong-inverted)",
"value": "hsl(112 100% 90.1%)",
"description": "Success strong text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
},
"android/resources": {
"name": "dt_dp_light_color_foreground_success_strong_inverted",
"value": "#ffd4ffcc",
"description": "Success strong text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
}
},
"color/foreground/warning-inverted": {
"less/variables": {
"name": "dt-color-foreground-warning-inverted",
"value": "#FFF4CC",
"description": "Warning text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
},
"ios-swift/enum.swift": {
"name": "dtColorForegroundWarningInverted",
"value": "UIColor(red: 1.000, green: 0.957, blue: 0.800, alpha: 1)",
"description": "Warning text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
},
"compose/object": {
"name": "dtColorForegroundWarningInverted",
"value": "Color(0xfffff4cc)",
"description": "Warning text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
},
"css/variables": {
"name": "var(--dt-color-foreground-warning-inverted)",
"value": "#FFF4CC",
"description": "Warning text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
},
"android/resources": {
"name": "dt_dp_light_color_foreground_warning_inverted",
"value": "#fffff4cc",
"description": "Warning text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
}
},
"color/link/primary": {
"less/variables": {
"name": "dt-color-link-primary",
"value": "#7C52FF"
},
"ios-swift/enum.swift": {
"name": "dtColorLinkPrimary",
"value": "UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)"
},
"compose/object": {
"name": "dtColorLinkPrimary",
"value": "Color(0xff7c52ff)"
},
"css/variables": {
"name": "var(--dt-color-link-primary)",
"value": "#7C52FF"
},
"android/resources": {
"name": "dt_dp_light_color_link_primary",
"value": "#ff7c52ff"
}
},
"color/link/critical": {
"less/variables": {
"name": "dt-color-link-critical",
"value": "#EC0E0E"
},
"ios-swift/enum.swift": {
"name": "dtColorLinkCritical",
"value": "UIColor(red: 0.925, green: 0.055, blue: 0.055, alpha: 1)"
},
"compose/object": {
"name": "dtColorLinkCritical",
"value": "Color(0xffec0e0e)"
},
"css/variables": {
"name": "var(--dt-color-link-critical)",
"value": "#EC0E0E"
},
"android/resources": {
"name": "dt_dp_light_color_link_critical",
"value": "#ffec0e0e"
}
},
"color/link/success": {
"less/variables": {
"name": "dt-color-link-success",
"value": "#1AA340",
"description": "positive"
},
"ios-swift/enum.swift": {
"name": "dtColorLinkSuccess",
"value": "UIColor(red: 0.102, green: 0.639, blue: 0.251, alpha: 1)",
"description": "positive"
},
"compose/object": {
"name": "dtColorLinkSuccess",
"value": "Color(0xff1aa340)",
"description": "positive"
},
"css/variables": {
"name": "var(--dt-color-link-success)",
"value": "#1AA340",
"description": "positive"
},
"android/resources": {
"name": "dt_dp_light_color_link_success",
"value": "#ff1aa340",
"description": "positive"
}
},
"color/link/warning": {
"less/variables": {
"name": "dt-color-link-warning",
"value": "#815008"
},
"ios-swift/enum.swift": {
"name": "dtColorLinkWarning",
"value": "UIColor(red: 0.506, green: 0.314, blue: 0.031, alpha: 1)"
},
"compose/object": {
"name": "dtColorLinkWarning",
"value": "Color(0xff815008)"
},
"css/variables": {
"name": "var(--dt-color-link-warning)",
"value": "#815008"
},
"android/resources": {
"name": "dt_dp_light_color_link_warning",
"value": "#ff815008"
}
},
"color/link/muted": {
"less/variables": {
"name": "dt-color-link-muted",
"value": "#3A3A3A"
},
"ios-swift/enum.swift": {
"name": "dtColorLinkMuted",
"value": "UIColor(red: 0.227, green: 0.227, blue: 0.227, alpha: 1)"
},
"compose/object": {
"name": "dtColorLinkMuted",
"value": "Color(0xff3a3a3a)"
},
"css/variables": {
"name": "var(--dt-color-link-muted)",
"value": "#3A3A3A"
},
"android/resources": {
"name": "dt_dp_light_color_link_muted",
"value": "#ff3a3a3a"
}
},
"color/link/disabled": {
"less/variables": {
"name": "dt-color-link-disabled",
"value": "#808080"
},
"ios-swift/enum.swift": {
"name": "dtColorLinkDisabled",
"value": "UIColor(red: 0.502, green: 0.502, blue: 0.502, alpha: 1)"
},
"compose/object": {
"name": "dtColorLinkDisabled",
"value": "Color(0xff808080)"
},
"css/variables": {
"name": "var(--dt-color-link-disabled)",
"value": "#808080"
},
"android/resources": {
"name": "dt_dp_light_color_link_disabled",
"value": "#ff808080"
}
},
"color/link/primary-inverted": {
"less/variables": {
"name": "dt-color-link-primary-inverted",
"value": "#AB7EFF"
},
"ios-swift/enum.swift": {
"name": "dtColorLinkPrimaryInverted",
"value": "UIColor(red: 0.671, green: 0.494, blue: 1.000, alpha: 1)"
},
"compose/object": {
"name": "dtColorLinkPrimaryInverted",
"value": "Color(0xffab7eff)"
},
"css/variables": {
"name": "var(--dt-color-link-primary-inverted)",
"value": "#AB7EFF"
},
"android/resources": {
"name": "dt_dp_light_color_link_primary_inverted",
"value": "#ffab7eff"
}
},
"color/link/critical-inverted": {
"less/variables": {
"name": "dt-color-link-critical-inverted",
"value": "#FF8585"
},
"ios-swift/enum.swift": {
"name": "dtColorLinkCriticalInverted",
"value": "UIColor(red: 1.000, green: 0.522, blue: 0.522, alpha: 1)"
},
"compose/object": {
"name": "dtColorLinkCriticalInverted",
"value": "Color(0xffff8585)"
},
"css/variables": {
"name": "var(--dt-color-link-critical-inverted)",
"value": "#FF8585"
},
"android/resources": {
"name": "dt_dp_light_color_link_critical_inverted",
"value": "#ffff8585"
}
},
"color/link/success-inverted": {
"less/variables": {
"name": "dt-color-link-success-inverted",
"value": "#B0FFA3"
},
"ios-swift/enum.swift": {
"name": "dtColorLinkSuccessInverted",
"value": "UIColor(red: 0.690, green: 1.000, blue: 0.639, alpha: 1)"
},
"compose/object": {
"name": "dtColorLinkSuccessInverted",
"value": "Color(0xffb0ffa3)"
},
"css/variables": {
"name": "var(--dt-color-link-success-inverted)",
"value": "#B0FFA3"
},
"android/resources": {
"name": "dt_dp_light_color_link_success_inverted",
"value": "#ffb0ffa3"
}
},
"color/link/warning-inverted": {
"less/variables": {
"name": "dt-color-link-warning-inverted",
"value": "#FFF4CC"
},
"ios-swift/enum.swift": {
"name": "dtColorLinkWarningInverted",
"value": "UIColor(red: 1.000, green: 0.957, blue: 0.800, alpha: 1)"
},
"compose/object": {
"name": "dtColorLinkWarningInverted",
"value": "Color(0xfffff4cc)"
},
"css/variables": {
"name": "var(--dt-color-link-warning-inverted)",
"value": "#FFF4CC"
},
"android/resources": {
"name": "dt_dp_light_color_link_warning_inverted",
"value": "#fffff4cc"
}
},
"color/link/muted-inverted": {
"less/variables": {
"name": "dt-color-link-muted-inverted",
"value": "#E9E9E9"
},
"ios-swift/enum.swift": {
"name": "dtColorLinkMutedInverted",
"value": "UIColor(red: 0.914, green: 0.914, blue: 0.914, alpha: 1)"
},
"compose/object": {
"name": "dtColorLinkMutedInverted",
"value": "Color(0xffe9e9e9)"
},
"css/variables": {
"name": "var(--dt-color-link-muted-inverted)",
"value": "#E9E9E9"
},
"android/resources": {
"name": "dt_dp_light_color_link_muted_inverted",
"value": "#ffe9e9e9"
}
},
"color/link/disabled-inverted": {
"less/variables": {
"name": "dt-color-link-disabled-inverted",
"value": "#808080"
},
"ios-swift/enum.swift": {
"name": "dtColorLinkDisabledInverted",
"value": "UIColor(red: 0.502, green: 0.502, blue: 0.502, alpha: 1)"
},
"compose/object": {
"name": "dtColorLinkDisabledInverted",
"value": "Color(0xff808080)"
},
"css/variables": {
"name": "var(--dt-color-link-disabled-inverted)",
"value": "#808080"
},
"android/resources": {
"name": "dt_dp_light_color_link_disabled_inverted",
"value": "#ff808080"
}
},
"color/link/primary-hover": {
"less/variables": {
"name": "dt-color-link-primary-hover",
"value": "#3A1D95"
},
"ios-swift/enum.swift": {
"name": "dtColorLinkPrimaryHover",
"value": "UIColor(red: 0.227, green: 0.114, blue: 0.584, alpha: 1)"
},
"compose/object": {
"name": "dtColorLinkPrimaryHover",
"value": "Color(0xff3a1d95)"
},
"css/variables": {
"name": "var(--dt-color-link-primary-hover)",
"value": "#3A1D95"
},
"android/resources": {
"name": "dt_dp_light_color_link_primary_hover",
"value": "#ff3a1d95"
}
},
"color/link/critical-hover": {
"less/variables": {
"name": "dt-color-link-critical-hover",
"value": "#B70B0B"
},
"ios-swift/enum.swift": {
"name": "dtColorLinkCriticalHover",
"value": "UIColor(red: 0.718, green: 0.043, blue: 0.043, alpha: 1)"
},
"compose/object": {
"name": "dtColorLinkCriticalHover",
"value": "Color(0xffb70b0b)"
},
"css/variables": {
"name": "var(--dt-color-link-critical-hover)",
"value": "#B70B0B"
},
"android/resources": {
"name": "dt_dp_light_color_link_critical_hover",
"value": "#ffb70b0b"
}
},
"color/link/success-hover": {
"less/variables": {
"name": "dt-color-link-success-hover",
"value": "#124620"
},
"ios-swift/enum.swift": {
"name": "dtColorLinkSuccessHover",
"value": "UIColor(red: 0.071, green: 0.275, blue: 0.125, alpha: 1)"
},
"compose/object": {
"name": "dtColorLinkSuccessHover",
"value": "Color(0xff124620)"
},
"css/variables": {
"name": "var(--dt-color-link-success-hover)",
"value": "#124620"
},
"android/resources": {
"name": "dt_dp_light_color_link_success_hover",
"value": "#ff124620"
}
},
"color/link/warning-hover": {
"less/variables": {
"name": "dt-color-link-warning-hover",
"value": "#555555"
},
"ios-swift/enum.swift": {
"name": "dtColorLinkWarningHover",
"value": "UIColor(red: 0.333, green: 0.333, blue: 0.333, alpha: 1)"
},
"compose/object": {
"name": "dtColorLinkWarningHover",
"value": "Color(0xff555555)"
},
"css/variables": {
"name": "var(--dt-color-link-warning-hover)",
"value": "#555555"
},
"android/resources": {
"name": "dt_dp_light_color_link_warning_hover",
"value": "#ff555555"
}
},
"color/link/muted-hover": {
"less/variables": {
"name": "dt-color-link-muted-hover",
"value": "#000000"
},
"ios-swift/enum.swift": {
"name": "dtColorLinkMutedHover",
"value": "UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)"
},
"compose/object": {
"name": "dtColorLinkMutedHover",
"value": "Color(0xff000000)"
},
"css/variables": {
"name": "var(--dt-color-link-muted-hover)",
"value": "#000000"
},
"android/resources": {
"name": "dt_dp_light_color_link_muted_hover",
"value": "#ff000000"
}
},
"color/link/disabled-hover": {
"less/variables": {
"name": "dt-color-link-disabled-hover",
"value": "#808080"
},
"ios-swift/enum.swift": {
"name": "dtColorLinkDisabledHover",
"value": "UIColor(red: 0.502, green: 0.502, blue: 0.502, alpha: 1)"
},
"compose/object": {
"name": "dtColorLinkDisabledHover",
"value": "Color(0xff808080)"
},
"css/variables": {
"name": "var(--dt-color-link-disabled-hover)",
"value": "#808080"
},
"android/resources": {
"name": "dt_dp_light_color_link_disabled_hover",
"value": "#ff808080"
}
},
"color/link/primary-inverted-hover": {
"less/variables": {
"name": "dt-color-link-primary-inverted-hover",
"value": "#DAC7FF"
},
"ios-swift/enum.swift": {
"name": "dtColorLinkPrimaryInvertedHover",
"value": "UIColor(red: 0.855, green: 0.780, blue: 1.000, alpha: 1)"
},
"compose/object": {
"name": "dtColorLinkPrimaryInvertedHover",
"value": "Color(0xffdac7ff)"
},
"css/variables": {
"name": "var(--dt-color-link-primary-inverted-hover)",
"value": "#DAC7FF"
},
"android/resources": {
"name": "dt_dp_light_color_link_primary_inverted_hover",
"value": "#ffdac7ff"
}
},
"color/link/critical-inverted-hover": {
"less/variables": {
"name": "dt-color-link-critical-inverted-hover",
"value": "hsl(0 100% 82.1%)"
},
"ios-swift/enum.swift": {
"name": "dtColorLinkCriticalInvertedHover",
"value": "UIColor(red: 1.000, green: 0.643, blue: 0.643, alpha: 1)"
},
"compose/object": {
"name": "dtColorLinkCriticalInvertedHover",
"value": "Color(0xffffa4a4)"
},
"css/variables": {
"name": "var(--dt-color-link-critical-inverted-hover)",
"value": "hsl(0 100% 82.1%)"
},
"android/resources": {
"name": "dt_dp_light_color_link_critical_inverted_hover",
"value": "#ffffa4a4"
}
},
"color/link/success-inverted-hover": {
"less/variables": {
"name": "dt-color-link-success-inverted-hover",
"value": "hsl(112 100% 90.1%)"
},
"ios-swift/enum.swift": {
"name": "dtColorLinkSuccessInvertedHover",
"value": "UIColor(red: 0.831, green: 1.000, blue: 0.800, alpha: 1)"
},
"compose/object": {
"name": "dtColorLinkSuccessInvertedHover",
"value": "Color(0xffd4ffcc)"
},
"css/variables": {
"name": "var(--dt-color-link-success-inverted-hover)",
"value": "hsl(112 100% 90.1%)"
},
"android/resources": {
"name": "dt_dp_light_color_link_success_inverted_hover",
"value": "#ffd4ffcc"
}
},
"color/link/warning-inverted-hover": {
"less/variables": {
"name": "dt-color-link-warning-inverted-hover",
"value": "#F9F9F9"
},
"ios-swift/enum.swift": {
"name": "dtColorLinkWarningInvertedHover",
"value": "UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 1)"
},
"compose/object": {
"name": "dtColorLinkWarningInvertedHover",
"value": "Color(0xfff9f9f9)"
},
"css/variables": {
"name": "var(--dt-color-link-warning-inverted-hover)",
"value": "#F9F9F9"
},
"android/resources": {
"name": "dt_dp_light_color_link_warning_inverted_hover",
"value": "#fff9f9f9"
}
},
"color/link/muted-inverted-hover": {
"less/variables": {
"name": "dt-color-link-muted-inverted-hover",
"value": "#F9F9F9"
},
"ios-swift/enum.swift": {
"name": "dtColorLinkMutedInvertedHover",
"value": "UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 1)"
},
"compose/object": {
"name": "dtColorLinkMutedInvertedHover",
"value": "Color(0xfff9f9f9)"
},
"css/variables": {
"name": "var(--dt-color-link-muted-inverted-hover)",
"value": "#F9F9F9"
},
"android/resources": {
"name": "dt_dp_light_color_link_muted_inverted_hover",
"value": "#fff9f9f9"
}
},
"color/link/disabled-inverted-hover": {
"less/variables": {
"name": "dt-color-link-disabled-inverted-hover",
"value": "#808080"
},
"ios-swift/enum.swift": {
"name": "dtColorLinkDisabledInvertedHover",
"value": "UIColor(red: 0.502, green: 0.502, blue: 0.502, alpha: 1)"
},
"compose/object": {
"name": "dtColorLinkDisabledInvertedHover",
"value": "Color(0xff808080)"
},
"css/variables": {
"name": "var(--dt-color-link-disabled-inverted-hover)",
"value": "#808080"
},
"android/resources": {
"name": "dt_dp_light_color_link_disabled_inverted_hover",
"value": "#ff808080"
}
},
"color/surface/secondary-opaque": {
"less/variables": {
"name": "dt-color-surface-secondary-opaque",
"value": "hsl(0 0% 0% / 0.02)",
"description": "Secondary surface as opaque background color.",
"keywords": [
"background",
"fill"
]
},
"ios-swift/enum.swift": {
"name": "dtColorSurfaceSecondaryOpaque",
"value": "UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.020)",
"description": "Secondary surface as opaque background color.",
"keywords": [
"background",
"fill"
]
},
"compose/object": {
"name": "dtColorSurfaceSecondaryOpaque",
"value": "Color(0x05000000)",
"description": "Secondary surface as opaque background color.",
"keywords": [
"background",
"fill"
]
},
"css/variables": {
"name": "var(--dt-color-surface-secondary-opaque)",
"value": "hsl(0 0% 0% / 0.02)",
"description": "Secondary surface as opaque background color.",
"keywords": [
"background",
"fill"
]
},
"android/resources": {
"name": "dt_dp_light_color_surface_secondary_opaque",
"value": "#05000000",
"description": "Secondary surface as opaque background color.",
"keywords": [
"background",
"fill"
]
}
},
"color/surface/moderate-opaque": {
"less/variables": {
"name": "dt-color-surface-moderate-opaque",
"value": "hsl(0 0% 0% / 0.09)",
"description": "Moderate surface as opaque background color.",
"keywords": [
"background",
"fill"
]
},
"ios-swift/enum.swift": {
"name": "dtColorSurfac