@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.
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "0391953a01604dd0406861bdca0e8fe287a61a81"
2
+ "commit": "33bce10cd8a8cafc3282dd666e074a8680b6b98d"
3
3
  }
@@ -3,15 +3,15 @@
3
3
  SPDX-License-Identifier: Apache-2.0
4
4
  */
5
5
 
6
- @use './background.scss';
7
- @use './breadcrumbs.scss';
8
- @use './drawers.scss';
9
- @use './header.scss';
10
- @use './layout.scss';
11
- @use './main.scss';
12
- @use './mobile-toolbar.scss';
13
- @use './navigation.scss';
14
- @use './notifications.scss';
15
- @use './split-panel.scss';
16
- @use './tools.scss';
17
- @use './trigger-button.scss';
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
- var(#{custom-props.$styleFocusRingBorderRadius}, awsui.$border-radius-control-default-focus-ring),
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: var(#{custom-props.$contentLayoutMainGap}) min-content min-content auto awsui.$space-dark-header-overlap-distance 1fr;
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) 1fr minmax(
52
- 0,
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
- .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
- ) {
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} - (#{styles.$invalid-control-left-border} - #{awsui.$border-width-field})
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} - (#{styles.$invalid-control-left-border} - #{awsui.$border-width-field})
97
+ #{styles.$control-icon-horizontal-padding} -
98
+ (#{styles.$invalid-control-left-border} - #{awsui.$border-width-field})
97
99
  );
98
100
  }
99
101
  }
@@ -8,7 +8,7 @@
8
8
  SPDX-License-Identifier: Apache-2.0
9
9
  */
10
10
  @use 'awsui:globals';
11
- @use '../styles/global.scss';
11
+ @use '../styles/global';
12
12
  @use '../generated/custom-css-properties' as custom-styles;
13
13
 
14
14
  :root {
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Build environment
3
- $awsui-commit-hash: "0391953a";
3
+ $awsui-commit-hash: "33bce10c";
4
4
  // Manually managed CSS-variables
5
5
  $maxContentWidth: --awsui-max-content-width-kcc2gu;
6
6
  $minContentWidth: --awsui-min-content-width-kcc2gu;
@@ -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: minmax(min-content, 2fr) minmax(min-content, $operator-field-width) minmax(min-content, 3fr) min-content;
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;
@@ -3892,5 +3892,5 @@
3892
3892
  }
3893
3893
  }
3894
3894
  :root {
3895
- --awsui-version-info-0391953a: true;
3895
+ --awsui-version-info-33bce10c: true;
3896
3896
  }
@@ -1,6 +1,6 @@
1
1
  export var PACKAGE_SOURCE = "components";
2
- export var PACKAGE_VERSION = "3.0.0 (0391953a)";
3
- export var GIT_SHA = "0391953a";
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;
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "PACKAGE_SOURCE": "components",
3
- "PACKAGE_VERSION": "3.0.0 (0391953a)",
4
- "GIT_SHA": "0391953a",
3
+ "PACKAGE_VERSION": "3.0.0 (33bce10c)",
4
+ "GIT_SHA": "33bce10c",
5
5
  "THEME": "default",
6
6
  "SYSTEM": "core",
7
7
  "ALWAYS_VISUAL_REFRESH": false
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cloudscape-design/components-themeable",
3
- "version": "3.0.1033",
3
+ "version": "3.0.1034",
4
4
  "files": [
5
5
  "lib"
6
6
  ],