@wix/thunderbolt-common-css 1.7.0 → 1.9.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 (4) hide show
  1. package/dist/viewer.global.css +12 -0
  2. package/dist/viewer.global.css.map +1 -1
  3. package/package.json +2 -2
  4. package/src/assets/scss/view-transitions.scss +14 -3
package/dist/viewer.global.css CHANGED
@@ -40,6 +40,12 @@
40
40
  view-transition-name: none;
41
41
  }
42
42
 
43
+ :root:active-view-transition::view-transition-group(*),
44
+ :root:active-view-transition::view-transition-old(*),
45
+ :root:active-view-transition::view-transition-new(*) {
46
+ animation: none;
47
+ }
48
+
43
49
  ::view-transition {
44
50
  pointer-events: none;
45
51
  }
@@ -56,10 +62,16 @@
56
62
  view-transition-name: footer-group;
57
63
  }
58
64
 
65
+ :root:active-view-transition #BACKGROUND_GROUP_TRANSITION_GROUP > div {
66
+ view-transition-name: background-group;
67
+ }
68
+
69
+ :root:active-view-transition::view-transition-group(page-group),
59
70
  :root:active-view-transition::view-transition-old(page-group),
60
71
  :root:active-view-transition::view-transition-new(page-group) {
61
72
  pointer-events: all;
62
73
  cursor: wait;
74
+ animation: revert;
63
75
  animation-duration: 600ms;
64
76
  }
65
77
 
package/dist/viewer.global.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../src/assets/scss/view-transitions.scss","../src/viewer.global.scss"],"names":[],"mappings":"AAAA;EACE;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;IACA;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;IACA;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;;AASJ;EACE;;;AAIF;EACE;;;AAMF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA;;;AAGF;EACE;;;AAEF;EACE;;;AAGF;EACE;AAAA;AAAA;IAGE;;;ACzGJ;AAEA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAOF;AAAA;EAEE;;;AAQF;EACE;EACA;;;AAGF;AAGE;EACE;EACA;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAOF;EACE;IACE;IACA;;;AAIJ;EACE;IACE;;;AAKJ;EACE;EACA;;;AAGF;EACE","file":"viewer.global.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../src/assets/scss/view-transitions.scss","../src/viewer.global.scss"],"names":[],"mappings":"AAAA;EACE;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;IACA;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;IACA;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;;AASJ;EACE;;;AAGF;AAAA;AAAA;EAGE;;;AAIF;EACE;;;AAMF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;AAAA;AAAA;EAGE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA;;;AAGF;EACE;;;AAEF;EACE;;;AAGF;EACE;AAAA;AAAA;IAGE;;;ACpHJ;AAEA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAOF;AAAA;EAEE;;;AAQF;EACE;EACA;;;AAGF;AAGE;EACE;EACA;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAOF;EACE;IACE;IACA;;;AAIJ;EACE;IACE;;;AAKJ;EACE;EACA;;;AAGF;EACE","file":"viewer.global.css"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/thunderbolt-common-css",
3
- "version": "1.7.0",
3
+ "version": "1.9.0",
4
4
  "license": "UNLICENSED",
5
5
  "main": "dist/index.css",
6
6
  "exports": {
@@ -44,5 +44,5 @@
44
44
  ]
45
45
  }
46
46
  },
47
- "falconPackageHash": "c8ecbd087933156b635fd01f174be723ed02a34c0ff65a5d1463fe6b"
47
+ "falconPackageHash": "20ff363ac79e832d6c4ca2dc6fd127e7087eddbbb039676154642a6e"
48
48
  }
package/src/assets/scss/view-transitions.scss CHANGED
@@ -51,12 +51,18 @@ $easeQuintInOut: cubic-bezier(0.83, 0, 0.17, 1);
51
51
  view-transition-name: none;
52
52
  }
53
53
 
54
+ :root:active-view-transition::view-transition-group(*),
55
+ :root:active-view-transition::view-transition-old(*),
56
+ :root:active-view-transition::view-transition-new(*) {
57
+ animation: none;
58
+ }
59
+
54
60
  // disable default stylesheet rule, allow clicks on the non transitioning elements (i.e. menu) during transition
55
61
  ::view-transition {
56
62
  pointer-events: none;
57
63
  }
58
64
 
59
- // Create transition groups for headers and footer so they are layered correctly during transition
65
+ // Create transition groups for elements so they are layered correctly during transition
60
66
  // Otherwise they are treated as background and the page content renders above them
61
67
  // (e.g. when animating SlideVertical)
62
68
  :root:active-view-transition #SITE_HEADER {
@@ -66,14 +72,19 @@ $easeQuintInOut: cubic-bezier(0.83, 0, 0.17, 1);
66
72
  view-transition-name: wix-ads-group;
67
73
  }
68
74
  :root:active-view-transition #SITE_FOOTER {
69
- view-transition-name: footer-group
75
+ view-transition-name: footer-group;
76
+ }
77
+ :root:active-view-transition #BACKGROUND_GROUP_TRANSITION_GROUP > div {
78
+ view-transition-name: background-group;
70
79
  }
71
80
 
81
+ :root:active-view-transition::view-transition-group(page-group),
72
82
  :root:active-view-transition::view-transition-old(page-group),
73
83
  :root:active-view-transition::view-transition-new(page-group) {
74
84
  pointer-events: all;
75
85
  cursor: wait;
76
- animation-duration: 600ms; // Change from the default CrossFade view-transition
86
+ animation: revert; // Restore the default CrossFade that the wildcard rule disables
87
+ animation-duration: 600ms;
77
88
  }
78
89
 
79
90
  :root:active-view-transition-type(SlideHorizontal)::view-transition-old(page-group) {