@cloudscape-design/components 3.0.1143 → 3.0.1145

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 (55) hide show
  1. package/annotation-context/annotation/annotation-popover.d.ts.map +1 -1
  2. package/annotation-context/annotation/annotation-popover.js +2 -5
  3. package/annotation-context/annotation/annotation-popover.js.map +1 -1
  4. package/annotation-context/annotation/styles.css.js +13 -24
  5. package/annotation-context/annotation/styles.scoped.css +20 -87
  6. package/annotation-context/annotation/styles.selectors.js +13 -24
  7. package/flashbar/interfaces.d.ts +1 -1
  8. package/flashbar/interfaces.js.map +1 -1
  9. package/index.d.ts +0 -1
  10. package/index.js +0 -1
  11. package/internal/base-component/styles.scoped.css +1 -1
  12. package/internal/environment.js +2 -2
  13. package/internal/environment.json +2 -2
  14. package/internal/hooks/use-table-interaction-metrics/index.d.ts.map +1 -1
  15. package/internal/hooks/use-table-interaction-metrics/index.js +10 -0
  16. package/internal/hooks/use-table-interaction-metrics/index.js.map +1 -1
  17. package/internal/manifest.json +1 -1
  18. package/navigable-group/index.d.ts +1 -1
  19. package/navigable-group/index.d.ts.map +1 -1
  20. package/navigable-group/index.js +4 -19
  21. package/navigable-group/index.js.map +1 -1
  22. package/package.json +1 -2
  23. package/popover/arrow.d.ts +5 -1
  24. package/popover/arrow.d.ts.map +1 -1
  25. package/popover/arrow.js +2 -2
  26. package/popover/arrow.js.map +1 -1
  27. package/popover/styles.css.js +57 -56
  28. package/popover/styles.scoped.css +91 -84
  29. package/popover/styles.selectors.js +57 -56
  30. package/segmented-control/index.d.ts.map +1 -1
  31. package/segmented-control/index.js +13 -14
  32. package/segmented-control/interfaces.d.ts +31 -0
  33. package/segmented-control/interfaces.d.ts.map +1 -1
  34. package/segmented-control/interfaces.js.map +1 -1
  35. package/segmented-control/internal-do-not-use-core.js +19 -0
  36. package/segmented-control/{index.js.map → internal-do-not-use-core.js.map} +1 -1
  37. package/segmented-control/internal-segmented-control.d.ts +2 -1
  38. package/segmented-control/internal-segmented-control.d.ts.map +1 -1
  39. package/segmented-control/internal-segmented-control.js +4 -3
  40. package/segmented-control/internal-segmented-control.js.map +1 -1
  41. package/segmented-control/internal.d.ts +1 -0
  42. package/segmented-control/internal.d.ts.map +1 -1
  43. package/segmented-control/internal.js +2 -2
  44. package/segmented-control/internal.js.map +1 -1
  45. package/segmented-control/segment.d.ts +1 -0
  46. package/segmented-control/segment.d.ts.map +1 -1
  47. package/segmented-control/segment.js +3 -2
  48. package/segmented-control/segment.js.map +1 -1
  49. package/segmented-control/style.d.ts +29 -0
  50. package/segmented-control/style.d.ts.map +1 -0
  51. package/segmented-control/style.js +37 -0
  52. package/segmented-control/style.js.map +1 -0
  53. package/segmented-control/styles.css.js +16 -16
  54. package/segmented-control/styles.scoped.css +47 -59
  55. package/segmented-control/styles.selectors.js +16 -16
