@cloudscape-design/components 3.0.33 → 3.0.36

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 (187) hide show
  1. package/app-layout/interfaces.d.ts +2 -0
  2. package/app-layout/interfaces.d.ts.map +1 -1
  3. package/app-layout/interfaces.js.map +1 -1
  4. package/app-layout/styles.css.js +37 -37
  5. package/app-layout/styles.scoped.css +51 -51
  6. package/app-layout/styles.selectors.js +37 -37
  7. package/app-layout/visual-refresh/styles.css.js +59 -59
  8. package/app-layout/visual-refresh/styles.scoped.css +147 -147
  9. package/app-layout/visual-refresh/styles.selectors.js +59 -59
  10. package/autosuggest/autosuggest-option.d.ts +2 -1
  11. package/autosuggest/autosuggest-option.d.ts.map +1 -1
  12. package/autosuggest/autosuggest-option.js +2 -2
  13. package/autosuggest/autosuggest-option.js.map +1 -1
  14. package/autosuggest/controller.d.ts +3 -3
  15. package/autosuggest/controller.d.ts.map +1 -1
  16. package/autosuggest/controller.js +7 -7
  17. package/autosuggest/controller.js.map +1 -1
  18. package/autosuggest/dropdown-controller.d.ts +20 -0
  19. package/autosuggest/dropdown-controller.d.ts.map +1 -0
  20. package/autosuggest/dropdown-controller.js +27 -0
  21. package/autosuggest/dropdown-controller.js.map +1 -0
  22. package/autosuggest/internal.d.ts.map +1 -1
  23. package/autosuggest/internal.js +29 -56
  24. package/autosuggest/internal.js.map +1 -1
  25. package/autosuggest/options-controller.d.ts +12 -13
  26. package/autosuggest/options-controller.d.ts.map +1 -1
  27. package/autosuggest/options-controller.js +32 -14
  28. package/autosuggest/options-controller.js.map +1 -1
  29. package/autosuggest/options-list.d.ts +4 -7
  30. package/autosuggest/options-list.d.ts.map +1 -1
  31. package/autosuggest/options-list.js +8 -9
  32. package/autosuggest/options-list.js.map +1 -1
  33. package/autosuggest/plain-list.d.ts +4 -6
  34. package/autosuggest/plain-list.d.ts.map +1 -1
  35. package/autosuggest/plain-list.js +7 -7
  36. package/autosuggest/plain-list.js.map +1 -1
  37. package/autosuggest/virtual-list.d.ts +1 -1
  38. package/autosuggest/virtual-list.d.ts.map +1 -1
  39. package/autosuggest/virtual-list.js +9 -9
  40. package/autosuggest/virtual-list.js.map +1 -1
  41. package/checkbox/internal.js +1 -1
  42. package/checkbox/internal.js.map +1 -1
  43. package/checkbox/styles.css.js +3 -3
  44. package/checkbox/styles.scoped.css +5 -8
  45. package/checkbox/styles.selectors.js +3 -3
  46. package/{internal/components/content-layout → content-layout}/index.d.ts +1 -1
  47. package/content-layout/index.d.ts.map +1 -0
  48. package/content-layout/index.js +39 -0
  49. package/content-layout/index.js.map +1 -0
  50. package/content-layout/interfaces.d.ts +19 -0
  51. package/content-layout/interfaces.d.ts.map +1 -0
  52. package/{internal/components/content-layout → content-layout}/interfaces.js +0 -0
  53. package/content-layout/interfaces.js.map +1 -0
  54. package/content-layout/styles.css.js +12 -0
  55. package/{internal/components/content-layout → content-layout}/styles.scoped.css +21 -16
  56. package/content-layout/styles.selectors.js +13 -0
  57. package/date-range-picker/embedded.d.ts.map +1 -1
  58. package/date-range-picker/embedded.js +3 -4
  59. package/date-range-picker/embedded.js.map +1 -1
  60. package/date-range-picker/index.d.ts.map +1 -1
  61. package/date-range-picker/index.js +7 -6
  62. package/date-range-picker/index.js.map +1 -1
  63. package/date-range-picker/time-offset.d.ts +2 -2
  64. package/date-range-picker/time-offset.d.ts.map +1 -1
  65. package/date-range-picker/time-offset.js +2 -3
  66. package/date-range-picker/time-offset.js.map +1 -1
  67. package/date-range-picker/use-date-range-picker.d.ts +1 -1
  68. package/date-range-picker/use-date-range-picker.d.ts.map +1 -1
  69. package/date-range-picker/use-date-range-picker.js.map +1 -1
  70. package/index.d.ts +1 -0
  71. package/index.d.ts.map +1 -1
  72. package/index.js +1 -0
  73. package/index.js.map +1 -1
  74. package/internal/base-component/styles.scoped.css +2 -2
  75. package/internal/components/abstract-switch/index.d.ts +2 -1
  76. package/internal/components/abstract-switch/index.d.ts.map +1 -1
  77. package/internal/components/abstract-switch/index.js +3 -3
  78. package/internal/components/abstract-switch/index.js.map +1 -1
  79. package/internal/components/abstract-switch/styles.css.js +12 -11
  80. package/internal/components/abstract-switch/styles.scoped.css +27 -17
  81. package/internal/components/abstract-switch/styles.selectors.js +12 -11
  82. package/internal/components/options-list/utils/use-highlight-option.d.ts +17 -15
  83. package/internal/components/options-list/utils/use-highlight-option.d.ts.map +1 -1
  84. package/internal/components/options-list/utils/use-highlight-option.js +36 -37
  85. package/internal/components/options-list/utils/use-highlight-option.js.map +1 -1
  86. package/internal/components/options-list/utils/use-keyboard.d.ts +0 -2
  87. package/internal/components/options-list/utils/use-keyboard.d.ts.map +1 -1
  88. package/internal/components/options-list/utils/use-keyboard.js +4 -6
  89. package/internal/components/options-list/utils/use-keyboard.js.map +1 -1
  90. package/internal/components/selectable-item/index.d.ts +2 -1
  91. package/internal/components/selectable-item/index.d.ts.map +1 -1
  92. package/internal/components/selectable-item/index.js +2 -2
  93. package/internal/components/selectable-item/index.js.map +1 -1
  94. package/internal/environment.js +1 -1
  95. package/internal/generated/theming/index.cjs +6 -6
  96. package/internal/generated/theming/index.js +6 -6
  97. package/internal/utils/date-time/format-timezone-offset.d.ts +1 -1
  98. package/internal/utils/date-time/format-timezone-offset.d.ts.map +1 -1
  99. package/internal/utils/date-time/format-timezone-offset.js +2 -1
  100. package/internal/utils/date-time/format-timezone-offset.js.map +1 -1
  101. package/internal/utils/date-time/index.d.ts +0 -1
  102. package/internal/utils/date-time/index.d.ts.map +1 -1
  103. package/internal/utils/date-time/index.js +0 -1
  104. package/internal/utils/date-time/index.js.map +1 -1
  105. package/internal/utils/date-time/parse-timezone-offset.d.ts +1 -1
  106. package/internal/utils/date-time/parse-timezone-offset.d.ts.map +1 -1
  107. package/internal/utils/date-time/parse-timezone-offset.js +7 -7
  108. package/internal/utils/date-time/parse-timezone-offset.js.map +1 -1
  109. package/internal/utils/date-time/shift-timezone-offset.d.ts +1 -1
  110. package/internal/utils/date-time/shift-timezone-offset.d.ts.map +1 -1
  111. package/internal/utils/date-time/shift-timezone-offset.js +2 -1
  112. package/internal/utils/date-time/shift-timezone-offset.js.map +1 -1
  113. package/multiselect/internal.d.ts.map +1 -1
  114. package/multiselect/internal.js +2 -3
  115. package/multiselect/internal.js.map +1 -1
  116. package/package.json +2 -1
  117. package/property-filter/property-filter-autosuggest.d.ts.map +1 -1
  118. package/property-filter/property-filter-autosuggest.js +26 -55
  119. package/property-filter/property-filter-autosuggest.js.map +1 -1
  120. package/property-filter/token-editor.d.ts +3 -2
  121. package/property-filter/token-editor.d.ts.map +1 -1
  122. package/property-filter/token-editor.js +66 -76
  123. package/property-filter/token-editor.js.map +1 -1
  124. package/radio-group/radio-button.js +1 -1
  125. package/radio-group/radio-button.js.map +1 -1
  126. package/radio-group/styles.css.js +9 -9
  127. package/radio-group/styles.scoped.css +15 -18
  128. package/radio-group/styles.selectors.js +9 -9
  129. package/select/internal.d.ts.map +1 -1
  130. package/select/internal.js +3 -4
  131. package/select/internal.js.map +1 -1
  132. package/select/parts/item.d.ts +2 -1
  133. package/select/parts/item.d.ts.map +1 -1
  134. package/select/parts/item.js +2 -2
  135. package/select/parts/item.js.map +1 -1
  136. package/select/parts/multiselect-item.d.ts +2 -1
  137. package/select/parts/multiselect-item.d.ts.map +1 -1
  138. package/select/parts/multiselect-item.js +2 -2
  139. package/select/parts/multiselect-item.js.map +1 -1
  140. package/select/parts/plain-list.d.ts +2 -1
  141. package/select/parts/plain-list.d.ts.map +1 -1
  142. package/select/parts/plain-list.js +4 -4
  143. package/select/parts/plain-list.js.map +1 -1
  144. package/select/parts/virtual-list.js +4 -4
  145. package/select/parts/virtual-list.js.map +1 -1
  146. package/select/utils/render-options.d.ts +3 -2
  147. package/select/utils/render-options.d.ts.map +1 -1
  148. package/select/utils/render-options.js +2 -2
  149. package/select/utils/render-options.js.map +1 -1
  150. package/select/utils/use-native-search.d.ts +1 -2
  151. package/select/utils/use-native-search.d.ts.map +1 -1
  152. package/select/utils/use-native-search.js +1 -2
  153. package/select/utils/use-native-search.js.map +1 -1
  154. package/select/utils/use-select.d.ts +2 -3
  155. package/select/utils/use-select.d.ts.map +1 -1
  156. package/select/utils/use-select.js +16 -22
  157. package/select/utils/use-select.js.map +1 -1
  158. package/test-utils/dom/content-layout/index.d.ts +6 -0
  159. package/test-utils/dom/content-layout/index.js +37 -0
  160. package/test-utils/dom/content-layout/index.js.map +1 -0
  161. package/test-utils/dom/index.d.ts +3 -0
  162. package/test-utils/dom/index.js +10 -2
  163. package/test-utils/dom/index.js.map +1 -1
  164. package/test-utils/selectors/content-layout/index.d.ts +6 -0
  165. package/test-utils/selectors/content-layout/index.js +37 -0
  166. package/test-utils/selectors/content-layout/index.js.map +1 -0
  167. package/test-utils/selectors/index.d.ts +3 -0
  168. package/test-utils/selectors/index.js +10 -2
  169. package/test-utils/selectors/index.js.map +1 -1
  170. package/test-utils/tsconfig.tsbuildinfo +1 -1
  171. package/toggle/internal.js +1 -1
  172. package/toggle/internal.js.map +1 -1
  173. package/toggle/styles.css.js +8 -8
  174. package/toggle/styles.scoped.css +13 -16
  175. package/toggle/styles.selectors.js +8 -8
  176. package/internal/components/content-layout/index.d.ts.map +0 -1
  177. package/internal/components/content-layout/index.js +0 -24
  178. package/internal/components/content-layout/index.js.map +0 -1
  179. package/internal/components/content-layout/interfaces.d.ts +0 -7
  180. package/internal/components/content-layout/interfaces.d.ts.map +0 -1
  181. package/internal/components/content-layout/interfaces.js.map +0 -1
  182. package/internal/components/content-layout/styles.css.js +0 -12
  183. package/internal/components/content-layout/styles.selectors.js +0 -13
  184. package/internal/utils/date-time/get-browser-timezone-offset.d.ts +0 -7
  185. package/internal/utils/date-time/get-browser-timezone-offset.d.ts.map +0 -1
  186. package/internal/utils/date-time/get-browser-timezone-offset.js +0 -11
  187. package/internal/utils/date-time/get-browser-timezone-offset.js.map +0 -1
