@cloudscape-design/components 3.0.305 → 3.0.307

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 (72) hide show
  1. package/alert/internal.d.ts.map +1 -1
  2. package/alert/internal.js +5 -1
  3. package/alert/internal.js.map +1 -1
  4. package/breadcrumb-group/item/item.d.ts.map +1 -1
  5. package/breadcrumb-group/item/item.js +7 -5
  6. package/breadcrumb-group/item/item.js.map +1 -1
  7. package/column-layout/flexible-column-layout/index.d.ts +9 -0
  8. package/column-layout/flexible-column-layout/index.d.ts.map +1 -0
  9. package/column-layout/flexible-column-layout/index.js +33 -0
  10. package/column-layout/flexible-column-layout/index.js.map +1 -0
  11. package/column-layout/flexible-column-layout/styles.css.js +10 -0
  12. package/column-layout/flexible-column-layout/styles.scoped.css +24 -0
  13. package/column-layout/flexible-column-layout/styles.selectors.js +11 -0
  14. package/column-layout/grid-column-layout.d.ts +10 -0
  15. package/column-layout/grid-column-layout.d.ts.map +1 -0
  16. package/column-layout/grid-column-layout.js +32 -0
  17. package/column-layout/grid-column-layout.js.map +1 -0
  18. package/column-layout/index.d.ts.map +1 -1
  19. package/column-layout/index.js +2 -4
  20. package/column-layout/index.js.map +1 -1
  21. package/column-layout/interfaces.d.ts +11 -0
  22. package/column-layout/interfaces.d.ts.map +1 -1
  23. package/column-layout/interfaces.js.map +1 -1
  24. package/column-layout/internal.d.ts +2 -3
  25. package/column-layout/internal.d.ts.map +1 -1
  26. package/column-layout/internal.js +6 -27
  27. package/column-layout/internal.js.map +1 -1
  28. package/expandable-section/expandable-section-header.d.ts +4 -1
  29. package/expandable-section/expandable-section-header.d.ts.map +1 -1
  30. package/expandable-section/expandable-section-header.js +19 -10
  31. package/expandable-section/expandable-section-header.js.map +1 -1
  32. package/expandable-section/interfaces.d.ts +11 -3
  33. package/expandable-section/interfaces.d.ts.map +1 -1
  34. package/expandable-section/interfaces.js.map +1 -1
  35. package/expandable-section/internal.d.ts +1 -1
  36. package/expandable-section/internal.d.ts.map +1 -1
  37. package/expandable-section/internal.js +2 -2
  38. package/expandable-section/internal.js.map +1 -1
  39. package/expandable-section/styles.css.js +26 -24
  40. package/expandable-section/styles.scoped.css +50 -58
  41. package/expandable-section/styles.selectors.js +26 -24
  42. package/flashbar/flash.d.ts.map +1 -1
  43. package/flashbar/flash.js +6 -2
  44. package/flashbar/flash.js.map +1 -1
  45. package/form-field/internal.d.ts.map +1 -1
  46. package/form-field/internal.js +8 -10
  47. package/form-field/internal.js.map +1 -1
  48. package/header/internal.d.ts.map +1 -1
  49. package/header/internal.js +2 -1
  50. package/header/internal.js.map +1 -1
  51. package/internal/analytics/components/analytics-funnel.d.ts.map +1 -1
  52. package/internal/analytics/components/analytics-funnel.js +3 -2
  53. package/internal/analytics/components/analytics-funnel.js.map +1 -1
  54. package/internal/analytics/hooks/use-funnel.d.ts +1 -1
  55. package/internal/analytics/hooks/use-funnel.d.ts.map +1 -1
  56. package/internal/analytics/hooks/use-funnel.js +5 -5
  57. package/internal/analytics/hooks/use-funnel.js.map +1 -1
  58. package/internal/analytics/interfaces.d.ts +2 -2
  59. package/internal/analytics/interfaces.d.ts.map +1 -1
  60. package/internal/analytics/interfaces.js.map +1 -1
  61. package/internal/analytics/selectors.d.ts +15 -1
  62. package/internal/analytics/selectors.d.ts.map +1 -1
  63. package/internal/analytics/selectors.js +19 -5
  64. package/internal/analytics/selectors.js.map +1 -1
  65. package/internal/environment.js +1 -1
  66. package/internal/manifest.json +1 -1
  67. package/link/internal.js +4 -4
  68. package/link/internal.js.map +1 -1
  69. package/package.json +1 -1
  70. package/split-panel/styles.css.js +59 -59
  71. package/split-panel/styles.scoped.css +83 -81
  72. package/split-panel/styles.selectors.js +59 -59
