@cloudscape-design/components-themeable 3.0.1300 → 3.0.1302

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 (165) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/breadcrumb-group/item/styles.scss +1 -1
  3. package/lib/internal/scss/breadcrumb-group/styles.scss +1 -1
  4. package/lib/internal/scss/copy-to-clipboard/styles.scss +18 -0
  5. package/lib/internal/scss/drawer/styles.scss +13 -2
  6. package/lib/internal/scss/form-field/styles.scss +1 -1
  7. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
  8. package/lib/internal/scss/internal/styles/links.scss +1 -0
  9. package/lib/internal/scss/internal/styles/typography/mixins.scss +8 -3
  10. package/lib/internal/scss/key-value-pairs/styles.scss +5 -1
  11. package/lib/internal/scss/link/constants.scss +11 -11
  12. package/lib/internal/scss/skeleton/styles.scss +121 -0
  13. package/lib/internal/template/attribute-editor/styles.css.js +15 -15
  14. package/lib/internal/template/attribute-editor/styles.scoped.css +29 -28
  15. package/lib/internal/template/attribute-editor/styles.selectors.js +15 -15
  16. package/lib/internal/template/breadcrumb-group/item/styles.css.js +7 -7
  17. package/lib/internal/template/breadcrumb-group/item/styles.scoped.css +30 -29
  18. package/lib/internal/template/breadcrumb-group/item/styles.selectors.js +7 -7
  19. package/lib/internal/template/breadcrumb-group/styles.css.js +14 -14
  20. package/lib/internal/template/breadcrumb-group/styles.scoped.css +25 -25
  21. package/lib/internal/template/breadcrumb-group/styles.selectors.js +14 -14
  22. package/lib/internal/template/button-dropdown/category-elements/category-element.js +1 -1
  23. package/lib/internal/template/button-dropdown/category-elements/category-element.js.map +1 -1
  24. package/lib/internal/template/button-dropdown/category-elements/expandable-category-element.js +1 -1
  25. package/lib/internal/template/button-dropdown/category-elements/expandable-category-element.js.map +1 -1
  26. package/lib/internal/template/button-dropdown/category-elements/mobile-expandable-category-element.js +1 -1
  27. package/lib/internal/template/button-dropdown/category-elements/mobile-expandable-category-element.js.map +1 -1
  28. package/lib/internal/template/button-dropdown/item-element/index.js +1 -1
  29. package/lib/internal/template/button-dropdown/item-element/index.js.map +1 -1
  30. package/lib/internal/template/button-dropdown/item-element/styles.css.js +21 -21
  31. package/lib/internal/template/button-dropdown/item-element/styles.scoped.css +38 -37
  32. package/lib/internal/template/button-dropdown/item-element/styles.selectors.js +21 -21
  33. package/lib/internal/template/copy-to-clipboard/index.d.ts +1 -1
  34. package/lib/internal/template/copy-to-clipboard/index.d.ts.map +1 -1
  35. package/lib/internal/template/copy-to-clipboard/index.js +2 -2
  36. package/lib/internal/template/copy-to-clipboard/index.js.map +1 -1
  37. package/lib/internal/template/copy-to-clipboard/interfaces.d.ts +5 -0
  38. package/lib/internal/template/copy-to-clipboard/interfaces.d.ts.map +1 -1
  39. package/lib/internal/template/copy-to-clipboard/interfaces.js.map +1 -1
  40. package/lib/internal/template/copy-to-clipboard/internal.d.ts +1 -1
  41. package/lib/internal/template/copy-to-clipboard/internal.d.ts.map +1 -1
  42. package/lib/internal/template/copy-to-clipboard/internal.js +3 -3
  43. package/lib/internal/template/copy-to-clipboard/internal.js.map +1 -1
  44. package/lib/internal/template/copy-to-clipboard/styles.css.js +5 -3
  45. package/lib/internal/template/copy-to-clipboard/styles.scoped.css +18 -3
  46. package/lib/internal/template/copy-to-clipboard/styles.selectors.js +5 -3
  47. package/lib/internal/template/drawer/implementation.d.ts +3 -3
  48. package/lib/internal/template/drawer/implementation.d.ts.map +1 -1
  49. package/lib/internal/template/drawer/implementation.js +3 -2
  50. package/lib/internal/template/drawer/implementation.js.map +1 -1
  51. package/lib/internal/template/drawer/index.d.ts +2 -1
  52. package/lib/internal/template/drawer/index.d.ts.map +1 -1
  53. package/lib/internal/template/drawer/index.js +21 -9
  54. package/lib/internal/template/drawer/index.js.map +1 -1
  55. package/lib/internal/template/drawer/interfaces.d.ts +45 -18
  56. package/lib/internal/template/drawer/interfaces.d.ts.map +1 -1
  57. package/lib/internal/template/drawer/interfaces.js.map +1 -1
  58. package/lib/internal/template/drawer/styles.css.js +29 -25
  59. package/lib/internal/template/drawer/styles.scoped.css +43 -34
  60. package/lib/internal/template/drawer/styles.selectors.js +29 -25
  61. package/lib/internal/template/drawer/utils.d.ts +2 -2
  62. package/lib/internal/template/drawer/utils.d.ts.map +1 -1
  63. package/lib/internal/template/drawer/utils.js +6 -5
  64. package/lib/internal/template/drawer/utils.js.map +1 -1
  65. package/lib/internal/template/flashbar/collapsible-flashbar.d.ts.map +1 -1
  66. package/lib/internal/template/flashbar/collapsible-flashbar.js +6 -1
  67. package/lib/internal/template/flashbar/collapsible-flashbar.js.map +1 -1
  68. package/lib/internal/template/flashbar/flash.d.ts.map +1 -1
  69. package/lib/internal/template/flashbar/flash.js +2 -5
  70. package/lib/internal/template/flashbar/flash.js.map +1 -1
  71. package/lib/internal/template/form-field/styles.css.js +24 -24
  72. package/lib/internal/template/form-field/styles.scoped.css +41 -41
  73. package/lib/internal/template/form-field/styles.selectors.js +24 -24
  74. package/lib/internal/template/help-panel/styles.css.js +6 -6
  75. package/lib/internal/template/help-panel/styles.scoped.css +73 -71
  76. package/lib/internal/template/help-panel/styles.selectors.js +6 -6
  77. package/lib/internal/template/index.d.ts +1 -0
  78. package/lib/internal/template/index.d.ts.map +1 -1
  79. package/lib/internal/template/index.js +1 -0
  80. package/lib/internal/template/index.js.map +1 -1
  81. package/lib/internal/template/internal/base-component/styles.scoped.css +50 -20
  82. package/lib/internal/template/internal/components/token-list/styles.css.js +10 -10
  83. package/lib/internal/template/internal/components/token-list/styles.scoped.css +24 -23
  84. package/lib/internal/template/internal/components/token-list/styles.selectors.js +10 -10
  85. package/lib/internal/template/internal/environment.js +2 -2
  86. package/lib/internal/template/internal/environment.json +2 -2
  87. package/lib/internal/template/internal/generated/styles/tokens.d.ts +27 -12
  88. package/lib/internal/template/internal/generated/styles/tokens.js +27 -12
  89. package/lib/internal/template/internal/generated/theming/index.cjs +229 -58
  90. package/lib/internal/template/internal/generated/theming/index.cjs.d.ts +225 -99
  91. package/lib/internal/template/internal/generated/theming/index.d.ts +225 -99
  92. package/lib/internal/template/internal/generated/theming/index.js +229 -58
  93. package/lib/internal/template/key-value-pairs/styles.css.js +8 -8
  94. package/lib/internal/template/key-value-pairs/styles.scoped.css +12 -12
  95. package/lib/internal/template/key-value-pairs/styles.selectors.js +8 -8
  96. package/lib/internal/template/link/internal.js +1 -1
  97. package/lib/internal/template/link/internal.js.map +1 -1
  98. package/lib/internal/template/link/styles.css.js +21 -21
  99. package/lib/internal/template/link/styles.scoped.css +94 -84
  100. package/lib/internal/template/link/styles.selectors.js +21 -21
  101. package/lib/internal/template/live-region/internal.d.ts +5 -0
  102. package/lib/internal/template/live-region/internal.d.ts.map +1 -1
  103. package/lib/internal/template/live-region/internal.js +10 -2
  104. package/lib/internal/template/live-region/internal.js.map +1 -1
  105. package/lib/internal/template/package.json +1 -0
  106. package/lib/internal/template/pagination/index.d.ts.map +1 -1
  107. package/lib/internal/template/pagination/index.js +4 -1
  108. package/lib/internal/template/pagination/index.js.map +1 -1
  109. package/lib/internal/template/skeleton/index.d.ts +4 -0
  110. package/lib/internal/template/skeleton/index.d.ts.map +1 -0
  111. package/lib/internal/template/skeleton/index.js +21 -0
  112. package/lib/internal/template/skeleton/index.js.map +1 -0
  113. package/lib/internal/template/skeleton/interfaces.d.ts +37 -0
  114. package/lib/internal/template/skeleton/interfaces.d.ts.map +1 -0
  115. package/lib/internal/template/skeleton/interfaces.js +2 -0
  116. package/lib/internal/template/skeleton/interfaces.js.map +1 -0
  117. package/lib/internal/template/skeleton/internal.d.ts +8 -0
  118. package/lib/internal/template/skeleton/internal.d.ts.map +1 -0
  119. package/lib/internal/template/skeleton/internal.js +13 -0
  120. package/lib/internal/template/skeleton/internal.js.map +1 -0
  121. package/lib/internal/template/skeleton/styles.css.js +20 -0
  122. package/lib/internal/template/skeleton/styles.scoped.css +273 -0
  123. package/lib/internal/template/skeleton/styles.selectors.js +21 -0
  124. package/lib/internal/template/status-indicator/internal.js +1 -1
  125. package/lib/internal/template/status-indicator/internal.js.map +1 -1
  126. package/lib/internal/template/table/body-cell/td-element.js +1 -1
  127. package/lib/internal/template/table/body-cell/td-element.js.map +1 -1
  128. package/lib/internal/template/tag-editor/styles.css.js +3 -3
  129. package/lib/internal/template/tag-editor/styles.scoped.css +12 -11
  130. package/lib/internal/template/tag-editor/styles.selectors.js +3 -3
  131. package/lib/internal/template/test-utils/dom/drawer/index.d.ts +2 -0
  132. package/lib/internal/template/test-utils/dom/drawer/index.js +6 -0
  133. package/lib/internal/template/test-utils/dom/drawer/index.js.map +1 -1
  134. package/lib/internal/template/test-utils/dom/index.d.ts +28 -0
  135. package/lib/internal/template/test-utils/dom/index.js +20 -1
  136. package/lib/internal/template/test-utils/dom/index.js.map +1 -1
  137. package/lib/internal/template/test-utils/dom/skeleton/index.d.ts +4 -0
  138. package/lib/internal/template/test-utils/dom/skeleton/index.js +11 -0
  139. package/lib/internal/template/test-utils/dom/skeleton/index.js.map +1 -0
  140. package/lib/internal/template/test-utils/selectors/drawer/index.d.ts +2 -0
  141. package/lib/internal/template/test-utils/selectors/drawer/index.js +6 -0
  142. package/lib/internal/template/test-utils/selectors/drawer/index.js.map +1 -1
  143. package/lib/internal/template/test-utils/selectors/index.d.ts +18 -0
  144. package/lib/internal/template/test-utils/selectors/index.js +15 -1
  145. package/lib/internal/template/test-utils/selectors/index.js.map +1 -1
  146. package/lib/internal/template/test-utils/selectors/skeleton/index.d.ts +4 -0
  147. package/lib/internal/template/test-utils/selectors/skeleton/index.js +11 -0
  148. package/lib/internal/template/test-utils/selectors/skeleton/index.js.map +1 -0
  149. package/lib/internal/template/text-content/styles.css.js +1 -1
  150. package/lib/internal/template/text-content/styles.scoped.css +68 -66
  151. package/lib/internal/template/text-content/styles.selectors.js +1 -1
  152. package/lib/internal/template/tooltip/index.d.ts +0 -3
  153. package/lib/internal/template/tooltip/index.d.ts.map +1 -1
  154. package/lib/internal/template/tooltip/index.js +0 -3
  155. package/lib/internal/template/tooltip/index.js.map +1 -1
  156. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/index.d.ts.map +1 -1
  157. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/index.js +2 -1
  158. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/index.js.map +1 -1
  159. package/lib/internal/template/tutorial-panel/components/tutorial-list/index.js +11 -12
  160. package/lib/internal/template/tutorial-panel/components/tutorial-list/index.js.map +1 -1
  161. package/package.json +1 -1
  162. package/lib/internal/template/drawer/next.d.ts +0 -6
  163. package/lib/internal/template/drawer/next.d.ts.map +0 -1
  164. package/lib/internal/template/drawer/next.js +0 -38
  165. package/lib/internal/template/drawer/next.js.map +0 -1
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "ea35614bd6bd46630d623af0efab032bc03b7e01"
2
+ "commit": "742c992ab312c55f52d4fc3198ca85f6d7a982ad"
3
3
  }
