@salesforcedevs/dx-components 1.15.4-ldh-alpha2 → 1.15.5-ldh-alpha5

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 (5) hide show
  1. package/package.json +1 -1
  2. package/src/modules/dx/featuredContentHeader/featuredContentHeader.html +3 -2
  3. package/src/modules/dx/sidebar/sidebar.html +2 -2
  4. package/src/modules/dx/sidebarOld/sidebarOld.html +2 -5
  5. package/src/modules/dxHelpers/commonSidebar/commonSidebar.css +8 -23
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salesforcedevs/dx-components",
3
- "version": "1.15.4-ldh-alpha2",
3
+ "version": "1.15.5-ldh-alpha5",
4
4
  "description": "DX Lightning web components",
5
5
  "license": "MIT",
6
6
  "engines": {
package/src/modules/dx/featuredContentHeader/featuredContentHeader.html CHANGED
@@ -22,12 +22,13 @@
22
22
  <slot name="language-selector"></slot>
23
23
  </div>
24
24
  <template lwc:if={isDarkModeEnabled}>
25
- <div
25
+ <button
26
+ aria-label="Toggle dark mode"
26
27
  class="dark-mode-button"
27
28
  onclick={onDarkModeButtonClick}
28
29
  >
29
30
  <div class="dark-mode-icon"></div>
30
- </div>
31
+ </button>
31
32
  </template>
32
33
  </div>
33
34
  </div>
package/src/modules/dx/sidebar/sidebar.html CHANGED
@@ -25,8 +25,8 @@
25
25
  <div class="sidebar-header" show-shadow={showBoxShadow}>
26
26
  <div class="header padding-horizontal" lwc:if={isDesktop}>
27
27
  <div class="header-wrapper">
28
- <div lwc:if={devCenter} class="dev-center-link link-row">
29
- <a href={devCenter.link} class="dev-center-content">
28
+ <div lwc:if={devCenter} class="link-row">
29
+ <a href={devCenter.link}>
30
30
  <dx-icon symbol="back"></dx-icon>
31
31
  <dx-icon
32
32
  class="brand-icon"
package/src/modules/dx/sidebarOld/sidebarOld.html CHANGED
@@ -27,11 +27,8 @@
27
27
  <div class="sidebar-header" show-shadow={showBoxShadow}>
28
28
  <div class="header padding-horizontal" lwc:if={isDesktop}>
29
29
  <div class="header-wrapper">
30
- <div
31
- lwc:if={devCenter}
32
- class="dev-center-link link-row"
33
- >
34
- <a href={devCenter.link} class="dev-center-content">
30
+ <div lwc:if={devCenter} class="link-row">
31
+ <a href={devCenter.link}>
35
32
  <dx-icon symbol="back"></dx-icon>
36
33
  <dx-icon
37
34
  class="brand-icon"
package/src/modules/dxHelpers/commonSidebar/commonSidebar.css CHANGED
@@ -56,39 +56,24 @@
56
56
  }
57
57
 
58
58
  .header-wrapper {
59
- display: flex;
60
- flex-direction: column;
61
- gap: 0.5rem;
62
- }
59
+ --dx-c-icon-color: var(--dx-g-blue-vibrant-20);
63
60
 
64
- .link-row a {
65
61
  display: flex;
66
- align-items: center;
67
- gap: 0.5rem;
62
+ flex-direction: column;
63
+ gap: var(--dx-g-spacing-xs);
68
64
  }
69
65
 
70
- .dev-center-link {
71
- display: inline-block;
72
- padding: var(--dx-g-spacing-smd) var(--dx-g-spacing-lg) 0
73
- var(--dx-g-global-header-padding-horizontal);
74
- height: var(--dx-g-spacing-xl);
66
+ .subtitle {
67
+ color: var(--dx-g-blue-vibrant-20);
75
68
  }
76
69
 
77
- .dev-center-content {
70
+ .link-row a {
78
71
  display: flex;
79
72
  align-items: center;
80
73
  text-decoration: none;
81
- color: inherit;
82
74
  font-weight: var(--dx-g-font-bold);
83
- }
84
-
85
- dx-icon {
86
- --dx-c-icon-size: var(--dx-g-icon-size-xs);
87
- --dx-c-icon-color: var(--dx-g-blue-vibrant-20);
88
- }
89
-
90
- .dev-center-content > * + * {
91
- margin-left: 8px;
75
+ gap: var(--dx-g-spacing-xs);
76
+ color: var(--dx-g-blue-vibrant-20);
92
77
  }
93
78
 
94
79
  .container {