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.

Sign up for GitHub

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

feat(plasma-tokens-utils): Update formatting tokens name from camelCase to kebab-case #971

Merged
merged 3 commits into from
Jan 17, 2024
+717 −714
Merged

feat(plasma-tokens-utils): Update formatting tokens name from camelCase to kebab-case #971

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
325709c
feat(plasma-tokens-utils): Add kebab case fot typoe and color tokens
neretin-trike Jan 16, 2024
9d04918
feat(plasma-tokens): Update color tokens for legacy themes
neretin-trike Jan 16, 2024
74013f1
feat(plasma-tokens): Update typo tokens for legacy themes
neretin-trike Jan 16, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
96 changes: 48 additions & 48 deletions packages/plasma-tokens/src/themes/salutejs_B2E__dark.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,76 +3,76 @@
export const salutejs_B2E__dark = {
':root': {
'--plasma-colors-white': '#FFFFFF',
'--plasma-colors-whitePrimary': '#FFFFFF',
'--plasma-colors-whiteSecondary': 'rgba(255, 255, 255, 0.56)',
'--plasma-colors-whiteTertiary': 'rgba(255, 255, 255, 0.28)',
'--plasma-colors-white-primary': '#FFFFFF',
'--plasma-colors-white-secondary': 'rgba(255, 255, 255, 0.56)',
'--plasma-colors-white-tertiary': 'rgba(255, 255, 255, 0.28)',
'--plasma-colors-black': '#080808',
'--plasma-colors-blackPrimary': '#080808',
'--plasma-colors-blackSecondary': 'rgba(8, 8, 8, 0.56)',
'--plasma-colors-blackTertiary': 'rgba(8, 8, 8, 0.28)',
'--plasma-colors-black-primary': '#080808',
'--plasma-colors-black-secondary': 'rgba(8, 8, 8, 0.56)',
'--plasma-colors-black-tertiary': 'rgba(8, 8, 8, 0.28)',
'--plasma-colors-dark01': '#171717',
'--plasma-colors-dark02': '#232323',
'--plasma-colors-dark03': '#363636',
'--plasma-colors-transparent': 'rgba(0, 0, 0, 0)',
'--plasma-colors-buttonClear': 'rgba(0, 0, 0, 0)',
'--plasma-colors-buttonBlack': '#080808',
'--plasma-colors-buttonBlackSecondary': 'rgba(8, 8, 8, 0.12)',
'--plasma-colors-buttonBlackTransparent': 'rgba(8, 8, 8, 0.56)',
'--plasma-colors-buttonWhite': '#FFFFFF',
'--plasma-colors-buttonWhiteSecondary': 'rgba(255, 255, 255, 0.12)',
'--plasma-colors-button-clear': 'rgba(0, 0, 0, 0)',
'--plasma-colors-button-black': '#080808',
'--plasma-colors-button-black-secondary': 'rgba(8, 8, 8, 0.12)',
'--plasma-colors-button-black-transparent': 'rgba(8, 8, 8, 0.56)',
'--plasma-colors-button-white': '#FFFFFF',
'--plasma-colors-button-white-secondary': 'rgba(255, 255, 255, 0.12)',
'--plasma-colors-text': 'rgba(255, 255, 255, 0.96)',
'--plasma-colors-primary': 'rgba(255, 255, 255, 0.96)',
'--plasma-colors-secondary': 'rgba(255, 255, 255, 0.56)',
'--plasma-colors-tertiary': 'rgba(255, 255, 255, 0.28)',
'--plasma-colors-paragraph': 'rgba(255, 255, 255, 0.96)',
'--plasma-colors-inverse': '#080808',
'--plasma-colors-background': '#080808',
'--plasma-colors-backgroundPrimary': '#171717',
'--plasma-colors-backgroundSecondary': '#232323',
'--plasma-colors-backgroundTertiary': '#363636',
'--plasma-colors-background-primary': '#171717',
'--plasma-colors-background-secondary': '#232323',
'--plasma-colors-background-tertiary': '#363636',
'--plasma-colors-success': '#24B23E',
'--plasma-colors-warning': '#FA6D20',
'--plasma-colors-critical': '#FF4D5F',
'--plasma-colors-surfaceLiquid01': 'rgba(255, 255, 255, 0.06)',
'--plasma-colors-surfaceLiquid02': 'rgba(255, 255, 255, 0.12)',
'--plasma-colors-surfaceLiquid03': 'rgba(255, 255, 255, 0.2)',
'--plasma-colors-surfaceSolid01': '#171717',
'--plasma-colors-surfaceSolid02': '#232323',
'--plasma-colors-surfaceSolid03': '#363636',
'--plasma-colors-surfaceCard': 'rgba(255, 255, 255, 0.12)',
'--plasma-colors-buttonPrimary': '#FFFFFF',
'--plasma-colors-buttonSecondary': 'rgba(255, 255, 255, 0.12)',
'--plasma-colors-buttonSuccess': '#21A038',
'--plasma-colors-buttonWarning': '#E35502',
'--plasma-colors-buttonCritical': '#FF2E43',
'--plasma-colors-buttonChecked': '#FFFFFF',
'--plasma-colors-skeletonGradient':
'--plasma-colors-surface-liquid01': 'rgba(255, 255, 255, 0.06)',
'--plasma-colors-surface-liquid02': 'rgba(255, 255, 255, 0.12)',
'--plasma-colors-surface-liquid03': 'rgba(255, 255, 255, 0.2)',
'--plasma-colors-surface-solid01': '#171717',
'--plasma-colors-surface-solid02': '#232323',
'--plasma-colors-surface-solid03': '#363636',
'--plasma-colors-surface-card': 'rgba(255, 255, 255, 0.12)',
'--plasma-colors-button-primary': '#FFFFFF',
'--plasma-colors-button-secondary': 'rgba(255, 255, 255, 0.12)',
'--plasma-colors-button-success': '#21A038',
'--plasma-colors-button-warning': '#E35502',
'--plasma-colors-button-critical': '#FF2E43',
'--plasma-colors-button-checked': '#FFFFFF',
'--plasma-colors-skeleton-gradient':
'linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% )',
'--plasma-colors-skeletonGradientLighter':
'--plasma-colors-skeleton-gradient-lighter':
'linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% )',
'--plasma-colors-speechBubbleSent': 'rgba(0, 0, 0, 0.28)',
'--plasma-colors-speechBubbleReceived': 'rgba(255, 255, 255, 0.12)',
'--plasma-colors-speech-bubble-sent': 'rgba(0, 0, 0, 0.28)',
'--plasma-colors-speech-bubble-received': 'rgba(255, 255, 255, 0.12)',
'--plasma-colors-overlay': 'rgba(0, 0, 0, 0.8)',
'--plasma-colors-overlaySoft': 'rgba(8, 8, 8, 0.56)',
'--plasma-colors-overlayHard': 'rgba(8, 8, 8, 0.9)',
'--plasma-colors-overlayBlur': 'rgba(23, 23, 23, 0.28)',
'--plasma-colors-darkOverlaySoft': 'rgba(8, 8, 8, 0.56)',
'--plasma-colors-darkOverlayHard': 'rgba(8, 8, 8, 0.9)',
'--plasma-colors-darkOverlayBlur': 'rgba(23, 23, 23, 0.28)',
'--plasma-colors-lightOverlaySoft': 'rgba(8, 8, 8, 0.56)',
'--plasma-colors-lightOverlayHard': 'rgba(8, 8, 8, 0.9)',
'--plasma-colors-lightOverlayBlur': 'rgba(23, 23, 23, 0.28)',
'--plasma-colors-inverseOverlaySoft': 'rgba(8, 8, 8, 0.56)',
'--plasma-colors-inverseOverlayHard': 'rgba(8, 8, 8, 0.9)',
'--plasma-colors-inverseOverlayBlur': 'rgba(23, 23, 23, 0.28)',
'--plasma-colors-overlay-soft': 'rgba(8, 8, 8, 0.56)',
'--plasma-colors-overlay-hard': 'rgba(8, 8, 8, 0.9)',
'--plasma-colors-overlay-blur': 'rgba(23, 23, 23, 0.28)',
'--plasma-colors-dark-overlay-soft': 'rgba(8, 8, 8, 0.56)',
'--plasma-colors-dark-overlay-hard': 'rgba(8, 8, 8, 0.9)',
'--plasma-colors-dark-overlay-blur': 'rgba(23, 23, 23, 0.28)',
'--plasma-colors-light-overlay-soft': 'rgba(8, 8, 8, 0.56)',
'--plasma-colors-light-overlay-hard': 'rgba(8, 8, 8, 0.9)',
'--plasma-colors-light-overlay-blur': 'rgba(23, 23, 23, 0.28)',
'--plasma-colors-inverse-overlay-soft': 'rgba(8, 8, 8, 0.56)',
'--plasma-colors-inverse-overlay-hard': 'rgba(8, 8, 8, 0.9)',
'--plasma-colors-inverse-overlay-blur': 'rgba(23, 23, 23, 0.28)',
'--plasma-colors-accent': '#24B23E',
'--plasma-colors-buttonAccent': '#21A038',
'--plasma-colors-buttonFocused': '#21A038',
'--plasma-colors-button-accent': '#21A038',
'--plasma-colors-button-focused': '#21A038',
'--plasma-colors-gradient':
'linear-gradient(336.84deg, rgba(20, 116, 70, 0.6) 0%, rgba(8, 8, 8, 0) 64.88%), radial-gradient(100% 100% at 75.89% 100%, rgba(0, 133, 255, 0.24) 0%, rgba(0, 71, 255, 0.03) 100%), linear-gradient(180deg, rgba(8, 8, 8, 0) 50%, rgba(7, 71, 33, 0.3) 100%), linear-gradient(270deg, #061621 0%, rgba(8, 8, 8, 0) 100%)',
'--plasma-colors-gradientDevice':
'--plasma-colors-gradient-device':
'linear-gradient(26.05deg, rgba(15, 153, 24, 0.28) 0%, rgba(8, 8, 8, 0) 72.24%), radial-gradient(100% 100% at 0% 100%, rgba(0, 170, 255, 0.24) 0%, rgba(8, 8, 8, 0) 99.69%), radial-gradient(74.68% 149.35% at 50% 149.35%, rgba(0, 102, 255, 0.6) 0%, rgba(8, 8, 8, 0) 99.69%)',
'--plasma-colors-voicePhraseGradient':
'--plasma-colors-voice-phrase-gradient':
'linear-gradient(45deg, hsla(130, 75.63025210084032%, 46.666666666666664%, 1) 0%, hsla(189.78947368421052, 78.51239669421487%, 52.54901960784314%, 1) 100%)',
color: 'rgba(255, 255, 255, 0.96)',
backgroundColor: '#080808',
Expand Down
96 changes: 48 additions & 48 deletions packages/plasma-tokens/src/themes/salutejs_B2E__light.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,76 +3,76 @@
export const salutejs_B2E__light = {
':root': {
'--plasma-colors-white': '#FFFFFF',
'--plasma-colors-whitePrimary': '#FFFFFF',
'--plasma-colors-whiteSecondary': 'rgba(255, 255, 255, 0.56)',
'--plasma-colors-whiteTertiary': 'rgba(255, 255, 255, 0.28)',
'--plasma-colors-white-primary': '#FFFFFF',
'--plasma-colors-white-secondary': 'rgba(255, 255, 255, 0.56)',
'--plasma-colors-white-tertiary': 'rgba(255, 255, 255, 0.28)',
'--plasma-colors-black': '#080808',
'--plasma-colors-blackPrimary': '#080808',
'--plasma-colors-blackSecondary': 'rgba(8, 8, 8, 0.56)',
'--plasma-colors-blackTertiary': 'rgba(8, 8, 8, 0.28)',
'--plasma-colors-black-primary': '#080808',
'--plasma-colors-black-secondary': 'rgba(8, 8, 8, 0.56)',
'--plasma-colors-black-tertiary': 'rgba(8, 8, 8, 0.28)',
'--plasma-colors-dark01': '#171717',
'--plasma-colors-dark02': '#232323',
'--plasma-colors-dark03': '#363636',
'--plasma-colors-transparent': 'rgba(0, 0, 0, 0)',
'--plasma-colors-buttonClear': 'rgba(0, 0, 0, 0)',
'--plasma-colors-buttonBlack': '#080808',
'--plasma-colors-buttonBlackSecondary': 'rgba(8, 8, 8, 0.12)',
'--plasma-colors-buttonBlackTransparent': 'rgba(8, 8, 8, 0.56)',
'--plasma-colors-buttonWhite': '#FFFFFF',
'--plasma-colors-buttonWhiteSecondary': 'rgba(255, 255, 255, 0.12)',
'--plasma-colors-button-clear': 'rgba(0, 0, 0, 0)',
'--plasma-colors-button-black': '#080808',
'--plasma-colors-button-black-secondary': 'rgba(8, 8, 8, 0.12)',
'--plasma-colors-button-black-transparent': 'rgba(8, 8, 8, 0.56)',
'--plasma-colors-button-white': '#FFFFFF',
'--plasma-colors-button-white-secondary': 'rgba(255, 255, 255, 0.12)',
'--plasma-colors-text': '#080808',
'--plasma-colors-primary': '#080808',
'--plasma-colors-secondary': 'rgba(8, 8, 8, 0.56)',
'--plasma-colors-tertiary': 'rgba(8, 8, 8, 0.28)',
'--plasma-colors-paragraph': 'rgba(8, 8, 8, 0.8)',
'--plasma-colors-inverse': 'rgba(255, 255, 255, 0.96)',
'--plasma-colors-background': '#FFFFFF',
'--plasma-colors-backgroundPrimary': '#FFFFFF',
'--plasma-colors-backgroundSecondary': '#FFFFFF',
'--plasma-colors-backgroundTertiary': '#FFFFFF',
'--plasma-colors-background-primary': '#FFFFFF',
'--plasma-colors-background-secondary': '#FFFFFF',
'--plasma-colors-background-tertiary': '#FFFFFF',
'--plasma-colors-success': '#0D8523',
'--plasma-colors-warning': '#D14D00',
'--plasma-colors-critical': '#E31227',
'--plasma-colors-surfaceLiquid01': 'rgba(8, 8, 8, 0.02)',
'--plasma-colors-surfaceLiquid02': 'rgba(8, 8, 8, 0.06)',
'--plasma-colors-surfaceLiquid03': 'rgba(8, 8, 8, 0.12)',
'--plasma-colors-surfaceSolid01': '#FAFAFA',
'--plasma-colors-surfaceSolid02': '#F0F0F0',
'--plasma-colors-surfaceSolid03': '#E1E1E1',
'--plasma-colors-surfaceCard': '#FFFFFF',
'--plasma-colors-buttonPrimary': '#080808',
'--plasma-colors-buttonSecondary': 'rgba(8, 8, 8, 0.06)',
'--plasma-colors-buttonSuccess': '#148F2B',
'--plasma-colors-buttonWarning': '#E35502',
'--plasma-colors-buttonCritical': '#F31B30',
'--plasma-colors-buttonChecked': '#080808',
'--plasma-colors-skeletonGradient':
'--plasma-colors-surface-liquid01': 'rgba(8, 8, 8, 0.02)',
'--plasma-colors-surface-liquid02': 'rgba(8, 8, 8, 0.06)',
'--plasma-colors-surface-liquid03': 'rgba(8, 8, 8, 0.12)',
'--plasma-colors-surface-solid01': '#FAFAFA',
'--plasma-colors-surface-solid02': '#F0F0F0',
'--plasma-colors-surface-solid03': '#E1E1E1',
'--plasma-colors-surface-card': '#FFFFFF',
'--plasma-colors-button-primary': '#080808',
'--plasma-colors-button-secondary': 'rgba(8, 8, 8, 0.06)',
'--plasma-colors-button-success': '#148F2B',
'--plasma-colors-button-warning': '#E35502',
'--plasma-colors-button-critical': '#F31B30',
'--plasma-colors-button-checked': '#080808',
'--plasma-colors-skeleton-gradient':
'linear-gradient( 90deg, rgba(8, 8, 8, 0.09) 0%, rgba(8, 8, 8, 0.08) 6.25%, rgba(8, 8, 8, 0.05) 12.5%, rgba(8, 8, 8, 0.01) 25%, rgba(8, 8, 8, 0.05) 37.5%, rgba(8, 8, 8, 0.08) 43.75%, rgba(8, 8, 8, 0.09) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.05) 62.5%, rgba(8, 8, 8, 0.01) 75%, rgba(8, 8, 8, 0.05) 87.5%, rgba(8, 8, 8, 0.08) 93.75%, rgba(8, 8, 8, 0.09) 100% )',
'--plasma-colors-skeletonGradientLighter':
'--plasma-colors-skeleton-gradient-lighter':
'linear-gradient( 90deg, rgba(8, 8, 8, 0.36) 0%, rgba(8, 8, 8, 0.32) 6.25%, rgba(8, 8, 8, 0.20) 12.5%, rgba(8, 8, 8, 0.04) 25%, rgba(8, 8, 8, 0.20) 37.5%, rgba(8, 8, 8, 0.32) 43.75%, rgba(8, 8, 8, 0.36) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.20) 62.5%, rgba(8, 8, 8, 0.04) 75%, rgba(8, 8, 8, 0.20) 87.5%, rgba(8, 8, 8, 0.32) 93.75%, rgba(8, 8, 8, 0.36) 100% )',
'--plasma-colors-speechBubbleSent': 'rgba(8, 8, 8, 0.4)',
'--plasma-colors-speechBubbleReceived': 'rgba(0, 0, 0, 0.02)',
'--plasma-colors-speech-bubble-sent': 'rgba(8, 8, 8, 0.4)',
'--plasma-colors-speech-bubble-received': 'rgba(0, 0, 0, 0.02)',
'--plasma-colors-overlay': 'rgba(0, 0, 0, 0.8)',
'--plasma-colors-overlaySoft': 'rgba(8, 8, 8, 0.56)',
'--plasma-colors-overlayHard': 'rgba(8, 8, 8, 0.9)',
'--plasma-colors-overlayBlur': 'rgba(35, 35, 35, 0.2)',
'--plasma-colors-darkOverlaySoft': 'rgba(8, 8, 8, 0.56)',
'--plasma-colors-darkOverlayHard': 'rgba(8, 8, 8, 0.9)',
'--plasma-colors-darkOverlayBlur': 'rgba(35, 35, 35, 0.2)',
'--plasma-colors-lightOverlaySoft': 'rgba(8, 8, 8, 0.56)',
'--plasma-colors-lightOverlayHard': 'rgba(8, 8, 8, 0.9)',
'--plasma-colors-lightOverlayBlur': 'rgba(35, 35, 35, 0.2)',
'--plasma-colors-inverseOverlaySoft': 'rgba(8, 8, 8, 0.56)',
'--plasma-colors-inverseOverlayHard': 'rgba(8, 8, 8, 0.9)',
'--plasma-colors-inverseOverlayBlur': 'rgba(35, 35, 35, 0.2)',
'--plasma-colors-overlay-soft': 'rgba(8, 8, 8, 0.56)',
'--plasma-colors-overlay-hard': 'rgba(8, 8, 8, 0.9)',
'--plasma-colors-overlay-blur': 'rgba(35, 35, 35, 0.2)',
'--plasma-colors-dark-overlay-soft': 'rgba(8, 8, 8, 0.56)',
'--plasma-colors-dark-overlay-hard': 'rgba(8, 8, 8, 0.9)',
'--plasma-colors-dark-overlay-blur': 'rgba(35, 35, 35, 0.2)',
'--plasma-colors-light-overlay-soft': 'rgba(8, 8, 8, 0.56)',
'--plasma-colors-light-overlay-hard': 'rgba(8, 8, 8, 0.9)',
'--plasma-colors-light-overlay-blur': 'rgba(35, 35, 35, 0.2)',
'--plasma-colors-inverse-overlay-soft': 'rgba(8, 8, 8, 0.56)',
'--plasma-colors-inverse-overlay-hard': 'rgba(8, 8, 8, 0.9)',
'--plasma-colors-inverse-overlay-blur': 'rgba(35, 35, 35, 0.2)',
'--plasma-colors-accent': '#0D8523',
'--plasma-colors-buttonAccent': '#148F2B',
'--plasma-colors-buttonFocused': '#148F2B',
'--plasma-colors-button-accent': '#148F2B',
'--plasma-colors-button-focused': '#148F2B',
'--plasma-colors-gradient':
'linear-gradient(336.9deg, rgba(4, 255, 44, 0.02) 0%, rgba(255, 255, 255, 0) 64.95%), radial-gradient(66.53% 100% at 73.33% 100%, rgba(0, 179, 255, 0.06) 0%, rgba(0, 209, 255, 0.01) 99.69%), linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, rgba(0, 251, 59, 0.05) 100%), linear-gradient(270deg, rgba(6, 195, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%)',
'--plasma-colors-gradientDevice':
'--plasma-colors-gradient-device':
'linear-gradient(26.05deg, rgba(24, 242, 61, 0.06) 0%, rgba(255, 255, 255, 0) 72.24%), radial-gradient(100% 100% at 0% 100%, rgba(0, 170, 255, 0.04) 0%, rgba(255, 255, 255, 0) 99.69%), radial-gradient(74.68% 149.35% at 50% 149.35%, rgba(0, 170, 255, 0.12) 0%, rgba(255, 255, 255, 0) 99.69%)',
'--plasma-colors-voicePhraseGradient':
'--plasma-colors-voice-phrase-gradient':
'linear-gradient(45deg, hsla(130, 85.26315789473684%, 37.254901960784316%, 1) 0%, hsla(189.94974874371857, 100%, 39.01960784313726%, 1) 100%)',
color: '#080808',
backgroundColor: '#FFFFFF',
Expand Down
Loading
Loading