@cloudscape-design/components 3.0.109 → 3.0.111

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 (86) hide show
  1. package/app-layout/visual-refresh/app-bar.d.ts.map +1 -1
  2. package/app-layout/visual-refresh/app-bar.js +2 -1
  3. package/app-layout/visual-refresh/app-bar.js.map +1 -1
  4. package/app-layout/visual-refresh/background.d.ts.map +1 -1
  5. package/app-layout/visual-refresh/background.js +7 -4
  6. package/app-layout/visual-refresh/background.js.map +1 -1
  7. package/app-layout/visual-refresh/context.d.ts +2 -0
  8. package/app-layout/visual-refresh/context.d.ts.map +1 -1
  9. package/app-layout/visual-refresh/context.js +23 -18
  10. package/app-layout/visual-refresh/context.js.map +1 -1
  11. package/app-layout/visual-refresh/styles.css.js +60 -59
  12. package/app-layout/visual-refresh/styles.scoped.css +175 -152
  13. package/app-layout/visual-refresh/styles.selectors.js +60 -59
  14. package/cards/index.d.ts.map +1 -1
  15. package/cards/index.js +1 -1
  16. package/cards/index.js.map +1 -1
  17. package/container/internal.d.ts +2 -1
  18. package/container/internal.d.ts.map +1 -1
  19. package/container/internal.js +21 -6
  20. package/container/internal.js.map +1 -1
  21. package/container/styles.css.js +16 -16
  22. package/container/styles.scoped.css +36 -26
  23. package/container/styles.selectors.js +16 -16
  24. package/internal/environment.js +1 -1
  25. package/internal/hooks/forward-focus/radio-group.d.ts +12 -0
  26. package/internal/hooks/forward-focus/radio-group.d.ts.map +1 -0
  27. package/internal/hooks/forward-focus/radio-group.js +27 -0
  28. package/internal/hooks/forward-focus/radio-group.js.map +1 -0
  29. package/manifest.json +3 -0
  30. package/package.json +1 -1
  31. package/radio-group/index.d.ts +3 -1
  32. package/radio-group/index.d.ts.map +1 -1
  33. package/radio-group/index.js +4 -3
  34. package/radio-group/index.js.map +1 -1
  35. package/radio-group/interfaces.d.ts +6 -0
  36. package/radio-group/interfaces.d.ts.map +1 -1
  37. package/radio-group/interfaces.js.map +1 -1
  38. package/radio-group/internal.d.ts +3 -3
  39. package/radio-group/internal.d.ts.map +1 -1
  40. package/radio-group/internal.js +6 -3
  41. package/radio-group/internal.js.map +1 -1
  42. package/split-panel/icons/bottom-icon-refresh.d.ts.map +1 -1
  43. package/split-panel/icons/bottom-icon-refresh.js +6 -9
  44. package/split-panel/icons/bottom-icon-refresh.js.map +1 -1
  45. package/split-panel/icons/side-position-refresh.d.ts +1 -0
  46. package/split-panel/icons/side-position-refresh.d.ts.map +1 -1
  47. package/split-panel/icons/side-position-refresh.js +6 -9
  48. package/split-panel/icons/side-position-refresh.js.map +1 -1
  49. package/split-panel/styles.css.js +59 -58
  50. package/split-panel/styles.scoped.css +84 -81
  51. package/split-panel/styles.selectors.js +59 -58
  52. package/table/header-cell/index.d.ts +2 -1
  53. package/table/header-cell/index.d.ts.map +1 -1
  54. package/table/header-cell/index.js +2 -1
  55. package/table/header-cell/index.js.map +1 -1
  56. package/table/header-cell/styles.css.js +16 -15
  57. package/table/header-cell/styles.scoped.css +26 -26
  58. package/table/header-cell/styles.selectors.js +16 -15
  59. package/table/internal.d.ts.map +1 -1
  60. package/table/internal.js +7 -3
  61. package/table/internal.js.map +1 -1
  62. package/table/sticky-header.d.ts +1 -0
  63. package/table/sticky-header.d.ts.map +1 -1
  64. package/table/sticky-header.js +2 -1
  65. package/table/sticky-header.js.map +1 -1
  66. package/table/styles.css.js +34 -32
  67. package/table/styles.scoped.css +47 -39
  68. package/table/styles.selectors.js +34 -32
  69. package/table/thead.d.ts.map +1 -1
  70. package/table/thead.js +3 -3
  71. package/table/thead.js.map +1 -1
  72. package/tiles/index.d.ts +3 -1
  73. package/tiles/index.d.ts.map +1 -1
  74. package/tiles/index.js +4 -3
  75. package/tiles/index.js.map +1 -1
  76. package/tiles/interfaces.d.ts +6 -0
  77. package/tiles/interfaces.d.ts.map +1 -1
  78. package/tiles/interfaces.js.map +1 -1
  79. package/tiles/internal.d.ts +3 -3
  80. package/tiles/internal.d.ts.map +1 -1
  81. package/tiles/internal.js +24 -21
  82. package/tiles/internal.js.map +1 -1
  83. package/tiles/tile.d.ts +2 -1
  84. package/tiles/tile.d.ts.map +1 -1
  85. package/tiles/tile.js +7 -5
  86. package/tiles/tile.js.map +1 -1
@@ -0,0 +1,12 @@
1
+ import React from 'react';
2
+ export interface ForwardFocusRef {
3
+ focus(): void;
4
+ }
5
+ /**
6
+ * Focus forwarding helper for radio groups where only the first selected
7
+ * child element should be focused.
8
+ */
9
+ export default function useRadioGroupForwardFocus(forwardedRef: React.Ref<ForwardFocusRef>, items: ReadonlyArray<{
10
+ value: string;
11
+ }> | undefined, value: string | null): [React.Ref<HTMLInputElement>, number];
12
+ //# sourceMappingURL=radio-group.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/forward-focus/radio-group.ts"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,MAAM,WAAW,eAAe;IAC9B,KAAK,IAAI,IAAI,CAAC;CACf;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAC/C,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,EACxC,KAAK,EAAE,aAAa,CAAC;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,GAAG,SAAS,EACnD,KAAK,EAAE,MAAM,GAAG,IAAI,GACnB,CAAC,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,CAUvC"}
@@ -0,0 +1,27 @@
1
+ // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
+ // SPDX-License-Identifier: Apache-2.0
3
+ import { useImperativeHandle, useRef } from 'react';
4
+ /**
5
+ * Focus forwarding helper for radio groups where only the first selected
6
+ * child element should be focused.
7
+ */
8
+ export default function useRadioGroupForwardFocus(forwardedRef, items, value) {
9
+ var itemRef = useRef(null);
10
+ var itemIndex = items && findIndex(items, function (item) { return item.value === value; });
11
+ useImperativeHandle(forwardedRef, function () { return ({
12
+ focus: function () {
13
+ var _a;
14
+ (_a = itemRef.current) === null || _a === void 0 ? void 0 : _a.focus();
15
+ }
16
+ }); });
17
+ return [itemRef, itemIndex !== undefined && itemIndex !== -1 ? itemIndex : 0];
18
+ }
19
+ function findIndex(items, predicate) {
20
+ for (var i = 0; i < items.length; i++) {
21
+ if (predicate(items[i])) {
22
+ return i;
23
+ }
24
+ }
25
+ return -1;
26
+ }
27
+ //# sourceMappingURL=radio-group.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/forward-focus/radio-group.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAc,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAM3D;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAC/C,YAAwC,EACxC,KAAmD,EACnD,KAAoB;IAEpB,IAAM,OAAO,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IACtD,IAAM,SAAS,GAAG,KAAK,IAAI,SAAS,CAAC,KAAK,EAAE,UAAA,IAAI,IAAI,OAAA,IAAI,CAAC,KAAK,KAAK,KAAK,EAApB,CAAoB,CAAC,CAAC;IAC1E,mBAAmB,CAAC,YAAY,EAAE,cAAM,OAAA,CAAC;QACvC,KAAK;;YACH,MAAA,OAAO,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;QAC3B,CAAC;KACF,CAAC,EAJsC,CAItC,CAAC,CAAC;IAEJ,OAAO,CAAC,OAAO,EAAE,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAChF,CAAC;AAED,SAAS,SAAS,CAAI,KAAuB,EAAE,SAAwB;IACrE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACrC,IAAI,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE;YACvB,OAAO,CAAC,CAAC;SACV;KACF;IACD,OAAO,CAAC,CAAC,CAAC;AACZ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useImperativeHandle, useRef } from 'react';\n\nexport interface ForwardFocusRef {\n focus(): void;\n}\n\n/**\n * Focus forwarding helper for radio groups where only the first selected\n * child element should be focused.\n */\nexport default function useRadioGroupForwardFocus(\n forwardedRef: React.Ref<ForwardFocusRef>,\n items: ReadonlyArray<{ value: string }> | undefined,\n value: string | null\n): [React.Ref<HTMLInputElement>, number] {\n const itemRef = useRef<HTMLInputElement | null>(null);\n const itemIndex = items && findIndex(items, item => item.value === value);\n useImperativeHandle(forwardedRef, () => ({\n focus() {\n itemRef.current?.focus();\n },\n }));\n\n return [itemRef, itemIndex !== undefined && itemIndex !== -1 ? itemIndex : 0];\n}\n\nfunction findIndex<T>(items: ReadonlyArray<T>, predicate: (t: T) => any): number {\n for (let i = 0; i < items.length; i++) {\n if (predicate(items[i])) {\n return i;\n }\n }\n return -1;\n}\n"]}
package/manifest.json ADDED
@@ -0,0 +1,3 @@
1
+ {
2
+ "commit": "b69613ff0cb835962de8f68e5cba527243c92dc6"
3
+ }
package/package.json CHANGED
@@ -112,6 +112,6 @@
112
112
  "./internal/base-component/index.js",
