@wix/thunderbolt-common-css 1.16.0 → 1.18.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/index.global.css +8 -3
  2. package/dist/index.global.css.map +1 -1
  3. package/package.json +2 -2
  4. package/src/assets/scss/visibility-extension.scss +23 -6
package/dist/index.global.css CHANGED
@@ -453,17 +453,22 @@ body.blockSiteScrolling #SITE_CONTAINER {
453
453
  #main_MF .wix-visibility-hidden {
454
454
  visibility: hidden;
455
455
  }
456
- #main_MF .wix-visibility-collapsed {
456
+ #main_MF .wix-visibility-collapsed.wix-visibility-collapsed {
457
+ --l_display: none;
457
458
  display: none;
458
459
  }
459
460
  #main_MF .wix-visibility-revealed::after {
460
461
  content: "";
461
462
  position: absolute;
462
463
  inset: 0;
463
- border-radius: inherit;
464
+ box-sizing: border-box;
464
465
  z-index: 1;
465
466
  pointer-events: none;
466
- background-image: repeating-linear-gradient(-45deg, transparent 0, transparent 11px, rgba(0, 0, 0, 0.15) 11px, rgba(0, 0, 0, 0.15) 15px);
467
+ border: 1px solid rgba(43, 86, 114, 0.5019607843);
468
+ border-radius: inherit;
469
+ background-image: repeating-linear-gradient(-45deg, transparent, transparent 40%, rgba(43, 86, 114, 0.5019607843) 40%, rgba(43, 86, 114, 0.5019607843) 45%, rgba(255, 255, 255, 0.3333333333) 45%, rgba(255, 255, 255, 0.3333333333) 50%, transparent 50%);
470
+ background-size: 10px 10px;
471
+ background-clip: padding-box;
467
472
  }
468
473
 
469
474
  /*# sourceMappingURL=index.global.css.map */
package/dist/index.global.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../node_modules/@wix/thunderbolt-app-reset-css/src/assets/scss/renderer/reset_renderer.scss","../../../node_modules/@wix/thunderbolt-app-reset-css/src/assets/scss/mobile.scss","../src/assets/scss/root_renderer.scss","../src/assets/scss/mobile_renderer.scss","../src/assets/scss/mesh.scss","../src/assets/scss/transforms.scss","../src/assets/scss/wixSites.scss","../src/assets/scss/themeWiringVars.scss","../src/assets/scss/builder.scss","../src/assets/scss/visibility-extension.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAkEC;EACA;EACA;EACA;EACA;EACA;;;AAGD;AAAA;AAAA;EAGC;EACA;;;AAGD;AAAA;EAEC;;;AAGD;AAAA;EAEC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AC/HC;EACC;EACA;;AAIA;EACC;EACA;EACA;EACA;EACA;;AAIA;EACC;;AAMH;EACC;;AAID;EACC;EACA;;AAGD;EACC;IACC;IACA;;;AAOD;EACC;EACA;;AAIF;EACC;;AAEA;AAAA;AAAA;EAGC;;AAKH;EACC;;AAID;EACC;EACA;;AAEA;EACC;EACA;;AAOF;EACC;EACA;;AAGA;AAAA;EAEC;EACA;;AAGD;AAAA;EAEC;;AAGD;EACC;;AAIF;EAEC;EACA;;AAGD;EACC;;AAIA;EACC;;;ACjHH;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAKD;EACC;;;AAIF;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AC9BD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACnBF;AAAA;AAAA;EAGC;EACA;;;AAID;AAAA;EAEC;;;AAGD;AAAA;AAAA;EAGC;;;AAKC;EACC;EACA;EACA;;;AAKH;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAQC;EACA;EACA;;AAGD;AAAA;EAEC;EACA;;AAGD;AAAA;AAAA;EAGC;EACA;;AAGD;AAAA;EAEC;;AAGD;EACC;;AAGD;EACC;;AAGD;AAAA;EAEC;EACA;;AAGD;AAAA;AAAA;EAGC;;AAIA;EACC;;AAIF;AAAA;AAAA;AAAA;AAAA;EAKC;;AAGD;AAAA;EAEC;;AAGD;EACC;;AAGD;EACC;;AAIA;AAAA;EAEC;;;ACvHH;EACC;;;AAGD;EACC;;;ACND;EACC;EACA;;;ACFD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACjED;EACC;;;AAGD;EACC;;;ACJA;EACC;;AAGD;EACC;;AAIA;EACC;EACA;EACA;EACA;EACA;EACA;EACA","file":"index.global.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../node_modules/@wix/thunderbolt-app-reset-css/src/assets/scss/renderer/reset_renderer.scss","../../../node_modules/@wix/thunderbolt-app-reset-css/src/assets/scss/mobile.scss","../src/assets/scss/root_renderer.scss","../src/assets/scss/mobile_renderer.scss","../src/assets/scss/mesh.scss","../src/assets/scss/transforms.scss","../src/assets/scss/wixSites.scss","../src/assets/scss/themeWiringVars.scss","../src/assets/scss/builder.scss","../src/assets/scss/visibility-extension.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAkEC;EACA;EACA;EACA;EACA;EACA;;;AAGD;AAAA;AAAA;EAGC;EACA;;;AAGD;AAAA;EAEC;;;AAGD;AAAA;EAEC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AC/HC;EACC;EACA;;AAIA;EACC;EACA;EACA;EACA;EACA;;AAIA;EACC;;AAMH;EACC;;AAID;EACC;EACA;;AAGD;EACC;IACC;IACA;;;AAOD;EACC;EACA;;AAIF;EACC;;AAEA;AAAA;AAAA;EAGC;;AAKH;EACC;;AAID;EACC;EACA;;AAEA;EACC;EACA;;AAOF;EACC;EACA;;AAGA;AAAA;EAEC;EACA;;AAGD;AAAA;EAEC;;AAGD;EACC;;AAIF;EAEC;EACA;;AAGD;EACC;;AAIA;EACC;;;ACjHH;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAKD;EACC;;;AAIF;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AC9BD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACnBF;AAAA;AAAA;EAGC;EACA;;;AAID;AAAA;EAEC;;;AAGD;AAAA;AAAA;EAGC;;;AAKC;EACC;EACA;EACA;;;AAKH;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAQC;EACA;EACA;;AAGD;AAAA;EAEC;EACA;;AAGD;AAAA;AAAA;EAGC;EACA;;AAGD;AAAA;EAEC;;AAGD;EACC;;AAGD;EACC;;AAGD;AAAA;EAEC;EACA;;AAGD;AAAA;AAAA;EAGC;;AAIA;EACC;;AAIF;AAAA;AAAA;AAAA;AAAA;EAKC;;AAGD;AAAA;EAEC;;AAGD;EACC;;AAGD;EACC;;AAIA;AAAA;EAEC;;;ACvHH;EACC;;;AAGD;EACC;;;ACND;EACC;EACA;;;ACFD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACjED;EACC;;;AAGD;EACC;;;ACJA;EACC;;AAQD;EACC;EAEA;;AAOA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAUA;EACA","file":"index.global.css"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/thunderbolt-common-css",
3
- "version": "1.16.0",
3
+ "version": "1.18.0",
4
4
  "license": "UNLICENSED",