@@ -43,7 +43,7 @@
43
43
  }
44
44
  > .anchor {
45
45
  color: awsui.$color-text-breadcrumb-current;
46
- font-weight: styles.$font-weight-bold;
46
+ font-weight: awsui.$font-weight-breadcrumb-current;
47
47
  text-decoration: none;
48
48
  cursor: default;
49
49
  }
@@ -94,7 +94,7 @@
94
94
  }
95
95
  > :last-child {
96
96
  color: awsui.$color-text-breadcrumb-current;
97
- font-weight: styles.$font-weight-bold;
97
+ font-weight: awsui.$font-weight-breadcrumb-current;
98
98
  white-space: nowrap;
99
99
  overflow: hidden;
100
100
  text-overflow: ellipsis;
@@ -15,4 +15,22 @@
15
15
  &-trigger {
16
16
  margin-inline-end: awsui.$space-scaled-xxs;
17
17
  }
18
+
19
+ &-no-wrap {
20
+ display: inline-flex;
21
+ align-items: start;
22
+ max-inline-size: 100%;
23
+ word-break: normal;
24
+
25
+ > .inline-container-trigger {
26
+ flex-shrink: 0;
27
+ }
28
+
29
+ > .text-to-display {
30
+ overflow: hidden;
31
+ text-overflow: ellipsis;
32
+ white-space: nowrap;
33
+ min-inline-size: 0;
34
+ }
35
+ }
18
36
  }