@@ -1 +1 @@
1
- {"version":3,"file":"selectors.js","sourceRoot":"lib/default/","sources":["internal/analytics/selectors.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE,CAAC,uCAAuC,CAAC;AACnF,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE,CAAC,0BAA0B,CAAC;AACtE,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,SAAiB,EAAE,EAAE,CAAC,4BAA4B,SAAS,IAAI,CAAC;AACnG,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,SAAiB,EAAE,EAAE,CAC1D,4BAA4B,SAAS,oCAAoC,CAAC;AAC5E,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,QAAgB,EAAE,EAAE,CAAC,+BAA+B,QAAQ,IAAI,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nexport const getFunnelNameSelector = () => '[data-analytics-context=\"breadcrumb\"]';\nexport const getSubStepAllSelector = () => `[data-analytics-substep]`;\nexport const getSubStepSelector = (subStepId: string) => `[data-analytics-substep=\"${subStepId}\"]`;\nexport const getSubStepNameSelector = (subStepId: string) =>\n `[data-analytics-substep=\"${subStepId}\"] [data-analytics=\"heading-text\"]`;\nexport const getElementSelector = (uniqueId: string) => `[data-analytics-element-id=\"${uniqueId}\"]`;\n"]}
1
+ {"version":3,"file":"selectors.js","sourceRoot":"lib/default/","sources":["internal/analytics/selectors.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,MAAM,CAAC,MAAM,gBAAgB,GAAG,uBAAuB,CAAC;AACxD,MAAM,CAAC,MAAM,+BAA+B,GAAG,GAAG,gBAAgB,iBAAiB,CAAC;AACpF,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,gBAAgB,MAAM,CAAC;AAC9D,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,gBAAgB,QAAQ,CAAC;AAClE,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,gBAAgB,OAAO,CAAC;AAChE,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,gBAAgB,UAAU,CAAC;AAEtE,MAAM,CAAC,MAAM,qBAAqB,GAAG,4BAA4B,CAAC;AAClE,MAAM,CAAC,MAAM,qBAAqB,GAAG,4BAA4B,CAAC;AAElE,MAAM,CAAC,MAAM,yBAAyB,GAAG,sBAAsB,CAAC;AAChE,MAAM,CAAC,MAAM,4BAA4B,GAAG,yBAAyB,CAAC;AAEtE,MAAM,CAAC,MAAM,sBAAsB,GAAG,aAAa,CAAC;AACpD,MAAM,CAAC,MAAM,uBAAuB,GAAG,cAAc,CAAC;AAEtD,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE,CAAC,IAAI,oBAAoB,KAAK,sBAAsB,IAAI,CAAC;AACnG,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,IAAI,oBAAoB,KAAK,GAAG,IAAI,CAAC;AAC1F,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,IAAI,sBAAsB,KAAK,KAAK,IAAI,CAAC;AAElG,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE,CAAC,IAAI,wBAAwB,GAAG,CAAC;AAC3E,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,SAAiB,EAAE,EAAE,CAAC,IAAI,wBAAwB,KAAK,SAAS,IAAI,CAAC;AACxG,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,SAAiB,EAAE,EAAE,CAC1D,CAAC,GAAG,kBAAkB,CAAC,SAAS,CAAC,EAAE,EAAE,IAAI,oBAAoB,KAAK,uBAAuB,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAE3G,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAAsB,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nexport const DATA_ATTR_FUNNEL = 'data-analytics-funnel';\nexport const DATA_ATTR_FUNNEL_INTERACTION_ID = `${DATA_ATTR_FUNNEL}-interaction-id`;\nexport const DATA_ATTR_FUNNEL_KEY = `${DATA_ATTR_FUNNEL}-key`;\nexport const DATA_ATTR_FUNNEL_VALUE = `${DATA_ATTR_FUNNEL}-value`;\nexport const DATA_ATTR_FUNNEL_STEP = `${DATA_ATTR_FUNNEL}-step`;\nexport const DATA_ATTR_FUNNEL_SUBSTEP = `${DATA_ATTR_FUNNEL}-substep`;\n\nexport const DATA_ATTR_FIELD_LABEL = 'data-analytics-field-label';\nexport const DATA_ATTR_FIELD_ERROR = 'data-analytics-field-error';\n\nexport const DATA_ATTR_ANALYTICS_ALERT = 'data-analytics-alert';\nexport const DATA_ATTR_ANALYTICS_FLASHBAR = 'data-analytics-flashbar';\n\nexport const FUNNEL_KEY_FUNNEL_NAME = 'funnel-name';\nexport const FUNNEL_KEY_SUBSTEP_NAME = 'substep-name';\n\nexport const getFunnelNameSelector = () => `[${DATA_ATTR_FUNNEL_KEY}=\"${FUNNEL_KEY_FUNNEL_NAME}\"]`;\nexport const getFunnelKeySelector = (key: string) => `[${DATA_ATTR_FUNNEL_KEY}=\"${key}\"]`;\nexport const getFunnelValueSelector = (value: string) => `[${DATA_ATTR_FUNNEL_VALUE}=\"${value}\"]`;\n\nexport const getSubStepAllSelector = () => `[${DATA_ATTR_FUNNEL_SUBSTEP}]`;\nexport const getSubStepSelector = (subStepId: string) => `[${DATA_ATTR_FUNNEL_SUBSTEP}=\"${subStepId}\"]`;\nexport const getSubStepNameSelector = (subStepId: string) =>\n [`${getSubStepSelector(subStepId)}`, `[${DATA_ATTR_FUNNEL_KEY}=\"${FUNNEL_KEY_SUBSTEP_NAME}\"]`].join(' ');\n\nexport const getFieldSlotSeletor = (id: string | undefined) => (id ? `[id=\"${id}\"]` : undefined);\n"]}
@@ -1,6 +1,6 @@
1
1
 
2
2
  export var PACKAGE_SOURCE = 'components';
3
- export var PACKAGE_VERSION = '3.0.0 (8a8d7f0)';
3
+ export var PACKAGE_VERSION = '3.0.0 (8caa2d5)';
4
4
  export var THEME = 'open-source-visual-refresh';
5
5
  export var ALWAYS_VISUAL_REFRESH = true;
