@hh.ru/magritte-design-tokens 24.1.0 → 24.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/base-variables.less +42 -39
  2. package/css-variables.less +3731 -3695
  3. package/package.json +2 -2
  4. package/set-variables.less +2 -2
  5. package/tokens.less +2117 -2096
  6. package/types.d.ts +9 -2
  7. package/types.js +12 -2
  8. package/types.js.map +1 -1
  9. package/visual-tests-overrides.less +21 -21
package/base-variables.less CHANGED
@@ -652,6 +652,7 @@
652
652
  @magritte-color-service-whatsapp: #69e382;
653
653
  @magritte-color-service-icq: #60d184;
654
654
  @magritte-color-service-fl: #00cd5e;
655
+ @magritte-color-service-state-hh-hovered: #FF3335;
655
656
  @magritte-semantic-opacity-overlay: 60%;
656
657
  @magritte-semantic-opacity-ripple: 16%;
657
658
  @magritte-semantic-opacity-visible: 100%;
@@ -671,6 +672,7 @@
671
672
  @magritte-semantic-border-width-checkable: 1.5px;
672
673
  @magritte-semantic-border-width-focused: 2px;
673
674
  @magritte-semantic-border-width-applied: 2px;
675
+ @magritte-semantic-border-width-highlighted: 2px;
674
676
  @magritte-semantic-border-width-selected: 2px;
675
677
  @magritte-semantic-border-width-tab-focused: 4px;
676
678
  @magritte-semantic-border-default: 1px solid;
@@ -919,6 +921,7 @@
919
921
  @magritte-core-opacity-0: 0%;
920
922
  @magritte-core-opacity-4: 4%;
921
923
  @magritte-core-opacity-8: 8%;
924
+ @magritte-core-opacity-12: 12%;
922
925
  @magritte-core-opacity-16: 16%;
923
926
  @magritte-core-opacity-24: 24%;
924
927
  @magritte-core-opacity-32: 32%;
@@ -1000,42 +1003,42 @@
1000
1003
  @magritte-typography-_custom-3-italic-line-height: 24px;
1001
1004
  @magritte-typography-_custom-4-italic-line-height: 22px;
1002
1005
  @magritte-typography-_custom-5-italic-line-height: 12px;
