@elliemae/ds-basic 3.0.0-next.52 → 3.0.0-next.53
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.
- package/dist/css/dimsum.css +5 -86
- package/dist/css/dimsum.min.css +1 -1
- package/dist/css/dimsum.min.css.map +1 -1
- package/dist/styles/components/packages/ds-common/ComboBox/v2/styles/wrapper.scss +10 -8
- package/dist/styles/components/packages/ds-page-header/DSPageHeader.scss +1 -2
- package/package.json +1 -1
- package/dist/styles/components/packages/ds-page-header/v2/PageHeaderV2.scss +0 -9
- package/dist/styles/components/packages/ds-page-header/v2/components/PageHeaderBack/PageHeaderBack.scss +0 -8
- package/dist/styles/components/packages/ds-page-header/v2/components/PageHeaderBreadcrumb/PageHeaderBreadcrumb.scss +0 -8
- package/dist/styles/components/packages/ds-page-header/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.scss +0 -17
- package/dist/styles/components/packages/ds-page-header/v2/components/PageHeaderMenu/PageHeaderMenu.scss +0 -21
- package/dist/styles/components/packages/ds-page-header/v2/components/PageHeaderSummary/PageHeaderSummary.scss +0 -31
- package/dist/styles/components/packages/ds-page-header/v2/components/PageHeaderTitle/PageTitle.scss +0 -15
- package/dist/styles/components/packages/ds-page-header/v2/components/PageHeaderToolbar/PageHeaderToolbar.scss +0 -26
|
@@ -11,31 +11,33 @@ $wrapper: #{$combo}__control;
|
|
|
11
11
|
flex-wrap: nowrap;
|
|
12
12
|
|
|
13
13
|
&.with-error {
|
|
14
|
-
@include dsBorderAfter(color(danger, 900))
|
|
14
|
+
@include dsBorderAfter(color(danger, 900));
|
|
15
15
|
}
|
|
16
|
-
|
|
16
|
+
|
|
17
17
|
&:hover {
|
|
18
|
-
@include dsBorderAfter(color(brand-primary, 600))
|
|
18
|
+
@include dsBorderAfter(color(brand-primary, 600));
|
|
19
19
|
}
|
|
20
20
|
&:focus-within {
|
|
21
21
|
@include dsFocusAfter();
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
|
|
25
|
-
|
|
26
25
|
$container: #{$combo}-container;
|
|
27
26
|
|
|
28
|
-
.#{$container}{
|
|
27
|
+
.#{$container} {
|
|
28
|
+
& > div {
|
|
29
|
+
height: 100%;
|
|
30
|
+
}
|
|
29
31
|
|
|
30
32
|
&.with-error {
|
|
31
33
|
.#{$wrapper} {
|
|
32
|
-
@include dsBorderAfter(color(danger, 900))
|
|
34
|
+
@include dsBorderAfter(color(danger, 900));
|
|
33
35
|
}
|
|
34
36
|
}
|
|
35
37
|
&.is-disabled {
|
|
36
38
|
@include dsDisabled();
|
|
37
|
-
& input[type=
|
|
38
|
-
background: #
|
|
39
|
+
& input[type='text'] {
|
|
40
|
+
background: #ebeef1 !important;
|
|
39
41
|
}
|
|
40
42
|
}
|
|
41
43
|
}
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
@import
|
|
2
|
-
@import "./v2/PageHeaderV2.scss"
|
|
1
|
+
@import './v1/DSPageHeader.scss';
|
package/package.json
CHANGED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
$ph2: #{$prefix}-page-header-v2;
|
|
2
|
-
|
|
3
|
-
@import './components/PageHeaderTitle/PageTitle.scss';
|
|
4
|
-
@import './components/PageHeaderEditableTitle/PageHeaderEditableTitle.scss';
|
|
5
|
-
@import './components/PageHeaderSummary/PageHeaderSummary.scss';
|
|
6
|
-
@import './components/PageHeaderBreadcrumb/PageHeaderBreadcrumb.scss';
|
|
7
|
-
@import './components/PageHeaderMenu/PageHeaderMenu.scss';
|
|
8
|
-
@import './components/PageHeaderToolbar/PageHeaderToolbar.scss';
|
|
9
|
-
@import './components/PageHeaderBack/PageHeaderBack.scss';
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
$ph2-title: #{$ph2}-title;
|
|
2
|
-
$input: #{$prefix}-input;
|
|
3
|
-
$input-container: editable-title-component;
|
|
4
|
-
|
|
5
|
-
.#{$ph2-title} {
|
|
6
|
-
&__editable-title {
|
|
7
|
-
@include h2-text-style();
|
|
8
|
-
padding-left: space(xs);
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
.#{$input-container} {
|
|
12
|
-
position: relative;
|
|
13
|
-
left: space(xs) * (-1);
|
|
14
|
-
top: 1px;
|
|
15
|
-
margin-left: -1px;
|
|
16
|
-
margin-right: -9px;
|
|
17
|
-
}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
$ph2-menu: #{$ph2}-menu;
|
|
2
|
-
$btn-el-secondary: #{$prefix}-button--secondary;
|
|
3
|
-
|
|
4
|
-
.#{$ph2-menu} {
|
|
5
|
-
display: flex;
|
|
6
|
-
flex-direction: row;
|
|
7
|
-
align-items: center;
|
|
8
|
-
padding-left: space(xxs);
|
|
9
|
-
.#{$btn-el-secondary} {
|
|
10
|
-
&:not(:hover){
|
|
11
|
-
border-color: transparent;
|
|
12
|
-
}
|
|
13
|
-
&:focus:after{
|
|
14
|
-
top: -1px;
|
|
15
|
-
left: -1px;
|
|
16
|
-
width: calc(100% + 2px);
|
|
17
|
-
height: calc(100% + 2px);
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
$ph2-summary: #{$ph2}-summary;
|
|
2
|
-
|
|
3
|
-
.#{$ph2-summary} {
|
|
4
|
-
display: flex;
|
|
5
|
-
flex-direction: row;
|
|
6
|
-
align-items: center;
|
|
7
|
-
|
|
8
|
-
margin-left: space(xs);
|
|
9
|
-
font-size: font-size(700);
|
|
10
|
-
line-height: line-height(normal);
|
|
11
|
-
font-weight: font-weight(regular);
|
|
12
|
-
&:before{
|
|
13
|
-
display: block;
|
|
14
|
-
content: '';
|
|
15
|
-
height: space(m);
|
|
16
|
-
background: color(neutral, 600);
|
|
17
|
-
width: 1px;
|
|
18
|
-
margin-right: space(xs);
|
|
19
|
-
}
|
|
20
|
-
.ph-summary-value{
|
|
21
|
-
color: color(neutral, 700);
|
|
22
|
-
padding-right: space(xs);
|
|
23
|
-
}
|
|
24
|
-
.ph-summary-label{
|
|
25
|
-
color: color(neutral, 600);
|
|
26
|
-
}
|
|
27
|
-
.ph-summary-space{
|
|
28
|
-
width: space(xl);
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
}
|
package/dist/styles/components/packages/ds-page-header/v2/components/PageHeaderTitle/PageTitle.scss
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
$ph2-title: #{$ph2}-title;
|
|
2
|
-
$ph2-mark: #{$prefix}-form-required-mark;
|
|
3
|
-
|
|
4
|
-
.#{$ph2-title} {
|
|
5
|
-
&__title {
|
|
6
|
-
display: grid;
|
|
7
|
-
@include h2-text-style();
|
|
8
|
-
margin-right: space(xs);
|
|
9
|
-
.#{$ph2-mark}{
|
|
10
|
-
position: absolute;
|
|
11
|
-
top: 0;
|
|
12
|
-
right: 0;
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
$ph2-toolbar: #{$ph2}-toolbar;
|
|
2
|
-
$ph-toolbar: #{$prefix}-toolbar;
|
|
3
|
-
$ph-btn: #{$prefix}-button;
|
|
4
|
-
$ph-input-search: #{$prefix}-input-addon-wrapper;
|
|
5
|
-
|
|
6
|
-
.#{$ph2-toolbar} {
|
|
7
|
-
display: flex;
|
|
8
|
-
flex-direction: row;
|
|
9
|
-
align-items: center;
|
|
10
|
-
justify-content: flex-end;
|
|
11
|
-
.#{$ph-toolbar} {
|
|
12
|
-
height: auto;
|
|
13
|
-
background: none;
|
|
14
|
-
& > div {
|
|
15
|
-
.#{$ph-btn} {
|
|
16
|
-
margin-left: space(m) * 0.5;
|
|
17
|
-
}
|
|
18
|
-
.#{$ph-input-search}{
|
|
19
|
-
box-shadow: none;
|
|
20
|
-
div {
|
|
21
|
-
height: 100%;
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
}
|