@salesforcedevs/docs-components 1.3.388-playground-comp1 → 1.3.388-playground-comp2

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 (2) hide show
  1. package/package.json +1 -1
  2. package/src/modules/doc/componentPlayground/componentPlayground.css +10 -7
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salesforcedevs/docs-components",
3
- "version": "1.3.388-playground-comp1",
3
+ "version": "1.3.388-playground-comp2",
4
4
  "description": "Docs Lightning web components for DSC",
5
5
  "license": "MIT",
6
6
  "main": "index.js",
package/src/modules/doc/componentPlayground/componentPlayground.css CHANGED
@@ -1,15 +1,18 @@
1
1
  @import "dxHelpers/reset";
2
2
 
3
3
  /**
4
- * Preview Padding: 24px
5
- * Example Selector Height: 106px
6
- * Example Preview Height (same as current DSC): 150px
7
- * Tab Height: 44px
8
- * Codeblock Height with top margin: 280px(264+16)
9
- * Total: 604px
4
+ * Designs link - https://www.figma.com/design/9SalRPlJmtRDZHq03o8dL1/One-Doc-Site-Visionary-Mocks?node-id=9968-366397&m=dev
5
+ * Preview padding: 24px
6
+ * Example Selector height: 122px
7
+ * Example Preview min height: 150px
8
+ * Tab height with border: 46px(45px height and 1px border)
9
+ * Codeblock height: 264px(224px for codeblock and 40px for panel)
10
+ * Total: 606px
10
11
  **/
11
12
 
12
13
  iframe {
13
14
  width: 100%;
14
- height: 604px;
15
+ height: 606px;
16
+ border-radius: var(--dx-g-spacing-sm);
17
+ border: 1px solid var(--dx-g-gray-90);
15
18
  }