1003
- @magritte-semantic-animation-time-xs-duration: var(--magritte-semantic-animation-time-xs-duration-v24-1-0);
1004
- @magritte-semantic-animation-time-s-duration: var(--magritte-semantic-animation-time-s-duration-v24-1-0);
1005
- @magritte-semantic-animation-time-m-duration: var(--magritte-semantic-animation-time-m-duration-v24-1-0);
1006
- @magritte-semantic-animation-time-l-duration: var(--magritte-semantic-animation-time-l-duration-v24-1-0);
1007
- @magritte-semantic-animation-time-xl-duration: var(--magritte-semantic-animation-time-xl-duration-v24-1-0);
1008
- @magritte-semantic-animation-ease-base-timing-function: var(--magritte-semantic-animation-ease-base-timing-function-v24-1-0);
1009
- @magritte-semantic-animation-ease-spring-timing-function: var(--magritte-semantic-animation-ease-spring-timing-function-v24-1-0);
1010
- @magritte-semantic-animation-ease-in-out-100-duration: var(--magritte-semantic-animation-ease-in-out-100-duration-v24-1-0);
1011
- @magritte-semantic-animation-ease-in-out-100-timing-function: var(--magritte-semantic-animation-ease-in-out-100-timing-function-v24-1-0);
1012
- @magritte-semantic-animation-ease-in-out-200-duration: var(--magritte-semantic-animation-ease-in-out-200-duration-v24-1-0);
1013
- @magritte-semantic-animation-ease-in-out-200-timing-function: var(--magritte-semantic-animation-ease-in-out-200-timing-function-v24-1-0);
1014
- @magritte-semantic-animation-ease-in-out-300-duration: var(--magritte-semantic-animation-ease-in-out-300-duration-v24-1-0);
1015
- @magritte-semantic-animation-ease-in-out-300-timing-function: var(--magritte-semantic-animation-ease-in-out-300-timing-function-v24-1-0);
1016
- @magritte-semantic-animation-ease-in-out-400-duration: var(--magritte-semantic-animation-ease-in-out-400-duration-v24-1-0);
1017
- @magritte-semantic-animation-ease-in-out-400-timing-function: var(--magritte-semantic-animation-ease-in-out-400-timing-function-v24-1-0);
1018
- @magritte-semantic-animation-ease-in-out-500-duration: var(--magritte-semantic-animation-ease-in-out-500-duration-v24-1-0);
1019
- @magritte-semantic-animation-ease-in-out-500-timing-function: var(--magritte-semantic-animation-ease-in-out-500-timing-function-v24-1-0);
1020
- @magritte-semantic-animation-ease-in-out-tiger-100-duration: var(--magritte-semantic-animation-ease-in-out-tiger-100-duration-v24-1-0);
1021
- @magritte-semantic-animation-ease-in-out-tiger-100-timing-function: var(--magritte-semantic-animation-ease-in-out-tiger-100-timing-function-v24-1-0);
1022
- @magritte-semantic-animation-ease-in-out-tiger-200-duration: var(--magritte-semantic-animation-ease-in-out-tiger-200-duration-v24-1-0);
1023
- @magritte-semantic-animation-ease-in-out-tiger-200-timing-function: var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v24-1-0);
1024
- @magritte-semantic-animation-ease-in-out-tiger-300-duration: var(--magritte-semantic-animation-ease-in-out-tiger-300-duration-v24-1-0);
1025
- @magritte-semantic-animation-ease-in-out-tiger-300-timing-function: var(--magritte-semantic-animation-ease-in-out-tiger-300-timing-function-v24-1-0);
1026
- @magritte-semantic-animation-ease-in-out-tiger-400-duration: var(--magritte-semantic-animation-ease-in-out-tiger-400-duration-v24-1-0);
1027
- @magritte-semantic-animation-ease-in-out-tiger-400-timing-function: var(--magritte-semantic-animation-ease-in-out-tiger-400-timing-function-v24-1-0);
1028
- @magritte-semantic-animation-ease-in-out-tiger-500-duration: var(--magritte-semantic-animation-ease-in-out-tiger-500-duration-v24-1-0);
1029
- @magritte-semantic-animation-ease-in-out-tiger-500-timing-function: var(--magritte-semantic-animation-ease-in-out-tiger-500-timing-function-v24-1-0);
1030
- @magritte-semantic-animation-ease-in-out-tiger-800-duration: var(--magritte-semantic-animation-ease-in-out-tiger-800-duration-v24-1-0);
1031
- @magritte-semantic-animation-ease-in-out-tiger-800-timing-function: var(--magritte-semantic-animation-ease-in-out-tiger-800-timing-function-v24-1-0);
1032
- @magritte-semantic-animation-ease-in-out-leopard-100-duration: var(--magritte-semantic-animation-ease-in-out-leopard-100-duration-v24-1-0);
1033
- @magritte-semantic-animation-ease-in-out-leopard-100-timing-function: var(--magritte-semantic-animation-ease-in-out-leopard-100-timing-function-v24-1-0);
1034
- @magritte-semantic-animation-ease-in-out-leopard-200-duration: var(--magritte-semantic-animation-ease-in-out-leopard-200-duration-v24-1-0);
1035
- @magritte-semantic-animation-ease-in-out-leopard-200-timing-function: var(--magritte-semantic-animation-ease-in-out-leopard-200-timing-function-v24-1-0);
1036
- @magritte-semantic-animation-ease-in-out-leopard-300-duration: var(--magritte-semantic-animation-ease-in-out-leopard-300-duration-v24-1-0);
1037
- @magritte-semantic-animation-ease-in-out-leopard-300-timing-function: var(--magritte-semantic-animation-ease-in-out-leopard-300-timing-function-v24-1-0);
1038
- @magritte-semantic-animation-ease-in-out-leopard-400-duration: var(--magritte-semantic-animation-ease-in-out-leopard-400-duration-v24-1-0);
1039
- @magritte-semantic-animation-ease-in-out-leopard-400-timing-function: var(--magritte-semantic-animation-ease-in-out-leopard-400-timing-function-v24-1-0);
1040
- @magritte-semantic-animation-ease-in-out-leopard-500-duration: var(--magritte-semantic-animation-ease-in-out-leopard-500-duration-v24-1-0);
1041
- @magritte-semantic-animation-ease-in-out-leopard-500-timing-function: var(--magritte-semantic-animation-ease-in-out-leopard-500-timing-function-v24-1-0);
1006
+ @magritte-semantic-animation-time-xs-duration: var(--magritte-semantic-animation-time-xs-duration-v24-3-0);
1007
+ @magritte-semantic-animation-time-s-duration: var(--magritte-semantic-animation-time-s-duration-v24-3-0);
1008
+ @magritte-semantic-animation-time-m-duration: var(--magritte-semantic-animation-time-m-duration-v24-3-0);
1009
+ @magritte-semantic-animation-time-l-duration: var(--magritte-semantic-animation-time-l-duration-v24-3-0);
1010
+ @magritte-semantic-animation-time-xl-duration: var(--magritte-semantic-animation-time-xl-duration-v24-3-0);
1011
+ @magritte-semantic-animation-ease-base-timing-function: var(--magritte-semantic-animation-ease-base-timing-function-v24-3-0);
1012
+ @magritte-semantic-animation-ease-spring-timing-function: var(--magritte-semantic-animation-ease-spring-timing-function-v24-3-0);
1013
+ @magritte-semantic-animation-ease-in-out-100-duration: var(--magritte-semantic-animation-ease-in-out-100-duration-v24-3-0);
1014
+ @magritte-semantic-animation-ease-in-out-100-timing-function: var(--magritte-semantic-animation-ease-in-out-100-timing-function-v24-3-0);
1015
+ @magritte-semantic-animation-ease-in-out-200-duration: var(--magritte-semantic-animation-ease-in-out-200-duration-v24-3-0);
1016
+ @magritte-semantic-animation-ease-in-out-200-timing-function: var(--magritte-semantic-animation-ease-in-out-200-timing-function-v24-3-0);
1017
+ @magritte-semantic-animation-ease-in-out-300-duration: var(--magritte-semantic-animation-ease-in-out-300-duration-v24-3-0);
1018
+ @magritte-semantic-animation-ease-in-out-300-timing-function: var(--magritte-semantic-animation-ease-in-out-300-timing-function-v24-3-0);
1019
+ @magritte-semantic-animation-ease-in-out-400-duration: var(--magritte-semantic-animation-ease-in-out-400-duration-v24-3-0);
1020
+ @magritte-semantic-animation-ease-in-out-400-timing-function: var(--magritte-semantic-animation-ease-in-out-400-timing-function-v24-3-0);
1021
+ @magritte-semantic-animation-ease-in-out-500-duration: var(--magritte-semantic-animation-ease-in-out-500-duration-v24-3-0);
1022
+ @magritte-semantic-animation-ease-in-out-500-timing-function: var(--magritte-semantic-animation-ease-in-out-500-timing-function-v24-3-0);
1023
+ @magritte-semantic-animation-ease-in-out-tiger-100-duration: var(--magritte-semantic-animation-ease-in-out-tiger-100-duration-v24-3-0);
1024
+ @magritte-semantic-animation-ease-in-out-tiger-100-timing-function: var(--magritte-semantic-animation-ease-in-out-tiger-100-timing-function-v24-3-0);
1025
+ @magritte-semantic-animation-ease-in-out-tiger-200-duration: var(--magritte-semantic-animation-ease-in-out-tiger-200-duration-v24-3-0);
1026
+ @magritte-semantic-animation-ease-in-out-tiger-200-timing-function: var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v24-3-0);
1027
+ @magritte-semantic-animation-ease-in-out-tiger-300-duration: var(--magritte-semantic-animation-ease-in-out-tiger-300-duration-v24-3-0);
1028
+ @magritte-semantic-animation-ease-in-out-tiger-300-timing-function: var(--magritte-semantic-animation-ease-in-out-tiger-300-timing-function-v24-3-0);
1029
+ @magritte-semantic-animation-ease-in-out-tiger-400-duration: var(--magritte-semantic-animation-ease-in-out-tiger-400-duration-v24-3-0);
1030
+ @magritte-semantic-animation-ease-in-out-tiger-400-timing-function: var(--magritte-semantic-animation-ease-in-out-tiger-400-timing-function-v24-3-0);
1031
+ @magritte-semantic-animation-ease-in-out-tiger-500-duration: var(--magritte-semantic-animation-ease-in-out-tiger-500-duration-v24-3-0);
1032
+ @magritte-semantic-animation-ease-in-out-tiger-500-timing-function: var(--magritte-semantic-animation-ease-in-out-tiger-500-timing-function-v24-3-0);
1033
+ @magritte-semantic-animation-ease-in-out-tiger-800-duration: var(--magritte-semantic-animation-ease-in-out-tiger-800-duration-v24-3-0);
1034
+ @magritte-semantic-animation-ease-in-out-tiger-800-timing-function: var(--magritte-semantic-animation-ease-in-out-tiger-800-timing-function-v24-3-0);
1035
+ @magritte-semantic-animation-ease-in-out-leopard-100-duration: var(--magritte-semantic-animation-ease-in-out-leopard-100-duration-v24-3-0);
1036
+ @magritte-semantic-animation-ease-in-out-leopard-100-timing-function: var(--magritte-semantic-animation-ease-in-out-leopard-100-timing-function-v24-3-0);
1037
+ @magritte-semantic-animation-ease-in-out-leopard-200-duration: var(--magritte-semantic-animation-ease-in-out-leopard-200-duration-v24-3-0);
1038
+ @magritte-semantic-animation-ease-in-out-leopard-200-timing-function: var(--magritte-semantic-animation-ease-in-out-leopard-200-timing-function-v24-3-0);
1039
+ @magritte-semantic-animation-ease-in-out-leopard-300-duration: var(--magritte-semantic-animation-ease-in-out-leopard-300-duration-v24-3-0);
1040
+ @magritte-semantic-animation-ease-in-out-leopard-300-timing-function: var(--magritte-semantic-animation-ease-in-out-leopard-300-timing-function-v24-3-0);
1041
+ @magritte-semantic-animation-ease-in-out-leopard-400-duration: var(--magritte-semantic-animation-ease-in-out-leopard-400-duration-v24-3-0);
1042
+ @magritte-semantic-animation-ease-in-out-leopard-400-timing-function: var(--magritte-semantic-animation-ease-in-out-leopard-400-timing-function-v24-3-0);
1043
+ @magritte-semantic-animation-ease-in-out-leopard-500-duration: var(--magritte-semantic-animation-ease-in-out-leopard-500-duration-v24-3-0);
1044
+ @magritte-semantic-animation-ease-in-out-leopard-500-timing-function: var(--magritte-semantic-animation-ease-in-out-leopard-500-timing-function-v24-3-0);