113
113
  "./internal/base-component/styles.css.js"
114
114
  ],
115
- "version": "3.0.109",
115
+ "version": "3.0.111",
116
116
  "license": "Apache-2.0"
117
117
  }
@@ -1,4 +1,6 @@
1
+ import React from 'react';
1
2
  import { RadioGroupProps } from './interfaces';
2
3
  export { RadioGroupProps };
3
- export default function RadioGroup(props: RadioGroupProps): JSX.Element;
4
+ declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<RadioGroupProps.Ref>>;
5
+ export default RadioGroup;
4
6
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/radio-group/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAK/C,OAAO,EAAE,eAAe,EAAE,CAAC;AAE3B,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,eAAe,eAGxD"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/radio-group/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAK/C,OAAO,EAAE,eAAe,EAAE,CAAC;AAE3B,QAAA,MAAM,UAAU,6FAGd,CAAC;AAGH,eAAe,UAAU,CAAC"}
@@ -5,9 +5,10 @@ import React from 'react';
5
5
  import { applyDisplayName } from '../internal/utils/apply-display-name';
6
6
  import useBaseComponent from '../internal/hooks/use-base-component';
7
7
  import InternalRadioGroup from './internal';
8
- export default function RadioGroup(props) {
8
+ var RadioGroup = React.forwardRef(function (props, ref) {
9
9
  var baseComponentProps = useBaseComponent('RadioGroup');
10
- return React.createElement(InternalRadioGroup, __assign({}, props, baseComponentProps));
11
- }
10
+ return React.createElement(InternalRadioGroup, __assign({ ref: ref }, props, baseComponentProps));
11
+ });
12
12
  applyDisplayName(RadioGroup, 'RadioGroup');
13
+ export default RadioGroup;
13
14
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/radio-group/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,kBAAkB,MAAM,YAAY,CAAC;AAI5C,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAsB;IACvD,IAAM,kBAAkB,GAAG,gBAAgB,CAAC,YAAY,CAAC,CAAC;IAC1D,OAAO,oBAAC,kBAAkB,eAAK,KAAK,EAAM,kBAAkB,EAAI,CAAC;AACnE,CAAC;AAED,gBAAgB,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { RadioGroupProps } from './interfaces';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport InternalRadioGroup from './internal';\n\nexport { RadioGroupProps };\n\nexport default function RadioGroup(props: RadioGroupProps) {\n const baseComponentProps = useBaseComponent('RadioGroup');\n return <InternalRadioGroup {...props} {...baseComponentProps} />;\n}\n\napplyDisplayName(RadioGroup, 'RadioGroup');\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/radio-group/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,kBAAkB,MAAM,YAAY,CAAC;AAI5C,IAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,UAAC,KAAsB,EAAE,GAAmC;IAC9F,IAAM,kBAAkB,GAAG,gBAAgB,CAAC,YAAY,CAAC,CAAC;IAC1D,OAAO,oBAAC,kBAAkB,aAAC,GAAG,EAAE,GAAG,IAAM,KAAK,EAAM,kBAAkB,EAAI,CAAC;AAC7E,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;AAC3C,eAAe,UAAU,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { RadioGroupProps } from './interfaces';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport InternalRadioGroup from './internal';\n\nexport { RadioGroupProps };\n\nconst RadioGroup = React.forwardRef((props: RadioGroupProps, ref: React.Ref<RadioGroupProps.Ref>) => {\n const baseComponentProps = useBaseComponent('RadioGroup');\n return <InternalRadioGroup ref={ref} {...props} {...baseComponentProps} />;\n});\n\napplyDisplayName(RadioGroup, 'RadioGroup');\nexport default RadioGroup;\n"]}
@@ -53,5 +53,11 @@ export declare namespace RadioGroupProps {
53
53
  interface ChangeDetail {
54
54
  value: string;
55
55
  }
56
+ interface Ref {
57
+ /**
58
+ * Sets input focus onto the UI control.
59
+ */
60
+ focus(): void;
61
+ }
56
62
  }
57
63
  //# sourceMappingURL=interfaces.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/radio-group/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAE/E,MAAM,WAAW,eAAgB,SAAQ,kBAAkB,EAAE,qBAAqB;IAChF;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAErB;;;;;;;;;OASG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,qBAAqB,CAAC,CAAC;IAE7D;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;IAEnE;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,yBAAiB,eAAe,CAAC;IAC/B,UAAiB,qBAAqB;QACpC,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB;IAED,UAAiB,YAAY;QAC3B,KAAK,EAAE,MAAM,CAAC;KACf;CACF"}
