@salesforcedevs/dx-components 0.54.5 → 0.54.6-alpha-1

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 (23) hide show
  1. package/package.json +5 -3
  2. package/src/assets/svg/login-widget-bg.png +0 -0
  3. package/src/modules/dx/avatarButton/avatarButton.css +128 -0
  4. package/src/modules/dx/avatarButton/avatarButton.html +145 -0
  5. package/src/modules/dx/avatarButton/avatarButton.ts +78 -0
  6. package/src/modules/dx/breadcrumbs/breadcrumbs.ts +18 -15
  7. package/src/modules/dx/button/button.css +9 -0
  8. package/src/modules/dx/button/button.ts +1 -1
  9. package/src/modules/dx/dropdown/dropdown.ts +2 -2
  10. package/src/modules/dx/dropdownOption/dropdownOption.ts +2 -2
  11. package/src/modules/dx/footer/footer.ts +2 -2
  12. package/src/modules/dx/header/header.html +1 -0
  13. package/src/modules/dx/header/header.ts +2 -2
  14. package/src/modules/dx/headerMobileNavMenu/headerMobileNavMenu.ts +4 -4
  15. package/src/modules/dx/headerNav/headerNav.ts +5 -5
  16. package/src/modules/dx/headerSearch/headerSearch.ts +2 -2
  17. package/src/modules/dx/logo/logo.ts +1 -1
  18. package/src/modules/dx/select/select.css +181 -8
  19. package/src/modules/dx/select/select.html +51 -54
  20. package/src/modules/dx/select/select.ts +128 -10
  21. package/src/modules/dxBaseElements/headerBase/headerBase.ts +3 -3
  22. package/src/modules/dxUtils/options/options.ts +13 -9
  23. package/src/modules/dxHelpers/slds/slds.css +0 -191