5
5
  "files": [
6
6
  "dist",
@@ -44,5 +44,5 @@
44
44
  "postBuild": []
45
45
  }
46
46
  },
47
- "falconPackageHash": "86d211fd3d33307df588f672658654484bf38adbab58cb2500ab1e6c"
47
+ "falconPackageHash": "f73016c88efb69236aec2c68d6ab98e9fe2c0e4e2ea77ef3e213d123"
48
48
  }
package/src/assets/scss/visibility-extension.scss CHANGED
@@ -3,25 +3,42 @@
3
3
  visibility: hidden;
4
4
  }
5
5
 
6
- .wix-visibility-collapsed {
6
+ // The layout CSS declares a container's own display at (1,1,0) in a later-injected <style>
7
+ // (`:not(.comp-x-container) { display: var(--l_display, ...) }`, see catharsis responsiveLayout),
8
+ // so a single-class rule ties and loses on source order. The doubled class out-ranks it without
9
+ // `!important` (overridable, @layer-safe); `--l_display: none` resolves the var-driven displays
10
+ // at any competing specificity. Keep both halves.
11
+ .wix-visibility-collapsed.wix-visibility-collapsed {
12
+ --l_display: none;
13
+
7
14
  display: none;
8
15
  }
9
16
 
10
17
  .wix-visibility-revealed {
18
+ $stripe-dark: #2b567280;
19
+ $stripe-light: #ffffff55;
20
+
11
21
  &::after {
12
22
  content: '';
13
23
  position: absolute;
14
24
  inset: 0;
15
- border-radius: inherit;
25
+ box-sizing: border-box;
16
26
  z-index: 1;
17
27
  pointer-events: none;
28
+ border: 1px solid $stripe-dark;
29
+ border-radius: inherit;
18
30
  background-image: repeating-linear-gradient(
19
31
  -45deg,
20
- transparent 0,
21
- transparent 11px,
22
- rgba(0, 0, 0, 0.15) 11px,
23
- rgba(0, 0, 0, 0.15) 15px
32
+ transparent,
33
+ transparent 40%,
34
+ $stripe-dark 40%,
35
+ $stripe-dark 45%,
36
+ $stripe-light 45%,
37
+ $stripe-light 50%,
38
+ transparent 50%
24
39
  );
40
+ background-size: 10px 10px;
41
+ background-clip: padding-box;
25
42
  }
26
43
  }
27
44
  }