@@ -30,7 +30,18 @@
30
30
  &.position-absolute,
31
31
  &.position-sticky,
32
32
  &.position-fixed {
33
- box-shadow: awsui.$shadow-panel;
33
+ &.placement-end {
34
+ border-inline-start: awsui.$border-divider-section-width solid awsui.$color-border-panel-header;
35
+ }
36
+ &.placement-start {
37
+ border-inline-end: awsui.$border-divider-section-width solid awsui.$color-border-panel-header;
38
+ }
39
+ &.placement-top {
40
+ border-block-end: awsui.$border-divider-section-width solid awsui.$color-border-panel-header;
41
+ }
42
+ &.placement-bottom {
43
+ border-block-start: awsui.$border-divider-section-width solid awsui.$color-border-panel-header;
44
+ }
34
45
  }
35
46
 
36
47
  &.with-footer {
@@ -110,7 +121,7 @@
110
121
 
111
122
  .close-action {
112
123
  position: absolute;
113
- inset-block-start: awsui.$space-panel-header-vertical;
124
+ inset-block-start: awsui.$space-static-m;
114
125
  inset-inline-end: awsui.$space-scaled-l;
115
126
  }
116
127
 
@@ -20,7 +20,7 @@
20
20
  // We display label inline to achieve the proper line-wrapping with info links
21
21
  display: inline;
22
22
  @include styles.font-smoothing;
23
- @include styles.font-label;
23
+ @include styles.font-label(awsui.$font-size-form-label, awsui.$line-height-form-label, awsui.$font-weight-form-label);
24
24
  @include styles.info-link-spacing;
25
25
  }