package/popover/arrow.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"arrow.d.ts","sourceRoot":"","sources":["../../../src/popover/arrow.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAIhD,UAAU,UAAU;IAClB,QAAQ,EAAE,gBAAgB,GAAG,IAAI,CAAC;CACnC;0DAEqB,UAAU;AAWhC,wBAAiC"}
1
+ {"version":3,"file":"arrow.d.ts","sourceRoot":"","sources":["../../../src/popover/arrow.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAIhD,UAAU,UAAU;IAClB,QAAQ,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;CAC9B;0EAEqC,UAAU;AAUhD,wBAAiC"}
package/popover/arrow.js CHANGED
@@ -4,9 +4,9 @@ import React from 'react';
4
4
  import clsx from 'clsx';
5
5
  import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
6
6
  import styles from './styles.css.js';
7
- const Arrow = (props) => {
7
+ const Arrow = ({ position, variant }) => {
8
8
  const isVisualRefresh = useVisualRefresh();
9
- return (React.createElement("div", { className: clsx(styles.arrow, props.position && styles[`arrow-position-${props.position}`]) },
9
+ return (React.createElement("div", { className: clsx(styles.arrow, styles[`arrow-position-${position}`], styles[`arrow-variant-${variant}`]) },
10
10
  React.createElement("div", { className: styles['arrow-outer'] }),
11
11
  React.createElement("div", { className: clsx(styles['arrow-inner'], isVisualRefresh && styles.refresh) })));
12
12
  };
package/popover/arrow.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"arrow.js","sourceRoot":"","sources":["../../../src/popover/arrow.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAGrE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAMrC,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAE,EAAE;IAClC,MAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;IAE3C,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,IAAI,MAAM,CAAC,kBAAkB,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;QAC9F,6BAAK,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC,GAAI;QACzC,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,eAAe,IAAI,MAAM,CAAC,OAAO,CAAC,GAAI,CAC9E,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC,IAAI,CAAC,KAAK,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 clsx from 'clsx';\n\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { InternalPosition } from './interfaces';\n\nimport styles from './styles.css.js';\n\ninterface ArrowProps {\n position: InternalPosition | null;\n}\n\nconst Arrow = (props: ArrowProps) => {\n const isVisualRefresh = useVisualRefresh();\n\n return (\n <div className={clsx(styles.arrow, props.position && styles[`arrow-position-${props.position}`])}>\n <div className={styles['arrow-outer']} />\n <div className={clsx(styles['arrow-inner'], isVisualRefresh && styles.refresh)} />\n </div>\n );\n};\n\nexport default React.memo(Arrow);\n"]}
1
+ {"version":3,"file":"arrow.js","sourceRoot":"","sources":["../../../src/popover/arrow.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAGrE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAOrC,MAAM,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAc,EAAE,EAAE;IAClD,MAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;IAC3C,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,kBAAkB,QAAQ,EAAE,CAAC,EAAE,MAAM,CAAC,iBAAiB,OAAO,EAAE,CAAC,CAAC;QAC1G,6BAAK,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC,GAAI;QACzC,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,eAAe,IAAI,MAAM,CAAC,OAAO,CAAC,GAAI,CAC9E,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC,IAAI,CAAC,KAAK,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 clsx from 'clsx';\n\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { InternalPosition } from './interfaces';\n\nimport styles from './styles.css.js';\n\ninterface ArrowProps {\n position: InternalPosition | null;\n variant?: 'default' | 'info';\n}\n\nconst Arrow = ({ position, variant }: ArrowProps) => {\n const isVisualRefresh = useVisualRefresh();\n return (\n <div className={clsx(styles.arrow, styles[`arrow-position-${position}`], styles[`arrow-variant-${variant}`])}>\n <div className={styles['arrow-outer']} />\n <div className={clsx(styles['arrow-inner'], isVisualRefresh && styles.refresh)} />\n </div>\n );\n};\n\nexport default React.memo(Arrow);\n"]}
package/popover/styles.css.js CHANGED
@@ -1,61 +1,62 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "arrow": "awsui_arrow_xjuzf_1ao80_153",
5
- "arrow-outer": "awsui_arrow-outer_xjuzf_1ao80_157",
6
- "arrow-inner": "awsui_arrow-inner_xjuzf_1ao80_157",
7
- "arrow-position-right-top": "awsui_arrow-position-right-top_xjuzf_1ao80_199",
8
- "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_xjuzf_1ao80_199",
9
- "arrow-position-left-top": "awsui_arrow-position-left-top_xjuzf_1ao80_202",
10
- "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_xjuzf_1ao80_202",
11
- "arrow-position-top-center": "awsui_arrow-position-top-center_xjuzf_1ao80_205",
12
- "arrow-position-top-right": "awsui_arrow-position-top-right_xjuzf_1ao80_205",
13
- "arrow-position-top-left": "awsui_arrow-position-top-left_xjuzf_1ao80_205",
14
- "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_xjuzf_1ao80_205",
15
- "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_xjuzf_1ao80_208",
16
- "arrow-position-bottom-right": "awsui_arrow-position-bottom-right_xjuzf_1ao80_208",
17
- "arrow-position-bottom-left": "awsui_arrow-position-bottom-left_xjuzf_1ao80_208",
18
- "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_xjuzf_1ao80_208",
19
- "body": "awsui_body_xjuzf_1ao80_220",
20
- "body-overflow-visible": "awsui_body-overflow-visible_xjuzf_1ao80_256",
21
- "body-variant-chart": "awsui_body-variant-chart_xjuzf_1ao80_259",
22
- "has-dismiss": "awsui_has-dismiss_xjuzf_1ao80_264",
23
- "dismiss": "awsui_dismiss_xjuzf_1ao80_269",
24
- "dismiss-control": "awsui_dismiss-control_xjuzf_1ao80_277",
25
- "header-row": "awsui_header-row_xjuzf_1ao80_281",
26
- "header": "awsui_header_xjuzf_1ao80_281",
27
- "content": "awsui_content_xjuzf_1ao80_306",
28
- "content-overflow-visible": "awsui_content-overflow-visible_xjuzf_1ao80_315",
29
- "container": "awsui_container_xjuzf_1ao80_327",
30
- "container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-left_xjuzf_1ao80_338",
31
- "container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-center_xjuzf_1ao80_338",
32
- "container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-right_xjuzf_1ao80_338",
33
- "container-arrow-position-top-left": "awsui_container-arrow-position-top-left_xjuzf_1ao80_343",
34
- "container-arrow-position-top-center": "awsui_container-arrow-position-top-center_xjuzf_1ao80_343",
35
- "container-arrow-position-top-right": "awsui_container-arrow-position-top-right_xjuzf_1ao80_343",
36
- "container-arrow-position-right-top": "awsui_container-arrow-position-right-top_xjuzf_1ao80_348",
37
- "container-arrow-position-right-bottom": "awsui_container-arrow-position-right-bottom_xjuzf_1ao80_348",
38
- "container-arrow-position-left-top": "awsui_container-arrow-position-left-top_xjuzf_1ao80_353",
39
- "container-arrow-position-left-bottom": "awsui_container-arrow-position-left-bottom_xjuzf_1ao80_353",
40
- "container-body": "awsui_container-body_xjuzf_1ao80_359",
41
- "container-body-variant-annotation": "awsui_container-body-variant-annotation_xjuzf_1ao80_399",
42
- "container-body-size-small": "awsui_container-body-size-small_xjuzf_1ao80_404",
43
- "fixed-width": "awsui_fixed-width_xjuzf_1ao80_407",
44
- "container-body-size-medium": "awsui_container-body-size-medium_xjuzf_1ao80_411",
45
- "container-body-size-large": "awsui_container-body-size-large_xjuzf_1ao80_418",
46
- "container-arrow": "awsui_container-arrow_xjuzf_1ao80_338",
47
- "container-arrow-position-top-responsive": "awsui_container-arrow-position-top-responsive_xjuzf_1ao80_468",
48
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_xjuzf_1ao80_1",
49
- "refresh": "awsui_refresh_xjuzf_1ao80_526",
50
- "root": "awsui_root_xjuzf_1ao80_548",
51
- "no-wrap": "awsui_no-wrap_xjuzf_1ao80_580",
52
- "root-filtering-token": "awsui_root-filtering-token_xjuzf_1ao80_584",
53
- "trigger": "awsui_trigger_xjuzf_1ao80_588",
54
- "overflow-ellipsis": "awsui_overflow-ellipsis_xjuzf_1ao80_595",
55
- "trigger-type-text-inline": "awsui_trigger-type-text-inline_xjuzf_1ao80_603",
56
- "trigger-type-text": "awsui_trigger-type-text_xjuzf_1ao80_603",
57
- "trigger-type-filtering-token": "awsui_trigger-type-filtering-token_xjuzf_1ao80_671",
58
- "popover-inline-content": "awsui_popover-inline-content_xjuzf_1ao80_675",
59
- "hover-area": "awsui_hover-area_xjuzf_1ao80_679"
4
+ "arrow": "awsui_arrow_xjuzf_ydxwu_153",
5
+ "arrow-outer": "awsui_arrow-outer_xjuzf_ydxwu_157",
6
+ "arrow-inner": "awsui_arrow-inner_xjuzf_ydxwu_157",
7
+ "arrow-position-right-top": "awsui_arrow-position-right-top_xjuzf_ydxwu_199",
8
+ "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_xjuzf_ydxwu_199",
9
+ "arrow-position-left-top": "awsui_arrow-position-left-top_xjuzf_ydxwu_202",
10
+ "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_xjuzf_ydxwu_202",
11
+ "arrow-position-top-center": "awsui_arrow-position-top-center_xjuzf_ydxwu_205",
12
+ "arrow-position-top-right": "awsui_arrow-position-top-right_xjuzf_ydxwu_205",
13
+ "arrow-position-top-left": "awsui_arrow-position-top-left_xjuzf_ydxwu_205",
14
+ "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_xjuzf_ydxwu_205",
15
+ "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_xjuzf_ydxwu_208",
16
+ "arrow-position-bottom-right": "awsui_arrow-position-bottom-right_xjuzf_ydxwu_208",
17
+ "arrow-position-bottom-left": "awsui_arrow-position-bottom-left_xjuzf_ydxwu_208",
18
+ "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_xjuzf_ydxwu_208",
19
+ "arrow-variant-info": "awsui_arrow-variant-info_xjuzf_ydxwu_212",
20
+ "body": "awsui_body_xjuzf_ydxwu_227",
21
+ "body-overflow-visible": "awsui_body-overflow-visible_xjuzf_ydxwu_263",
22
+ "body-variant-chart": "awsui_body-variant-chart_xjuzf_ydxwu_266",
23
+ "has-dismiss": "awsui_has-dismiss_xjuzf_ydxwu_271",
24
+ "dismiss": "awsui_dismiss_xjuzf_ydxwu_276",
25
+ "dismiss-control": "awsui_dismiss-control_xjuzf_ydxwu_284",
26
+ "header-row": "awsui_header-row_xjuzf_ydxwu_288",
27
+ "header": "awsui_header_xjuzf_ydxwu_288",
28
+ "content": "awsui_content_xjuzf_ydxwu_313",
29
+ "content-overflow-visible": "awsui_content-overflow-visible_xjuzf_ydxwu_322",
30
+ "container": "awsui_container_xjuzf_ydxwu_334",
31
+ "container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-left_xjuzf_ydxwu_345",
32
+ "container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-center_xjuzf_ydxwu_345",
33
+ "container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-right_xjuzf_ydxwu_345",
34
+ "container-arrow-position-top-left": "awsui_container-arrow-position-top-left_xjuzf_ydxwu_350",
35
+ "container-arrow-position-top-center": "awsui_container-arrow-position-top-center_xjuzf_ydxwu_350",
36
+ "container-arrow-position-top-right": "awsui_container-arrow-position-top-right_xjuzf_ydxwu_350",
37
+ "container-arrow-position-right-top": "awsui_container-arrow-position-right-top_xjuzf_ydxwu_355",
38
+ "container-arrow-position-right-bottom": "awsui_container-arrow-position-right-bottom_xjuzf_ydxwu_355",
39
+ "container-arrow-position-left-top": "awsui_container-arrow-position-left-top_xjuzf_ydxwu_360",
40
+ "container-arrow-position-left-bottom": "awsui_container-arrow-position-left-bottom_xjuzf_ydxwu_360",
41
+ "container-body": "awsui_container-body_xjuzf_ydxwu_366",
42
+ "container-body-variant-annotation": "awsui_container-body-variant-annotation_xjuzf_ydxwu_406",
43
+ "container-body-size-small": "awsui_container-body-size-small_xjuzf_ydxwu_411",
44
+ "fixed-width": "awsui_fixed-width_xjuzf_ydxwu_414",
45
+ "container-body-size-medium": "awsui_container-body-size-medium_xjuzf_ydxwu_418",
46
+ "container-body-size-large": "awsui_container-body-size-large_xjuzf_ydxwu_425",
47
+ "container-arrow": "awsui_container-arrow_xjuzf_ydxwu_345",
48
+ "container-arrow-position-top-responsive": "awsui_container-arrow-position-top-responsive_xjuzf_ydxwu_475",
49
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_xjuzf_ydxwu_1",
50
+ "refresh": "awsui_refresh_xjuzf_ydxwu_533",
51
+ "root": "awsui_root_xjuzf_ydxwu_555",
52
+ "no-wrap": "awsui_no-wrap_xjuzf_ydxwu_587",
53
+ "root-filtering-token": "awsui_root-filtering-token_xjuzf_ydxwu_591",
54
+ "trigger": "awsui_trigger_xjuzf_ydxwu_595",
55
+ "overflow-ellipsis": "awsui_overflow-ellipsis_xjuzf_ydxwu_602",
56
+ "trigger-type-text-inline": "awsui_trigger-type-text-inline_xjuzf_ydxwu_610",
57
+ "trigger-type-text": "awsui_trigger-type-text_xjuzf_ydxwu_610",
58
+ "trigger-type-filtering-token": "awsui_trigger-type-filtering-token_xjuzf_ydxwu_678",
59
+ "popover-inline-content": "awsui_popover-inline-content_xjuzf_ydxwu_682",
60
+ "hover-area": "awsui_hover-area_xjuzf_ydxwu_686"
60
61
  };
61
62