Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Token] - New/Updates #1465

Open
vladko-uxds opened this issue Jan 8, 2025 · 0 comments
Open

[Token] - New/Updates #1465

vladko-uxds opened this issue Jan 8, 2025 · 0 comments
Assignees
Labels
design UI/UX oriented issue feature New feature or request high
Milestone

Comments

@vladko-uxds
Copy link

vladko-uxds commented Jan 8, 2025

Group: Surface AI Copilot basic
--surface-ai-copilot-basic-default
Light linear-gradient(95.09deg, #CDDEF9 0%, #E7E5FD 45.76%, #F9F2FF 100.89%);
Dark: linear-gradient(95.09deg, #302476 0%, #442A76 50.44%, #53307C 100.89%);

--surface-ai-copilot-basic-hover
Light linear-gradient(95.09deg, #A6C4F5 0%, #D1CFFC 45.76%, #F3E6FF 100.89%);
Dark: linear-gradient(95.09deg, #44378D 0%, #593D8D 50.44%, #674293 100.89%);

--surface-ai-copilot-basic-active
Light linear-gradient(95.09deg, #A3B1F6 0%, #C9BBFC 45.76%, #E8D0FF 100.89%);

Group: Surface AI Copilot Invert
--surface-ai-copilot-invert-01
Light: linear-gradient(254.49deg, rgba(187, 154, 255, 0.18) -0.38%, rgba(104, 175, 255, 0.18) 94.44%);
Dark: linear-gradient(254.49deg, #3C364C -0.38%, #1B2B46 96.36%);

--surface-ai-copilot-invert-02
Light linear-gradient(254.49deg, #3C364C -0.38%, #1B2B46 96.36%);
Dark: linear-gradient(254.49deg, #3C364C -0.38%, #2D3A4C 96.36%);

Group: Surface AI Other

--surface-ai-other-01-default
Light: linear-gradient(95.09deg, #EEE8FF 0%, #FFF4DD 110.26%);
Dark: linear-gradient(95.09deg, #4A1F73 0%, #532E1F 110.26%);

--surface-ai-other-01-hover
Light linear-gradient(95.09deg, #E5D8FF 0%, #F4E3E0 110.26%);

--surface-ai-other-01-active
Light linear-gradient(95.09deg, #E0D0FF 0%, #EFDAE2 110.26%);

--surface-ai-other-02-default
Light linear-gradient(95.09deg, #EEE8FF 0%, #F4FAFF 110.26%);
Dark: linear-gradient(95.09deg, #513E79 0%, #1F2D44 110.26%);


Group: Border AI Basic
--border-ai-copilot-basic-default
Light: conic-gradient(from 171.11deg at 50% 50%, #B466FF -46.87deg, #7E54FF 0.45deg, #45ACFF 163.12deg, #D7CDFF 240deg, #B466FF 313.12deg, #7E54FF 360.45deg);

--border-ai-copilot-basic-hover
Light: background: conic-gradient(from 171.11deg at 50% 50%, #9B33FF -46.87deg, #561FFF 0.45deg, #1496FF 163.12deg, #EBE6FF 240deg, #9B33FF 313.12deg, #561FFF 360.45deg);

--border-ai-copilot-basic-active
Light background: conic-gradient(from 171.11deg at 50% 50%, #C930FF -46.87deg, #7000FF 0.45deg, #00B3FF 163.12deg, #FFFFFF 240deg, #C930FF 313.12deg, #7000FF 360.45deg);

Group: Border AI Other
--border-ai-other-01
Light `linear-gradient(105.24deg, #007CEB 30.18%, #8745EB 47.61%, #EB236A 73.95%, #DD4503 104.36%);

Group: Content AI Basic
--content-ai-copilot-basic
LIGHT. linear-gradient(254.49deg, #8609FF -0.38%, #004BC2 94.44%);

--content-ai-copilot-invert
LIGHT. linear-gradient(254.49deg, #B99AFF -0.38%, #68AFFF 94.44%);

--content-ai-other-1-default
LIGHT. linear-gradient(90deg, #007CEB 0%, #8745EB 29.5%, #EB236A 74.05%, #DD4503 125.51%);

Group: Shadows
--shadow-ai-copilot-animation-start
LIGHT box-shadow: 0px -4px 22px 1px rgba(0, 102, 255, 0.3); box-shadow: 0px 12px 32px 1px rgba(113, 111, 255, 0.6); box-shadow: 0px 0px 0px 1px rgba(145, 70, 255, 1) inset;

--shadow-ai-copilot-animation-medium1
LIGHT box-shadow: 0px -4px 22px 1px rgba(0, 102, 255, 0.3); box-shadow: 0px 12px 32px 1px rgba(113, 111, 255, 0.6); box-shadow: 0px 0px 0px 1px rgba(145, 70, 255, 1) inset;

--shadow-ai-copilot-animation-medium2
LIGHT box-shadow: 0px -2px 24px 1px rgba(0, 102, 255, 0.6); box-shadow: 0px 12px 32px 1px rgba(113, 111, 255, 0.4);box-shadow: 0px 0px 0px 1px rgba(0, 102, 255, 1) inset;

--shadow-ai-copilot-animation-medium3
LIGHT box-shadow: 0px -2px 24px 1px rgba(0, 102, 255, 0.6);box-shadow: 0px 12px 32px 1px rgba(113, 111, 255, 0.4);box-shadow: 0px 0px 0px 1px rgba(0, 102, 255, 1) inset;

--shadow-ai-copilot-animation-end
LIGHT box-shadow: 0px 6px 28px 0px rgba(19, 19, 23, 0.3);

--shadow-ai-copilot-animation-invert
LIGHT need value

--shadow-ai-other-float
LIGHT: box-shadow: 1px 2px 6px 0px hsla(323, 100%, 38%, 0.15); box-shadow: -1px 0px 6px 0px hsla(210, 100%, 52%, 0.2);

--shadow-ai-other-active-field
LIGHT: box-shadow: 1px 2px 6px 0px hsla(337, 95%, 58%, 0.15);box-shadow: -1px -2px 6px 0px hsla(210, 100%, 52%, 0.2);box-shadow: 0px 0px 0px 4px hsla(212, 100%, 50%, 0.05);

@vladko-uxds vladko-uxds converted this from a draft issue Jan 8, 2025
@vladko-uxds vladko-uxds added feature New feature or request design UI/UX oriented issue high labels Jan 8, 2025
@vladko-uxds vladko-uxds moved this from Backlog to Selected for Development in LiveChat Design System Jan 8, 2025
@vladko-uxds vladko-uxds added this to the Cycle #11 milestone Jan 9, 2025
@JoannaSikora JoannaSikora self-assigned this Jan 14, 2025
@JoannaSikora JoannaSikora moved this from Selected for Development to In Progress in LiveChat Design System Jan 14, 2025
@JoannaSikora JoannaSikora moved this from In Progress to Selected for Development in LiveChat Design System Jan 15, 2025
@JoannaSikora JoannaSikora moved this from Selected for Development to In Progress in LiveChat Design System Jan 17, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
design UI/UX oriented issue feature New feature or request high
Projects
Status: In Progress
Development

No branches or pull requests

2 participants