@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_root_4yi2u_1vggq_93:not(#\9) {
93
+ .awsui_root_4yi2u_sykyg_93:not(#\9) {
94
94
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
95
95
  border-collapse: separate;
96
96
  border-spacing: 0;
@@ -128,17 +128,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
128
128
  display: flex;
129
129
  }
130
130
 
131
- .awsui_input_4yi2u_1vggq_105[data-awsui-focus-visible=true]:not(#\9):focus {
132
- /* stylelint-disable-next-line selector-max-type, @cloudscape-design/no-implicit-descendant */
133
- }
134
- .awsui_input_4yi2u_1vggq_105[data-awsui-focus-visible=true]:not(#\9):focus + span {
131
+ .awsui_outline_4yi2u_sykyg_105:not(#\9) {
135
132
  position: relative;
136
133
  }
137
- .awsui_input_4yi2u_1vggq_105[data-awsui-focus-visible=true]:not(#\9):focus + span {
134
+ .awsui_outline_4yi2u_sykyg_105:not(#\9) {
138
135
  outline: 2px dotted transparent;
139
136
  outline-offset: calc(2px - 1px);
140
137
  }
141
- .awsui_input_4yi2u_1vggq_105[data-awsui-focus-visible=true]:not(#\9):focus + span::before {
138
+ .awsui_outline_4yi2u_sykyg_105:not(#\9)::before {
142
139
  content: " ";
143
140
  display: block;
144
141
  position: absolute;
@@ -150,7 +147,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
150
147
  box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
151
148
  }
152
149
 
153
- .awsui_toggle-control_4yi2u_1vggq_127:not(#\9) {
150
+ .awsui_toggle-control_4yi2u_sykyg_124:not(#\9) {
154
151
  margin-top: calc((var(--font-body-m-line-height-i7xxvv, 22px) - 16px) / 2);
155
152
  min-height: 16px;
156
153
  min-width: 24px;
@@ -159,17 +156,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
159
156
  background: var(--color-background-toggle-default-w4ftus, #414d5c);
160
157
  border-radius: 8px;
161
158
  }
162
- .awsui_toggle-control-checked_4yi2u_1vggq_136:not(#\9) {
159
+ .awsui_toggle-control-checked_4yi2u_sykyg_133:not(#\9) {
163
160
  background: var(--color-background-control-checked-9admlu, #0972d3);
164
161
  }
165
- .awsui_toggle-control-disabled_4yi2u_1vggq_139:not(#\9) {
162
+ .awsui_toggle-control-disabled_4yi2u_sykyg_136:not(#\9) {
166
163
  background: var(--color-background-control-disabled-zplipy, #d1d5db);
167
164
  }
168
- .awsui_toggle-control-disabled_4yi2u_1vggq_139.awsui_toggle-control-checked_4yi2u_1vggq_136:not(#\9) {
165
+ .awsui_toggle-control-disabled_4yi2u_sykyg_136.awsui_toggle-control-checked_4yi2u_sykyg_133:not(#\9) {
169
166
  background: var(--color-background-toggle-checked-disabled-07lf06, #b5d6f4);
170
167
  }
171
168
 
172
- .awsui_toggle-handle_4yi2u_1vggq_146:not(#\9) {
169
+ .awsui_toggle-handle_4yi2u_sykyg_143:not(#\9) {
173
170
  display: block;
174
171
  position: absolute;
175
172
  border-radius: 6px;
@@ -181,20 +178,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
181
178
  left: 2px;
182
179
  transition: transform var(--motion-duration-fast-nk2ap0, 90ms) var(--motion-easing-ease-out-quart-z687ml, cubic-bezier(0.165, 0.84, 0.44, 1)), background-color var(--motion-duration-fast-nk2ap0, 90ms) var(--motion-easing-ease-out-quart-z687ml, cubic-bezier(0.165, 0.84, 0.44, 1));
183
180
  }
184
- .awsui_toggle-handle-checked_4yi2u_1vggq_158:not(#\9) {
181
+ .awsui_toggle-handle-checked_4yi2u_sykyg_155:not(#\9) {
185
182
  transform: translateX(8px);
186
183
  }
187
- .awsui_toggle-handle-disabled_4yi2u_1vggq_161:not(#\9) {
184
+ .awsui_toggle-handle-disabled_4yi2u_sykyg_158:not(#\9) {
188
185
  background: var(--color-foreground-control-disabled-v6a97u, #ffffff);
189
186
  box-shadow: none;
190
187
  }
191
188
  @media (prefers-reduced-motion: reduce) {
192
- .awsui_toggle-handle_4yi2u_1vggq_146:not(#\9) {
189
+ .awsui_toggle-handle_4yi2u_sykyg_143:not(#\9) {
193
190
  animation: none;
194
191
  transition: none;
195
192
  }
196
193
  }
197
- .awsui-motion-disabled .awsui_toggle-handle_4yi2u_1vggq_146:not(#\9), .awsui-mode-entering .awsui_toggle-handle_4yi2u_1vggq_146:not(#\9) {
194
+ .awsui-motion-disabled .awsui_toggle-handle_4yi2u_sykyg_143:not(#\9), .awsui-mode-entering .awsui_toggle-handle_4yi2u_sykyg_143:not(#\9) {
198
195
  animation: none;
199
196
  transition: none;
200
197
  }
@@ -2,13 +2,13 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "root": "awsui_root_4yi2u_1vggq_93",
6
- "input": "awsui_input_4yi2u_1vggq_105",
7
- "toggle-control": "awsui_toggle-control_4yi2u_1vggq_127",
8
- "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_1vggq_136",
9
- "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_1vggq_139",
10
- "toggle-handle": "awsui_toggle-handle_4yi2u_1vggq_146",
11
- "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_1vggq_158",
12
- "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_1vggq_161"
5
+ "root": "awsui_root_4yi2u_sykyg_93",
6
+ "outline": "awsui_outline_4yi2u_sykyg_105",
7
+ "toggle-control": "awsui_toggle-control_4yi2u_sykyg_124",
8
+ "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_sykyg_133",
9
+ "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_sykyg_136",
10
+ "toggle-handle": "awsui_toggle-handle_4yi2u_sykyg_143",
11
+ "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_sykyg_155",
12
+ "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_sykyg_158"
13
13
  };
14
14
 
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/content-layout/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAKlD,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAE9B,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,EAAE,kBAAkB,eAkC7F"}
@@ -1,24 +0,0 @@
1
- // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
- // SPDX-License-Identifier: Apache-2.0
3
- import React, { useContext } from 'react';
4
- import clsx from 'clsx';
5
- import { AppLayoutContext } from '../../../app-layout/visual-refresh/context';
6
- import { useVisualRefresh } from '../../hooks/use-visual-mode';
7
- import styles from './styles.css.js';
8
- import { useDynamicOverlap } from '../../../app-layout/visual-refresh/hooks/use-dynamic-overlap';
9
- export default function ContentLayout(_a) {
10
- var _b, _c, _d;
11
- var children = _a.children, disableOverlap = _a.disableOverlap, header = _a.header;
12
- var breadcrumbs = useContext(AppLayoutContext).breadcrumbs;
13
- var isVisualRefresh = useVisualRefresh();
14
- var isOverlapDisabled = !children || !header || disableOverlap;
15
- var overlapElement = useDynamicOverlap();
16
- return (React.createElement("div", { className: clsx(styles.layout, (_b = {},
17
- _b[styles['is-overlap-disabled']] = isOverlapDisabled,
18
- _b[styles['is-visual-refresh']] = isVisualRefresh,
19
- _b)) },
20
- React.createElement("div", { className: clsx(styles.background, (_c = {}, _c[styles['is-overlap-disabled']] = isOverlapDisabled, _c), 'awsui-context-content-header'), ref: overlapElement }),
21
- header && (React.createElement("div", { className: clsx(styles.header, (_d = {}, _d[styles['has-breadcrumbs']] = breadcrumbs, _d), 'awsui-context-content-header') }, header)),
22
- children && React.createElement("div", { className: styles.content }, children)));
23
- }
24
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/content-layout/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,gBAAgB,EAAE,MAAM,4CAA4C,CAAC;AAE9E,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,8DAA8D,CAAC;AAIjG,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAwD;;QAAtD,QAAQ,cAAA,EAAE,cAAc,oBAAA,EAAE,MAAM,YAAA;IAC9D,IAAA,WAAW,GAAK,UAAU,CAAC,gBAAgB,CAAC,YAAjC,CAAkC;IACrD,IAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;IAC3C,IAAM,iBAAiB,GAAG,CAAC,QAAQ,IAAI,CAAC,MAAM,IAAI,cAAc,CAAC;IAEjE,IAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;IAE3C,OAAO,CACL,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM;YAC3B,GAAC,MAAM,CAAC,qBAAqB,CAAC,IAAG,iBAAiB;YAClD,GAAC,MAAM,CAAC,mBAAmB,CAAC,IAAG,eAAe;gBAC9C;QAEF,6BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,UAAU,YACf,GAAC,MAAM,CAAC,qBAAqB,CAAC,IAAG,iBAAiB,OACpD,8BAA8B,CAC/B,EACD,GAAG,EAAE,cAAc,GACnB;QAED,MAAM,IAAI,CACT,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,YAAI,GAAC,MAAM,CAAC,iBAAiB,CAAC,IAAG,WAAW,OAAI,8BAA8B,CAAC,IAE3G,MAAM,CACH,CACP;QAEA,QAAQ,IAAI,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,IAAG,QAAQ,CAAO,CACzD,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useContext } from 'react';\nimport clsx from 'clsx';\nimport { AppLayoutContext } from '../../../app-layout/visual-refresh/context';\nimport { ContentLayoutProps } from './interfaces';\nimport { useVisualRefresh } from '../../hooks/use-visual-mode';\nimport styles from './styles.css.js';\nimport { useDynamicOverlap } from '../../../app-layout/visual-refresh/hooks/use-dynamic-overlap';\n\nexport { ContentLayoutProps };\n\nexport default function ContentLayout({ children, disableOverlap, header }: ContentLayoutProps) {\n const { breadcrumbs } = useContext(AppLayoutContext);\n const isVisualRefresh = useVisualRefresh();\n const isOverlapDisabled = !children || !header || disableOverlap;\n\n const overlapElement = useDynamicOverlap();\n\n return (\n <div\n className={clsx(styles.layout, {\n [styles['is-overlap-disabled']]: isOverlapDisabled,\n [styles['is-visual-refresh']]: isVisualRefresh,\n })}\n >\n <div\n className={clsx(\n styles.background,\n { [styles['is-overlap-disabled']]: isOverlapDisabled },\n 'awsui-context-content-header'\n )}\n ref={overlapElement}\n />\n\n {header && (\n <div\n className={clsx(styles.header, { [styles['has-breadcrumbs']]: breadcrumbs }, 'awsui-context-content-header')}\n >\n {header}\n </div>\n )}\n\n {children && <div className={styles.content}>{children}</div>}\n </div>\n );\n}\n"]}
@@ -1,7 +0,0 @@
1
- import { BaseComponentProps } from '../../base-component';
2
- export interface ContentLayoutProps extends BaseComponentProps {
3
- children?: React.ReactNode;
4
- disableOverlap?: boolean;
5
- header?: React.ReactNode;
6
- }
7
- //# sourceMappingURL=interfaces.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/content-layout/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../src/internal/components/content-layout/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../../base-component';\n\nexport interface ContentLayoutProps extends BaseComponentProps {\n children?: React.ReactNode;\n disableOverlap?: boolean;\n header?: React.ReactNode;\n}\n"]}
@@ -1,12 +0,0 @@
1
-
2
- import './styles.scoped.css';
3
- export default {
4
- "layout": "awsui_layout_z2o52_i6vs5_93",
5
- "is-visual-refresh": "awsui_is-visual-refresh_z2o52_i6vs5_93",
6
- "background": "awsui_background_z2o52_i6vs5_96",
7
- "header": "awsui_header_z2o52_i6vs5_99",
8
- "content": "awsui_content_z2o52_i6vs5_100",
9
- "is-overlap-disabled": "awsui_is-overlap-disabled_z2o52_i6vs5_110",
10
- "has-breadcrumbs": "awsui_has-breadcrumbs_z2o52_i6vs5_127"
11
- };
12
-
@@ -1,13 +0,0 @@
1
-
2
- // es-module interop with Babel and Typescript
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- module.exports.default = {
5
- "layout": "awsui_layout_z2o52_i6vs5_93",
6
- "is-visual-refresh": "awsui_is-visual-refresh_z2o52_i6vs5_93",
7
- "background": "awsui_background_z2o52_i6vs5_96",
8
- "header": "awsui_header_z2o52_i6vs5_99",
9
- "content": "awsui_content_z2o52_i6vs5_100",
10
- "is-overlap-disabled": "awsui_is-overlap-disabled_z2o52_i6vs5_110",
11
- "has-breadcrumbs": "awsui_has-breadcrumbs_z2o52_i6vs5_127"
12
- };
13
-
@@ -1,7 +0,0 @@
1
- /**
2
- * Returns the time offset of the browser.
3
- *
4
- * I.e. determines the `x` in `current offset = UTC + x`
5
- */
6
- export declare function getBrowserTimezoneOffset(): number;
7
- //# sourceMappingURL=get-browser-timezone-offset.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"get-browser-timezone-offset.d.ts","sourceRoot":"","sources":["../../../../../src/internal/utils/date-time/get-browser-timezone-offset.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,wBAAgB,wBAAwB,WAEvC"}
@@ -1,11 +0,0 @@
1
- // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
- // SPDX-License-Identifier: Apache-2.0
3
- /**
4
- * Returns the time offset of the browser.
5
- *
6
- * I.e. determines the `x` in `current offset = UTC + x`
7
- */
8
- export function getBrowserTimezoneOffset() {
9
- return 0 - new Date().getTimezoneOffset();
10
- }
11
- //# sourceMappingURL=get-browser-timezone-offset.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"get-browser-timezone-offset.js","sourceRoot":"","sources":["../../../../../src/internal/utils/date-time/get-browser-timezone-offset.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC;;;;GAIG;AACH,MAAM,UAAU,wBAAwB;IACtC,OAAO,CAAC,GAAG,IAAI,IAAI,EAAE,CAAC,iBAAiB,EAAE,CAAC;AAC5C,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\n/**\n * Returns the time offset of the browser.\n *\n * I.e. determines the `x` in `current offset = UTC + x`\n */\nexport function getBrowserTimezoneOffset() {\n return 0 - new Date().getTimezoneOffset();\n}\n"]}