6
6
 
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "8a8d7f04ecd9cbcc0ccfc9daab11a2d5a10ff4ba"
2
+ "commit": "8caa2d5f8ecc20ae7adc4eedbe8f04b9d7e41165"
3
3
  }
package/link/internal.js CHANGED
@@ -16,7 +16,7 @@ import { useInternalI18n } from '../internal/i18n/context';
16
16
  import { useFunnel, useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';
17
17
  import { FunnelMetrics } from '../internal/analytics';
18
18
  import { useUniqueId } from '../internal/hooks/use-unique-id';
19
- import { getElementSelector, getSubStepAllSelector } from '../internal/analytics/selectors';
19
+ import { DATA_ATTR_FUNNEL_VALUE, getFunnelValueSelector, getSubStepAllSelector } from '../internal/analytics/selectors';
20
20
  const InternalLink = React.forwardRef((_a, ref) => {
21
21
  var { variant = 'secondary', fontSize = 'body-m', color = 'normal', external = false, target, href, rel, ariaLabel, externalIconAriaLabel, onFollow, children, __internalRootRef = null } = _a, props = __rest(_a, ["variant", "fontSize", "color", "external", "target", "href", "rel", "ariaLabel", "externalIconAriaLabel", "onFollow", "children", "__internalRootRef"]);
22
22
  checkSafeUrl('Link', href);
@@ -38,7 +38,7 @@ const InternalLink = React.forwardRef((_a, ref) => {
38
38
  stepNameSelector,
39
39
  subStepSelector,
40
40
  subStepNameSelector,
41
- elementSelector: getElementSelector(uniqueId),
41
+ elementSelector: getFunnelValueSelector(uniqueId),
42
42
  subStepAllSelector: getSubStepAllSelector(),
43
43
  });
44
44
  }
@@ -49,7 +49,7 @@ const InternalLink = React.forwardRef((_a, ref) => {
49
49
  stepNameSelector,
50
50
  subStepSelector,
51
51
  subStepNameSelector,
52
- elementSelector: getElementSelector(uniqueId),
52
+ elementSelector: getFunnelValueSelector(uniqueId),
53
53
  subStepAllSelector: getSubStepAllSelector(),
54
54
  });
55
55
  }
@@ -82,7 +82,7 @@ const InternalLink = React.forwardRef((_a, ref) => {
82
82
  const sharedProps = Object.assign(Object.assign({}, baseProps), {
83
83
  // https://github.com/microsoft/TypeScript/issues/36659
84
84
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
85
- ref: useMergeRefs(linkRef, __internalRootRef), className: clsx(styles.link, baseProps.className, applyButtonStyles ? styles.button : null, styles[getVariantStyle(variant)], styles[getFontSizeStyle(variant, fontSize)], styles[getColorStyle(variant, color)]), 'aria-label': ariaLabel, 'data-analytics-id': uniqueId });
85
+ ref: useMergeRefs(linkRef, __internalRootRef), className: clsx(styles.link, baseProps.className, applyButtonStyles ? styles.button : null, styles[getVariantStyle(variant)], styles[getFontSizeStyle(variant, fontSize)], styles[getColorStyle(variant, color)]), 'aria-label': ariaLabel, [DATA_ATTR_FUNNEL_VALUE]: uniqueId });
86
86
  const renderedExternalIconAriaLabel = i18n('externalIconAriaLabel', externalIconAriaLabel);
87
87
  const content = (React.createElement(React.Fragment, null,
88
88
  children,
@@ -1 +1 @@
1
- {"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["link/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAC5C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3E,OAAO,eAAe,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAG9C,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAErF,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAO5F,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CACnC,CACE,EAcoB,EACpB,GAA6B,EAC7B,EAAE;QAhBF,EACE,OAAO,GAAG,WAAW,EACrB,QAAQ,GAAG,QAAQ,EACnB,KAAK,GAAG,QAAQ,EAChB,QAAQ,GAAG,KAAK,EAChB,MAAM,EACN,IAAI,EACJ,GAAG,EACH,SAAS,EACT,qBAAqB,EACrB,QAAQ,EACR,QAAQ,EACR,iBAAiB,GAAG,IAAI,OAEN,EADf,KAAK,cAbV,wJAcC,CADS;IAIV,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAC3B,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC;IACvB,MAAM,aAAa,GAAG,CAAC,gBAAgB,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC;IAC7D,MAAM,eAAe,GAAG,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;IAE5D,MAAM,IAAI,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC;IACrC,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IACtC,MAAM,YAAY,GAAG,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IACjE,MAAM,SAAS,GAAG,GAAG,aAAH,GAAG,cAAH,GAAG,GAAI,CAAC,YAAY,KAAK,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IACzF,MAAM,QAAQ,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;IAErC,MAAM,EAAE,mBAAmB,EAAE,GAAG,SAAS,EAAE,CAAC;IAC5C,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,eAAe,EAAE,mBAAmB,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAElG,MAAM,eAAe,GAAG,CAAC,mBAA2B,EAAE,EAAE;QACtD,IAAI,OAAO,KAAK,MAAM,EAAE;YACtB,aAAa,CAAC,mBAAmB,CAAC;gBAChC,mBAAmB;gBACnB,UAAU;gBACV,gBAAgB;gBAChB,eAAe;gBACf,mBAAmB;gBACnB,eAAe,EAAE,kBAAkB,CAAC,QAAQ,CAAC;gBAC7C,kBAAkB,EAAE,qBAAqB,EAAE;aAC5C,CAAC,CAAC;SACJ;aAAM,IAAI,QAAQ,EAAE;YACnB,aAAa,CAAC,sBAAsB,CAAC;gBACnC,mBAAmB;gBACnB,UAAU;gBACV,gBAAgB;gBAChB,eAAe;gBACf,mBAAmB;gBACnB,eAAe,EAAE,kBAAkB,CAAC,QAAQ,CAAC;gBAC7C,kBAAkB,EAAE,qBAAqB,EAAE;aAC5C,CAAC,CAAC;SACJ;IACH,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;QACtD,IAAI,mBAAmB,EAAE;YACvB,eAAe,CAAC,mBAAmB,CAAC,CAAC;SACtC;QAED,mBAAmB,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,KAAK,CAAC,CAAC;IACjF,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,KAAuB,EAAE,EAAE;QAClD,IAAI,gBAAgB,CAAC,KAAK,CAAC,EAAE;YAC3B,eAAe,CAAC,KAAK,CAAC,CAAC;SACxB;IACH,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,KAAuB,EAAE,EAAE;QACpD,eAAe,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,CAAC,KAA0B,EAAE,EAAE;QACzD,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,KAAK,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,KAAK,EAAE;YACtE,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,eAAe,CAAC,KAAK,CAAC,CAAC;SACxB;IACH,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAC1C,MAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;IAC3C,eAAe,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;IAE9B,2HAA2H;IAC3H,MAAM,iBAAiB,GAAG,QAAQ,IAAI,eAAe,IAAI,CAAC,eAAe,CAAC;IAE1E,MAAM,WAAW,mCACZ,SAAS;QACZ,uDAAuD;QACvD,8DAA8D;QAC9D,GAAG,EAAE,YAAY,CAAC,OAAc,EAAE,iBAAiB,CAAC,EACpD,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,IAAI,EACX,SAAS,CAAC,SAAS,EACnB,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EACxC,MAAM,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,EAChC,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,EAC3C,MAAM,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CACtC,EACD,YAAY,EAAE,SAAS,EACvB,mBAAmB,EAAE,QAAQ,GAC9B,CAAC;IAEF,MAAM,6BAA6B,GAAG,IAAI,CAAC,uBAAuB,EAAE,qBAAqB,CAAC,CAAC;IAC3F,MAAM,OAAO,GAAG,CACd;QACG,QAAQ;QACR,QAAQ,IAAI,CACX,8BAAM,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC;;YAErC,8BACE,SAAS,EAAE,MAAM,CAAC,IAAI,gBACV,6BAA6B,EACzC,IAAI,EAAE,6BAA6B,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;gBAEvD,oBAAC,YAAY,IAAC,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,SAAS,GAAG,CAC1C,CACF,CACR,CACA,CACJ,CAAC;IAEF,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,2CAAO,WAAW,IAAE,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,mBAAmB,EAAE,OAAO,EAAE,iBAAiB,KACtG,OAAO,CACN,CACL,CAAC;KACH;IAED,OAAO;IACL,kDAAkD;IAClD,qDAAqD;IACrD,2CAAO,WAAW,IAAE,MAAM,EAAE,YAAY,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,eAAe,KAC3F,OAAO,CACN,CACL,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,eAAe,CAAC,OAAyD;IAChF,OAAO,WAAW,OAAO,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC;AACrD,CAAC;AAED,SAAS,gBAAgB,CAAC,OAAqC,EAAE,QAAuC;IACtG,QAAQ,OAAO,EAAE;QACf,KAAK,MAAM;YACT,OAAO,kBAAkB,CAAC;QAC5B,KAAK,mBAAmB;YACtB,OAAO,qBAAqB,CAAC;QAC/B;YACE,OAAO,aAAa,QAAQ,EAAE,CAAC;KAClC;AACH,CAAC;AAED,SAAS,aAAa,CAAC,OAAqC,EAAE,KAAiC;IAC7F,OAAO,SAAS,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;AAC1D,CAAC;AAED,eAAe,YAAY,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef } from 'react';\nimport clsx from 'clsx';\nimport InternalIcon from '../icon/internal';\nimport styles from './styles.css.js';\nimport { getBaseProps } from '../internal/base-component';\nimport { fireCancelableEvent, isPlainLeftClick } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { KeyCode } from '../internal/keycode';\nimport { LinkProps } from './interfaces';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { checkSafeUrl } from '../internal/utils/check-safe-url';\nimport { useInternalI18n } from '../internal/i18n/context';\nimport { useFunnel, useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';\n\nimport { FunnelMetrics } from '../internal/analytics';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { getElementSelector, getSubStepAllSelector } from '../internal/analytics/selectors';\n\ntype InternalLinkProps = InternalBaseComponentProps &\n Omit<LinkProps, 'variant'> & {\n variant?: LinkProps['variant'] | 'top-navigation' | 'link' | 'recovery';\n };\n\nconst InternalLink = React.forwardRef(\n (\n {\n variant = 'secondary',\n fontSize = 'body-m',\n color = 'normal',\n external = false,\n target,\n href,\n rel,\n ariaLabel,\n externalIconAriaLabel,\n onFollow,\n children,\n __internalRootRef = null,\n ...props\n }: InternalLinkProps,\n ref: React.Ref<LinkProps.Ref>\n ) => {\n checkSafeUrl('Link', href);\n const isButton = !href;\n const specialStyles = ['top-navigation', 'link', 'recovery'];\n const hasSpecialStyle = specialStyles.indexOf(variant) > -1;\n\n const i18n = useInternalI18n('link');\n const baseProps = getBaseProps(props);\n const anchorTarget = target ?? (external ? '_blank' : undefined);\n const anchorRel = rel ?? (anchorTarget === '_blank' ? 'noopener noreferrer' : undefined);\n const uniqueId = useUniqueId('link');\n\n const { funnelInteractionId } = useFunnel();\n const { stepNumber, stepNameSelector, subStepSelector, subStepNameSelector } = useFunnelSubStep();\n\n const fireFunnelEvent = (funnelInteractionId: string) => {\n if (variant === 'info') {\n FunnelMetrics.helpPanelInteracted({\n funnelInteractionId,\n stepNumber,\n stepNameSelector,\n subStepSelector,\n subStepNameSelector,\n elementSelector: getElementSelector(uniqueId),\n subStepAllSelector: getSubStepAllSelector(),\n });\n } else if (external) {\n FunnelMetrics.externalLinkInteracted({\n funnelInteractionId,\n stepNumber,\n stepNameSelector,\n subStepSelector,\n subStepNameSelector,\n elementSelector: getElementSelector(uniqueId),\n subStepAllSelector: getSubStepAllSelector(),\n });\n }\n };\n\n const fireFollowEvent = (event: React.SyntheticEvent) => {\n if (funnelInteractionId) {\n fireFunnelEvent(funnelInteractionId);\n }\n\n fireCancelableEvent(onFollow, { href, external, target: anchorTarget }, event);\n };\n\n const handleLinkClick = (event: React.MouseEvent) => {\n if (isPlainLeftClick(event)) {\n fireFollowEvent(event);\n }\n };\n\n const handleButtonClick = (event: React.MouseEvent) => {\n fireFollowEvent(event);\n };\n\n const handleButtonKeyDown = (event: React.KeyboardEvent) => {\n if (event.keyCode === KeyCode.space || event.keyCode === KeyCode.enter) {\n event.preventDefault();\n fireFollowEvent(event);\n }\n };\n\n const linkRef = useRef<HTMLElement>(null);\n const isVisualRefresh = useVisualRefresh();\n useForwardFocus(ref, linkRef);\n\n // Visual refresh should only add styles to buttons that don't already have unique styles (e.g. primary/secondary variants)\n const applyButtonStyles = isButton && isVisualRefresh && !hasSpecialStyle;\n\n const sharedProps = {\n ...baseProps,\n // https://github.com/microsoft/TypeScript/issues/36659\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ref: useMergeRefs(linkRef as any, __internalRootRef),\n className: clsx(\n styles.link,\n baseProps.className,\n applyButtonStyles ? styles.button : null,\n styles[getVariantStyle(variant)],\n styles[getFontSizeStyle(variant, fontSize)],\n styles[getColorStyle(variant, color)]\n ),\n 'aria-label': ariaLabel,\n 'data-analytics-id': uniqueId,\n };\n\n const renderedExternalIconAriaLabel = i18n('externalIconAriaLabel', externalIconAriaLabel);\n const content = (\n <>\n {children}\n {external && (\n <span className={styles['icon-wrapper']}>\n &nbsp;\n <span\n className={styles.icon}\n aria-label={renderedExternalIconAriaLabel}\n role={renderedExternalIconAriaLabel ? 'img' : undefined}\n >\n <InternalIcon name=\"external\" size=\"inherit\" />\n </span>\n </span>\n )}\n </>\n );\n\n if (isButton) {\n return (\n <a {...sharedProps} role=\"button\" tabIndex={0} onKeyDown={handleButtonKeyDown} onClick={handleButtonClick}>\n {content}\n </a>\n );\n }\n\n return (\n // we dynamically set proper rel in the code above\n // eslint-disable-next-line react/jsx-no-target-blank\n <a {...sharedProps} target={anchorTarget} rel={anchorRel} href={href} onClick={handleLinkClick}>\n {content}\n </a>\n );\n }\n);\n\nfunction getVariantStyle(variant: Exclude<InternalLinkProps['variant'], undefined>) {\n return `variant-${variant.replace(/^awsui-/, '')}`;\n}\n\nfunction getFontSizeStyle(variant: InternalLinkProps['variant'], fontSize: InternalLinkProps['fontSize']) {\n switch (variant) {\n case 'info':\n return 'font-size-body-s';\n case 'awsui-value-large':\n return 'font-size-display-l';\n default:\n return `font-size-${fontSize}`;\n }\n}\n\nfunction getColorStyle(variant: InternalLinkProps['variant'], color: InternalLinkProps['color']) {\n return `color-${variant === 'info' ? 'normal' : color}`;\n}\n\nexport default InternalLink;\n"]}
1
+ {"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["link/internal.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, { useRef } from 'react';\nimport clsx from 'clsx';\nimport InternalIcon from '../icon/internal';\nimport styles from './styles.css.js';\nimport { getBaseProps } from '../internal/base-component';\nimport { fireCancelableEvent, isPlainLeftClick } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { KeyCode } from '../internal/keycode';\nimport { LinkProps } from './interfaces';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { checkSafeUrl } from '../internal/utils/check-safe-url';\nimport { useInternalI18n } from '../internal/i18n/context';\nimport { useFunnel, useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';\n\nimport { FunnelMetrics } from '../internal/analytics';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { DATA_ATTR_FUNNEL_VALUE, getFunnelValueSelector, getSubStepAllSelector } from '../internal/analytics/selectors';\n\ntype InternalLinkProps = InternalBaseComponentProps &\n Omit<LinkProps, 'variant'> & {\n variant?: LinkProps['variant'] | 'top-navigation' | 'link' | 'recovery';\n };\n\nconst InternalLink = React.forwardRef(\n (\n {\n variant = 'secondary',\n fontSize = 'body-m',\n color = 'normal',\n external = false,\n target,\n href,\n rel,\n ariaLabel,\n externalIconAriaLabel,\n onFollow,\n children,\n __internalRootRef = null,\n ...props\n }: InternalLinkProps,\n ref: React.Ref<LinkProps.Ref>\n ) => {\n checkSafeUrl('Link', href);\n const isButton = !href;\n const specialStyles = ['top-navigation', 'link', 'recovery'];\n const hasSpecialStyle = specialStyles.indexOf(variant) > -1;\n\n const i18n = useInternalI18n('link');\n const baseProps = getBaseProps(props);\n const anchorTarget = target ?? (external ? '_blank' : undefined);\n const anchorRel = rel ?? (anchorTarget === '_blank' ? 'noopener noreferrer' : undefined);\n const uniqueId = useUniqueId('link');\n\n const { funnelInteractionId } = useFunnel();\n const { stepNumber, stepNameSelector, subStepSelector, subStepNameSelector } = useFunnelSubStep();\n\n const fireFunnelEvent = (funnelInteractionId: string) => {\n if (variant === 'info') {\n FunnelMetrics.helpPanelInteracted({\n funnelInteractionId,\n stepNumber,\n stepNameSelector,\n subStepSelector,\n subStepNameSelector,\n elementSelector: getFunnelValueSelector(uniqueId),\n subStepAllSelector: getSubStepAllSelector(),\n });\n } else if (external) {\n FunnelMetrics.externalLinkInteracted({\n funnelInteractionId,\n stepNumber,\n stepNameSelector,\n subStepSelector,\n subStepNameSelector,\n elementSelector: getFunnelValueSelector(uniqueId),\n subStepAllSelector: getSubStepAllSelector(),\n });\n }\n };\n\n const fireFollowEvent = (event: React.SyntheticEvent) => {\n if (funnelInteractionId) {\n fireFunnelEvent(funnelInteractionId);\n }\n\n fireCancelableEvent(onFollow, { href, external, target: anchorTarget }, event);\n };\n\n const handleLinkClick = (event: React.MouseEvent) => {\n if (isPlainLeftClick(event)) {\n fireFollowEvent(event);\n }\n };\n\n const handleButtonClick = (event: React.MouseEvent) => {\n fireFollowEvent(event);\n };\n\n const handleButtonKeyDown = (event: React.KeyboardEvent) => {\n if (event.keyCode === KeyCode.space || event.keyCode === KeyCode.enter) {\n event.preventDefault();\n fireFollowEvent(event);\n }\n };\n\n const linkRef = useRef<HTMLElement>(null);\n const isVisualRefresh = useVisualRefresh();\n useForwardFocus(ref, linkRef);\n\n // Visual refresh should only add styles to buttons that don't already have unique styles (e.g. primary/secondary variants)\n const applyButtonStyles = isButton && isVisualRefresh && !hasSpecialStyle;\n\n const sharedProps = {\n ...baseProps,\n // https://github.com/microsoft/TypeScript/issues/36659\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ref: useMergeRefs(linkRef as any, __internalRootRef),\n className: clsx(\n styles.link,\n baseProps.className,\n applyButtonStyles ? styles.button : null,\n styles[getVariantStyle(variant)],\n styles[getFontSizeStyle(variant, fontSize)],\n styles[getColorStyle(variant, color)]\n ),\n 'aria-label': ariaLabel,\n [DATA_ATTR_FUNNEL_VALUE]: uniqueId,\n };\n\n const renderedExternalIconAriaLabel = i18n('externalIconAriaLabel', externalIconAriaLabel);\n const content = (\n <>\n {children}\n {external && (\n <span className={styles['icon-wrapper']}>\n &nbsp;\n <span\n className={styles.icon}\n aria-label={renderedExternalIconAriaLabel}\n role={renderedExternalIconAriaLabel ? 'img' : undefined}\n >\n <InternalIcon name=\"external\" size=\"inherit\" />\n </span>\n </span>\n )}\n </>\n );\n\n if (isButton) {\n return (\n <a {...sharedProps} role=\"button\" tabIndex={0} onKeyDown={handleButtonKeyDown} onClick={handleButtonClick}>\n {content}\n </a>\n );\n }\n\n return (\n // we dynamically set proper rel in the code above\n // eslint-disable-next-line react/jsx-no-target-blank\n <a {...sharedProps} target={anchorTarget} rel={anchorRel} href={href} onClick={handleLinkClick}>\n {content}\n </a>\n );\n }\n);\n\nfunction getVariantStyle(variant: Exclude<InternalLinkProps['variant'], undefined>) {\n return `variant-${variant.replace(/^awsui-/, '')}`;\n}\n\nfunction getFontSizeStyle(variant: InternalLinkProps['variant'], fontSize: InternalLinkProps['fontSize']) {\n switch (variant) {\n case 'info':\n return 'font-size-body-s';\n case 'awsui-value-large':\n return 'font-size-display-l';\n default:\n return `font-size-${fontSize}`;\n }\n}\n\nfunction getColorStyle(variant: InternalLinkProps['variant'], color: InternalLinkProps['color']) {\n return `color-${variant === 'info' ? 'normal' : color}`;\n}\n\nexport default InternalLink;\n"]}
package/package.json CHANGED
@@ -136,7 +136,7 @@
136
136
  "./internal/base-component/index.js",
137
137
  "./internal/base-component/styles.css.js"
138
138
  ],
139
- "version": "3.0.305",
139
+ "version": "3.0.307",
140
140
  "repository": {
141
141
  "type": "git",
142
142
  "url": "https://github.com/cloudscape-design/components.git"
@@ -1,64 +1,64 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "drawer": "awsui_drawer_1r9lg_o5urr_189",
5
- "refresh": "awsui_refresh_1r9lg_o5urr_189",
6
- "animating": "awsui_animating_1r9lg_o5urr_203",
7
- "preference-icon--layout-border": "awsui_preference-icon--layout-border_1r9lg_o5urr_226",
8
- "preference-icon--layout-background": "awsui_preference-icon--layout-background_1r9lg_o5urr_230",
9
- "preference-icon--layout-header": "awsui_preference-icon--layout-header_1r9lg_o5urr_233",
10
- "preference-icon--border": "awsui_preference-icon--border_1r9lg_o5urr_236",
11
- "preference-icon--primary-button": "awsui_preference-icon--primary-button_1r9lg_o5urr_240",
12
- "preference-icon--secondary": "awsui_preference-icon--secondary_1r9lg_o5urr_243",
13
- "preference-icon--disabled-element": "awsui_preference-icon--disabled-element_1r9lg_o5urr_246",
14
- "preference-icon--separator": "awsui_preference-icon--separator_1r9lg_o5urr_249",
15
- "preference-icon--focus-text": "awsui_preference-icon--focus-text_1r9lg_o5urr_252",
16
- "preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-top_1r9lg_o5urr_256",
17
- "preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-main_1r9lg_o5urr_259",
18
- "preference-icon-refresh--primary": "awsui_preference-icon-refresh--primary_1r9lg_o5urr_262",
19
- "preference-icon-refresh--disabled": "awsui_preference-icon-refresh--disabled_1r9lg_o5urr_265",
20
- "preference-icon-refresh--column-header": "awsui_preference-icon-refresh--column-header_1r9lg_o5urr_268",
21
- "preference-icon-refresh--window": "awsui_preference-icon-refresh--window_1r9lg_o5urr_271",
22
- "preference-icon-refresh--secondary": "awsui_preference-icon-refresh--secondary_1r9lg_o5urr_275",
23
- "preference-icon-refresh--default": "awsui_preference-icon-refresh--default_1r9lg_o5urr_278",
24
- "preference-icon-refresh--separator": "awsui_preference-icon-refresh--separator_1r9lg_o5urr_281",
25
- "preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-default_1r9lg_o5urr_284",
26
- "preference-icon-refresh--heading": "awsui_preference-icon-refresh--heading_1r9lg_o5urr_287",
27
- "resize-active": "awsui_resize-active_1r9lg_o5urr_292",
28
- "resize-side": "awsui_resize-side_1r9lg_o5urr_298",
29
- "resize-bottom": "awsui_resize-bottom_1r9lg_o5urr_301",
30
- "root": "awsui_root_1r9lg_o5urr_306",
31
- "preferences-button": "awsui_preferences-button_1r9lg_o5urr_319",
32
- "close-button": "awsui_close-button_1r9lg_o5urr_323",
33
- "drawer-closed": "awsui_drawer-closed_1r9lg_o5urr_334",
34
- "drawer-content-side": "awsui_drawer-content-side_1r9lg_o5urr_339",
35
- "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_o5urr_359",
36
- "position-bottom": "awsui_position-bottom_1r9lg_o5urr_368",
37
- "position-side": "awsui_position-side_1r9lg_o5urr_395",
38
- "slider": "awsui_slider_1r9lg_o5urr_401",
39
- "slider-side": "awsui_slider-side_1r9lg_o5urr_430",
40
- "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_o5urr_435",
41
- "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_o5urr_446",
42
- "open-button": "awsui_open-button_1r9lg_o5urr_457",
43
- "open-button-side": "awsui_open-button-side_1r9lg_o5urr_461",
44
- "slider-icon": "awsui_slider-icon_1r9lg_o5urr_468",
45
- "slider-icon-bottom": "awsui_slider-icon-bottom_1r9lg_o5urr_474",
46
- "slider-icon-side": "awsui_slider-icon-side_1r9lg_o5urr_477",
47
- "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_o5urr_481",
48
- "drawer-mobile": "awsui_drawer-mobile_1r9lg_o5urr_491",
49
- "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_o5urr_494",
50
- "content-bottom": "awsui_content-bottom_1r9lg_o5urr_502",
51
- "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_o5urr_513",
52
- "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_o5urr_518",
53
- "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_o5urr_522",
54
- "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_o5urr_526",
55
- "content-side": "awsui_content-side_1r9lg_o5urr_531",
56
- "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_o5urr_542",
57
- "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_o5urr_545",
58
- "header": "awsui_header_1r9lg_o5urr_550",
59
- "header-text": "awsui_header-text_1r9lg_o5urr_559",
60
- "header-divider": "awsui_header-divider_1r9lg_o5urr_569",
61
- "header-actions": "awsui_header-actions_1r9lg_o5urr_575",
62
- "divider": "awsui_divider_1r9lg_o5urr_583"
4
+ "drawer": "awsui_drawer_1r9lg_98j8j_189",
5
+ "refresh": "awsui_refresh_1r9lg_98j8j_189",
6
+ "animating": "awsui_animating_1r9lg_98j8j_203",
7
+ "preference-icon--layout-border": "awsui_preference-icon--layout-border_1r9lg_98j8j_226",
8
+ "preference-icon--layout-background": "awsui_preference-icon--layout-background_1r9lg_98j8j_230",
9
+ "preference-icon--layout-header": "awsui_preference-icon--layout-header_1r9lg_98j8j_233",
10
+ "preference-icon--border": "awsui_preference-icon--border_1r9lg_98j8j_236",
11
+ "preference-icon--primary-button": "awsui_preference-icon--primary-button_1r9lg_98j8j_240",
12
+ "preference-icon--secondary": "awsui_preference-icon--secondary_1r9lg_98j8j_243",
13
+ "preference-icon--disabled-element": "awsui_preference-icon--disabled-element_1r9lg_98j8j_246",
14
+ "preference-icon--separator": "awsui_preference-icon--separator_1r9lg_98j8j_249",
15
+ "preference-icon--focus-text": "awsui_preference-icon--focus-text_1r9lg_98j8j_252",
16
+ "preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-top_1r9lg_98j8j_256",
17
+ "preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-main_1r9lg_98j8j_259",
18
+ "preference-icon-refresh--primary": "awsui_preference-icon-refresh--primary_1r9lg_98j8j_262",
19
+ "preference-icon-refresh--disabled": "awsui_preference-icon-refresh--disabled_1r9lg_98j8j_265",
20
+ "preference-icon-refresh--column-header": "awsui_preference-icon-refresh--column-header_1r9lg_98j8j_268",
21
+ "preference-icon-refresh--window": "awsui_preference-icon-refresh--window_1r9lg_98j8j_271",
22
+ "preference-icon-refresh--secondary": "awsui_preference-icon-refresh--secondary_1r9lg_98j8j_275",
23
+ "preference-icon-refresh--default": "awsui_preference-icon-refresh--default_1r9lg_98j8j_278",
24
+ "preference-icon-refresh--separator": "awsui_preference-icon-refresh--separator_1r9lg_98j8j_281",
25
+ "preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-default_1r9lg_98j8j_284",
26
+ "preference-icon-refresh--heading": "awsui_preference-icon-refresh--heading_1r9lg_98j8j_287",
27
+ "resize-active": "awsui_resize-active_1r9lg_98j8j_292",
28
+ "resize-side": "awsui_resize-side_1r9lg_98j8j_298",
29
+ "resize-bottom": "awsui_resize-bottom_1r9lg_98j8j_301",
30
+ "root": "awsui_root_1r9lg_98j8j_306",
31
+ "preferences-button": "awsui_preferences-button_1r9lg_98j8j_319",
32
+ "close-button": "awsui_close-button_1r9lg_98j8j_323",
33
+ "drawer-closed": "awsui_drawer-closed_1r9lg_98j8j_334",
34
+ "drawer-content-side": "awsui_drawer-content-side_1r9lg_98j8j_339",
35
+ "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_98j8j_359",
36
+ "position-bottom": "awsui_position-bottom_1r9lg_98j8j_368",
37
+ "position-side": "awsui_position-side_1r9lg_98j8j_395",
38
+ "slider": "awsui_slider_1r9lg_98j8j_401",
39
+ "slider-side": "awsui_slider-side_1r9lg_98j8j_430",
40
+ "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_98j8j_435",
41
+ "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_98j8j_446",
42
+ "open-button": "awsui_open-button_1r9lg_98j8j_457",
43
+ "open-button-side": "awsui_open-button-side_1r9lg_98j8j_461",
44
+ "slider-icon": "awsui_slider-icon_1r9lg_98j8j_468",
45
+ "slider-icon-bottom": "awsui_slider-icon-bottom_1r9lg_98j8j_474",
46
+ "slider-icon-side": "awsui_slider-icon-side_1r9lg_98j8j_477",
47
+ "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_98j8j_481",
48
+ "drawer-mobile": "awsui_drawer-mobile_1r9lg_98j8j_491",
49
+ "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_98j8j_494",
50
+ "content-bottom": "awsui_content-bottom_1r9lg_98j8j_502",
51
+ "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_98j8j_515",
52
+ "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_98j8j_520",
53
+ "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_98j8j_524",
54
+ "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_98j8j_528",
55
+ "content-side": "awsui_content-side_1r9lg_98j8j_533",
56
+ "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_98j8j_544",
57
+ "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_98j8j_547",
58
+ "header": "awsui_header_1r9lg_98j8j_552",
59
+ "header-text": "awsui_header-text_1r9lg_98j8j_561",
60
+ "header-divider": "awsui_header-divider_1r9lg_98j8j_571",
61
+ "header-actions": "awsui_header-actions_1r9lg_98j8j_577",
62
+ "divider": "awsui_divider_1r9lg_98j8j_585"
63
63
  };
64
64