UNPKG

@dialpad/dialtone

Version:

Dialpad's Dialtone design system monorepo

1,535 lines 6.54 MB
{ "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