1
+ {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/radio-group/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAE/E,MAAM,WAAW,eAAgB,SAAQ,kBAAkB,EAAE,qBAAqB;IAChF;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAErB;;;;;;;;;OASG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,qBAAqB,CAAC,CAAC;IAE7D;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;IAEnE;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,yBAAiB,eAAe,CAAC;IAC/B,UAAiB,qBAAqB;QACpC,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB;IAED,UAAiB,YAAY;QAC3B,KAAK,EAAE,MAAM,CAAC;KACf;IAED,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;CACF"}
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/radio-group/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\nimport { FormFieldControlProps } from '../internal/context/form-field-context';\n\nexport interface RadioGroupProps extends BaseComponentProps, FormFieldControlProps {\n /**\n * Specify a custom name for the radio buttons. If not provided, the radio group generates a random name.\n */\n name?: string;\n\n /**\n * Sets the value of the selected radio button.\n * If you want to clear the selection, use `null`.\n */\n value: string | null;\n\n /**\n * Specifies an array of radio buttons to display. Each of these objects have the following properties:\n *\n * - `value` (string) - Sets the value of the radio button. Assigned to the radio group when a user selects the radio button.\n * - `label` (ReactNode) - Specifies a label for the radio button.\n * - `description` (ReactNode) - (Optional) Specifies descriptive text that appears below the label.\n * - `disabled` (boolean) - (Optional) Determines whether the radio button is disabled, which prevents the user from selecting it.\n * - `controlId` (string) - (Optional) Sets the ID of the internal input. You can use it to relate a label element's `for` attribute to this control.\n * In general it's not recommended to set this because the ID is automatically set by the radio group component.\n */\n items?: ReadonlyArray<RadioGroupProps.RadioButtonDefinition>;\n\n /**\n * Adds `aria-label` to the group. If you are using this form element within a form field,\n * don't set this property because the form field component automatically sets the correct labels to make the component accessible.\n */\n ariaLabel?: string;\n\n /**\n * Adds `aria-required` to the group.\n */\n ariaRequired?: boolean;\n\n /**\n * Called when the user selects a different radio button. The event `detail` contains the current `value`.\n */\n onChange?: NonCancelableEventHandler<RadioGroupProps.ChangeDetail>;\n\n /**\n * Deprecated, has no effect.\n * @deprecated\n */\n controlId?: string;\n}\n\nexport namespace RadioGroupProps {\n export interface RadioButtonDefinition {\n value: string;\n label: React.ReactNode;\n description?: React.ReactNode;\n disabled?: boolean;\n controlId?: string;\n }\n\n export interface ChangeDetail {\n value: string;\n }\n}\n"]}
1
+ {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/radio-group/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\nimport { FormFieldControlProps } from '../internal/context/form-field-context';\n\nexport interface RadioGroupProps extends BaseComponentProps, FormFieldControlProps {\n /**\n * Specify a custom name for the radio buttons. If not provided, the radio group generates a random name.\n */\n name?: string;\n\n /**\n * Sets the value of the selected radio button.\n * If you want to clear the selection, use `null`.\n */\n value: string | null;\n\n /**\n * Specifies an array of radio buttons to display. Each of these objects have the following properties:\n *\n * - `value` (string) - Sets the value of the radio button. Assigned to the radio group when a user selects the radio button.\n * - `label` (ReactNode) - Specifies a label for the radio button.\n * - `description` (ReactNode) - (Optional) Specifies descriptive text that appears below the label.\n * - `disabled` (boolean) - (Optional) Determines whether the radio button is disabled, which prevents the user from selecting it.\n * - `controlId` (string) - (Optional) Sets the ID of the internal input. You can use it to relate a label element's `for` attribute to this control.\n * In general it's not recommended to set this because the ID is automatically set by the radio group component.\n */\n items?: ReadonlyArray<RadioGroupProps.RadioButtonDefinition>;\n\n /**\n * Adds `aria-label` to the group. If you are using this form element within a form field,\n * don't set this property because the form field component automatically sets the correct labels to make the component accessible.\n */\n ariaLabel?: string;\n\n /**\n * Adds `aria-required` to the group.\n */\n ariaRequired?: boolean;\n\n /**\n * Called when the user selects a different radio button. The event `detail` contains the current `value`.\n */\n onChange?: NonCancelableEventHandler<RadioGroupProps.ChangeDetail>;\n\n /**\n * Deprecated, has no effect.\n * @deprecated\n */\n controlId?: string;\n}\n\nexport namespace RadioGroupProps {\n export interface RadioButtonDefinition {\n value: string;\n label: React.ReactNode;\n description?: React.ReactNode;\n disabled?: boolean;\n controlId?: string;\n }\n\n export interface ChangeDetail {\n value: string;\n }\n\n export interface Ref {\n /**\n * Sets input focus onto the UI control.\n */\n focus(): void;\n }\n}\n"]}
@@ -1,6 +1,6 @@
1
+ import React from 'react';
1
2
  import { RadioGroupProps } from './interfaces';
2
3
  import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
3
- declare type InternalRadioGroupProps = RadioGroupProps & InternalBaseComponentProps;
4
- export default function InternalRadioGroup({ name, value, items, ariaLabel, ariaRequired, onChange, __internalRootRef, ...props }: InternalRadioGroupProps): JSX.Element;
5
- export {};
4
+ declare const InternalRadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & InternalBaseComponentProps & React.RefAttributes<RadioGroupProps.Ref>>;
5
+ export default InternalRadioGroup;
6
6
  //# sourceMappingURL=internal.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/radio-group/internal.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAK/C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,aAAK,uBAAuB,GAAG,eAAe,GAAG,0BAA0B,CAAC;AAE5E,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,IAAI,EACJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,iBAAwB,EACxB,GAAG,KAAK,EACT,EAAE,uBAAuB,eA+BzB"}
1
+ {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/radio-group/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAK/C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAKlF,QAAA,MAAM,kBAAkB,0HAiDvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
@@ -8,12 +8,15 @@ import RadioButton from './radio-button';
8
8
  import styles from './styles.css.js';
9
9
  import { useFormFieldContext } from '../internal/context/form-field-context';
10
10
  import { useUniqueId } from '../internal/hooks/use-unique-id';
11
- export default function InternalRadioGroup(_a) {
11
+ import useRadioGroupForwardFocus from '../internal/hooks/forward-focus/radio-group';
12
+ var InternalRadioGroup = React.forwardRef(function (_a, ref) {
12
13
  var name = _a.name, value = _a.value, items = _a.items, ariaLabel = _a.ariaLabel, ariaRequired = _a.ariaRequired, onChange = _a.onChange, _b = _a.__internalRootRef, __internalRootRef = _b === void 0 ? null : _b, props = __rest(_a, ["name", "value", "items", "ariaLabel", "ariaRequired", "onChange", "__internalRootRef"]);
13
14
  var _c = useFormFieldContext(props), ariaDescribedby = _c.ariaDescribedby, ariaLabelledby = _c.ariaLabelledby;
14
15
  var baseProps = getBaseProps(props);
15
16
  var generatedName = useUniqueId('awsui-radio-');
17
+ var _d = useRadioGroupForwardFocus(ref, items, value), radioButtonRef = _d[0], radioButtonRefIndex = _d[1];
16
18
  return (React.createElement("div", __assign({ role: "radiogroup", "aria-labelledby": ariaLabelledby, "aria-label": ariaLabel, "aria-describedby": ariaDescribedby, "aria-required": ariaRequired }, baseProps, { className: clsx(baseProps.className, styles.root), ref: __internalRootRef }), items &&
17
- items.map(function (item) { return (React.createElement(RadioButton, { key: item.value, checked: item.value === value, name: name || generatedName, value: item.value, label: item.label, description: item.description, disabled: item.disabled, onChange: onChange, controlId: item.controlId })); })));
18
- }
19
+ items.map(function (item, index) { return (React.createElement(RadioButton, { key: item.value, ref: index === radioButtonRefIndex ? radioButtonRef : undefined, checked: item.value === value, name: name || generatedName, value: item.value, label: item.label, description: item.description, disabled: item.disabled, onChange: onChange, controlId: item.controlId })); })));
20
+ });
21
+ export default InternalRadioGroup;
19
22
  //# sourceMappingURL=internal.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/radio-group/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAK9D,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EASjB;IARxB,IAAA,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,KAAK,WAAA,EACL,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,yBAAwB,EAAxB,iBAAiB,mBAAG,IAAI,KAAA,EACrB,KAAK,cARiC,wFAS1C,CADS;IAEF,IAAA,KAAsC,mBAAmB,CAAC,KAAK,CAAC,EAA9D,eAAe,qBAAA,EAAE,cAAc,oBAA+B,CAAC;IACvE,IAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IACtC,IAAM,aAAa,GAAG,WAAW,CAAC,cAAc,CAAC,CAAC;IAClD,OAAO,CACL,sCACE,IAAI,EAAC,YAAY,qBACA,cAAc,gBACnB,SAAS,sBACH,eAAe,mBAClB,YAAY,IACvB,SAAS,IACb,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,EACjD,GAAG,EAAE,iBAAiB,KAErB,KAAK;QACJ,KAAK,CAAC,GAAG,CAAC,UAAA,IAAI,IAAI,OAAA,CAChB,oBAAC,WAAW,IACV,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,OAAO,EAAE,IAAI,CAAC,KAAK,KAAK,KAAK,EAC7B,IAAI,EAAE,IAAI,IAAI,aAAa,EAC3B,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAI,CAAC,SAAS,GACzB,CACH,EAZiB,CAYjB,CAAC,CACA,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React from 'react';\nimport { getBaseProps } from '../internal/base-component';\nimport { RadioGroupProps } from './interfaces';\nimport RadioButton from './radio-button';\nimport styles from './styles.css.js';\nimport { useFormFieldContext } from '../internal/context/form-field-context';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\n\ntype InternalRadioGroupProps = RadioGroupProps & InternalBaseComponentProps;\n\nexport default function InternalRadioGroup({\n name,\n value,\n items,\n ariaLabel,\n ariaRequired,\n onChange,\n __internalRootRef = null,\n ...props\n}: InternalRadioGroupProps) {\n const { ariaDescribedby, ariaLabelledby } = useFormFieldContext(props);\n const baseProps = getBaseProps(props);\n const generatedName = useUniqueId('awsui-radio-');\n return (\n <div\n role=\"radiogroup\"\n aria-labelledby={ariaLabelledby}\n aria-label={ariaLabel}\n aria-describedby={ariaDescribedby}\n aria-required={ariaRequired}\n {...baseProps}\n className={clsx(baseProps.className, styles.root)}\n ref={__internalRootRef}\n >\n {items &&\n items.map(item => (\n <RadioButton\n key={item.value}\n checked={item.value === value}\n name={name || generatedName}\n value={item.value}\n label={item.label}\n description={item.description}\n disabled={item.disabled}\n onChange={onChange}\n controlId={item.controlId}\n />\n ))}\n </div>\n );\n}\n"]}
1
+ {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/radio-group/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAE9D,OAAO,yBAAyB,MAAM,6CAA6C,CAAC;AAIpF,IAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CACzC,UACE,EAS0B,EAC1B,GAAmC;IATjC,IAAA,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,KAAK,WAAA,EACL,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,yBAAwB,EAAxB,iBAAiB,mBAAG,IAAI,KAAA,EACrB,KAAK,cARV,wFASC,CADS;IAIJ,IAAA,KAAsC,mBAAmB,CAAC,KAAK,CAAC,EAA9D,eAAe,qBAAA,EAAE,cAAc,oBAA+B,CAAC;IACvE,IAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IACtC,IAAM,aAAa,GAAG,WAAW,CAAC,cAAc,CAAC,CAAC;IAE5C,IAAA,KAAwC,yBAAyB,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,EAAnF,cAAc,QAAA,EAAE,mBAAmB,QAAgD,CAAC;IAE3F,OAAO,CACL,sCACE,IAAI,EAAC,YAAY,qBACA,cAAc,gBACnB,SAAS,sBACH,eAAe,mBAClB,YAAY,IACvB,SAAS,IACb,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,EACjD,GAAG,EAAE,iBAAiB,KAErB,KAAK;QACJ,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CACzB,oBAAC,WAAW,IACV,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,GAAG,EAAE,KAAK,KAAK,mBAAmB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,EAC/D,OAAO,EAAE,IAAI,CAAC,KAAK,KAAK,KAAK,EAC7B,IAAI,EAAE,IAAI,IAAI,aAAa,EAC3B,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAI,CAAC,SAAS,GACzB,CACH,EAb0B,CAa1B,CAAC,CACA,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React from 'react';\nimport { getBaseProps } from '../internal/base-component';\nimport { RadioGroupProps } from './interfaces';\nimport RadioButton from './radio-button';\nimport styles from './styles.css.js';\nimport { useFormFieldContext } from '../internal/context/form-field-context';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport useRadioGroupForwardFocus from '../internal/hooks/forward-focus/radio-group';\n\ntype InternalRadioGroupProps = RadioGroupProps & InternalBaseComponentProps;\n\nconst InternalRadioGroup = React.forwardRef(\n (\n {\n name,\n value,\n items,\n ariaLabel,\n ariaRequired,\n onChange,\n __internalRootRef = null,\n ...props\n }: InternalRadioGroupProps,\n ref: React.Ref<RadioGroupProps.Ref>\n ) => {\n const { ariaDescribedby, ariaLabelledby } = useFormFieldContext(props);\n const baseProps = getBaseProps(props);\n const generatedName = useUniqueId('awsui-radio-');\n\n const [radioButtonRef, radioButtonRefIndex] = useRadioGroupForwardFocus(ref, items, value);\n\n return (\n <div\n role=\"radiogroup\"\n aria-labelledby={ariaLabelledby}\n aria-label={ariaLabel}\n aria-describedby={ariaDescribedby}\n aria-required={ariaRequired}\n {...baseProps}\n className={clsx(baseProps.className, styles.root)}\n ref={__internalRootRef}\n >\n {items &&\n items.map((item, index) => (\n <RadioButton\n key={item.value}\n ref={index === radioButtonRefIndex ? radioButtonRef : undefined}\n checked={item.value === value}\n name={name || generatedName}\n value={item.value}\n label={item.label}\n description={item.description}\n disabled={item.disabled}\n onChange={onChange}\n controlId={item.controlId}\n />\n ))}\n </div>\n );\n }\n);\n\nexport default InternalRadioGroup;\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"bottom-icon-refresh.d.ts","sourceRoot":"","sources":["../../../../src/split-panel/icons/bottom-icon-refresh.tsx"],"names":[],"mappings":"AA8BA,QAAA,MAAM,kBAAkB,aAsDvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
1
+ {"version":3,"file":"bottom-icon-refresh.d.ts","sourceRoot":"","sources":["../../../../src/split-panel/icons/bottom-icon-refresh.tsx"],"names":[],"mappings":"AAiCA,QAAA,MAAM,kBAAkB,aAmDvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
@@ -3,12 +3,12 @@
3
3
  import React from 'react';
4
4
  import { getClassName } from './side-position-refresh';
5
5
  var TableRow = function (_a) {
6
- var offset = _a.offset;
6
+ var offset = _a.offset, isHeader = _a.isHeader;
7
7
  var offsetTop = 0.4482;
8
8
  var offsetBottom = 3.4482;
9
- return (React.createElement("g", { transform: "translate(0, ".concat(offset, ")"), className: getClassName('disabled') },
9
+ return (React.createElement("g", { transform: "translate(0, ".concat(offset, ")"), className: getClassName(isHeader ? 'column-header' : 'disabled') },
10
10
  React.createElement("path", { d: "M31 ".concat(offsetTop, "H34V").concat(offsetBottom, "H31V").concat(offsetTop, "Z") }),
11
- React.createElement("path", { d: "M39 ".concat(offsetTop, "H63V").concat(offsetBottom, "H39V").concat(offsetTop, "Z"), className: getClassName('secondary') }),
11
+ React.createElement("path", { d: "M39 ".concat(offsetTop, "H63V").concat(offsetBottom, "H39V").concat(offsetTop, "Z"), className: !isHeader ? getClassName('secondary') : undefined }),
12
12
  React.createElement("path", { d: "M135 ".concat(offsetTop, "H155V").concat(offsetBottom, "H135V").concat(offsetTop, "Z") }),
13
13
  React.createElement("path", { d: "M158 ".concat(offsetTop, "H202V").concat(offsetBottom, "H158V").concat(offsetTop, "Z") }),
14
14
  React.createElement("path", { d: "M26 8H204.388", className: getClassName('separator'), strokeLinecap: "square" })));
@@ -26,18 +26,15 @@ var bottomPositionIcon = (React.createElement("svg", { focusable: false, viewBox
26
26
  React.createElement("g", { className: "awsui-context-top-navigation" },
27
27
  React.createElement("rect", { x: "2", y: "2", width: "226", height: "6", className: getClassName('layout-top') })),
28
28
  React.createElement("g", { className: "awsui-context-content-header" },
29
- React.createElement("path", { d: "M0 8H230V33H0V8Z", className: getClassName('layout-main') }),
29
+ React.createElement("path", { d: "M0 8H230V23H0V8Z", className: getClassName('layout-main') }),
30
30
  React.createElement("g", { className: getClassName('default') },
31
31
  React.createElement("path", { d: "M9 15.5C9 16.8807 7.88071 18 6.5 18C5.11929 18 4 16.8807 4 15.5C4 14.1193 5.11929 13 6.5 13C7.88071 13 9 14.1193 9 15.5Z", className: getClassName('disabled') }),
32
32
  React.createElement("path", { d: "M26 14H56.1484V17H26V14Z" }),
33
33
  React.createElement("path", { d: "M139 15.5C139 13.567 140.567 12 142.5 12H155.86C157.793 12 159.36 13.567 159.36 15.5C159.36 17.433 157.793 19 155.86 19H142.5C140.567 19 139 17.433 139 15.5Z" }),
34
34
  React.createElement("path", { d: "M163 15.5C163 13.567 164.567 12 166.5 12H179.86C181.793 12 183.36 13.567 183.36 15.5C183.36 17.433 181.793 19 179.86 19H166.5C164.567 19 163 17.433 163 15.5Z" }),
35
35
  React.createElement("path", { d: "M186 15.5C186 13.567 187.567 12 189.5 12H202.86C204.793 12 206.36 13.567 206.36 15.5C206.36 17.433 204.793 19 202.86 19H189.5C187.567 19 186 17.433 186 15.5Z", className: getClassName('primary') }),
36
- React.createElement("circle", { cx: "223.5", cy: "15.5", r: "2.5", className: getClassName('disabled') }),
37
- React.createElement("path", { d: "M31 25.4482H34V28.4482H31V25.4482Z" }),
38
- React.createElement("path", { d: "M39 25.4482H63V28.4482H39V25.4482Z" }),
39
- React.createElement("path", { d: "M135 25.4482H155V28.4482H135V25.4482Z" }),
40
- React.createElement("path", { d: "M158 25.4482H202V28.4482H158V25.4482Z" }))),
36
+ React.createElement("circle", { cx: "223.5", cy: "15.5", r: "2.5", className: getClassName('disabled') }))),
37
+ React.createElement(TableRow, { offset: 27, isHeader: true }),
41
38
  React.createElement(TableRow, { offset: 39 }),
42
39
  React.createElement(TableRow, { offset: 51 }),
43
40
  React.createElement(TableRow, { offset: 63 }),
@@ -1 +1 @@
1
- {"version":3,"file":"bottom-icon-refresh.js","sourceRoot":"","sources":["../../../../src/split-panel/icons/bottom-icon-refresh.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { getClassName, SVGTableRowProps } from './side-position-refresh';\n\nconst TableRow = ({ offset }: SVGTableRowProps) => {\n const offsetTop = 0.4482;\n const offsetBottom = 3.4482;\n return (\n <g transform={`translate(0, ${offset})`} className={getClassName('disabled')}>\n <path d={`M31 ${offsetTop}H34V${offsetBottom}H31V${offsetTop}Z`} />\n <path d={`M39 ${offsetTop}H63V${offsetBottom}H39V${offsetTop}Z`} className={getClassName('secondary')} />\n <path d={`M135 ${offsetTop}H155V${offsetBottom}H135V${offsetTop}Z`} />\n <path d={`M158 ${offsetTop}H202V${offsetBottom}H158V${offsetTop}Z`} />\n <path d=\"M26 8H204.388\" className={getClassName('separator')} strokeLinecap=\"square\" />\n </g>\n );\n};\n\nconst SidePanelRow = ({ offset }: SVGTableRowProps) => {\n return (\n <g transform={`translate(0, ${offset})`} className={getClassName('secondary')}>\n <path d=\"M27 0H59V3H27V0Z\" />\n <path d=\"M75 0H107V3H75V0Z\" />\n <path d=\"M123 0H155V3H123V0Z\" />\n <path d=\"M171 0H203V3H171V0Z\" />\n </g>\n );\n};\n\nconst bottomPositionIcon = (\n <svg\n focusable={false}\n viewBox=\"0 0 230 128\"\n version=\"1.1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n aria-hidden=\"true\"\n >\n <path\n d=\"M2 1H228C228.552 1 229 1.44772 229 2V117C229 117.552 228.552 118 228 118H2C1.44772 118 1 117.552 1 117V2C1 1.44772 1.44772 1 2 1Z\"\n className={getClassName('window')}\n strokeWidth=\"2\"\n />\n <g className=\"awsui-context-top-navigation\">\n <rect x=\"2\" y=\"2\" width=\"226\" height=\"6\" className={getClassName('layout-top')} />\n </g>\n <g className=\"awsui-context-content-header\">\n <path d=\"M0 8H230V33H0V8Z\" className={getClassName('layout-main')} />\n <g className={getClassName('default')}>\n <path\n d=\"M9 15.5C9 16.8807 7.88071 18 6.5 18C5.11929 18 4 16.8807 4 15.5C4 14.1193 5.11929 13 6.5 13C7.88071 13 9 14.1193 9 15.5Z\"\n className={getClassName('disabled')}\n />\n <path d=\"M26 14H56.1484V17H26V14Z\" />\n <path d=\"M139 15.5C139 13.567 140.567 12 142.5 12H155.86C157.793 12 159.36 13.567 159.36 15.5C159.36 17.433 157.793 19 155.86 19H142.5C140.567 19 139 17.433 139 15.5Z\" />\n <path d=\"M163 15.5C163 13.567 164.567 12 166.5 12H179.86C181.793 12 183.36 13.567 183.36 15.5C183.36 17.433 181.793 19 179.86 19H166.5C164.567 19 163 17.433 163 15.5Z\" />\n <path\n d=\"M186 15.5C186 13.567 187.567 12 189.5 12H202.86C204.793 12 206.36 13.567 206.36 15.5C206.36 17.433 204.793 19 202.86 19H189.5C187.567 19 186 17.433 186 15.5Z\"\n className={getClassName('primary')}\n />\n <circle cx=\"223.5\" cy=\"15.5\" r=\"2.5\" className={getClassName('disabled')} />\n <path d=\"M31 25.4482H34V28.4482H31V25.4482Z\" />\n <path d=\"M39 25.4482H63V28.4482H39V25.4482Z\" />\n <path d=\"M135 25.4482H155V28.4482H135V25.4482Z\" />\n <path d=\"M158 25.4482H202V28.4482H158V25.4482Z\" />\n </g>\n </g>\n <TableRow offset={39} />\n <TableRow offset={51} />\n <TableRow offset={63} />\n\n <rect x=\"8\" y=\"75\" width=\"214\" height=\"52\" rx=\"5\" className={getClassName('window')} strokeWidth=\"2\" />\n <rect x=\"111\" y=\"79\" width=\"8\" height=\"3\" rx=\"1.5\" className={getClassName('input-default')} />\n <path d=\"M27 87H57V92H27V87Z\" className={getClassName('heading')} />\n <g className={getClassName('secondary')}>\n <path d=\"M198 87H203V92H198V87Z\" />\n <path d=\"M190 87H195V92H190V87Z\" />\n </g>\n\n <SidePanelRow offset={99} />\n <SidePanelRow offset={106} />\n <SidePanelRow offset={113} />\n </svg>\n);\n\nexport default bottomPositionIcon;\n"]}
1
+ {"version":3,"file":"bottom-icon-refresh.js","sourceRoot":"","sources":["../../../../src/split-panel/icons/bottom-icon-refresh.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { getClassName, SVGTableRowProps } from './side-position-refresh';\n\nconst TableRow = ({ offset, isHeader }: SVGTableRowProps) => {\n const offsetTop = 0.4482;\n const offsetBottom = 3.4482;\n return (\n <g transform={`translate(0, ${offset})`} className={getClassName(isHeader ? 'column-header' : 'disabled')}>\n <path d={`M31 ${offsetTop}H34V${offsetBottom}H31V${offsetTop}Z`} />\n <path\n d={`M39 ${offsetTop}H63V${offsetBottom}H39V${offsetTop}Z`}\n className={!isHeader ? getClassName('secondary') : undefined}\n />\n <path d={`M135 ${offsetTop}H155V${offsetBottom}H135V${offsetTop}Z`} />\n <path d={`M158 ${offsetTop}H202V${offsetBottom}H158V${offsetTop}Z`} />\n <path d=\"M26 8H204.388\" className={getClassName('separator')} strokeLinecap=\"square\" />\n </g>\n );\n};\n\nconst SidePanelRow = ({ offset }: SVGTableRowProps) => {\n return (\n <g transform={`translate(0, ${offset})`} className={getClassName('secondary')}>\n <path d=\"M27 0H59V3H27V0Z\" />\n <path d=\"M75 0H107V3H75V0Z\" />\n <path d=\"M123 0H155V3H123V0Z\" />\n <path d=\"M171 0H203V3H171V0Z\" />\n </g>\n );\n};\n\nconst bottomPositionIcon = (\n <svg\n focusable={false}\n viewBox=\"0 0 230 128\"\n version=\"1.1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n aria-hidden=\"true\"\n >\n <path\n d=\"M2 1H228C228.552 1 229 1.44772 229 2V117C229 117.552 228.552 118 228 118H2C1.44772 118 1 117.552 1 117V2C1 1.44772 1.44772 1 2 1Z\"\n className={getClassName('window')}\n strokeWidth=\"2\"\n />\n <g className=\"awsui-context-top-navigation\">\n <rect x=\"2\" y=\"2\" width=\"226\" height=\"6\" className={getClassName('layout-top')} />\n </g>\n <g className=\"awsui-context-content-header\">\n <path d=\"M0 8H230V23H0V8Z\" className={getClassName('layout-main')} />\n <g className={getClassName('default')}>\n <path\n d=\"M9 15.5C9 16.8807 7.88071 18 6.5 18C5.11929 18 4 16.8807 4 15.5C4 14.1193 5.11929 13 6.5 13C7.88071 13 9 14.1193 9 15.5Z\"\n className={getClassName('disabled')}\n />\n <path d=\"M26 14H56.1484V17H26V14Z\" />\n <path d=\"M139 15.5C139 13.567 140.567 12 142.5 12H155.86C157.793 12 159.36 13.567 159.36 15.5C159.36 17.433 157.793 19 155.86 19H142.5C140.567 19 139 17.433 139 15.5Z\" />\n <path d=\"M163 15.5C163 13.567 164.567 12 166.5 12H179.86C181.793 12 183.36 13.567 183.36 15.5C183.36 17.433 181.793 19 179.86 19H166.5C164.567 19 163 17.433 163 15.5Z\" />\n <path\n d=\"M186 15.5C186 13.567 187.567 12 189.5 12H202.86C204.793 12 206.36 13.567 206.36 15.5C206.36 17.433 204.793 19 202.86 19H189.5C187.567 19 186 17.433 186 15.5Z\"\n className={getClassName('primary')}\n />\n <circle cx=\"223.5\" cy=\"15.5\" r=\"2.5\" className={getClassName('disabled')} />\n </g>\n </g>\n <TableRow offset={27} isHeader={true} />\n <TableRow offset={39} />\n <TableRow offset={51} />\n <TableRow offset={63} />\n\n <rect x=\"8\" y=\"75\" width=\"214\" height=\"52\" rx=\"5\" className={getClassName('window')} strokeWidth=\"2\" />\n <rect x=\"111\" y=\"79\" width=\"8\" height=\"3\" rx=\"1.5\" className={getClassName('input-default')} />\n <path d=\"M27 87H57V92H27V87Z\" className={getClassName('heading')} />\n <g className={getClassName('secondary')}>\n <path d=\"M198 87H203V92H198V87Z\" />\n <path d=\"M190 87H195V92H190V87Z\" />\n </g>\n\n <SidePanelRow offset={99} />\n <SidePanelRow offset={106} />\n <SidePanelRow offset={113} />\n </svg>\n);\n\nexport default bottomPositionIcon;\n"]}
@@ -1,6 +1,7 @@
1
1
  export interface SVGTableRowProps {
2
2
  offset: number;
3
3
  separator?: boolean;
4
+ isHeader?: boolean;
4
5
  }
5
6
  export declare const getClassName: (suffix: string) => string;
6
7
  declare const bottomPositionIcon: JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"side-position-refresh.d.ts","sourceRoot":"","sources":["../../../../src/split-panel/icons/side-position-refresh.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,YAAY,WAAY,MAAM,WAAiD,CAAC;AAyB7F,QAAA,MAAM,kBAAkB,aA8DvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
1
+ {"version":3,"file":"side-position-refresh.d.ts","sourceRoot":"","sources":["../../../../src/split-panel/icons/side-position-refresh.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,WAAY,MAAM,WAAiD,CAAC;AA4B7F,QAAA,MAAM,kBAAkB,aA2DvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
@@ -4,12 +4,12 @@ import React from 'react';
4
4
  import styles from '../styles.css.js';
5
5
  export var getClassName = function (suffix) { return styles["preference-icon-refresh--".concat(suffix)]; };
6
6
  var TableRow = function (_a) {
7
- var offset = _a.offset, _b = _a.separator, separator = _b === void 0 ? true : _b;
7
+ var offset = _a.offset, _b = _a.separator, separator = _b === void 0 ? true : _b, isHeader = _a.isHeader;
8
8
  var offsetTop = 0.4482;
9
9
  var offsetBottom = 3.4482;
10
- return (React.createElement("g", { transform: "translate(0, ".concat(offset, ")"), className: getClassName('disabled') },
10
+ return (React.createElement("g", { transform: "translate(0, ".concat(offset, ")"), className: getClassName(isHeader ? 'column-header' : 'disabled') },
11
11
  React.createElement("path", { d: "M19 ".concat(offsetTop, "2H22V").concat(offsetBottom, "H19V").concat(offsetTop, "Z") }),
12
- React.createElement("path", { d: "M27 ".concat(offsetTop, "H51V").concat(offsetBottom, "H27V").concat(offsetTop, "Z"), className: getClassName('secondary') }),
12
+ React.createElement("path", { d: "M27 ".concat(offsetTop, "H51V").concat(offsetBottom, "H27V").concat(offsetTop, "Z"), className: !isHeader ? getClassName('secondary') : undefined }),
13
13
  React.createElement("path", { d: "M90 ".concat(offsetTop, "H110V").concat(offsetBottom, "H90V").concat(offsetTop, "Z") }),
14
14
  React.createElement("path", { d: "M113 ".concat(offsetTop, "H157V").concat(offsetBottom, "H113V").concat(offsetTop, "Z") }),
15
15
  separator && React.createElement("path", { d: "M14 8H159.387", className: getClassName('separator'), strokeLinecap: "square" })));
@@ -25,17 +25,14 @@ var bottomPositionIcon = (React.createElement("svg", { focusable: false, viewBox
25
25
  React.createElement("g", { className: "awsui-context-top-navigation" },
26
26
  React.createElement("rect", { x: "2", y: "2", width: "212", height: "6", className: getClassName('layout-top') })),
27
27
  React.createElement("g", { className: "awsui-context-content-header" },
28
- React.createElement("path", { d: "M2 8H214V33H2V8Z", className: getClassName('layout-main') }),
28
+ React.createElement("path", { d: "M2 8H214V23H2V8Z", className: getClassName('layout-main') }),
29
29
  React.createElement("g", { className: getClassName('default') },
30
30
  React.createElement("path", { d: "M9 15.5C9 16.8807 7.88071 18 6.5 18C5.11929 18 4 16.8807 4 15.5C4 14.1193 5.11929 13 6.5 13C7.88071 13 9 14.1193 9 15.5Z", className: getClassName('disabled') }),
31
31
  React.createElement("path", { d: "M16 14H46.1484V17H16V14Z" }),
32
32
  React.createElement("path", { d: "M92 15.5C92 13.567 93.567 12 95.5 12H108.86C110.793 12 112.36 13.567 112.36 15.5C112.36 17.433 110.793 19 108.86 19H95.5C93.567 19 92 17.433 92 15.5Z" }),
33
33
  React.createElement("path", { d: "M116 15.5C116 13.567 117.567 12 119.5 12H132.86C134.793 12 136.36 13.567 136.36 15.5C136.36 17.433 134.793 19 132.86 19H119.5C117.567 19 116 17.433 116 15.5Z" }),
34
- React.createElement("path", { d: "M139 15.5C139 13.567 140.567 12 142.5 12H155.86C157.793 12 159.36 13.567 159.36 15.5C159.36 17.433 157.793 19 155.86 19H142.5C140.567 19 139 17.433 139 15.5Z", className: getClassName('primary') }),
35
- React.createElement("path", { d: "M113 25.4482H157V28.4482H113V25.4482Z" }),
36
- React.createElement("path", { d: "M90 25.4482H110V28.4482H90V25.4482Z" }),
37
- React.createElement("path", { d: "M27 25.4482H51V28.4482H27V25.4482Z" }),
38
- React.createElement("path", { d: "M19 25.4482H22V28.4482H19V25.4482Z" }))),
34
+ React.createElement("path", { d: "M139 15.5C139 13.567 140.567 12 142.5 12H155.86C157.793 12 159.36 13.567 159.36 15.5C159.36 17.433 157.793 19 155.86 19H142.5C140.567 19 139 17.433 139 15.5Z", className: getClassName('primary') }))),
35
+ React.createElement(TableRow, { offset: 27, isHeader: true }),
39
36
  React.createElement(TableRow, { offset: 39 }),
40
37
  React.createElement(TableRow, { offset: 51 }),
41
38
  React.createElement(TableRow, { offset: 63 }),
@@ -1 +1 @@
1
- {"version":3,"file":"side-position-refresh.js","sourceRoot":"","sources":["../../../../src/split-panel/icons/side-position-refresh.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport styles from '../styles.css.js';\n\nexport interface SVGTableRowProps {\n offset: number;\n separator?: boolean;\n}\n\nexport const getClassName = (suffix: string) => styles[`preference-icon-refresh--${suffix}`];\n\nconst TableRow = ({ offset, separator = true }: SVGTableRowProps) => {\n const offsetTop = 0.4482;\n const offsetBottom = 3.4482;\n return (\n <g transform={`translate(0, ${offset})`} className={getClassName('disabled')}>\n <path d={`M19 ${offsetTop}2H22V${offsetBottom}H19V${offsetTop}Z`} />\n <path d={`M27 ${offsetTop}H51V${offsetBottom}H27V${offsetTop}Z`} className={getClassName('secondary')} />\n <path d={`M90 ${offsetTop}H110V${offsetBottom}H90V${offsetTop}Z`} />\n <path d={`M113 ${offsetTop}H157V${offsetBottom}H113V${offsetTop}Z`} />\n {separator && <path d=\"M14 8H159.387\" className={getClassName('separator')} strokeLinecap=\"square\" />}\n </g>\n );\n};\n\nconst SidePanelRow = ({ offset }: SVGTableRowProps) => {\n return (\n <g transform={`translate(0, ${offset})`} className={getClassName('secondary')}>\n <path d=\"M177 0H190V3H177V0Z\" />\n <path d=\"M195 0H208V3H195V0Z\" />\n </g>\n );\n};\n\nconst bottomPositionIcon = (\n <svg\n focusable={false}\n viewBox=\"0 0 230 128\"\n version=\"1.1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n aria-hidden=\"true\"\n >\n <path\n d=\"M2 1H214C214.552 1 215 1.44772 215 2V126C215 126.552 214.552 127 214 127H2.00001C1.44772 127 1 126.552 1 126V2C1 1.44772 1.44772 1 2 1Z\"\n className={getClassName('window')}\n strokeWidth=\"2\"\n />\n <g className=\"awsui-context-top-navigation\">\n <rect x=\"2\" y=\"2\" width=\"212\" height=\"6\" className={getClassName('layout-top')} />\n </g>\n <g className=\"awsui-context-content-header\">\n <path d=\"M2 8H214V33H2V8Z\" className={getClassName('layout-main')} />\n <g className={getClassName('default')}>\n <path\n d=\"M9 15.5C9 16.8807 7.88071 18 6.5 18C5.11929 18 4 16.8807 4 15.5C4 14.1193 5.11929 13 6.5 13C7.88071 13 9 14.1193 9 15.5Z\"\n className={getClassName('disabled')}\n />\n <path d=\"M16 14H46.1484V17H16V14Z\" />\n <path d=\"M92 15.5C92 13.567 93.567 12 95.5 12H108.86C110.793 12 112.36 13.567 112.36 15.5C112.36 17.433 110.793 19 108.86 19H95.5C93.567 19 92 17.433 92 15.5Z\" />\n <path d=\"M116 15.5C116 13.567 117.567 12 119.5 12H132.86C134.793 12 136.36 13.567 136.36 15.5C136.36 17.433 134.793 19 132.86 19H119.5C117.567 19 116 17.433 116 15.5Z\" />\n <path\n d=\"M139 15.5C139 13.567 140.567 12 142.5 12H155.86C157.793 12 159.36 13.567 159.36 15.5C159.36 17.433 157.793 19 155.86 19H142.5C140.567 19 139 17.433 139 15.5Z\"\n className={getClassName('primary')}\n />\n <path d=\"M113 25.4482H157V28.4482H113V25.4482Z\" />\n <path d=\"M90 25.4482H110V28.4482H90V25.4482Z\" />\n <path d=\"M27 25.4482H51V28.4482H27V25.4482Z\" />\n <path d=\"M19 25.4482H22V28.4482H19V25.4482Z\" />\n </g>\n </g>\n <TableRow offset={39} />\n <TableRow offset={51} />\n <TableRow offset={63} />\n <TableRow offset={75} />\n <TableRow offset={87} />\n <TableRow offset={99} />\n <TableRow offset={111} separator={false} />\n\n <rect x=\"166\" y=\"13\" width=\"62\" height=\"108\" rx=\"5\" className={getClassName('window')} strokeWidth=\"2\" />\n <rect x=\"169\" y=\"62\" width=\"3\" height=\"8\" rx=\"1.5\" className={getClassName('input-default')} />\n <path d=\"M216 14V120\" className={getClassName('separator')} />\n <g className={getClassName('disabled')}>\n <path d=\"M224 19.5C224 20.8807 222.881 22 221.5 22C220.119 22 219 20.8807 219 19.5C219 18.1193 220.119 17 221.5 17C222.881 17 224 18.1193 224 19.5Z\" />\n <path d=\"M224 27.5C224 28.8807 222.881 30 221.5 30C220.119 30 219 28.8807 219 27.5C219 26.1193 220.119 25 221.5 25C222.881 25 224 26.1193 224 27.5Z\" />\n </g>\n <path d=\"M177 23H191V28H177V23Z\" className={getClassName('heading')} />\n <g className={getClassName('secondary')}>\n <path d=\"M207 23H212V28H207V23Z\" />\n <path d=\"M199 23H204V28H199V23Z\" />\n </g>\n <SidePanelRow offset={36} />\n <SidePanelRow offset={48} />\n <SidePanelRow offset={60} />\n <SidePanelRow offset={72} />\n </svg>\n);\n\nexport default bottomPositionIcon;\n"]}
1
+ {"version":3,"file":"side-position-refresh.js","sourceRoot":"","sources":["../../../../src/split-panel/icons/side-position-refresh.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport styles from '../styles.css.js';\n\nexport interface SVGTableRowProps {\n offset: number;\n separator?: boolean;\n isHeader?: boolean;\n}\n\nexport const getClassName = (suffix: string) => styles[`preference-icon-refresh--${suffix}`];\n\nconst TableRow = ({ offset, separator = true, isHeader }: SVGTableRowProps) => {\n const offsetTop = 0.4482;\n const offsetBottom = 3.4482;\n return (\n <g transform={`translate(0, ${offset})`} className={getClassName(isHeader ? 'column-header' : 'disabled')}>\n <path d={`M19 ${offsetTop}2H22V${offsetBottom}H19V${offsetTop}Z`} />\n <path\n d={`M27 ${offsetTop}H51V${offsetBottom}H27V${offsetTop}Z`}\n className={!isHeader ? getClassName('secondary') : undefined}\n />\n <path d={`M90 ${offsetTop}H110V${offsetBottom}H90V${offsetTop}Z`} />\n <path d={`M113 ${offsetTop}H157V${offsetBottom}H113V${offsetTop}Z`} />\n {separator && <path d=\"M14 8H159.387\" className={getClassName('separator')} strokeLinecap=\"square\" />}\n </g>\n );\n};\n\nconst SidePanelRow = ({ offset }: SVGTableRowProps) => {\n return (\n <g transform={`translate(0, ${offset})`} className={getClassName('secondary')}>\n <path d=\"M177 0H190V3H177V0Z\" />\n <path d=\"M195 0H208V3H195V0Z\" />\n </g>\n );\n};\n\nconst bottomPositionIcon = (\n <svg\n focusable={false}\n viewBox=\"0 0 230 128\"\n version=\"1.1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n aria-hidden=\"true\"\n >\n <path\n d=\"M2 1H214C214.552 1 215 1.44772 215 2V126C215 126.552 214.552 127 214 127H2.00001C1.44772 127 1 126.552 1 126V2C1 1.44772 1.44772 1 2 1Z\"\n className={getClassName('window')}\n strokeWidth=\"2\"\n />\n <g className=\"awsui-context-top-navigation\">\n <rect x=\"2\" y=\"2\" width=\"212\" height=\"6\" className={getClassName('layout-top')} />\n </g>\n <g className=\"awsui-context-content-header\">\n <path d=\"M2 8H214V23H2V8Z\" className={getClassName('layout-main')} />\n <g className={getClassName('default')}>\n <path\n d=\"M9 15.5C9 16.8807 7.88071 18 6.5 18C5.11929 18 4 16.8807 4 15.5C4 14.1193 5.11929 13 6.5 13C7.88071 13 9 14.1193 9 15.5Z\"\n className={getClassName('disabled')}\n />\n <path d=\"M16 14H46.1484V17H16V14Z\" />\n <path d=\"M92 15.5C92 13.567 93.567 12 95.5 12H108.86C110.793 12 112.36 13.567 112.36 15.5C112.36 17.433 110.793 19 108.86 19H95.5C93.567 19 92 17.433 92 15.5Z\" />\n <path d=\"M116 15.5C116 13.567 117.567 12 119.5 12H132.86C134.793 12 136.36 13.567 136.36 15.5C136.36 17.433 134.793 19 132.86 19H119.5C117.567 19 116 17.433 116 15.5Z\" />\n <path\n d=\"M139 15.5C139 13.567 140.567 12 142.5 12H155.86C157.793 12 159.36 13.567 159.36 15.5C159.36 17.433 157.793 19 155.86 19H142.5C140.567 19 139 17.433 139 15.5Z\"\n className={getClassName('primary')}\n />\n </g>\n </g>\n <TableRow offset={27} isHeader={true} />\n <TableRow offset={39} />\n <TableRow offset={51} />\n <TableRow offset={63} />\n <TableRow offset={75} />\n <TableRow offset={87} />\n <TableRow offset={99} />\n <TableRow offset={111} separator={false} />\n\n <rect x=\"166\" y=\"13\" width=\"62\" height=\"108\" rx=\"5\" className={getClassName('window')} strokeWidth=\"2\" />\n <rect x=\"169\" y=\"62\" width=\"3\" height=\"8\" rx=\"1.5\" className={getClassName('input-default')} />\n <path d=\"M216 14V120\" className={getClassName('separator')} />\n <g className={getClassName('disabled')}>\n <path d=\"M224 19.5C224 20.8807 222.881 22 221.5 22C220.119 22 219 20.8807 219 19.5C219 18.1193 220.119 17 221.5 17C222.881 17 224 18.1193 224 19.5Z\" />\n <path d=\"M224 27.5C224 28.8807 222.881 30 221.5 30C220.119 30 219 28.8807 219 27.5C219 26.1193 220.119 25 221.5 25C222.881 25 224 26.1193 224 27.5Z\" />\n </g>\n <path d=\"M177 23H191V28H177V23Z\" className={getClassName('heading')} />\n <g className={getClassName('secondary')}>\n <path d=\"M207 23H212V28H207V23Z\" />\n <path d=\"M199 23H204V28H199V23Z\" />\n </g>\n <SidePanelRow offset={36} />\n <SidePanelRow offset={48} />\n <SidePanelRow offset={60} />\n <SidePanelRow offset={72} />\n </svg>\n);\n\nexport default bottomPositionIcon;\n"]}
@@ -1,63 +1,64 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "drawer": "awsui_drawer_1r9lg_ickr1_189",
5
- "refresh": "awsui_refresh_1r9lg_ickr1_189",
6
- "animating": "awsui_animating_1r9lg_ickr1_203",
7
- "preference-icon--layout-border": "awsui_preference-icon--layout-border_1r9lg_ickr1_226",
8
- "preference-icon--layout-background": "awsui_preference-icon--layout-background_1r9lg_ickr1_230",
9
- "preference-icon--layout-header": "awsui_preference-icon--layout-header_1r9lg_ickr1_233",
10
- "preference-icon--border": "awsui_preference-icon--border_1r9lg_ickr1_236",
11
- "preference-icon--primary-button": "awsui_preference-icon--primary-button_1r9lg_ickr1_240",
12
- "preference-icon--secondary": "awsui_preference-icon--secondary_1r9lg_ickr1_243",
13
- "preference-icon--disabled-element": "awsui_preference-icon--disabled-element_1r9lg_ickr1_246",
14
- "preference-icon--separator": "awsui_preference-icon--separator_1r9lg_ickr1_249",
15
- "preference-icon--focus-text": "awsui_preference-icon--focus-text_1r9lg_ickr1_252",
16
- "preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-top_1r9lg_ickr1_256",
17
- "preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-main_1r9lg_ickr1_259",
18
- "preference-icon-refresh--primary": "awsui_preference-icon-refresh--primary_1r9lg_ickr1_262",
19
- "preference-icon-refresh--disabled": "awsui_preference-icon-refresh--disabled_1r9lg_ickr1_265",
20
- "preference-icon-refresh--window": "awsui_preference-icon-refresh--window_1r9lg_ickr1_268",
21
- "preference-icon-refresh--secondary": "awsui_preference-icon-refresh--secondary_1r9lg_ickr1_272",
22
- "preference-icon-refresh--default": "awsui_preference-icon-refresh--default_1r9lg_ickr1_275",
23
- "preference-icon-refresh--separator": "awsui_preference-icon-refresh--separator_1r9lg_ickr1_278",
24
- "preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-default_1r9lg_ickr1_281",
25
- "preference-icon-refresh--heading": "awsui_preference-icon-refresh--heading_1r9lg_ickr1_284",
26
- "resize-active": "awsui_resize-active_1r9lg_ickr1_289",
27
- "resize-side": "awsui_resize-side_1r9lg_ickr1_295",
28
- "resize-bottom": "awsui_resize-bottom_1r9lg_ickr1_298",
29
- "root": "awsui_root_1r9lg_ickr1_303",
30
- "preferences-button": "awsui_preferences-button_1r9lg_ickr1_314",
31
- "close-button": "awsui_close-button_1r9lg_ickr1_318",
32
- "drawer-closed": "awsui_drawer-closed_1r9lg_ickr1_329",
33
- "drawer-content-side": "awsui_drawer-content-side_1r9lg_ickr1_334",
34
- "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_ickr1_354",
35
- "position-bottom": "awsui_position-bottom_1r9lg_ickr1_363",
36
- "position-side": "awsui_position-side_1r9lg_ickr1_390",
37
- "slider": "awsui_slider_1r9lg_ickr1_396",
38
- "slider-side": "awsui_slider-side_1r9lg_ickr1_425",
39
- "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_ickr1_430",
40
- "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_ickr1_441",
41
- "open-button": "awsui_open-button_1r9lg_ickr1_452",
42
- "open-button-side": "awsui_open-button-side_1r9lg_ickr1_456",
43
- "slider-icon": "awsui_slider-icon_1r9lg_ickr1_463",
44
- "slider-icon-bottom": "awsui_slider-icon-bottom_1r9lg_ickr1_469",
45
- "slider-icon-side": "awsui_slider-icon-side_1r9lg_ickr1_472",
46
- "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_ickr1_476",
47
- "drawer-mobile": "awsui_drawer-mobile_1r9lg_ickr1_486",
48
- "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_ickr1_489",
49
- "content-bottom": "awsui_content-bottom_1r9lg_ickr1_497",
50
- "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_ickr1_508",
51
- "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_ickr1_513",
52
- "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_ickr1_517",
53
- "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_ickr1_521",
54
- "content-side": "awsui_content-side_1r9lg_ickr1_526",
55
- "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_ickr1_537",
56
- "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_ickr1_540",
57
- "header": "awsui_header_1r9lg_ickr1_545",
58
- "header-text": "awsui_header-text_1r9lg_ickr1_554",
59
- "header-divider": "awsui_header-divider_1r9lg_ickr1_562",
60
- "header-actions": "awsui_header-actions_1r9lg_ickr1_568",
61
- "divider": "awsui_divider_1r9lg_ickr1_576"
4
+ "drawer": "awsui_drawer_1r9lg_1d1qh_189",
5
+ "refresh": "awsui_refresh_1r9lg_1d1qh_189",
6
+ "animating": "awsui_animating_1r9lg_1d1qh_203",
7
+ "preference-icon--layout-border": "awsui_preference-icon--layout-border_1r9lg_1d1qh_226",
8
+ "preference-icon--layout-background": "awsui_preference-icon--layout-background_1r9lg_1d1qh_230",
9
+ "preference-icon--layout-header": "awsui_preference-icon--layout-header_1r9lg_1d1qh_233",
10
+ "preference-icon--border": "awsui_preference-icon--border_1r9lg_1d1qh_236",
11
+ "preference-icon--primary-button": "awsui_preference-icon--primary-button_1r9lg_1d1qh_240",
12
+ "preference-icon--secondary": "awsui_preference-icon--secondary_1r9lg_1d1qh_243",
13
+ "preference-icon--disabled-element": "awsui_preference-icon--disabled-element_1r9lg_1d1qh_246",
14
+ "preference-icon--separator": "awsui_preference-icon--separator_1r9lg_1d1qh_249",
15
+ "preference-icon--focus-text": "awsui_preference-icon--focus-text_1r9lg_1d1qh_252",
16
+ "preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-top_1r9lg_1d1qh_256",
17
+ "preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-main_1r9lg_1d1qh_259",
18
+ "preference-icon-refresh--primary": "awsui_preference-icon-refresh--primary_1r9lg_1d1qh_262",
19
+ "preference-icon-refresh--disabled": "awsui_preference-icon-refresh--disabled_1r9lg_1d1qh_265",
20
+ "preference-icon-refresh--column-header": "awsui_preference-icon-refresh--column-header_1r9lg_1d1qh_268",
21
+ "preference-icon-refresh--window": "awsui_preference-icon-refresh--window_1r9lg_1d1qh_271",
22
+ "preference-icon-refresh--secondary": "awsui_preference-icon-refresh--secondary_1r9lg_1d1qh_275",
23
+ "preference-icon-refresh--default": "awsui_preference-icon-refresh--default_1r9lg_1d1qh_278",
24
+ "preference-icon-refresh--separator": "awsui_preference-icon-refresh--separator_1r9lg_1d1qh_281",
25
+ "preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-default_1r9lg_1d1qh_284",
26
+ "preference-icon-refresh--heading": "awsui_preference-icon-refresh--heading_1r9lg_1d1qh_287",
27
+ "resize-active": "awsui_resize-active_1r9lg_1d1qh_292",
28
+ "resize-side": "awsui_resize-side_1r9lg_1d1qh_298",
29
+ "resize-bottom": "awsui_resize-bottom_1r9lg_1d1qh_301",
30
+ "root": "awsui_root_1r9lg_1d1qh_306",
31
+ "preferences-button": "awsui_preferences-button_1r9lg_1d1qh_317",
32
+ "close-button": "awsui_close-button_1r9lg_1d1qh_321",
33
+ "drawer-closed": "awsui_drawer-closed_1r9lg_1d1qh_332",
34
+ "drawer-content-side": "awsui_drawer-content-side_1r9lg_1d1qh_337",
35
+ "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_1d1qh_357",
36
+ "position-bottom": "awsui_position-bottom_1r9lg_1d1qh_366",
37
+ "position-side": "awsui_position-side_1r9lg_1d1qh_393",
38
+ "slider": "awsui_slider_1r9lg_1d1qh_399",
39
+ "slider-side": "awsui_slider-side_1r9lg_1d1qh_428",
40
+ "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_1d1qh_433",
41
+ "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_1d1qh_444",
42
+ "open-button": "awsui_open-button_1r9lg_1d1qh_455",
43
+ "open-button-side": "awsui_open-button-side_1r9lg_1d1qh_459",
44
+ "slider-icon": "awsui_slider-icon_1r9lg_1d1qh_466",
45
+ "slider-icon-bottom": "awsui_slider-icon-bottom_1r9lg_1d1qh_472",
46
+ "slider-icon-side": "awsui_slider-icon-side_1r9lg_1d1qh_475",
47
+ "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_1d1qh_479",
48
+ "drawer-mobile": "awsui_drawer-mobile_1r9lg_1d1qh_489",
49
+ "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_1d1qh_492",
50
+ "content-bottom": "awsui_content-bottom_1r9lg_1d1qh_500",
51
+ "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_1d1qh_511",
52
+ "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_1d1qh_516",
53
+ "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_1d1qh_520",
54
+ "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_1d1qh_524",
55
+ "content-side": "awsui_content-side_1r9lg_1d1qh_529",
56
+ "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_1d1qh_540",
57
+ "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_1d1qh_543",
58
+ "header": "awsui_header_1r9lg_1d1qh_548",
59
+ "header-text": "awsui_header-text_1r9lg_1d1qh_557",
60
+ "header-divider": "awsui_header-divider_1r9lg_1d1qh_565",
61
+ "header-actions": "awsui_header-actions_1r9lg_1d1qh_571",
62
+ "divider": "awsui_divider_1r9lg_1d1qh_579"
62
63
  };
63
64