@uqds/pane 3.0.0-alpha.4 → 3.0.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 (3) hide show
  1. package/dist/css/main.css +1 -1
  2. package/package.json +4 -4
  3. package/src/scss/_pane.scss +12 -2
package/dist/css/main.css CHANGED
@@ -1 +1 @@
1
- .uq-pane{height:100%;display:flex;flex-direction:column}.uq-pane__content{flex:1;display:flex;flex-direction:column}.uq-pane__title{margin:0;color:#19151c;font-size:24px}.uq-pane__description{margin-top:.5rem}.uq-pane__description :last-child{margin-bottom:0}.uq-pane__description li{margin-bottom:.5rem}.uq-pane__image{flex-shrink:0;aspect-ratio:1.5/1;margin-bottom:1.5rem;position:relative}.uq-pane__image img,.uq-pane__image picture{width:100%;height:100%;inset:0;position:absolute;object-fit:cover}.uq-pane__video{flex-shrink:0;aspect-ratio:16/9;margin-bottom:1.5rem;position:relative}.uq-pane__video iframe{width:100%;height:100%;inset:0;position:absolute;border:0}.uq-pane__icon{margin-bottom:.5rem}.uq-pane__icon .uq-icon::before{height:56px;width:56px}.uq-pane__actions{padding-top:1.5rem;margin-top:auto;display:flex;flex-direction:column;align-items:start;gap:1rem}.uq-pane--text .uq-pane__image,.uq-pane--text .uq-pane__icon,.uq-pane--text-shaded .uq-pane__image,.uq-pane--text-shaded .uq-pane__icon{display:none}.uq-pane--image .uq-pane__icon{display:none}.uq-pane--icon .uq-pane__image,.uq-pane--icon-large .uq-pane__image,.uq-pane--icon-shaded .uq-pane__image{display:none}.uq-pane--icon-large .uq-pane__icon{width:128px;height:128px;border-radius:50%;background:#f3f3f4;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.uq-pane--icon-large .uq-pane__icon .uq-icon::before{width:72px;height:72px}.uq-pane--text-shaded,.uq-pane--icon-shaded{background:#f3f3f4;border-radius:4px}.uq-pane--text-shaded .uq-pane__content,.uq-pane--icon-shaded .uq-pane__content{padding:1.5rem}@container (width > 667px){.uq-card-grid--target-1x .uq-pane{display:flex;flex-direction:row-reverse;gap:var(--layout-gap);align-items:center}.uq-card-grid--target-1x .uq-pane__image{width:50%;height:100%;margin:0}.uq-card-grid--target-1x .uq-pane__video{width:50%;margin:0}.uq-card-grid--target-1x .uq-pane__content{width:50%}}
1
+ .uq-pane{height:100%;display:flex;flex-direction:column}.uq-pane__content{flex:1;display:flex;flex-direction:column}.uq-pane__title{margin:0;color:#19151c;font-size:24px}.uq-pane__description{margin-top:.5rem}.uq-pane__description :last-child{margin-bottom:0}.uq-pane__description li{margin-bottom:.5rem}.uq-pane__image{flex-shrink:0;aspect-ratio:1.5/1;margin-bottom:1.5rem;position:relative}.uq-pane__image img,.uq-pane__image picture{width:100%;height:100%;inset:0;position:absolute;object-fit:cover}.uq-pane__video{flex-shrink:0;aspect-ratio:16/9;margin-bottom:1.5rem;position:relative}.uq-pane__video iframe{width:100%;height:100%;inset:0;position:absolute;border:0}.uq-pane__icon{margin-bottom:.5rem}.uq-pane__icon .uq-icon::before{height:56px;width:56px}.uq-pane__actions{padding-top:1.5rem;margin-top:auto;display:flex;flex-direction:column;align-items:start;gap:1rem}.uq-pane--text .uq-pane__image,.uq-pane--text .uq-pane__icon,.uq-pane--text .uq-pane__video,.uq-pane--text-shaded .uq-pane__image,.uq-pane--text-shaded .uq-pane__icon,.uq-pane--text-shaded .uq-pane__video{display:none}.uq-pane--image .uq-pane__icon,.uq-pane--image .uq-pane__video{display:none}.uq-pane--video .uq-pane__image,.uq-pane--video .uq-pane__icon{display:none}.uq-pane--icon .uq-pane__image,.uq-pane--icon .uq-pane__video,.uq-pane--icon-large .uq-pane__image,.uq-pane--icon-large .uq-pane__video,.uq-pane--icon-shaded .uq-pane__image,.uq-pane--icon-shaded .uq-pane__video{display:none}.uq-pane--icon-large .uq-pane__icon{width:128px;height:128px;border-radius:50%;background:#f3f3f4;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.uq-pane--icon-large .uq-pane__icon .uq-icon::before{width:72px;height:72px}.uq-pane--text-shaded,.uq-pane--icon-shaded{background:#f3f3f4;border-radius:4px}.uq-pane--text-shaded .uq-pane__content,.uq-pane--icon-shaded .uq-pane__content{padding:1.5rem}@container (width > 667px){.uq-card-grid--target-1x .uq-pane{display:flex;flex-direction:row-reverse;gap:var(--layout-gap);align-items:center}.uq-card-grid--target-1x .uq-pane__image{width:50%;height:100%;margin:0}.uq-card-grid--target-1x .uq-pane__video{width:50%;margin:0}.uq-card-grid--target-1x .uq-pane__content{width:50%}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uqds/pane",
3
- "version": "3.0.0-alpha.4",
3
+ "version": "3.0.0",
4
4
  "description": "Pane component",
5
5
  "keywords": [
6
6
  "uqds",
@@ -41,8 +41,8 @@
41
41
  "url": "https://github.com/uq-its-ss/design-system/issues"
42
42
  },
43
43
  "dependencies": {
44
- "@uqds/core": "^4.0.0-alpha.2",
45
- "@uqds/layout": "^6.0.0-alpha.4"
44
+ "@uqds/core": "^4.0.0",
45
+ "@uqds/layout": "^6.0.0"
46
46
  },
47
- "gitHead": "904d3aec133c2fa0b253b038f747735428b4bbe2"
47
+ "gitHead": "99bcb9f6d768ac5617f5ff843f52d3af65012867"
48
48
  }
package/src/scss/_pane.scss CHANGED
@@ -83,12 +83,21 @@
83
83
  .uq-pane--text,
84
84
  .uq-pane--text-shaded {
85
85
  & .uq-pane__image,
86
- & .uq-pane__icon {
86
+ & .uq-pane__icon,
87
+ & .uq-pane__video {
87
88
  display: none;
88
89
  }
89
90
  }
90
91
 
91
92
  .uq-pane--image {
93
+ & .uq-pane__icon,
94
+ & .uq-pane__video {
95
+ display: none;
96
+ }
97
+ }
98
+
99
+ .uq-pane--video {
100
+ & .uq-pane__image,
92
101
  & .uq-pane__icon {
93
102
  display: none;
94
103
  }
@@ -97,7 +106,8 @@
97
106
  .uq-pane--icon,
98
107
  .uq-pane--icon-large,
99
108
  .uq-pane--icon-shaded {
100
- & .uq-pane__image {
109
+ & .uq-pane__image,
110
+ & .uq-pane__video {
101
111
  display: none;
102
112
  }
103
113
  }