@cloudscape-design/components-themeable 3.0.1033 → 3.0.1034
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/lib/internal/manifest.json +1 -1
- package/lib/internal/scss/app-layout/visual-refresh/styles.scss +12 -12
- package/lib/internal/scss/button/styles.scss +4 -2
- package/lib/internal/scss/content-layout/styles.scss +5 -5
- package/lib/internal/scss/icon/styles.scss +19 -19
- package/lib/internal/scss/input/styles.scss +4 -2
- package/lib/internal/scss/internal/base-component/styles.scss +1 -1
- package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
- package/lib/internal/scss/link/constants.scss +2 -4
- package/lib/internal/scss/property-filter/styles.scss +3 -1
- package/lib/internal/template/internal/base-component/styles.scoped.css +1 -1
- package/lib/internal/template/internal/environment.js +2 -2
- package/lib/internal/template/internal/environment.json +2 -2
- package/package.json +1 -1
|
@@ -3,15 +3,15 @@
|
|
|
3
3
|
SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
-
@use './background
|
|
7
|
-
@use './breadcrumbs
|
|
8
|
-
@use './drawers
|
|
9
|
-
@use './header
|
|
10
|
-
@use './layout
|
|
11
|
-
@use './main
|
|
12
|
-
@use './mobile-toolbar
|
|
13
|
-
@use './navigation
|
|
14
|
-
@use './notifications
|
|
15
|
-
@use './split-panel
|
|
16
|
-
@use './tools
|
|
17
|
-
@use './trigger-button
|
|
6
|
+
@use './background';
|
|
7
|
+
@use './breadcrumbs';
|
|
8
|
+
@use './drawers';
|
|
9
|
+
@use './header';
|
|
10
|
+
@use './layout';
|
|
11
|
+
@use './main';
|
|
12
|
+
@use './mobile-toolbar';
|
|
13
|
+
@use './navigation';
|
|
14
|
+
@use './notifications';
|
|
15
|
+
@use './split-panel';
|
|
16
|
+
@use './tools';
|
|
17
|
+
@use './trigger-button';
|
|
@@ -95,8 +95,10 @@
|
|
|
95
95
|
'vertical': awsui.$space-button-icon-focus-outline-gutter-vertical,
|
|
96
96
|
'horizontal': awsui.$space-button-focus-outline-gutter,
|
|
97
97
|
),
|
|
98
|
-
$border-radius:
|
|
99
|
-
|
|
98
|
+
$border-radius: var(
|
|
99
|
+
#{custom-props.$styleFocusRingBorderRadius},
|
|
100
|
+
awsui.$border-radius-control-default-focus-ring
|
|
101
|
+
),
|
|
100
102
|
$box-shadow: var(#{custom-props.$styleFocusRingBoxShadow})
|
|
101
103
|
);
|
|
102
104
|
}
|
|
@@ -12,7 +12,9 @@
|
|
|
12
12
|
#{custom-props.$contentLayoutMainGap}: 0px;
|
|
13
13
|
display: grid;
|
|
14
14
|
grid-template-columns: 0 0 1fr minmax(0, var(#{custom-props.$contentLayoutMaxContentWidth})) 1fr 0 0;
|
|
15
|
-
grid-template-rows:
|
|
15
|
+
grid-template-rows:
|
|
16
|
+
var(#{custom-props.$contentLayoutMainGap})
|
|
17
|
+
min-content min-content auto awsui.$space-dark-header-overlap-distance 1fr;
|
|
16
18
|
min-block-size: 100%;
|
|
17
19
|
|
|
18
20
|
@include styles.media-breakpoint-down(styles.$breakpoint-x-small) {
|
|
@@ -48,10 +50,8 @@
|
|
|
48
50
|
&.default-padding {
|
|
49
51
|
#{custom-props.$contentLayoutMainGap}: awsui.$space-scaled-m;
|
|
50
52
|
grid-template-columns:
|
|
51
|
-
var(#{custom-props.$togglesLeftWidth}, 0) var(#{custom-props.$contentLayoutDefaultHorizontalPadding}, 0)
|
|
52
|
-
|
|
53
|
-
var(#{custom-props.$contentLayoutMaxContentWidth})
|
|
54
|
-
)
|
|
53
|
+
var(#{custom-props.$togglesLeftWidth}, 0) var(#{custom-props.$contentLayoutDefaultHorizontalPadding}, 0)
|
|
54
|
+
1fr minmax(0, var(#{custom-props.$contentLayoutMaxContentWidth}))
|
|
55
55
|
1fr var(#{custom-props.$contentLayoutDefaultHorizontalPadding}, 0) var(#{custom-props.$togglesRightWidth}, 0);
|
|
56
56
|
}
|
|
57
57
|
|
|
@@ -29,25 +29,25 @@
|
|
|
29
29
|
@include mixins.make-icon-variants;
|
|
30
30
|
|
|
31
31
|
&:is(
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
32
|
+
.name-angle-left-double,
|
|
33
|
+
.name-angle-left,
|
|
34
|
+
.name-angle-right-double,
|
|
35
|
+
.name-angle-right,
|
|
36
|
+
.name-arrow-left,
|
|
37
|
+
.name-arrow-right,
|
|
38
|
+
.name-caret-left-filled,
|
|
39
|
+
.name-caret-right-filled,
|
|
40
|
+
.name-audio-full,
|
|
41
|
+
.name-audio-half,
|
|
42
|
+
.name-audio-off,
|
|
43
|
+
.name-external,
|
|
44
|
+
.name-redo,
|
|
45
|
+
.name-resize-area,
|
|
46
|
+
.name-send,
|
|
47
|
+
.name-shrink,
|
|
48
|
+
.name-undo,
|
|
49
|
+
.name-view-vertical
|
|
50
|
+
) {
|
|
51
51
|
@include styles.with-direction('rtl') {
|
|
52
52
|
transform: scaleX(-1);
|
|
53
53
|
}
|
|
@@ -84,7 +84,8 @@
|
|
|
84
84
|
@include styles.form-invalid-control();
|
|
85
85
|
&.input-has-icon-left {
|
|
86
86
|
padding-inline-start: calc(
|
|
87
|
-
#{styles.$control-icon-horizontal-padding} -
|
|
87
|
+
#{styles.$control-icon-horizontal-padding} -
|
|
88
|
+
(#{styles.$invalid-control-left-border} - #{awsui.$border-width-field})
|
|
88
89
|
);
|
|
89
90
|
}
|
|
90
91
|
}
|
|
@@ -93,7 +94,8 @@
|
|
|
93
94
|
@include styles.form-warning-control();
|
|
94
95
|
&.input-has-icon-left {
|
|
95
96
|
padding-inline-start: calc(
|
|
96
|
-
#{styles.$control-icon-horizontal-padding} -
|
|
97
|
+
#{styles.$control-icon-horizontal-padding} -
|
|
98
|
+
(#{styles.$invalid-control-left-border} - #{awsui.$border-width-field})
|
|
97
99
|
);
|
|
98
100
|
}
|
|
99
101
|
}
|
|
@@ -98,8 +98,7 @@ $link-variants: (
|
|
|
98
98
|
),
|
|
99
99
|
// Need separate variant used for backwards compatible styles in classic
|
|
100
100
|
// (vr - button style, classic - underlined link style),
|
|
101
|
-
'recovery':
|
|
102
|
-
(
|
|
101
|
+
'recovery': (
|
|
103
102
|
'text-color-default': awsui.$color-text-link-default,
|
|
104
103
|
'text-color-hover': awsui.$color-text-link-hover,
|
|
105
104
|
'text-color-active': awsui.$color-text-link-hover,
|
|
@@ -113,8 +112,7 @@ $link-variants: (
|
|
|
113
112
|
|
|
114
113
|
$link-styles: (
|
|
115
114
|
// A link without an href to be styled like a button
|
|
116
|
-
'button':
|
|
117
|
-
(
|
|
115
|
+
'button': (
|
|
118
116
|
'text-color-default': awsui.$color-text-link-button-normal-default,
|
|
119
117
|
'text-color-hover': awsui.$color-text-link-button-normal-hover,
|
|
120
118
|
'text-color-active': awsui.$color-text-link-button-normal-active,
|
|
@@ -151,7 +151,9 @@ $operator-field-width: 120px;
|
|
|
151
151
|
|
|
152
152
|
display: grid;
|
|
153
153
|
gap: awsui.$space-s;
|
|
154
|
-
grid-template-columns:
|
|
154
|
+
grid-template-columns:
|
|
155
|
+
minmax(min-content, 2fr) minmax(min-content, $operator-field-width) minmax(min-content, 3fr)
|
|
156
|
+
min-content;
|
|
155
157
|
|
|
156
158
|
&-group {
|
|
157
159
|
display: contents;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export var PACKAGE_SOURCE = "components";
|
|
2
|
-
export var PACKAGE_VERSION = "3.0.0 (
|
|
3
|
-
export var GIT_SHA = "
|
|
2
|
+
export var PACKAGE_VERSION = "3.0.0 (33bce10c)";
|
|
3
|
+
export var GIT_SHA = "33bce10c";
|
|
4
4
|
export var THEME = "open-source-visual-refresh";
|
|
5
5
|
export var SYSTEM = "console";
|
|
6
6
|
export var ALWAYS_VISUAL_REFRESH = true;
|