package/src/modules/dxHelpers/slds/slds.css DELETED
@@ -1,191 +0,0 @@
1
- :host(.slds-form-element_stacked) .slds-form-element__label,
2
- :host(.slds-form-element_stacked) .slds-form-element__control {
3
- border-bottom: 0;
4
- padding-left: 0;
5
- }
6
-
7
- :host(.slds-form-element_stacked) .slds-form-element__control {
8
- width: 100%;
9
- -ms-flex-preferred-size: 100%;
10
- flex-basis: 100%;
11
- clear: left;
12
- }
13
-
14
- @media (min-width: 48em) {
15
- :host(.slds-form-element_horizontal) .slds-form-element__control {
16
- padding-left: 33%;
17
- clear: none;
18
- }
19
- }
20
-
21
- :host(.slds-has-error) .slds-select {
22
- border-color: #ea001e;
23
- -webkit-box-shadow: #ea001e 0 0 0 1px inset;
24
- box-shadow: #ea001e 0 0 0 1px inset;
25
- background-clip: padding-box;
26
- }
27
-
28
- :host(.slds-has-error) .slds-select:focus,
29
- :host(.slds-has-error) .slds-select:active {
30
- -webkit-box-shadow: #ea001e 0 0 0 1px inset, 0 0 3px #0176d3;
31
- box-shadow: #ea001e 0 0 0 1px inset, 0 0 3px #0176d3;
32
- }
33
-
34
- :host(.slds-has-error) .slds-form-element__help {
35
- color: #ea001e;
36
- }
37
-
38
- abbr[title] {
39
- border-bottom: 1px dotted;
40
- }
41
-
42
- abbr[title] {
43
- text-decoration: none;
44
- }
45
-
46
- abbr[title],
47
- fieldset,
48
- hr {
49
- border: 0;
50
- }
51
-
52
- abbr[title] {
53
- cursor: help;
54
- }
55
-
56
- abbr[title]:after {
57
- content: " (" attr(title) ")";
58
- }
59
-
60
- button,
61
- select {
62
- text-transform: none;
63
- }
64
-
65
- .slds-form-element__label {
66
- overflow-wrap: break-word;
67
- word-wrap: break-word;
68
- -webkit-hyphens: auto;
69
- -ms-hyphens: auto;
70
- hyphens: auto;
71
- display: inline-block;
72
- color: #3e3e3c;
73
- font-size: 0.75rem;
74
- padding-right: 0.5rem;
75
- padding-top: 0.25rem;
76
- margin-bottom: 0.125rem;
77
- }
78
-
79
- .slds-form-element__label:empty {
80
- margin: 0;
81
- }
82
-
83
- .slds-assistive-text {
84
- position: absolute !important;
85
- margin: -1px !important;
86
- border: 0 !important;
87
- padding: 0 !important;
88
- width: 1px !important;
89
- height: 1px !important;
90
- overflow: hidden !important;
91
- clip: rect(0 0 0 0) !important;
92
- text-transform: none !important;
93
- white-space: nowrap !important;
94
- }
95
-
96
- .slds-required {
97
- color: #ea001e;
98
- margin: 0 0.125rem;
99
- }
100
-
101
- .slds-form-element__control {
102
- clear: left;
103
- position: relative;
104
- }
105
-
106
- .slds-select {
107
- height: calc(1.875rem + (1px * 2));
108
- width: 100%;
109
- border: 1px solid var(--sds-c-select-color-border, #dddbda);
110
- border-radius: var(--sds-c-select-radius-border, 0.25rem);
111
- background-color: var(--sds-c-select-color-background, white);
112
- color: var(--sds-c-select-text-color);
113
- -webkit-box-shadow: var(--sds-c-select-shadow);
114
- box-shadow: var(--sds-c-select-shadow);
115
- -webkit-transition: border 0.1s linear, background-color 0.1s linear;
116
- transition: border 0.1s linear, background-color 0.1s linear;
117
- }
118
-
119
- .slds-select:required {
120
- -webkit-box-shadow: none;
121
- box-shadow: none;
122
- }
123
-
124
- .slds-select:focus,
125
- .slds-select:active {
126
- outline: 0;
127
- border-color: var(--sds-c-select-color-border-focus, #1b96ff);
128
- background-color: var(--sds-c-select-color-background-focus, white);
129
- color: var(--sds-c-select-text-color-focus);
130
- -webkit-box-shadow: var(--sds-c-select-shadow-focus, 0 0 3px #0176d3);
131
- box-shadow: var(--sds-c-select-shadow-focus, 0 0 3px #0176d3);
132
- }
133
-
134
- .slds-select[disabled],
135
- .slds-select.slds-is-disabled {
136
- background-color: #ecebea;
137
- border-color: #c9c7c5;
138
- color: #3e3e3c;
139
- cursor: not-allowed;
140
- -webkit-user-select: none;
141
- -moz-user-select: none;
142
- -ms-user-select: none;
143
- user-select: none;
144
- opacity: 1;
145
- }
146
-
147
- .slds-select[disabled]:focus,
148
- .slds-select[disabled]:active,
149
- .slds-select.slds-is-disabled:focus,
150
- .slds-select.slds-is-disabled:active {
151
- -webkit-box-shadow: none;
152
- box-shadow: none;
153
- }
154
-
155
- .slds-select[size],
156
- .slds-select[multiple] {
157
- min-height: calc(1.875rem + (1px * 2));
158
- height: inherit;
159
- }
160
-
161
- .slds-select[size] option,
162
- .slds-select[multiple] option {
163
- padding: 0.5rem;
164
- }
165
-
166
- .slds-select_container {
167
- position: relative;
168
- color: var(--sds-c-select-text-color);
169
- }
170
-
171
- .slds-select_container .slds-select {
172
- -moz-appearance: none;
173
- -webkit-appearance: none;
174
- padding-left: 0.5rem;
175
- padding-right: 1.5rem;
176
- }
177
- .slds-select_container .slds-select::-ms-expand {
178
- display: none;
179
- }
180
-
181
- .slds-select[size] option,
182
- .slds-select[multiple] option {
183
- padding: 0.5rem;
184
- }
185
-
186
- .slds-form-element__help,
187
- .slds-form-element__helper {
188
- font-size: 0.75rem;
189
- margin-top: 0.125rem;
190
- display: block;
191
- }