@guardian/interactive-component-library 0.1.0-alpha.45 → 0.1.0-alpha.46

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.
package/dist/style.css CHANGED
@@ -2916,24 +2916,24 @@ body.android {
2916
2916
  --top-inset: 58px;
2917
2917
  }
2918
2918
 
2919
- ._ticker_1as05_9 {
2919
+ ._ticker_1jg88_9 {
2920
2920
  position: relative;
2921
2921
  padding-bottom: 44px;
2922
2922
  --ticker-item-width: 100%;
2923
2923
  }
2924
2924
  @media (min-width: 30em) {
2925
- ._ticker_1as05_9 {
2925
+ ._ticker_1jg88_9 {
2926
2926
  --ticker-item-width: 200px;
2927
2927
  padding: 0;
2928
2928
  }
2929
2929
  }
2930
2930
 
2931
- ._tickerItems_1as05_21 {
2931
+ ._tickerItems_1jg88_21 {
2932
2932
  width: 100%;
2933
2933
  overflow: clip;
2934
2934
  }
2935
2935
 
2936
- ._tickerScroll_1as05_26 {
2936
+ ._tickerScroll_1jg88_26 {
2937
2937
  display: flex;
2938
2938
  flex-direction: column;
2939
2939
  row-gap: var(--space-2);
@@ -2942,7 +2942,7 @@ body.android {
2942
2942
  overflow: visible;
2943
2943
  }
2944
2944
  @media (min-width: 30em) {
2945
- ._tickerScroll_1as05_26 {
2945
+ ._tickerScroll_1jg88_26 {
2946
2946
  flex-direction: row;
2947
2947
  column-gap: var(--space-2);
2948
2948
  transform: translateX(var(--ticker-offset));
@@ -2950,19 +2950,19 @@ body.android {
2950
2950
  }
2951
2951
  }
2952
2952
 
2953
- ._tickerItem_1as05_21 {
2953
+ ._tickerItem_1jg88_21 {
2954
2954
  width: var(--ticker-item-width);
2955
2955
  flex-shrink: 0;
2956
2956
  }
2957
2957
 
2958
- ._controls_1as05_48 {
2958
+ ._controls_1jg88_48 {
2959
2959
  position: absolute;
2960
2960
  bottom: 0;
2961
2961
  width: 100%;
2962
2962
  height: 130px;
2963
2963
  }
2964
2964
  @media (min-width: 30em) {
2965
- ._controls_1as05_48 {
2965
+ ._controls_1jg88_48 {
2966
2966
  top: 0;
2967
2967
  right: 0;
2968
2968
  width: 86px;
@@ -2970,23 +2970,23 @@ body.android {
2970
2970
  }
2971
2971
  }
2972
2972
 
2973
- ._gradient_1as05_63 {
2973
+ ._gradient_1jg88_63 {
2974
2974
  width: 100%;
2975
2975
  height: 86px;
2976
2976
  }
2977
2977
  @media (min-width: 30em) {
2978
- ._gradient_1as05_63 {
2978
+ ._gradient_1jg88_63 {
2979
2979
  width: auto;
2980
2980
  height: 100%;
2981
2981
  right: 0;
2982
2982
  }
2983
2983
  }
2984
2984
 
2985
- ._buttons_1as05_75 {
2985
+ ._buttons_1jg88_75 {
2986
2986
  display: none;
2987
2987
  }
2988
2988
  @media (min-width: 30em) {
2989
- ._buttons_1as05_75 {
2989
+ ._buttons_1jg88_75 {
2990
2990
  position: absolute;
2991
2991
  top: 0;
2992
2992
  right: var(--space-5);
@@ -2997,34 +2997,35 @@ body.android {
2997
2997
  }
2998
2998
  }
2999
2999
 
3000
- ._button_1as05_75 {
3000
+ ._button_1jg88_75 {
3001
3001
  min-height: 40px;
3002
3002
  background-color: var(--tertiary-bg-color);
3003
+ padding-bottom: 20px;
3003
3004
  }
3004
3005
  @media (min-width: 30em) {
3005
- ._button_1as05_75 {
3006
+ ._button_1jg88_75 {
3006
3007
  display: none;
3007
3008
  }
3008
3009
  }
3009
3010
 
3010
- ._buttonInner_1as05_100 {
3011
+ ._buttonInner_1jg88_101 {
3011
3012
  background-color: var(--tertiary-bg-color);
3012
3013
  }
3013
3014
 
3014
- ._ticker_1as05_9[data-expanded=true] {
3015
+ ._ticker_1jg88_9[data-expanded=true] {
3015
3016
  padding-bottom: 0;
3016
3017
  }
3017
3018
 
3018
- ._ticker_1as05_9[data-expanded=true] ._tickerScroll_1as05_26 {
3019
+ ._ticker_1jg88_9[data-expanded=true] ._tickerScroll_1jg88_26 {
3019
3020
  max-height: fit-content;
3020
3021
  margin-bottom: -40px;
3021
3022
  }
3022
3023
 
3023
- ._ticker_1as05_9[data-expanded=true] ._controls_1as05_48 {
3024
+ ._ticker_1jg88_9[data-expanded=true] ._controls_1jg88_48 {
3024
3025
  position: sticky;
3025
3026
  margin-top: -40px;
3026
3027
  }
3027
- ._ticker_1as05_9[data-expanded=true] ._controls_1as05_48 ._button_1as05_75 {
3028
+ ._ticker_1jg88_9[data-expanded=true] ._controls_1jg88_48 ._button_1jg88_75 {
3028
3029
  position: absolute;
3029
3030
  width: 100%;
3030
3031
  left: 0;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@guardian/interactive-component-library",
3
3
  "private": false,
4
- "version": "v0.1.0-alpha.45",
4
+ "version": "v0.1.0-alpha.46",
5
5
  "packageManager": "pnpm@8.4.0",
6
6
  "repository": {
7
7
  "type": "git",