@cloudscape-design/components-themeable 3.0.1137 → 3.0.1138

package/lib/internal/template/radio-group/analytics-metadata/styles.selectors.js

@@ -0,0 +1,7 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "selected": "awsui_selected_1m93f_14fvl_5"
+};
+  

package/lib/internal/template/radio-group/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/radio-group/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAG/C,OAAO,EAAE,eAAe,EAAE,CAAC;AAE3B,QAAA,MAAM,UAAU,6FAkBd,CAAC;AAGH,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/radio-group/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAK/C,OAAO,EAAE,eAAe,EAAE,CAAC;AAE3B,QAAA,MAAM,UAAU,6FAmBd,CAAC;AAGH,eAAe,UAAU,CAAC"}

package/lib/internal/template/radio-group/index.js

@@ -6,6 +6,7 @@ import { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-tool
 import useBaseComponent from '../internal/hooks/use-base-component';
 import { applyDisplayName } from '../internal/utils/apply-display-name';
 import InternalRadioGroup from './internal';
+import analyticsSelectors from './analytics-metadata/styles.css.js';
 const RadioGroup = React.forwardRef((props, ref) => {
     const baseComponentProps = useBaseComponent('RadioGroup', { props: { readOnly: props.readOnly } });
     return (React.createElement(InternalRadioGroup, Object.assign({ ref: ref }, props, baseComponentProps, getAnalyticsMetadataAttribute({
@@ -14,6 +15,7 @@ const RadioGroup = React.forwardRef((props, ref) => {
             label: { root: 'self' },
             properties: {
                 value: `${props.value}`,
+                valueLabel: `.${analyticsSelectors.selected}`,
             },
         },
     }))));

package/lib/internal/template/radio-group/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/radio-group/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAGxE,OAAO,kBAAkB,MAAM,YAAY,CAAC;AAI5C,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAsB,EAAE,GAAmC,EAAE,EAAE;IAClG,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;IACnG,OAAO,CACL,oBAAC,kBAAkB,kBACjB,GAAG,EAAE,GAAG,IACJ,KAAK,EACL,kBAAkB,EAClB,6BAA6B,CAAC;QAChC,SAAS,EAAE;YACT,IAAI,EAAE,kBAAkB;YACxB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACvB,UAAU,EAAE;gBACV,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE;aACxB;SAC+C;KACnD,CAAC,EACF,CACH,CAAC;AACJ,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\n'use client';\nimport React from 'react';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { GeneratedAnalyticsMetadataRadioGroupComponent } from './analytics-metadata/interfaces';\nimport { RadioGroupProps } from './interfaces';\nimport InternalRadioGroup from './internal';\n\nexport { RadioGroupProps };\n\nconst RadioGroup = React.forwardRef((props: RadioGroupProps, ref: React.Ref<RadioGroupProps.Ref>) => {\n  const baseComponentProps = useBaseComponent('RadioGroup', { props: { readOnly: props.readOnly } });\n  return (\n    <InternalRadioGroup\n      ref={ref}\n      {...props}\n      {...baseComponentProps}\n      {...getAnalyticsMetadataAttribute({\n        component: {\n          name: 'awsui.RadioGroup',\n          label: { root: 'self' },\n          properties: {\n            value: `${props.value}`,\n          },\n        } as GeneratedAnalyticsMetadataRadioGroupComponent,\n      })}\n    />\n  );\n});\n\napplyDisplayName(RadioGroup, 'RadioGroup');\nexport default RadioGroup;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/radio-group/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAGxE,OAAO,kBAAkB,MAAM,YAAY,CAAC;AAE5C,OAAO,kBAAkB,MAAM,oCAAoC,CAAC;AAIpE,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAsB,EAAE,GAAmC,EAAE,EAAE;IAClG,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;IACnG,OAAO,CACL,oBAAC,kBAAkB,kBACjB,GAAG,EAAE,GAAG,IACJ,KAAK,EACL,kBAAkB,EAClB,6BAA6B,CAAC;QAChC,SAAS,EAAE;YACT,IAAI,EAAE,kBAAkB;YACxB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACvB,UAAU,EAAE;gBACV,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE;gBACvB,UAAU,EAAE,IAAI,kBAAkB,CAAC,QAAQ,EAAE;aAC9C;SAC+C;KACnD,CAAC,EACF,CACH,CAAC;AACJ,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\n'use client';\nimport React from 'react';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { GeneratedAnalyticsMetadataRadioGroupComponent } from './analytics-metadata/interfaces';\nimport { RadioGroupProps } from './interfaces';\nimport InternalRadioGroup from './internal';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\n\nexport { RadioGroupProps };\n\nconst RadioGroup = React.forwardRef((props: RadioGroupProps, ref: React.Ref<RadioGroupProps.Ref>) => {\n  const baseComponentProps = useBaseComponent('RadioGroup', { props: { readOnly: props.readOnly } });\n  return (\n    <InternalRadioGroup\n      ref={ref}\n      {...props}\n      {...baseComponentProps}\n      {...getAnalyticsMetadataAttribute({\n        component: {\n          name: 'awsui.RadioGroup',\n          label: { root: 'self' },\n          properties: {\n            value: `${props.value}`,\n            valueLabel: `.${analyticsSelectors.selected}`,\n          },\n        } as GeneratedAnalyticsMetadataRadioGroupComponent,\n      })}\n    />\n  );\n});\n\napplyDisplayName(RadioGroup, 'RadioGroup');\nexport default RadioGroup;\n"]}

package/lib/internal/template/radio-group/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/radio-group/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAO/C,QAAA,MAAM,kBAAkB,0HAkEvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/radio-group/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAQ/C,QAAA,MAAM,kBAAkB,0HAmEvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/lib/internal/template/radio-group/internal.js

@@ -9,6 +9,7 @@ import { getBaseProps } from '../internal/base-component';
 import { useFormFieldContext } from '../internal/context/form-field-context';
 import useRadioGroupForwardFocus from '../internal/hooks/forward-focus/radio-group';
 import RadioButton from './radio-button';
+import analyticsSelectors from './analytics-metadata/styles.css.js';
 import styles from './styles.css.js';
 const InternalRadioGroup = React.forwardRef((_a, ref) => {
     var { name, value, items, ariaLabel, ariaRequired, ariaControls, onChange, readOnly, __internalRootRef, style } = _a, props = __rest(_a, ["name", "value", "items", "ariaLabel", "ariaRequired", "ariaControls", "onChange", "readOnly", "__internalRootRef", "style"]);
@@ -17,7 +18,7 @@ const InternalRadioGroup = React.forwardRef((_a, ref) => {
     const generatedName = useUniqueId('awsui-radio-');
     const [radioButtonRef, radioButtonRefIndex] = useRadioGroupForwardFocus(ref, items, value);
     return (React.createElement("div", Object.assign({ role: "radiogroup", "aria-labelledby": ariaLabelledby, "aria-label": ariaLabel, "aria-describedby": ariaDescribedby, "aria-required": ariaRequired, "aria-controls": ariaControls, "aria-readonly": readOnly ? 'true' : undefined }, baseProps, { className: clsx(baseProps.className, styles.root), ref: __internalRootRef }), items &&
-        items.map((item, index) => (React.createElement(RadioButton, Object.assign({ 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, readOnly: readOnly, style: style }, getAnalyticsMetadataAttribute(!item.disabled && !readOnly
+        items.map((item, index) => (React.createElement(RadioButton, Object.assign({ key: item.value, ref: index === radioButtonRefIndex ? radioButtonRef : undefined, className: clsx(item.value === value && analyticsSelectors.selected), checked: item.value === value, name: name || generatedName, value: item.value, label: item.label, description: item.description, disabled: item.disabled, onChange: onChange, controlId: item.controlId, readOnly: readOnly, style: style }, getAnalyticsMetadataAttribute(!item.disabled && !readOnly
             ? {
                 detail: {
                     position: `${index + 1}`,

package/lib/internal/template/radio-group/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/radio-group/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAC5E,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,yBAAyB,MAAM,6CAA6C,CAAC;AAIpF,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAEzC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CACzC,CACE,EAY0B,EAC1B,GAAmC,EACnC,EAAE;QAdF,EACE,IAAI,EACJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,iBAAiB,EACjB,KAAK,OAEmB,EADrB,KAAK,cAXV,6HAYC,CADS;IAIV,MAAM,EAAE,eAAe,EAAE,cAAc,EAAE,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;IACvE,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IACtC,MAAM,aAAa,GAAG,WAAW,CAAC,cAAc,CAAC,CAAC;IAElD,MAAM,CAAC,cAAc,EAAE,mBAAmB,CAAC,GAAG,yBAAyB,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IAE3F,OAAO,CACL,2CACE,IAAI,EAAC,YAAY,qBACA,cAAc,gBACnB,SAAS,sBACH,eAAe,mBAClB,YAAY,mBACZ,YAAY,mBACZ,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,IACxC,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,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACzB,oBAAC,WAAW,kBACV,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,EACzB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,IACR,6BAA6B,CAC/B,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ;YACzB,CAAC,CAAC;gBACE,MAAM,EAAE;oBACN,QAAQ,EAAE,GAAG,KAAK,GAAG,CAAC,EAAE;oBACxB,KAAK,EAAE,IAAI,CAAC,KAAK;iBAC+C;aACnE;YACH,CAAC,CAAC,EAAE,CACP,EACD,CACH,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 React from 'react';\nimport clsx from 'clsx';\n\nimport { useUniqueId } from '@cloudscape-design/component-toolkit/internal';\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { useFormFieldContext } from '../internal/context/form-field-context';\nimport useRadioGroupForwardFocus from '../internal/hooks/forward-focus/radio-group';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { GeneratedAnalyticsMetadataRadioGroupSelect } from './analytics-metadata/interfaces';\nimport { RadioGroupProps } from './interfaces';\nimport RadioButton from './radio-button';\n\nimport styles from './styles.css.js';\n\ntype InternalRadioGroupProps = RadioGroupProps & InternalBaseComponentProps;\n\nconst InternalRadioGroup = React.forwardRef(\n  (\n    {\n      name,\n      value,\n      items,\n      ariaLabel,\n      ariaRequired,\n      ariaControls,\n      onChange,\n      readOnly,\n      __internalRootRef,\n      style,\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        aria-controls={ariaControls}\n        aria-readonly={readOnly ? 'true' : undefined}\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              readOnly={readOnly}\n              style={style}\n              {...getAnalyticsMetadataAttribute(\n                !item.disabled && !readOnly\n                  ? {\n                      detail: {\n                        position: `${index + 1}`,\n                        value: item.value,\n                      } as Partial<GeneratedAnalyticsMetadataRadioGroupSelect['detail']>,\n                    }\n                  : {}\n              )}\n            />\n          ))}\n      </div>\n    );\n  }\n);\n\nexport default InternalRadioGroup;\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/radio-group/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAC5E,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,yBAAyB,MAAM,6CAA6C,CAAC;AAIpF,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAEzC,OAAO,kBAAkB,MAAM,oCAAoC,CAAC;AACpE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CACzC,CACE,EAY0B,EAC1B,GAAmC,EACnC,EAAE;QAdF,EACE,IAAI,EACJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,iBAAiB,EACjB,KAAK,OAEmB,EADrB,KAAK,cAXV,6HAYC,CADS;IAIV,MAAM,EAAE,eAAe,EAAE,cAAc,EAAE,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;IACvE,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IACtC,MAAM,aAAa,GAAG,WAAW,CAAC,cAAc,CAAC,CAAC;IAElD,MAAM,CAAC,cAAc,EAAE,mBAAmB,CAAC,GAAG,yBAAyB,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IAE3F,OAAO,CACL,2CACE,IAAI,EAAC,YAAY,qBACA,cAAc,gBACnB,SAAS,sBACH,eAAe,mBAClB,YAAY,mBACZ,YAAY,mBACZ,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,IACxC,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,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACzB,oBAAC,WAAW,kBACV,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,GAAG,EAAE,KAAK,KAAK,mBAAmB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,EAC/D,SAAS,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,KAAK,KAAK,IAAI,kBAAkB,CAAC,QAAQ,CAAC,EACpE,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,EACzB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,IACR,6BAA6B,CAC/B,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ;YACzB,CAAC,CAAC;gBACE,MAAM,EAAE;oBACN,QAAQ,EAAE,GAAG,KAAK,GAAG,CAAC,EAAE;oBACxB,KAAK,EAAE,IAAI,CAAC,KAAK;iBAC+C;aACnE;YACH,CAAC,CAAC,EAAE,CACP,EACD,CACH,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 React from 'react';\nimport clsx from 'clsx';\n\nimport { useUniqueId } from '@cloudscape-design/component-toolkit/internal';\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { useFormFieldContext } from '../internal/context/form-field-context';\nimport useRadioGroupForwardFocus from '../internal/hooks/forward-focus/radio-group';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { GeneratedAnalyticsMetadataRadioGroupSelect } from './analytics-metadata/interfaces';\nimport { RadioGroupProps } from './interfaces';\nimport RadioButton from './radio-button';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\n\ntype InternalRadioGroupProps = RadioGroupProps & InternalBaseComponentProps;\n\nconst InternalRadioGroup = React.forwardRef(\n  (\n    {\n      name,\n      value,\n      items,\n      ariaLabel,\n      ariaRequired,\n      ariaControls,\n      onChange,\n      readOnly,\n      __internalRootRef,\n      style,\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        aria-controls={ariaControls}\n        aria-readonly={readOnly ? 'true' : undefined}\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              className={clsx(item.value === value && analyticsSelectors.selected)}\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              readOnly={readOnly}\n              style={style}\n              {...getAnalyticsMetadataAttribute(\n                !item.disabled && !readOnly\n                  ? {\n                      detail: {\n                        position: `${index + 1}`,\n                        value: item.value,\n                      } as Partial<GeneratedAnalyticsMetadataRadioGroupSelect['detail']>,\n                    }\n                  : {}\n              )}\n            />\n          ))}\n      </div>\n    );\n  }\n);\n\nexport default InternalRadioGroup;\n"]}

package/lib/internal/template/radio-group/styles.css.js

@@ -1,15 +1,15 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1mabk_qjk5d_145",
-  "radio": "awsui_radio_1mabk_qjk5d_178",
-  "radio--has-description": "awsui_radio--has-description_1mabk_qjk5d_186",
-  "radio-control": "awsui_radio-control_1mabk_qjk5d_190",
-  "outline": "awsui_outline_1mabk_qjk5d_198",
-  "styled-circle-border": "awsui_styled-circle-border_1mabk_qjk5d_221",
-  "styled-circle-disabled": "awsui_styled-circle-disabled_1mabk_qjk5d_225",
-  "styled-circle-readonly": "awsui_styled-circle-readonly_1mabk_qjk5d_225",
-  "styled-circle-fill": "awsui_styled-circle-fill_1mabk_qjk5d_230",
-  "styled-circle-checked": "awsui_styled-circle-checked_1mabk_qjk5d_246"
+  "root": "awsui_root_1mabk_3yc3x_145",
+  "radio": "awsui_radio_1mabk_3yc3x_178",
+  "radio--has-description": "awsui_radio--has-description_1mabk_3yc3x_186",
+  "radio-control": "awsui_radio-control_1mabk_3yc3x_190",
+  "outline": "awsui_outline_1mabk_3yc3x_198",
+  "styled-circle-border": "awsui_styled-circle-border_1mabk_3yc3x_221",
+  "styled-circle-disabled": "awsui_styled-circle-disabled_1mabk_3yc3x_225",
+  "styled-circle-readonly": "awsui_styled-circle-readonly_1mabk_3yc3x_225",
+  "styled-circle-fill": "awsui_styled-circle-fill_1mabk_3yc3x_230",
+  "styled-circle-checked": "awsui_styled-circle-checked_1mabk_3yc3x_246"
 };
   

package/lib/internal/template/radio-group/styles.scoped.css

@@ -142,7 +142,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_root_1mabk_qjk5d_145:not(#\9) {
+.awsui_root_1mabk_3yc3x_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -175,19 +175,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: block;
 }
 
-.awsui_radio_1mabk_qjk5d_178:not(#\9) {
+.awsui_radio_1mabk_3yc3x_178:not(#\9) {
   /*used in test-utils*/
 }
 
-.awsui_radio_1mabk_qjk5d_178 + .awsui_radio_1mabk_qjk5d_178:not(#\9) {
+.awsui_radio_1mabk_3yc3x_178 + .awsui_radio_1mabk_3yc3x_178:not(#\9) {
   margin-block-start: var(--space-scaled-xxs-jatbiv, 4px);
 }
 
-.awsui_radio--has-description_1mabk_qjk5d_186 + .awsui_radio_1mabk_qjk5d_178:not(#\9) {
+.awsui_radio--has-description_1mabk_3yc3x_186 + .awsui_radio_1mabk_3yc3x_178:not(#\9) {
   margin-block-start: var(--space-scaled-xs-sppte9, 8px);
 }
 
-.awsui_radio-control_1mabk_qjk5d_190:not(#\9) {
+.awsui_radio-control_1mabk_3yc3x_190:not(#\9) {
   margin-block-start: calc((var(--line-height-body-m-bedeoh, 22px) - var(--size-control-lkpwjy, 14px)) / 2);
   min-block-size: var(--size-control-lkpwjy, 14px);
   min-inline-size: var(--size-control-lkpwjy, 14px);
@@ -195,15 +195,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: var(--size-control-lkpwjy, 14px);
 }
 
-.awsui_outline_1mabk_qjk5d_198:not(#\9) {
-  --awsui-style-focus-ring-box-shadow-b75yp7: 0 0 0 var(--awsui-style-focus-ring-border-width-b75yp7, 2px) var(--awsui-style-focus-ring-border-color-b75yp7, var(--color-border-item-focused-r5f6xl, #0073bb));
+.awsui_outline_1mabk_3yc3x_198:not(#\9) {
+  --awsui-style-focus-ring-box-shadow-9t5olz: 0 0 0 var(--awsui-style-focus-ring-border-width-9t5olz, 2px) var(--awsui-style-focus-ring-border-color-9t5olz, var(--color-border-item-focused-r5f6xl, #0073bb));
   position: relative;
 }
-.awsui_outline_1mabk_qjk5d_198:not(#\9) {
+.awsui_outline_1mabk_3yc3x_198:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-.awsui_outline_1mabk_qjk5d_198:not(#\9)::before {
+.awsui_outline_1mabk_3yc3x_198:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -211,46 +211,46 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-block-start: calc(-1 * 2px);
   inline-size: calc(100% + 2px + 2px);
   block-size: calc(100% + 2px + 2px);
-  border-start-start-radius: var(--awsui-style-focus-ring-border-radius-b75yp7, var(--border-radius-control-circular-focus-ring-0v2apg, 50%));
-  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-b75yp7, var(--border-radius-control-circular-focus-ring-0v2apg, 50%));
-  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-b75yp7, var(--border-radius-control-circular-focus-ring-0v2apg, 50%));
-  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-b75yp7, var(--border-radius-control-circular-focus-ring-0v2apg, 50%));
-  box-shadow: var(--awsui-style-focus-ring-box-shadow-b75yp7);
+  border-start-start-radius: var(--awsui-style-focus-ring-border-radius-9t5olz, var(--border-radius-control-circular-focus-ring-0v2apg, 50%));
+  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-9t5olz, var(--border-radius-control-circular-focus-ring-0v2apg, 50%));
+  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-9t5olz, var(--border-radius-control-circular-focus-ring-0v2apg, 50%));
+  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-9t5olz, var(--border-radius-control-circular-focus-ring-0v2apg, 50%));
+  box-shadow: var(--awsui-style-focus-ring-box-shadow-9t5olz);
 }
 
-.awsui_styled-circle-border_1mabk_qjk5d_221:not(#\9) {
+.awsui_styled-circle-border_1mabk_3yc3x_221:not(#\9) {
   stroke: var(--color-border-control-default-e686ow, #687078);
   fill: var(--color-background-control-default-wjdczs, #ffffff);
 }
-.awsui_styled-circle-border_1mabk_qjk5d_221.awsui_styled-circle-disabled_1mabk_qjk5d_225:not(#\9), .awsui_styled-circle-border_1mabk_qjk5d_221.awsui_styled-circle-readonly_1mabk_qjk5d_225:not(#\9) {
+.awsui_styled-circle-border_1mabk_3yc3x_221.awsui_styled-circle-disabled_1mabk_3yc3x_225:not(#\9), .awsui_styled-circle-border_1mabk_3yc3x_221.awsui_styled-circle-readonly_1mabk_3yc3x_225:not(#\9) {
   fill: var(--color-background-control-disabled-2ixett, #d5dbdb);
   stroke: var(--color-background-control-disabled-2ixett, #d5dbdb);
 }
 
-.awsui_styled-circle-fill_1mabk_qjk5d_230:not(#\9) {
+.awsui_styled-circle-fill_1mabk_3yc3x_230:not(#\9) {
   stroke: var(--color-background-control-checked-se0x0e, #0073bb);
   fill: var(--color-foreground-control-default-rf7v4a, #ffffff);
   opacity: 0;
   transition: opacity var(--motion-duration-transition-quick-ucajl5, 90ms) var(--motion-easing-transition-quick-034duw, linear);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_styled-circle-fill_1mabk_qjk5d_230:not(#\9) {
+  .awsui_styled-circle-fill_1mabk_3yc3x_230:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_styled-circle-fill_1mabk_qjk5d_230:not(#\9), .awsui-mode-entering .awsui_styled-circle-fill_1mabk_qjk5d_230:not(#\9) {
+.awsui-motion-disabled .awsui_styled-circle-fill_1mabk_3yc3x_230:not(#\9), .awsui-mode-entering .awsui_styled-circle-fill_1mabk_3yc3x_230:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_styled-circle-fill_1mabk_qjk5d_230.awsui_styled-circle-checked_1mabk_qjk5d_246:not(#\9) {
+.awsui_styled-circle-fill_1mabk_3yc3x_230.awsui_styled-circle-checked_1mabk_3yc3x_246:not(#\9) {
   opacity: 1;
 }
-.awsui_styled-circle-fill_1mabk_qjk5d_230.awsui_styled-circle-disabled_1mabk_qjk5d_225:not(#\9) {
+.awsui_styled-circle-fill_1mabk_3yc3x_230.awsui_styled-circle-disabled_1mabk_3yc3x_225:not(#\9) {
   fill: var(--color-foreground-control-disabled-kj751b, #ffffff);
   stroke: var(--color-background-control-disabled-2ixett, #d5dbdb);
 }
-.awsui_styled-circle-fill_1mabk_qjk5d_230.awsui_styled-circle-readonly_1mabk_qjk5d_225:not(#\9) {
+.awsui_styled-circle-fill_1mabk_3yc3x_230.awsui_styled-circle-readonly_1mabk_3yc3x_225:not(#\9) {
   fill: var(--color-foreground-control-read-only-cgy3yn, #687078);
   stroke: var(--color-background-control-disabled-2ixett, #d5dbdb);
 }

package/lib/internal/template/radio-group/styles.selectors.js

@@ -2,15 +2,15 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1mabk_qjk5d_145",
-  "radio": "awsui_radio_1mabk_qjk5d_178",
-  "radio--has-description": "awsui_radio--has-description_1mabk_qjk5d_186",
-  "radio-control": "awsui_radio-control_1mabk_qjk5d_190",
-  "outline": "awsui_outline_1mabk_qjk5d_198",
-  "styled-circle-border": "awsui_styled-circle-border_1mabk_qjk5d_221",
-  "styled-circle-disabled": "awsui_styled-circle-disabled_1mabk_qjk5d_225",
-  "styled-circle-readonly": "awsui_styled-circle-readonly_1mabk_qjk5d_225",
-  "styled-circle-fill": "awsui_styled-circle-fill_1mabk_qjk5d_230",
-  "styled-circle-checked": "awsui_styled-circle-checked_1mabk_qjk5d_246"
+  "root": "awsui_root_1mabk_3yc3x_145",
+  "radio": "awsui_radio_1mabk_3yc3x_178",
+  "radio--has-description": "awsui_radio--has-description_1mabk_3yc3x_186",
+  "radio-control": "awsui_radio-control_1mabk_3yc3x_190",
+  "outline": "awsui_outline_1mabk_3yc3x_198",
+  "styled-circle-border": "awsui_styled-circle-border_1mabk_3yc3x_221",
+  "styled-circle-disabled": "awsui_styled-circle-disabled_1mabk_3yc3x_225",
+  "styled-circle-readonly": "awsui_styled-circle-readonly_1mabk_3yc3x_225",
+  "styled-circle-fill": "awsui_styled-circle-fill_1mabk_3yc3x_230",
+  "styled-circle-checked": "awsui_styled-circle-checked_1mabk_3yc3x_246"
 };
   

package/lib/internal/template/slider/styles.css.js

@@ -1,31 +1,31 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_pcgz5_1mxeo_153",
-  "slider": "awsui_slider_pcgz5_1mxeo_190",
-  "slider-track": "awsui_slider-track_pcgz5_1mxeo_194",
-  "slider-range": "awsui_slider-range_pcgz5_1mxeo_194",
-  "disabled": "awsui_disabled_pcgz5_1mxeo_209",
-  "readonly": "awsui_readonly_pcgz5_1mxeo_213",
-  "error": "awsui_error_pcgz5_1mxeo_222",
-  "warning": "awsui_warning_pcgz5_1mxeo_225",
-  "active": "awsui_active_pcgz5_1mxeo_228",
-  "error-active": "awsui_error-active_pcgz5_1mxeo_231",
-  "warning-active": "awsui_warning-active_pcgz5_1mxeo_234",
-  "labels": "awsui_labels_pcgz5_1mxeo_245",
-  "labels-noref": "awsui_labels-noref_pcgz5_1mxeo_251",
-  "labels-reference": "awsui_labels-reference_pcgz5_1mxeo_254",
-  "labels-min": "awsui_labels-min_pcgz5_1mxeo_261",
-  "labels-max": "awsui_labels-max_pcgz5_1mxeo_267",
-  "labels-aria-description": "awsui_labels-aria-description_pcgz5_1mxeo_275",
-  "ticks": "awsui_ticks_pcgz5_1mxeo_293",
-  "ticks-wrapper": "awsui_ticks-wrapper_pcgz5_1mxeo_299",
-  "tick": "awsui_tick_pcgz5_1mxeo_293",
-  "middle": "awsui_middle_pcgz5_1mxeo_314",
-  "filled": "awsui_filled_pcgz5_1mxeo_317",
-  "tooltip-thumb": "awsui_tooltip-thumb_pcgz5_1mxeo_345",
-  "thumb": "awsui_thumb_pcgz5_1mxeo_358",
-  "min": "awsui_min_pcgz5_1mxeo_394",
-  "max": "awsui_max_pcgz5_1mxeo_397"
+  "root": "awsui_root_pcgz5_iefh8_153",
+  "slider": "awsui_slider_pcgz5_iefh8_190",
+  "slider-track": "awsui_slider-track_pcgz5_iefh8_194",
+  "slider-range": "awsui_slider-range_pcgz5_iefh8_194",
+  "disabled": "awsui_disabled_pcgz5_iefh8_209",
+  "readonly": "awsui_readonly_pcgz5_iefh8_213",
+  "error": "awsui_error_pcgz5_iefh8_222",
+  "warning": "awsui_warning_pcgz5_iefh8_225",
+  "active": "awsui_active_pcgz5_iefh8_228",
+  "error-active": "awsui_error-active_pcgz5_iefh8_231",
+  "warning-active": "awsui_warning-active_pcgz5_iefh8_234",
+  "labels": "awsui_labels_pcgz5_iefh8_245",
+  "labels-noref": "awsui_labels-noref_pcgz5_iefh8_251",
+  "labels-reference": "awsui_labels-reference_pcgz5_iefh8_254",
+  "labels-min": "awsui_labels-min_pcgz5_iefh8_261",
+  "labels-max": "awsui_labels-max_pcgz5_iefh8_267",
+  "labels-aria-description": "awsui_labels-aria-description_pcgz5_iefh8_275",
+  "ticks": "awsui_ticks_pcgz5_iefh8_293",
+  "ticks-wrapper": "awsui_ticks-wrapper_pcgz5_iefh8_299",
+  "tick": "awsui_tick_pcgz5_iefh8_293",
+  "middle": "awsui_middle_pcgz5_iefh8_314",
+  "filled": "awsui_filled_pcgz5_iefh8_317",
+  "tooltip-thumb": "awsui_tooltip-thumb_pcgz5_iefh8_345",
+  "thumb": "awsui_thumb_pcgz5_iefh8_358",
+  "min": "awsui_min_pcgz5_iefh8_394",
+  "max": "awsui_max_pcgz5_iefh8_397"
 };