@hh.ru/magritte-design-tokens 24.0.2 → 24.2.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 +41 -39
  2. package/css-variables.less +3713 -3695
  3. package/package.json +3 -3
  4. package/set-variables.less +1 -1
  5. package/tokens.less +2105 -2096
  6. package/types.d.ts +13 -1
  7. package/types.js +14 -1
  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%;
@@ -919,6 +920,7 @@
919
920
  @magritte-core-opacity-0: 0%;
920
921
  @magritte-core-opacity-4: 4%;
921
922
  @magritte-core-opacity-8: 8%;
923
+ @magritte-core-opacity-12: 12%;
922
924
  @magritte-core-opacity-16: 16%;
923
925
  @magritte-core-opacity-24: 24%;
924
926
  @magritte-core-opacity-32: 32%;
@@ -1000,42 +1002,42 @@
1000
1002
  @magritte-typography-_custom-3-italic-line-height: 24px;
1001
1003
  @magritte-typography-_custom-4-italic-line-height: 22px;
1002
1004
  @magritte-typography-_custom-5-italic-line-height: 12px;
1003
- @magritte-semantic-animation-time-xs-duration: var(--magritte-semantic-animation-time-xs-duration-v24-0-2);
1004
- @magritte-semantic-animation-time-s-duration: var(--magritte-semantic-animation-time-s-duration-v24-0-2);
1005
- @magritte-semantic-animation-time-m-duration: var(--magritte-semantic-animation-time-m-duration-v24-0-2);
1006
- @magritte-semantic-animation-time-l-duration: var(--magritte-semantic-animation-time-l-duration-v24-0-2);
1007
- @magritte-semantic-animation-time-xl-duration: var(--magritte-semantic-animation-time-xl-duration-v24-0-2);
1008
- @magritte-semantic-animation-ease-base-timing-function: var(--magritte-semantic-animation-ease-base-timing-function-v24-0-2);
1009
- @magritte-semantic-animation-ease-spring-timing-function: var(--magritte-semantic-animation-ease-spring-timing-function-v24-0-2);
1010
- @magritte-semantic-animation-ease-in-out-100-duration: var(--magritte-semantic-animation-ease-in-out-100-duration-v24-0-2);
1011
- @magritte-semantic-animation-ease-in-out-100-timing-function: var(--magritte-semantic-animation-ease-in-out-100-timing-function-v24-0-2);
1012
- @magritte-semantic-animation-ease-in-out-200-duration: var(--magritte-semantic-animation-ease-in-out-200-duration-v24-0-2);
1013
- @magritte-semantic-animation-ease-in-out-200-timing-function: var(--magritte-semantic-animation-ease-in-out-200-timing-function-v24-0-2);
1014
- @magritte-semantic-animation-ease-in-out-300-duration: var(--magritte-semantic-animation-ease-in-out-300-duration-v24-0-2);
1015
- @magritte-semantic-animation-ease-in-out-300-timing-function: var(--magritte-semantic-animation-ease-in-out-300-timing-function-v24-0-2);
1016
- @magritte-semantic-animation-ease-in-out-400-duration: var(--magritte-semantic-animation-ease-in-out-400-duration-v24-0-2);
1017
- @magritte-semantic-animation-ease-in-out-400-timing-function: var(--magritte-semantic-animation-ease-in-out-400-timing-function-v24-0-2);
1018
- @magritte-semantic-animation-ease-in-out-500-duration: var(--magritte-semantic-animation-ease-in-out-500-duration-v24-0-2);
1019
- @magritte-semantic-animation-ease-in-out-500-timing-function: var(--magritte-semantic-animation-ease-in-out-500-timing-function-v24-0-2);
1020
- @magritte-semantic-animation-ease-in-out-tiger-100-duration: var(--magritte-semantic-animation-ease-in-out-tiger-100-duration-v24-0-2);
1021
- @magritte-semantic-animation-ease-in-out-tiger-100-timing-function: var(--magritte-semantic-animation-ease-in-out-tiger-100-timing-function-v24-0-2);
1022
- @magritte-semantic-animation-ease-in-out-tiger-200-duration: var(--magritte-semantic-animation-ease-in-out-tiger-200-duration-v24-0-2);
1023
- @magritte-semantic-animation-ease-in-out-tiger-200-timing-function: var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v24-0-2);
1024
- @magritte-semantic-animation-ease-in-out-tiger-300-duration: var(--magritte-semantic-animation-ease-in-out-tiger-300-duration-v24-0-2);
1025
- @magritte-semantic-animation-ease-in-out-tiger-300-timing-function: var(--magritte-semantic-animation-ease-in-out-tiger-300-timing-function-v24-0-2);
1026
- @magritte-semantic-animation-ease-in-out-tiger-400-duration: var(--magritte-semantic-animation-ease-in-out-tiger-400-duration-v24-0-2);
1027
- @magritte-semantic-animation-ease-in-out-tiger-400-timing-function: var(--magritte-semantic-animation-ease-in-out-tiger-400-timing-function-v24-0-2);
1028
- @magritte-semantic-animation-ease-in-out-tiger-500-duration: var(--magritte-semantic-animation-ease-in-out-tiger-500-duration-v24-0-2);
1029
- @magritte-semantic-animation-ease-in-out-tiger-500-timing-function: var(--magritte-semantic-animation-ease-in-out-tiger-500-timing-function-v24-0-2);
1030
- @magritte-semantic-animation-ease-in-out-tiger-800-duration: var(--magritte-semantic-animation-ease-in-out-tiger-800-duration-v24-0-2);
1031
- @magritte-semantic-animation-ease-in-out-tiger-800-timing-function: var(--magritte-semantic-animation-ease-in-out-tiger-800-timing-function-v24-0-2);
1032
- @magritte-semantic-animation-ease-in-out-leopard-100-duration: var(--magritte-semantic-animation-ease-in-out-leopard-100-duration-v24-0-2);
1033
- @magritte-semantic-animation-ease-in-out-leopard-100-timing-function: var(--magritte-semantic-animation-ease-in-out-leopard-100-timing-function-v24-0-2);
1034
- @magritte-semantic-animation-ease-in-out-leopard-200-duration: var(--magritte-semantic-animation-ease-in-out-leopard-200-duration-v24-0-2);
1035
- @magritte-semantic-animation-ease-in-out-leopard-200-timing-function: var(--magritte-semantic-animation-ease-in-out-leopard-200-timing-function-v24-0-2);
1036
- @magritte-semantic-animation-ease-in-out-leopard-300-duration: var(--magritte-semantic-animation-ease-in-out-leopard-300-duration-v24-0-2);
1037
- @magritte-semantic-animation-ease-in-out-leopard-300-timing-function: var(--magritte-semantic-animation-ease-in-out-leopard-300-timing-function-v24-0-2);
1038
- @magritte-semantic-animation-ease-in-out-leopard-400-duration: var(--magritte-semantic-animation-ease-in-out-leopard-400-duration-v24-0-2);
1039
- @magritte-semantic-animation-ease-in-out-leopard-400-timing-function: var(--magritte-semantic-animation-ease-in-out-leopard-400-timing-function-v24-0-2);
1040
- @magritte-semantic-animation-ease-in-out-leopard-500-duration: var(--magritte-semantic-animation-ease-in-out-leopard-500-duration-v24-0-2);
1041
- @magritte-semantic-animation-ease-in-out-leopard-500-timing-function: var(--magritte-semantic-animation-ease-in-out-leopard-500-timing-function-v24-0-2);
1005
+ @magritte-semantic-animation-time-xs-duration: var(--magritte-semantic-animation-time-xs-duration-v24-2-0);
1006
+ @magritte-semantic-animation-time-s-duration: var(--magritte-semantic-animation-time-s-duration-v24-2-0);
1007
+ @magritte-semantic-animation-time-m-duration: var(--magritte-semantic-animation-time-m-duration-v24-2-0);
1008
+ @magritte-semantic-animation-time-l-duration: var(--magritte-semantic-animation-time-l-duration-v24-2-0);
1009
+ @magritte-semantic-animation-time-xl-duration: var(--magritte-semantic-animation-time-xl-duration-v24-2-0);
1010
+ @magritte-semantic-animation-ease-base-timing-function: var(--magritte-semantic-animation-ease-base-timing-function-v24-2-0);
1011
+ @magritte-semantic-animation-ease-spring-timing-function: var(--magritte-semantic-animation-ease-spring-timing-function-v24-2-0);
1012
+ @magritte-semantic-animation-ease-in-out-100-duration: var(--magritte-semantic-animation-ease-in-out-100-duration-v24-2-0);
1013
+ @magritte-semantic-animation-ease-in-out-100-timing-function: var(--magritte-semantic-animation-ease-in-out-100-timing-function-v24-2-0);
1014
+ @magritte-semantic-animation-ease-in-out-200-duration: var(--magritte-semantic-animation-ease-in-out-200-duration-v24-2-0);
1015
+ @magritte-semantic-animation-ease-in-out-200-timing-function: var(--magritte-semantic-animation-ease-in-out-200-timing-function-v24-2-0);
1016
+ @magritte-semantic-animation-ease-in-out-300-duration: var(--magritte-semantic-animation-ease-in-out-300-duration-v24-2-0);
1017
+ @magritte-semantic-animation-ease-in-out-300-timing-function: var(--magritte-semantic-animation-ease-in-out-300-timing-function-v24-2-0);
1018
+ @magritte-semantic-animation-ease-in-out-400-duration: var(--magritte-semantic-animation-ease-in-out-400-duration-v24-2-0);
1019
+ @magritte-semantic-animation-ease-in-out-400-timing-function: var(--magritte-semantic-animation-ease-in-out-400-timing-function-v24-2-0);
1020
+ @magritte-semantic-animation-ease-in-out-500-duration: var(--magritte-semantic-animation-ease-in-out-500-duration-v24-2-0);
1021
+ @magritte-semantic-animation-ease-in-out-500-timing-function: var(--magritte-semantic-animation-ease-in-out-500-timing-function-v24-2-0);
1022
+ @magritte-semantic-animation-ease-in-out-tiger-100-duration: var(--magritte-semantic-animation-ease-in-out-tiger-100-duration-v24-2-0);
1023
+ @magritte-semantic-animation-ease-in-out-tiger-100-timing-function: var(--magritte-semantic-animation-ease-in-out-tiger-100-timing-function-v24-2-0);
1024
+ @magritte-semantic-animation-ease-in-out-tiger-200-duration: var(--magritte-semantic-animation-ease-in-out-tiger-200-duration-v24-2-0);
1025
+ @magritte-semantic-animation-ease-in-out-tiger-200-timing-function: var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v24-2-0);
1026
+ @magritte-semantic-animation-ease-in-out-tiger-300-duration: var(--magritte-semantic-animation-ease-in-out-tiger-300-duration-v24-2-0);
1027
+ @magritte-semantic-animation-ease-in-out-tiger-300-timing-function: var(--magritte-semantic-animation-ease-in-out-tiger-300-timing-function-v24-2-0);
1028
+ @magritte-semantic-animation-ease-in-out-tiger-400-duration: var(--magritte-semantic-animation-ease-in-out-tiger-400-duration-v24-2-0);
1029
+ @magritte-semantic-animation-ease-in-out-tiger-400-timing-function: var(--magritte-semantic-animation-ease-in-out-tiger-400-timing-function-v24-2-0);
1030
+ @magritte-semantic-animation-ease-in-out-tiger-500-duration: var(--magritte-semantic-animation-ease-in-out-tiger-500-duration-v24-2-0);
1031
+ @magritte-semantic-animation-ease-in-out-tiger-500-timing-function: var(--magritte-semantic-animation-ease-in-out-tiger-500-timing-function-v24-2-0);
1032
+ @magritte-semantic-animation-ease-in-out-tiger-800-duration: var(--magritte-semantic-animation-ease-in-out-tiger-800-duration-v24-2-0);
1033
+ @magritte-semantic-animation-ease-in-out-tiger-800-timing-function: var(--magritte-semantic-animation-ease-in-out-tiger-800-timing-function-v24-2-0);
1034
+ @magritte-semantic-animation-ease-in-out-leopard-100-duration: var(--magritte-semantic-animation-ease-in-out-leopard-100-duration-v24-2-0);
1035
+ @magritte-semantic-animation-ease-in-out-leopard-100-timing-function: var(--magritte-semantic-animation-ease-in-out-leopard-100-timing-function-v24-2-0);
1036
+ @magritte-semantic-animation-ease-in-out-leopard-200-duration: var(--magritte-semantic-animation-ease-in-out-leopard-200-duration-v24-2-0);
1037
+ @magritte-semantic-animation-ease-in-out-leopard-200-timing-function: var(--magritte-semantic-animation-ease-in-out-leopard-200-timing-function-v24-2-0);
1038
+ @magritte-semantic-animation-ease-in-out-leopard-300-duration: var(--magritte-semantic-animation-ease-in-out-leopard-300-duration-v24-2-0);
1039
+ @magritte-semantic-animation-ease-in-out-leopard-300-timing-function: var(--magritte-semantic-animation-ease-in-out-leopard-300-timing-function-v24-2-0);
1040
+ @magritte-semantic-animation-ease-in-out-leopard-400-duration: var(--magritte-semantic-animation-ease-in-out-leopard-400-duration-v24-2-0);
1041
+ @magritte-semantic-animation-ease-in-out-leopard-400-timing-function: var(--magritte-semantic-animation-ease-in-out-leopard-400-timing-function-v24-2-0);
1042
+ @magritte-semantic-animation-ease-in-out-leopard-500-duration: var(--magritte-semantic-animation-ease-in-out-leopard-500-duration-v24-2-0);
1043
+ @magritte-semantic-animation-ease-in-out-leopard-500-timing-function: var(--magritte-semantic-animation-ease-in-out-leopard-500-timing-function-v24-2-0);