26
26
 
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Build environment
3
- $awsui-commit-hash: "ea35614b";
3
+ $awsui-commit-hash: "742c992a";
4
4
  // Manually managed CSS-variables
5
5
  $maxContentWidth: --awsui-max-content-width-6b9ypa;
6
6
  $minContentWidth: --awsui-min-content-width-6b9ypa;
@@ -48,6 +48,7 @@
48
48
  @mixin link-font-size-style($font-size) {
49
49
  text-underline-offset: map.get($font-size, 'text-underline-offset');
50
50
  text-decoration-thickness: map.get($font-size, 'text-decoration-thickness');
51
+ text-decoration-style: awsui.$font-decoration-style-link;
51
52
  }
52
53
 
53
54
  @mixin link-default($font-size: 'inherit') {
@@ -121,9 +121,14 @@
121
121
  @include font-smoothing;
122
122
  }
123
123
 
124
- @mixin font-label {
125
- @include font-body-m();
126
- font-weight: awsui.$font-display-label-weight;
124
+ @mixin font-label(
125
+ $font-size: awsui.$font-size-body-m,
126
+ $line-height: awsui.$line-height-body-m,
127
+ $font-weight: awsui.$font-display-label-weight
128
+ ) {
129
+ font-size: $font-size;
130
+ line-height: $line-height;
131
+ font-weight: $font-weight;
127
132
  }
128
133
 
129
134
  @mixin font-panel-header {
@@ -26,7 +26,11 @@
26
26
  }
27
27
 
28
28
  .term {
29
- @include styles.font-label;
29
+ @include styles.font-label(
30
+ awsui.$font-size-key-value-pairs-label,
31
+ awsui.$line-height-key-value-pairs-label,
32
+ awsui.$font-weight-key-value-pairs-label
33
+ );
30
34
  color: awsui.$color-text-label;
31
35
  margin-block-end: awsui.$space-key-value-gap;
32
36
  }
@@ -10,39 +10,39 @@
10
10
  $link-font-sizes: (
11
11
  'body-s': (
12
12
  'text-underline-offset': 0.3em,
13
- 'text-decoration-thickness': 1px,
13
+ 'text-decoration-thickness': awsui.$font-decoration-thickness-link,
14
14
  ),
15
15
  'body-m': (
16
16
  'text-underline-offset': 0.25em,
17
- 'text-decoration-thickness': 1px,
17
+ 'text-decoration-thickness': awsui.$font-decoration-thickness-link,
18
18
  ),
19
19
  'heading-xs': (
20
20
  'text-underline-offset': 0.25em,
21
- 'text-decoration-thickness': 1px,
21
+ 'text-decoration-thickness': awsui.$font-decoration-thickness-link,
22
22
  ),
23
23
  'heading-s': (
24
24
  'text-underline-offset': 0.3em,
25
- 'text-decoration-thickness': 1px,
25
+ 'text-decoration-thickness': awsui.$font-decoration-thickness-link,
26
26
  ),
27
27
  'heading-m': (
28
28
  'text-underline-offset': 0.25em,
29
- 'text-decoration-thickness': 1px,
29
+ 'text-decoration-thickness': awsui.$font-decoration-thickness-link,
30
30
  ),
31
31
  'heading-l': (
32
32
  'text-underline-offset': 0.25em,
33
- 'text-decoration-thickness': 1px,
33
+ 'text-decoration-thickness': awsui.$font-decoration-thickness-link,
34
34
  ),
35
35
  'heading-xl': (
36
36
  'text-underline-offset': 0.25em,
37
- 'text-decoration-thickness': 1px,
37
+ 'text-decoration-thickness': awsui.$font-decoration-thickness-link,
38
38
  ),
39
39
  'display-l': (
40
40
  'text-underline-offset': 0.25em,
41
- 'text-decoration-thickness': 2px,
41
+ 'text-decoration-thickness': awsui.$font-decoration-thickness-link-display-l,
42
42
  ),
43
43
  'inherit': (
44
44
  'text-underline-offset': 0.25em,
45
- 'text-decoration-thickness': 1px,
45
+ 'text-decoration-thickness': awsui.$font-decoration-thickness-link,
46
46
  ),
47
47
  );
48
48
 
@@ -75,8 +75,8 @@ $link-variants: (
75
75
  'text-color-active': awsui.$color-text-link-hover,
76
76
  'font-weight': inherit,
77
77
  'decoration-line': underline,
78
- 'decoration-color': currentColor,
79
- 'decoration-color-hover': currentColor,
78
+ 'decoration-color': awsui.$color-text-link-decoration-default,
79
+ 'decoration-color-hover': awsui.$color-text-link-decoration-hover,
80
80
  'letter-spacing': normal,
81
81
  ),
82
82
  'info': (
@@ -0,0 +1,121 @@
1
+ /*
2
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
3
+ SPDX-License-Identifier: Apache-2.0
4
+ */
5
+
6
+ @use '../internal/styles' as styles;
7
+ @use '../internal/styles/tokens' as awsui;
8
+
9
+ @keyframes skeleton-wave {
10
+ 0% {
11
+ transform: translateX(-100%);
12
+ }
13
+ 100% {
14
+ transform: translateX(100%);
15
+ }
16
+ }
17
+
18
+ @keyframes skeleton-wave-rtl {
19
+ 0% {
20
+ transform: translateX(100%);
21
+ }
22
+ 100% {
23
+ transform: translateX(-100%);
24
+ }
25
+ }
26
+
27
+ $skeleton-wave-duration: 1.25s;
28
+ $skeleton-wave-easing: ease-in-out;
29
+
30
+ .root {
31
+ inline-size: 100%;
32
+
33
+ > .inner {
34
+ block-size: 1em;
35
+ inline-size: 100%;
36
+ vertical-align: middle;
37
+
38
+ display: inline-block;
39
+ position: relative;
40
+ overflow: hidden;
41
+
42
+ background-color: awsui.$color-background-skeleton;
43
+ border-start-start-radius: awsui.$border-radius-skeleton;
44
+ border-start-end-radius: awsui.$border-radius-skeleton;
45
+ border-end-start-radius: awsui.$border-radius-skeleton;
46
+ border-end-end-radius: awsui.$border-radius-skeleton;
47
+
48
+ @include styles.with-motion {
49
+ &::after {
50
+ content: '';
51
+ position: absolute;
52
+ inset-block-start: 0;
53
+ inset-inline-end: 0;
54
+ inset-block-end: 0;
55
+ inset-inline-start: 0;
56
+ background: linear-gradient(90deg, transparent, awsui.$color-background-skeleton-wave, transparent);
57
+ @include styles.with-motion {
58
+ animation: skeleton-wave $skeleton-wave-duration $skeleton-wave-easing infinite;
59
+ }
60
+ }
61
+ @include styles.with-direction('rtl') {
62
+ &::after {
63
+ @include styles.with-motion {
64
+ animation: skeleton-wave-rtl $skeleton-wave-duration $skeleton-wave-easing infinite;
65
+ }
66
+ }
67
+ }
68
+ }
69
+ }
70
+ }
71
+
72
+ .display-block {
73
+ display: block;
74
+ }
75
+ .display-inline-block {
76
+ display: inline-block;
77
+ vertical-align: middle;
78
+ }
79
+ .display-inline {
80
+ display: inline;
81
+ }
82
+
83
+ .variant-text-body-s {
84
+ font-size: awsui.$font-size-body-s;
85
+ line-height: awsui.$line-height-body-s;
86
+ }
87
+
88
+ .variant-text-body-m {
89
+ font-size: awsui.$font-size-body-m;
90
+ line-height: awsui.$line-height-body-m;
91
+ }
92
+
93
+ .variant-text-heading-xs {
94
+ font-size: awsui.$font-size-heading-xs;
95
+ line-height: awsui.$line-height-heading-xs;
96
+ }
97
+
98
+ .variant-text-heading-s {
99
+ font-size: awsui.$font-size-heading-s;
100
+ line-height: awsui.$line-height-heading-s;
101
+ }
102
+
103
+ .variant-text-heading-m {
104
+ font-size: awsui.$font-size-heading-m;
105
+ line-height: awsui.$line-height-heading-m;
106
+ }
107
+
108
+ .variant-text-heading-l {
109
+ font-size: awsui.$font-size-heading-l;
110
+ line-height: awsui.$line-height-heading-l;
111
+ }
112
+
113
+ .variant-text-heading-xl {
114
+ font-size: awsui.$font-size-heading-xl;
115
+ line-height: awsui.$line-height-heading-xl;
116
+ }
117
+
118
+ .variant-text-display-l {
119
+ font-size: awsui.$font-size-display-l;
120
+ line-height: awsui.$line-height-display-l;
121
+ }
@@ -1,20 +1,20 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "empty-appear": "awsui_empty-appear_n4qlp_u2hgx_153",
5
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_u2hgx_1",
6
- "root": "awsui_root_n4qlp_u2hgx_175",
7
- "empty": "awsui_empty_n4qlp_u2hgx_153",
8
- "row": "awsui_row_n4qlp_u2hgx_218",
9
- "divider": "awsui_divider_n4qlp_u2hgx_222",
10
- "row-control": "awsui_row-control_n4qlp_u2hgx_227",
11
- "field": "awsui_field_n4qlp_u2hgx_231",
12
- "additional-info": "awsui_additional-info_n4qlp_u2hgx_235",
13
- "add-row": "awsui_add-row_n4qlp_u2hgx_281",
14
- "add-button": "awsui_add-button_n4qlp_u2hgx_285",
15
- "remove-button-container": "awsui_remove-button-container_n4qlp_u2hgx_289",
16
- "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_u2hgx_293",
17
- "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_u2hgx_297",
18
- "remove-button": "awsui_remove-button_n4qlp_u2hgx_289"
4
+ "empty-appear": "awsui_empty-appear_n4qlp_ivvx5_153",
5
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_ivvx5_1",
6
+ "root": "awsui_root_n4qlp_ivvx5_175",
7
+ "empty": "awsui_empty_n4qlp_ivvx5_153",
8
+ "row": "awsui_row_n4qlp_ivvx5_218",
9
+ "divider": "awsui_divider_n4qlp_ivvx5_222",
10
+ "row-control": "awsui_row-control_n4qlp_ivvx5_227",
11
+ "field": "awsui_field_n4qlp_ivvx5_231",
12
+ "additional-info": "awsui_additional-info_n4qlp_ivvx5_235",
13
+ "add-row": "awsui_add-row_n4qlp_ivvx5_282",
14
+ "add-button": "awsui_add-button_n4qlp_ivvx5_286",
15
+ "remove-button-container": "awsui_remove-button-container_n4qlp_ivvx5_290",
16
+ "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_ivvx5_294",
17
+ "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_ivvx5_298",
18
+ "remove-button": "awsui_remove-button_n4qlp_ivvx5_290"
19
19
  };
20
20
 
@@ -150,10 +150,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
150
150
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
151
151
  SPDX-License-Identifier: Apache-2.0
152
152
  */
153
- .awsui_empty-appear_n4qlp_u2hgx_153:not(#\9) {
154
- animation: awsui_awsui-motion-fade-in_n4qlp_u2hgx_1 var(--motion-duration-transition-show-paced-0w35xp, 180ms) var(--motion-easing-transition-show-paced-ufdgkj, ease-out);
153
+ .awsui_empty-appear_n4qlp_ivvx5_153:not(#\9) {
154
+ animation: awsui_awsui-motion-fade-in_n4qlp_ivvx5_1 var(--motion-duration-transition-show-paced-0w35xp, 180ms) var(--motion-easing-transition-show-paced-ufdgkj, ease-out);
155
155
  }
156
- @keyframes awsui_awsui-motion-fade-in_n4qlp_u2hgx_1 {
156
+ @keyframes awsui_awsui-motion-fade-in_n4qlp_ivvx5_1 {
157
157
  from {
158
158
  opacity: 0.2;
159
159
  }
@@ -162,17 +162,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
162
162
  }
163
163
  }
164
164
  @media (prefers-reduced-motion: reduce) {
165
- .awsui_empty-appear_n4qlp_u2hgx_153:not(#\9) {
165
+ .awsui_empty-appear_n4qlp_ivvx5_153:not(#\9) {
166
166
  animation: none;
167
167
  transition: none;
168
168
  }
169
169
  }
170
- .awsui-motion-disabled .awsui_empty-appear_n4qlp_u2hgx_153:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_u2hgx_153:not(#\9) {
170
+ .awsui-motion-disabled .awsui_empty-appear_n4qlp_ivvx5_153:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_ivvx5_153:not(#\9) {
171
171
  animation: none;
172
172
  transition: none;
173
173
  }
174
174
 
175
- .awsui_root_n4qlp_u2hgx_175:not(#\9) {
175
+ .awsui_root_n4qlp_ivvx5_175:not(#\9) {
176
176
  border-collapse: separate;
177
177
  border-spacing: 0;
178
178
  box-sizing: border-box;
@@ -208,31 +208,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
208
208
  align-items: start;
209
209
  }
210
210
 
211
- .awsui_empty_n4qlp_u2hgx_153:not(#\9) {
211
+ .awsui_empty_n4qlp_ivvx5_153:not(#\9) {
212
212
  font-size: var(--font-size-body-m-vv54cm, 14px);
213
213
  line-height: var(--line-height-body-m-bedeoh, 22px);
214
214
  color: var(--color-text-empty-vtt4l2, #687078);
215
215
  grid-column: 1/-1;
216
216
  }
217
217
 
218
- .awsui_row_n4qlp_u2hgx_218:not(#\9) {
218
+ .awsui_row_n4qlp_ivvx5_218:not(#\9) {
219
219
  display: contents;
220
220
  }
221
221
 
222
- .awsui_divider_n4qlp_u2hgx_222:not(#\9) {
222
+ .awsui_divider_n4qlp_ivvx5_222:not(#\9) {
223
223
  grid-column: 1/-1;
224
224
  border-block-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
225
225
  }
226
226
 
227
- .awsui_row-control_n4qlp_u2hgx_227:not(#\9) {
227
+ .awsui_row-control_n4qlp_ivvx5_227:not(#\9) {
228
228
  /* used in test-utils */
229
229
  }
230
230
 
231
- .awsui_field_n4qlp_u2hgx_231:not(#\9) {
231
+ .awsui_field_n4qlp_ivvx5_231:not(#\9) {
232
232
  min-inline-size: 40px;
233
233
  }
234
234
 
235
- .awsui_additional-info_n4qlp_u2hgx_235:not(#\9) {
235
+ .awsui_additional-info_n4qlp_ivvx5_235:not(#\9) {
236
236
  color: var(--color-text-form-secondary-4sp9un, #687078);
237
237
  font-size: var(--font-size-body-s-psgqn2, 12px);
238
238
  line-height: var(--line-height-body-s-otgtsr, 16px);
@@ -242,64 +242,65 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
242
242
  margin-block-start: var(--space-xxs-jnczic, 4px);
243
243
  /* stylelint-disable-next-line selector-max-type */
244
244
  }
245
- .awsui_additional-info_n4qlp_u2hgx_235 > a:not(#\9) {
245
+ .awsui_additional-info_n4qlp_ivvx5_235 > a:not(#\9) {
246
246
  text-underline-offset: 0.3em;
247
- text-decoration-thickness: 1px;
247
+ text-decoration-thickness: var(--font-decoration-thickness-link-4tl2vi, 1px);
248
+ text-decoration-style: var(--font-decoration-style-link-7y21z4, solid);
248
249
  color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-default-z7zuy8, #0073bb));
249
250
  font-weight: inherit;
250
251
  letter-spacing: normal;
251
252
  text-decoration-line: underline;
252
- text-decoration-color: currentColor;
253
+ text-decoration-color: var(--color-text-link-decoration-default-15ta09, currentColor);
253
254
  transition-property: color, -webkit-text-decoration;
254
255
  transition-property: color, text-decoration;
255
256
  transition-property: color, text-decoration, -webkit-text-decoration;
256
257
  transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
257
258
  }
258
259
  @media (prefers-reduced-motion: reduce) {
259
- .awsui_additional-info_n4qlp_u2hgx_235 > a:not(#\9) {
260
+ .awsui_additional-info_n4qlp_ivvx5_235 > a:not(#\9) {
260
261
  animation: none;
261
262
  transition: none;
262
263
  }
263
264
  }
264
- .awsui-motion-disabled .awsui_additional-info_n4qlp_u2hgx_235 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_u2hgx_235 > a:not(#\9) {
265
+ .awsui-motion-disabled .awsui_additional-info_n4qlp_ivvx5_235 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_ivvx5_235 > a:not(#\9) {
265
266
  animation: none;
266
267
  transition: none;
267
268
  }
268
- .awsui_additional-info_n4qlp_u2hgx_235 > a:not(#\9):hover {
269
+ .awsui_additional-info_n4qlp_ivvx5_235 > a:not(#\9):hover {
269
270
  cursor: pointer;
270
271
  color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-hover-pqxtsy, #0a4a74));
271
272
  }
272
- .awsui_additional-info_n4qlp_u2hgx_235 > a:not(#\9):focus {
273
+ .awsui_additional-info_n4qlp_ivvx5_235 > a:not(#\9):focus {
273
274
  outline: none;
274
275
  }
275
- .awsui_additional-info_n4qlp_u2hgx_235 > a:not(#\9):active {
276
+ .awsui_additional-info_n4qlp_ivvx5_235 > a:not(#\9):active {
276
277
  color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-hover-pqxtsy, #0a4a74));
277
278
  }
278
- .awsui_additional-info_n4qlp_u2hgx_235 > a:not(#\9):active, .awsui_additional-info_n4qlp_u2hgx_235 > a:not(#\9):focus, .awsui_additional-info_n4qlp_u2hgx_235 > a:not(#\9):hover {
279
+ .awsui_additional-info_n4qlp_ivvx5_235 > a:not(#\9):active, .awsui_additional-info_n4qlp_ivvx5_235 > a:not(#\9):focus, .awsui_additional-info_n4qlp_ivvx5_235 > a:not(#\9):hover {
279
280
  text-decoration-line: underline;
280
- text-decoration-color: currentColor;
281
+ text-decoration-color: var(--color-text-link-decoration-hover-jnu2g9, currentColor);
281
282
  }
282
283
 
283
- .awsui_add-row_n4qlp_u2hgx_281:not(#\9) {
284
+ .awsui_add-row_n4qlp_ivvx5_282:not(#\9) {
284
285
  grid-column: 1/-1;
285
286
  }
286
287
 
287
- .awsui_add-button_n4qlp_u2hgx_285:not(#\9) {
288
+ .awsui_add-button_n4qlp_ivvx5_286:not(#\9) {
288
289
  /* used in test-utils */
289
290
  }
290
291
 
291
- .awsui_remove-button-container_n4qlp_u2hgx_289:not(#\9) {
292
+ .awsui_remove-button-container_n4qlp_ivvx5_290:not(#\9) {
292
293
  display: inline-block;
293
294
  }
294
295
 
295
- .awsui_remove-button-field-padding_n4qlp_u2hgx_293:not(#\9) {
296
+ .awsui_remove-button-field-padding_n4qlp_ivvx5_294:not(#\9) {
296
297
  padding-block-start: calc(var(--space-xxs-jnczic, 4px) + var(--line-height-body-m-bedeoh, 22px));
297
298
  }
298
299
 
299
- .awsui_remove-button-own-row_n4qlp_u2hgx_297:not(#\9) {
300
+ .awsui_remove-button-own-row_n4qlp_ivvx5_298:not(#\9) {
300
301
  justify-self: end;
301
302
  }
302
303
 
303
- .awsui_remove-button_n4qlp_u2hgx_289:not(#\9) {
304
+ .awsui_remove-button_n4qlp_ivvx5_290:not(#\9) {
304
305
  /* used in test-utils */
305
306
  }
@@ -2,20 +2,20 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "empty-appear": "awsui_empty-appear_n4qlp_u2hgx_153",
6
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_u2hgx_1",
7
- "root": "awsui_root_n4qlp_u2hgx_175",
8
- "empty": "awsui_empty_n4qlp_u2hgx_153",
9
- "row": "awsui_row_n4qlp_u2hgx_218",
10
- "divider": "awsui_divider_n4qlp_u2hgx_222",
11
- "row-control": "awsui_row-control_n4qlp_u2hgx_227",
12
- "field": "awsui_field_n4qlp_u2hgx_231",
13
- "additional-info": "awsui_additional-info_n4qlp_u2hgx_235",
14
- "add-row": "awsui_add-row_n4qlp_u2hgx_281",
15
- "add-button": "awsui_add-button_n4qlp_u2hgx_285",
16
- "remove-button-container": "awsui_remove-button-container_n4qlp_u2hgx_289",
17
- "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_u2hgx_293",
18
- "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_u2hgx_297",
19
- "remove-button": "awsui_remove-button_n4qlp_u2hgx_289"
5
+ "empty-appear": "awsui_empty-appear_n4qlp_ivvx5_153",
6
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_ivvx5_1",
7
+ "root": "awsui_root_n4qlp_ivvx5_175",
8
+ "empty": "awsui_empty_n4qlp_ivvx5_153",
9
+ "row": "awsui_row_n4qlp_ivvx5_218",
10
+ "divider": "awsui_divider_n4qlp_ivvx5_222",
11
+ "row-control": "awsui_row-control_n4qlp_ivvx5_227",
12
+ "field": "awsui_field_n4qlp_ivvx5_231",
13
+ "additional-info": "awsui_additional-info_n4qlp_ivvx5_235",
14
+ "add-row": "awsui_add-row_n4qlp_ivvx5_282",
15
+ "add-button": "awsui_add-button_n4qlp_ivvx5_286",
16
+ "remove-button-container": "awsui_remove-button-container_n4qlp_ivvx5_290",
17
+ "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_ivvx5_294",
18
+ "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_ivvx5_298",
19
+ "remove-button": "awsui_remove-button_n4qlp_ivvx5_290"
20
20
  };
21
21
 
@@ -1,12 +1,12 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "link": "awsui_link_1kosq_u4e5g_145",
5
- "breadcrumb": "awsui_breadcrumb_1kosq_u4e5g_149",
6
- "ghost-breadcrumb": "awsui_ghost-breadcrumb_1kosq_u4e5g_150",
7
- "icon": "awsui_icon_1kosq_u4e5g_153",
8
- "anchor": "awsui_anchor_1kosq_u4e5g_159",
9
- "text": "awsui_text_1kosq_u4e5g_206",
10
- "last": "awsui_last_1kosq_u4e5g_225"
4
+ "link": "awsui_link_1kosq_yqyzz_145",
5
+ "breadcrumb": "awsui_breadcrumb_1kosq_yqyzz_149",
6
+ "ghost-breadcrumb": "awsui_ghost-breadcrumb_1kosq_yqyzz_150",
7
+ "icon": "awsui_icon_1kosq_yqyzz_153",
8
+ "anchor": "awsui_anchor_1kosq_yqyzz_159",
9
+ "text": "awsui_text_1kosq_yqyzz_207",
10
+ "last": "awsui_last_1kosq_yqyzz_226"
11
11
  };
12
12