npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1382 → 3.0.1383 - Mend

@cloudscape-design/components-themeable 3.0.1382 → 3.0.1383

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 (193) hide show

package/lib/internal/template/select/parts/styles.scoped.css CHANGED Viewed

@@ -6,21 +6,21 @@
 /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /* 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_placeholder_dwuol_dkafd_9:not(#\9) {
+.awsui_placeholder_dwuol_wsgh3_9:not(#\9) {
   color: var(--color-text-input-placeholder-l6klmg, #687078);
   font-style: italic;
   -webkit-user-select: none;
           user-select: none;
 }
-.awsui_placeholder_dwuol_dkafd_9.awsui_disabled_dwuol_dkafd_14:not(#\9) {
+.awsui_placeholder_dwuol_wsgh3_9.awsui_disabled_dwuol_wsgh3_14:not(#\9) {
   color: var(--color-text-input-placeholder-disabled-8cf69l, #687078);
 }
-.awsui_item_dwuol_dkafd_18:not(#\9) {
+.awsui_item_dwuol_wsgh3_18:not(#\9) {
   display: flex;
   align-items: center;
 }
-.awsui_item_dwuol_dkafd_18 > .awsui_checkbox_dwuol_dkafd_22:not(#\9) {
+.awsui_item_dwuol_wsgh3_18 > .awsui_checkbox_dwuol_wsgh3_22:not(#\9) {
   position: relative;
   min-block-size: var(--size-control-jpgj8e, 14px);
   min-inline-size: var(--size-control-jpgj8e, 14px);
@@ -29,48 +29,48 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline-end: var(--space-field-horizontal-anki5k, 8px);
 }
-.awsui_option-group_dwuol_dkafd_31:not(#\9):not(:first-child) {
+.awsui_option-group_dwuol_wsgh3_31:not(#\9):not(:first-child) {
   margin-block-start: calc(-1 * var(--border-item-width-pyfg4s, 1px));
 }
-.awsui_filter_dwuol_dkafd_35:not(#\9) {
+.awsui_filter_dwuol_wsgh3_35:not(#\9) {
   z-index: 4;
   flex-shrink: 0;
 }
-.awsui_trigger_dwuol_dkafd_40:not(#\9) {
+.awsui_trigger_dwuol_wsgh3_40:not(#\9) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.awsui_layout-strut_dwuol_dkafd_46:not(#\9) {
+.awsui_layout-strut_dwuol_wsgh3_46:not(#\9) {
   inline-size: 100%;
   position: relative;
   transform: translate3d(0, 0, 0);
 }
-.awsui_list-bottom_dwuol_dkafd_52:not(#\9) {
+.awsui_list-bottom_dwuol_wsgh3_52:not(#\9) {
   /* used in unit-tests */
 }
-.awsui_selected-icon_dwuol_dkafd_56:not(#\9) {
+.awsui_selected-icon_dwuol_wsgh3_56:not(#\9) {
   color: var(--color-item-selected-2irl78, #0073bb);
   padding-inline-start: var(--space-xs-m9b7jf, 8px);
 }
-.awsui_show-label-tag_dwuol_dkafd_61 > .awsui_selected-icon_dwuol_dkafd_56:not(#\9) {
+.awsui_show-label-tag_dwuol_wsgh3_61 > .awsui_selected-icon_dwuol_wsgh3_56:not(#\9) {
   padding-inline-start: var(--space-scaled-s-2crg2b, 12px);
 }
-.awsui_inline-token-trigger_dwuol_dkafd_65:not(#\9) {
+.awsui_inline-token-trigger_dwuol_wsgh3_65:not(#\9) {
   display: flex;
   flex-wrap: nowrap;
   column-gap: var(--space-xxs-3o1yoq, 4px);
   inline-size: 100%;
 }
-.awsui_inline-token-list_dwuol_dkafd_72:not(#\9) {
+.awsui_inline-token-list_dwuol_wsgh3_72:not(#\9) {
   display: flex;
   flex-wrap: nowrap;
   align-items: center;
@@ -80,30 +80,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   mask-image: linear-gradient(270deg, transparent, white 20px, white);
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_inline-token-list_dwuol_dkafd_72:not(#\9):dir(rtl) {
+.awsui_inline-token-list_dwuol_wsgh3_72:not(#\9):dir(rtl) {
   mask-image: linear-gradient(-270deg, transparent, white 20px, white);
 }
-.awsui_inline-token-hidden-placeholder_dwuol_dkafd_86:not(#\9) {
+.awsui_inline-token-hidden-placeholder_dwuol_wsgh3_86:not(#\9) {
   position: absolute !important;
   inset-block-start: -9999px !important;
   inset-inline-start: -9999px !important;
 }
-.awsui_inline-token-counter_dwuol_dkafd_92:not(#\9) {
+.awsui_inline-token-counter_dwuol_wsgh3_92:not(#\9) {
   white-space: nowrap;
 }
-.awsui_inline-label-trigger-wrapper_dwuol_dkafd_96:not(#\9) {
+.awsui_inline-label-trigger-wrapper_dwuol_wsgh3_96:not(#\9) {
   margin-block-start: -7px;
 }
-.awsui_inline-label-wrapper_dwuol_dkafd_100:not(#\9) {
+.awsui_inline-label-wrapper_dwuol_wsgh3_100:not(#\9) {
   margin-block-start: calc(var(--space-scaled-xs-pajbd1, 8px) * -1);
 }
-.awsui_inline-label_dwuol_dkafd_96:not(#\9) {
-  background: linear-gradient(to bottom, var(--awsui-inline-label-background-color-66120l, var(--color-background-layout-main-y4565g, #f2f3f3)), var(--color-background-input-default-1u0v1p, #ffffff));
+.awsui_inline-label_dwuol_wsgh3_96:not(#\9) {
+  background: linear-gradient(to bottom, var(--awsui-inline-label-background-color-ka4djm, var(--color-background-layout-main-y4565g, #f2f3f3)), var(--color-background-input-default-1u0v1p, #ffffff));
   border-start-start-radius: 2px;
   border-start-end-radius: 2px;
   border-end-start-radius: 2px;
@@ -123,15 +123,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   max-inline-size: calc(100% - 2 * var(--space-field-horizontal-anki5k, 8px));
   z-index: 1;
 }
-.awsui_inline-label-disabled_dwuol_dkafd_125:not(#\9) {
-  background: linear-gradient(to bottom, var(--awsui-inline-label-background-color-66120l, var(--color-background-layout-main-y4565g, #f2f3f3)), var(--color-background-input-disabled-pyvhb1, #eaeded));
+.awsui_inline-label-disabled_dwuol_wsgh3_125:not(#\9) {
+  background: linear-gradient(to bottom, var(--awsui-inline-label-background-color-ka4djm, var(--color-background-layout-main-y4565g, #f2f3f3)), var(--color-background-input-disabled-pyvhb1, #eaeded));
 }
-.awsui_inline-label-inline-tokens_dwuol_dkafd_129:not(#\9) {
+.awsui_inline-label-inline-tokens_dwuol_wsgh3_129:not(#\9) {
   padding-block-end: 0;
   transform: translateY(-1.5px);
 }
-.awsui_disabled-reason-tooltip_dwuol_dkafd_134:not(#\9) {
+.awsui_disabled-reason-tooltip_dwuol_wsgh3_134:not(#\9) {
   /* used in test-utils or tests */
 }

package/lib/internal/template/select/parts/styles.selectors.js CHANGED Viewed

@@ -2,26 +2,26 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "placeholder": "awsui_placeholder_dwuol_dkafd_9",
-  "disabled": "awsui_disabled_dwuol_dkafd_14",
-  "item": "awsui_item_dwuol_dkafd_18",
-  "checkbox": "awsui_checkbox_dwuol_dkafd_22",
-  "option-group": "awsui_option-group_dwuol_dkafd_31",
-  "filter": "awsui_filter_dwuol_dkafd_35",
-  "trigger": "awsui_trigger_dwuol_dkafd_40",
-  "layout-strut": "awsui_layout-strut_dwuol_dkafd_46",
-  "list-bottom": "awsui_list-bottom_dwuol_dkafd_52",
-  "selected-icon": "awsui_selected-icon_dwuol_dkafd_56",
-  "show-label-tag": "awsui_show-label-tag_dwuol_dkafd_61",
-  "inline-token-trigger": "awsui_inline-token-trigger_dwuol_dkafd_65",
-  "inline-token-list": "awsui_inline-token-list_dwuol_dkafd_72",
-  "inline-token-hidden-placeholder": "awsui_inline-token-hidden-placeholder_dwuol_dkafd_86",
-  "inline-token-counter": "awsui_inline-token-counter_dwuol_dkafd_92",
-  "inline-label-trigger-wrapper": "awsui_inline-label-trigger-wrapper_dwuol_dkafd_96",
-  "inline-label-wrapper": "awsui_inline-label-wrapper_dwuol_dkafd_100",
-  "inline-label": "awsui_inline-label_dwuol_dkafd_96",
-  "inline-label-disabled": "awsui_inline-label-disabled_dwuol_dkafd_125",
-  "inline-label-inline-tokens": "awsui_inline-label-inline-tokens_dwuol_dkafd_129",
-  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_dwuol_dkafd_134"
+  "placeholder": "awsui_placeholder_dwuol_wsgh3_9",
+  "disabled": "awsui_disabled_dwuol_wsgh3_14",
+  "item": "awsui_item_dwuol_wsgh3_18",
+  "checkbox": "awsui_checkbox_dwuol_wsgh3_22",
+  "option-group": "awsui_option-group_dwuol_wsgh3_31",
+  "filter": "awsui_filter_dwuol_wsgh3_35",
+  "trigger": "awsui_trigger_dwuol_wsgh3_40",
+  "layout-strut": "awsui_layout-strut_dwuol_wsgh3_46",
+  "list-bottom": "awsui_list-bottom_dwuol_wsgh3_52",
+  "selected-icon": "awsui_selected-icon_dwuol_wsgh3_56",
+  "show-label-tag": "awsui_show-label-tag_dwuol_wsgh3_61",
+  "inline-token-trigger": "awsui_inline-token-trigger_dwuol_wsgh3_65",
+  "inline-token-list": "awsui_inline-token-list_dwuol_wsgh3_72",
+  "inline-token-hidden-placeholder": "awsui_inline-token-hidden-placeholder_dwuol_wsgh3_86",
+  "inline-token-counter": "awsui_inline-token-counter_dwuol_wsgh3_92",
+  "inline-label-trigger-wrapper": "awsui_inline-label-trigger-wrapper_dwuol_wsgh3_96",
+  "inline-label-wrapper": "awsui_inline-label-wrapper_dwuol_wsgh3_100",
+  "inline-label": "awsui_inline-label_dwuol_wsgh3_96",
+  "inline-label-disabled": "awsui_inline-label-disabled_dwuol_wsgh3_125",
+  "inline-label-inline-tokens": "awsui_inline-label-inline-tokens_dwuol_wsgh3_129",
+  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_dwuol_wsgh3_134"
 };

package/lib/internal/template/select/parts/trigger.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 import React from 'react';
+import { GroupedControlPosition } from '../../internal/context/control-group-context';
 import { MultiselectProps } from '../../multiselect/interfaces';
 import { FormFieldValidationControlProps } from '../../types/form-field';
 import { OptionDefinition } from '../../types/option';
@@ -16,6 +17,7 @@ export interface TriggerProps extends FormFieldValidationControlProps {
     inFilteringToken?: 'root' | 'nested';
     selectedOptions?: ReadonlyArray<OptionDefinition>;
     renderOption?: SelectProps.SelectOptionItemRenderer;
+    groupedControlPosition?: GroupedControlPosition | null;
 }
 declare const Trigger: React.ForwardRefExoticComponent<TriggerProps & React.RefAttributes<HTMLButtonElement>>;
 export default Trigger;

package/lib/internal/template/select/parts/trigger.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"trigger.d.ts","sourceRoot":"","sources":["../../../../src/select/parts/trigger.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;~~AAS1B~~,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEhE,OAAO,EAAE,+BAA+B,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAIzD,MAAM,WAAW,YAAa,SAAQ,+BAA+B;IACnE,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,kBAAkB,CAAC;IACjC,cAAc,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACxC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,WAAW,CAAC,cAAc,GAAG,gBAAgB,CAAC,cAAc,CAAC;IAC9E,gBAAgB,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACrC,eAAe,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAClD,YAAY,CAAC,EAAE,WAAW,CAAC,wBAAwB,CAAC;~~CACrD~~;AAED,QAAA,MAAM,OAAO,~~wFA2IZ~~,CAAC;AAEF,eAAe,OAAO,CAAC"}
1	+ {"version":3,"file":"trigger.d.ts","sourceRoot":"","sources":["../../../../src/select/parts/trigger.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AAGtF,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEhE,OAAO,EAAE,+BAA+B,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAIzD,MAAM,WAAW,YAAa,SAAQ,+BAA+B;IACnE,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,kBAAkB,CAAC;IACjC,cAAc,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACxC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,WAAW,CAAC,cAAc,GAAG,gBAAgB,CAAC,cAAc,CAAC;IAC9E,gBAAgB,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACrC,eAAe,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAClD,YAAY,CAAC,EAAE,WAAW,CAAC,wBAAwB,CAAC;IACpD,sBAAsB,CAAC,EAAE,sBAAsB,GAAG,IAAI,CAAC;CACxD;AAED,QAAA,MAAM,OAAO,wFA6IZ,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/lib/internal/template/select/parts/trigger.js CHANGED Viewed

@@ -9,7 +9,7 @@ import { useVisualRefresh } from '../../internal/hooks/use-visual-mode';
 import { joinStrings } from '../../internal/utils/strings';
 import InternalToken from '../../token/internal';
 import styles from './styles.css.js';
-const Trigger = React.forwardRef(({ ariaLabelledby, ariaDescribedby, controlId, invalid, inlineLabelText, warning, triggerProps, selectedOption, selectedOptions, triggerVariant, inFilteringToken, isOpen, placeholder, disabled, readOnly, renderOption, }, ref) => {
+const Trigger = React.forwardRef(({ ariaLabelledby, ariaDescribedby, controlId, invalid, inlineLabelText, warning, triggerProps, selectedOption, selectedOptions, triggerVariant, inFilteringToken, isOpen, placeholder, disabled, readOnly, renderOption, groupedControlPosition, }, ref) => {
     const isVisualRefresh = useVisualRefresh();
     const generatedId = useUniqueId();
     const id = controlId !== null && controlId !== void 0 ? controlId : generatedId;
@@ -56,7 +56,7 @@ const Trigger = React.forwardRef(({ ariaLabelledby, ariaDescribedby, controlId,
         triggerContent = (React.createElement("span", { id: triggerContentId, className: styles.trigger }, selectedOption.label || selectedOption.value));
     }
     const mergedRef = useMergeRefs(triggerProps.ref, ref);
-    const triggerButton = (React.createElement(ButtonTrigger, { ...triggerProps, id: id, ref: mergedRef, pressed: !!isOpen, disabled: disabled, readOnly: readOnly, invalid: invalid, warning: warning && !invalid, inFilteringToken: inFilteringToken, inlineTokens: triggerVariant === 'tokens', hasCustomContent: hasCustomContent, ariaDescribedby: ariaDescribedby, ariaLabelledby: ariaLabelledbyIds }, triggerContent));
+    const triggerButton = (React.createElement(ButtonTrigger, { ...triggerProps, id: id, ref: mergedRef, pressed: !!isOpen, disabled: disabled, readOnly: readOnly, invalid: invalid, warning: warning && !invalid, inFilteringToken: inFilteringToken, inlineTokens: triggerVariant === 'tokens', hasCustomContent: hasCustomContent, ariaDescribedby: ariaDescribedby, ariaLabelledby: ariaLabelledbyIds, groupedControlPosition: groupedControlPosition }, triggerContent));
     return (React.createElement(React.Fragment, null, inlineLabelText ? (React.createElement("div", { className: styles['inline-label-wrapper'] },
         React.createElement("label", { htmlFor: controlId, className: clsx(styles['inline-label'], disabled && styles['inline-label-disabled'], triggerVariant === 'tokens' && styles['inline-label-inline-tokens']) }, inlineLabelText),
         React.createElement("div", { className: styles['inline-label-trigger-wrapper'] }, triggerButton))) : (React.createElement(React.Fragment, null, triggerButton))));

package/lib/internal/template/select/parts/trigger.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"trigger.js","sourceRoot":"","sources":["../../../../src/select/parts/trigger.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAE1F,OAAO,aAAa,MAAM,0CAA0C,CAAC;AACrE,OAAO,MAAM,MAAM,kCAAkC,CAAC;~~AACtD~~,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE3D,OAAO,aAAa,MAAM,sBAAsB,CAAC;AAMjD,OAAO,MAAM,MAAM,iBAAiB,CAAC;~~AAgBrC~~,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAC9B,CACE,EACE,cAAc,EACd,eAAe,EACf,SAAS,EACT,OAAO,EACP,eAAe,EACf,OAAO,EACP,YAAY,EACZ,cAAc,EACd,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,MAAM,EACN,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,YAAY,~~GACC~~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~~IAEhC~~,cAAc,CACD,CACjB,CAAC;IACF,OAAO,CACL,0CACG,eAAe,CAAC,CAAC,CAAC,CACjB,6BAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,CAAC;QAC5C,+BACE,OAAO,EAAE,SAAS,EAClB,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,cAAc,CAAC,EACtB,QAAQ,IAAI,MAAM,CAAC,uBAAuB,CAAC,EAC3C,cAAc,KAAK,QAAQ,IAAI,MAAM,CAAC,4BAA4B,CAAC,CACpE,IAEA,eAAe,CACV;QACR,6BAAK,SAAS,EAAE,MAAM,CAAC,8BAA8B,CAAC,IAAG,aAAa,CAAO,CACzE,CACP,CAAC,CAAC,CAAC,CACF,0CAAG,aAAa,CAAI,CACrB,CACA,CACJ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,OAAO,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 { useMergeRefs, useUniqueId } from '@cloudscape-design/component-toolkit/internal';\n\nimport ButtonTrigger from '../../internal/components/button-trigger';\nimport Option from '../../internal/components/option';\nimport { useVisualRefresh } from '../../internal/hooks/use-visual-mode';\nimport { joinStrings } from '../../internal/utils/strings';\nimport { MultiselectProps } from '../../multiselect/interfaces';\nimport InternalToken from '../../token/internal';\nimport { FormFieldValidationControlProps } from '../../types/form-field';\nimport { OptionDefinition } from '../../types/option';\nimport { SelectProps } from '../interfaces';\nimport { SelectTriggerProps } from '../utils/use-select';\n\nimport styles from './styles.css.js';\n\nexport interface TriggerProps extends FormFieldValidationControlProps {\n placeholder: string \| undefined;\n disabled: boolean \| undefined;\n readOnly?: boolean;\n triggerProps: SelectTriggerProps;\n selectedOption: OptionDefinition \| null;\n inlineLabelText?: string;\n isOpen?: boolean;\n triggerVariant?: SelectProps.TriggerVariant \| MultiselectProps.TriggerVariant;\n inFilteringToken?: 'root' \| 'nested';\n selectedOptions?: ReadonlyArray<OptionDefinition>;\n renderOption?: SelectProps.SelectOptionItemRenderer;\n}\n\nconst Trigger = React.forwardRef(\n (\n {\n ariaLabelledby,\n ariaDescribedby,\n controlId,\n invalid,\n inlineLabelText,\n warning,\n triggerProps,\n selectedOption,\n selectedOptions,\n triggerVariant,\n inFilteringToken,\n isOpen,\n placeholder,\n disabled,\n readOnly,\n renderOption,\n }: TriggerProps,\n ref: React.Ref<HTMLButtonElement>\n ) => {\n const isVisualRefresh = useVisualRefresh();\n const generatedId = useUniqueId();\n const id = controlId ?? generatedId;\n const triggerContentId = useUniqueId('trigger-content-');\n\n let ariaLabelledbyIds = joinStrings(ariaLabelledby, triggerContentId);\n\n let triggerContent = null;\n let hasCustomContent = false;\n if (triggerVariant === 'tokens') {\n if (selectedOptions?.length) {\n triggerContent = (\n <span\n className={clsx(\n styles['inline-token-trigger'],\n disabled && styles['inline-token-trigger--disabled'],\n isVisualRefresh && styles['visual-refresh']\n )}\n >\n <span className={styles['inline-token-list']}>\n {selectedOptions.map(({ label }, i) => (\n <InternalToken key={i} label={label} variant=\"inline\" disabled={disabled} />\n ))}\n </span>\n <span className={styles['inline-token-counter']} id={triggerContentId}>\n <span className={styles['inline-token-hidden-placeholder']}>{placeholder}</span>\n <span>({selectedOptions.length})</span>\n </span>\n </span>\n );\n ariaLabelledbyIds = ariaLabelledby;\n } else {\n triggerContent = (\n <span className={clsx(styles.placeholder, styles.trigger, disabled && styles.disabled)} id={triggerContentId}>\n {placeholder}\n </span>\n );\n }\n } else if (!selectedOption) {\n triggerContent = (\n <span className={clsx(styles.placeholder, styles.trigger, disabled && styles.disabled)} id={triggerContentId}>\n {placeholder}\n </span>\n );\n } else if (triggerVariant === 'option') {\n const triggerCustomContent = renderOption?.({\n filterText: undefined,\n item: {\n type: 'trigger',\n option: selectedOption,\n },\n });\n if (triggerCustomContent) {\n hasCustomContent = true;\n triggerContent = (\n <Option\n customContent={triggerCustomContent}\n id={triggerContentId}\n option={{ ...selectedOption, disabled }}\n triggerVariant={true}\n />\n );\n } else {\n triggerContent = (\n <Option id={triggerContentId} option={{ ...selectedOption, disabled }} triggerVariant={true} />\n );\n }\n } else {\n triggerContent = (\n <span id={triggerContentId} className={styles.trigger}>\n {selectedOption.label \|\| selectedOption.value}\n </span>\n );\n }\n\n const mergedRef = useMergeRefs(triggerProps.ref, ref);\n const triggerButton = (\n <ButtonTrigger\n {...triggerProps}\n id={id}\n ref={mergedRef}\n pressed={!!isOpen}\n disabled={disabled}\n readOnly={readOnly}\n invalid={invalid}\n warning={warning && !invalid}\n inFilteringToken={inFilteringToken}\n inlineTokens={triggerVariant === 'tokens'}\n hasCustomContent={hasCustomContent}\n ariaDescribedby={ariaDescribedby}\n ariaLabelledby={ariaLabelledbyIds}\n >\n {triggerContent}\n </ButtonTrigger>\n );\n return (\n <>\n {inlineLabelText ? (\n <div className={styles['inline-label-wrapper']}>\n <label\n htmlFor={controlId}\n className={clsx(\n styles['inline-label'],\n disabled && styles['inline-label-disabled'],\n triggerVariant === 'tokens' && styles['inline-label-inline-tokens']\n )}\n >\n {inlineLabelText}\n </label>\n <div className={styles['inline-label-trigger-wrapper']}>{triggerButton}</div>\n </div>\n ) : (\n <>{triggerButton}</>\n )}\n </>\n );\n }\n);\n\nexport default Trigger;\n"]}
1	+ {"version":3,"file":"trigger.js","sourceRoot":"","sources":["../../../../src/select/parts/trigger.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 clsx from 'clsx';\n\nimport { useMergeRefs, useUniqueId } from '@cloudscape-design/component-toolkit/internal';\n\nimport ButtonTrigger from '../../internal/components/button-trigger';\nimport Option from '../../internal/components/option';\nimport { GroupedControlPosition } from '../../internal/context/control-group-context';\nimport { useVisualRefresh } from '../../internal/hooks/use-visual-mode';\nimport { joinStrings } from '../../internal/utils/strings';\nimport { MultiselectProps } from '../../multiselect/interfaces';\nimport InternalToken from '../../token/internal';\nimport { FormFieldValidationControlProps } from '../../types/form-field';\nimport { OptionDefinition } from '../../types/option';\nimport { SelectProps } from '../interfaces';\nimport { SelectTriggerProps } from '../utils/use-select';\n\nimport styles from './styles.css.js';\n\nexport interface TriggerProps extends FormFieldValidationControlProps {\n placeholder: string \| undefined;\n disabled: boolean \| undefined;\n readOnly?: boolean;\n triggerProps: SelectTriggerProps;\n selectedOption: OptionDefinition \| null;\n inlineLabelText?: string;\n isOpen?: boolean;\n triggerVariant?: SelectProps.TriggerVariant \| MultiselectProps.TriggerVariant;\n inFilteringToken?: 'root' \| 'nested';\n selectedOptions?: ReadonlyArray<OptionDefinition>;\n renderOption?: SelectProps.SelectOptionItemRenderer;\n groupedControlPosition?: GroupedControlPosition \| null;\n}\n\nconst Trigger = React.forwardRef(\n (\n {\n ariaLabelledby,\n ariaDescribedby,\n controlId,\n invalid,\n inlineLabelText,\n warning,\n triggerProps,\n selectedOption,\n selectedOptions,\n triggerVariant,\n inFilteringToken,\n isOpen,\n placeholder,\n disabled,\n readOnly,\n renderOption,\n groupedControlPosition,\n }: TriggerProps,\n ref: React.Ref<HTMLButtonElement>\n ) => {\n const isVisualRefresh = useVisualRefresh();\n const generatedId = useUniqueId();\n const id = controlId ?? generatedId;\n const triggerContentId = useUniqueId('trigger-content-');\n\n let ariaLabelledbyIds = joinStrings(ariaLabelledby, triggerContentId);\n\n let triggerContent = null;\n let hasCustomContent = false;\n if (triggerVariant === 'tokens') {\n if (selectedOptions?.length) {\n triggerContent = (\n <span\n className={clsx(\n styles['inline-token-trigger'],\n disabled && styles['inline-token-trigger--disabled'],\n isVisualRefresh && styles['visual-refresh']\n )}\n >\n <span className={styles['inline-token-list']}>\n {selectedOptions.map(({ label }, i) => (\n <InternalToken key={i} label={label} variant=\"inline\" disabled={disabled} />\n ))}\n </span>\n <span className={styles['inline-token-counter']} id={triggerContentId}>\n <span className={styles['inline-token-hidden-placeholder']}>{placeholder}</span>\n <span>({selectedOptions.length})</span>\n </span>\n </span>\n );\n ariaLabelledbyIds = ariaLabelledby;\n } else {\n triggerContent = (\n <span className={clsx(styles.placeholder, styles.trigger, disabled && styles.disabled)} id={triggerContentId}>\n {placeholder}\n </span>\n );\n }\n } else if (!selectedOption) {\n triggerContent = (\n <span className={clsx(styles.placeholder, styles.trigger, disabled && styles.disabled)} id={triggerContentId}>\n {placeholder}\n </span>\n );\n } else if (triggerVariant === 'option') {\n const triggerCustomContent = renderOption?.({\n filterText: undefined,\n item: {\n type: 'trigger',\n option: selectedOption,\n },\n });\n if (triggerCustomContent) {\n hasCustomContent = true;\n triggerContent = (\n <Option\n customContent={triggerCustomContent}\n id={triggerContentId}\n option={{ ...selectedOption, disabled }}\n triggerVariant={true}\n />\n );\n } else {\n triggerContent = (\n <Option id={triggerContentId} option={{ ...selectedOption, disabled }} triggerVariant={true} />\n );\n }\n } else {\n triggerContent = (\n <span id={triggerContentId} className={styles.trigger}>\n {selectedOption.label \|\| selectedOption.value}\n </span>\n );\n }\n\n const mergedRef = useMergeRefs(triggerProps.ref, ref);\n const triggerButton = (\n <ButtonTrigger\n {...triggerProps}\n id={id}\n ref={mergedRef}\n pressed={!!isOpen}\n disabled={disabled}\n readOnly={readOnly}\n invalid={invalid}\n warning={warning && !invalid}\n inFilteringToken={inFilteringToken}\n inlineTokens={triggerVariant === 'tokens'}\n hasCustomContent={hasCustomContent}\n ariaDescribedby={ariaDescribedby}\n ariaLabelledby={ariaLabelledbyIds}\n groupedControlPosition={groupedControlPosition}\n >\n {triggerContent}\n </ButtonTrigger>\n );\n return (\n <>\n {inlineLabelText ? (\n <div className={styles['inline-label-wrapper']}>\n <label\n htmlFor={controlId}\n className={clsx(\n styles['inline-label'],\n disabled && styles['inline-label-disabled'],\n triggerVariant === 'tokens' && styles['inline-label-inline-tokens']\n )}\n >\n {inlineLabelText}\n </label>\n <div className={styles['inline-label-trigger-wrapper']}>{triggerButton}</div>\n </div>\n ) : (\n <>{triggerButton}</>\n )}\n </>\n );\n }\n);\n\nexport default Trigger;\n"]}

package/lib/internal/template/side-navigation/styles.css.js CHANGED Viewed

@@ -1,69 +1,69 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_l0dv0_1y2ev_10",
-  "with-toolbar": "awsui_with-toolbar_l0dv0_1y2ev_44",
-  "header": "awsui_header_l0dv0_1y2ev_48",
-  "list--with-icons": "awsui_list--with-icons_l0dv0_1y2ev_61",
-  "header-link": "awsui_header-link_l0dv0_1y2ev_65",
-  "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_1y2ev_76",
-  "header-link-text": "awsui_header-link-text_l0dv0_1y2ev_76",
-  "header-logo": "awsui_header-logo_l0dv0_1y2ev_81",
-  "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_1y2ev_87",
-  "items-control": "awsui_items-control_l0dv0_1y2ev_92",
-  "list-container": "awsui_list-container_l0dv0_1y2ev_97",
-  "divider-header": "awsui_divider-header_l0dv0_1y2ev_105",
-  "root--collapsed": "awsui_root--collapsed_l0dv0_1y2ev_109",
-  "list": "awsui_list_l0dv0_1y2ev_61",
-  "list-variant-root": "awsui_list-variant-root_l0dv0_1y2ev_122",
-  "list-variant-root--first": "awsui_list-variant-root--first_l0dv0_1y2ev_129",
-  "list-variant-root--collapsed": "awsui_list-variant-root--collapsed_l0dv0_1y2ev_132",
-  "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_1y2ev_139",
-  "list-variant-expandable-link-group--collapsed": "awsui_list-variant-expandable-link-group--collapsed_l0dv0_1y2ev_145",
-  "list-variant-section": "awsui_list-variant-section_l0dv0_1y2ev_149",
-  "list-variant-section--collapsed": "awsui_list-variant-section--collapsed_l0dv0_1y2ev_152",
-  "list-variant-link-group": "awsui_list-variant-link-group_l0dv0_1y2ev_161",
-  "list-variant-link-group--collapsed": "awsui_list-variant-link-group--collapsed_l0dv0_1y2ev_164",
-  "link-group-children": "awsui_link-group-children_l0dv0_1y2ev_168",
-  "link-group-children--collapsed": "awsui_link-group-children--collapsed_l0dv0_1y2ev_172",
-  "link-group-children-inner": "awsui_link-group-children-inner_l0dv0_1y2ev_176",
-  "link-group-children-inner--expanded": "awsui_link-group-children-inner--expanded_l0dv0_1y2ev_182",
-  "link-group-children-inner--settled": "awsui_link-group-children-inner--settled_l0dv0_1y2ev_185",
-  "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_1y2ev_189",
-  "list-variant-section-group--collapsed": "awsui_list-variant-section-group--collapsed_l0dv0_1y2ev_195",
-  "list-item": "awsui_list-item_l0dv0_1y2ev_199",
-  "list-item--collapsed": "awsui_list-item--collapsed_l0dv0_1y2ev_212",
-  "list-item--link-with-info": "awsui_list-item--link-with-info_l0dv0_1y2ev_218",
-  "list-item--group": "awsui_list-item--group_l0dv0_1y2ev_223",
-  "section": "awsui_section_l0dv0_1y2ev_223",
-  "section-group": "awsui_section-group_l0dv0_1y2ev_224",
-  "expandable-link-group": "awsui_expandable-link-group_l0dv0_1y2ev_229",
-  "section--no-ident": "awsui_section--no-ident_l0dv0_1y2ev_232",
-  "section--expand-icon-end": "awsui_section--expand-icon-end_l0dv0_1y2ev_232",
-  "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_1y2ev_233",
-  "expandable-link-group--expand-icon-end": "awsui_expandable-link-group--expand-icon-end_l0dv0_1y2ev_234",
-  "section--collapsed": "awsui_section--collapsed_l0dv0_1y2ev_237",
-  "expandable-link-group--collapsed": "awsui_expandable-link-group--collapsed_l0dv0_1y2ev_238",
-  "expandable-link-group--active": "awsui_expandable-link-group--active_l0dv0_1y2ev_253",
-  "item-icon": "awsui_item-icon_l0dv0_1y2ev_257",
-  "refresh": "awsui_refresh_l0dv0_1y2ev_278",
-  "section-header": "awsui_section-header_l0dv0_1y2ev_299",
-  "section-group-title": "awsui_section-group-title_l0dv0_1y2ev_314",
-  "section-group-title--collapsed": "awsui_section-group-title--collapsed_l0dv0_1y2ev_322",
-  "link": "awsui_link_l0dv0_1y2ev_168",
-  "link-active": "awsui_link-active_l0dv0_1y2ev_354",
-  "link--collapsed": "awsui_link--collapsed_l0dv0_1y2ev_361",
-  "header-link-active": "awsui_header-link-active_l0dv0_1y2ev_429",
-  "link-text-wrapper-content": "awsui_link-text-wrapper-content_l0dv0_1y2ev_458",
-  "link-text-wrapper": "awsui_link-text-wrapper_l0dv0_1y2ev_458",
-  "link-text-wrapper--collapsed": "awsui_link-text-wrapper--collapsed_l0dv0_1y2ev_472",
-  "label-text": "awsui_label-text_l0dv0_1y2ev_477",
-  "label-text--collapsed": "awsui_label-text--collapsed_l0dv0_1y2ev_484",
-  "info": "awsui_info_l0dv0_1y2ev_490",
-  "item-icon--collapsed": "awsui_item-icon--collapsed_l0dv0_1y2ev_499",
-  "external-icon": "awsui_external-icon_l0dv0_1y2ev_503",
-  "divider": "awsui_divider_l0dv0_1y2ev_105",
-  "divider-default": "awsui_divider-default_l0dv0_1y2ev_511",
-  "divider--collapsed": "awsui_divider--collapsed_l0dv0_1y2ev_515"
+  "root": "awsui_root_l0dv0_8nwvw_10",
+  "with-toolbar": "awsui_with-toolbar_l0dv0_8nwvw_44",
+  "header": "awsui_header_l0dv0_8nwvw_48",
+  "list--with-icons": "awsui_list--with-icons_l0dv0_8nwvw_61",
+  "header-link": "awsui_header-link_l0dv0_8nwvw_65",
+  "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_8nwvw_76",
+  "header-link-text": "awsui_header-link-text_l0dv0_8nwvw_76",
+  "header-logo": "awsui_header-logo_l0dv0_8nwvw_81",
+  "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_8nwvw_87",
+  "items-control": "awsui_items-control_l0dv0_8nwvw_92",
+  "list-container": "awsui_list-container_l0dv0_8nwvw_97",
+  "divider-header": "awsui_divider-header_l0dv0_8nwvw_105",
+  "root--collapsed": "awsui_root--collapsed_l0dv0_8nwvw_109",
+  "list": "awsui_list_l0dv0_8nwvw_61",
+  "list-variant-root": "awsui_list-variant-root_l0dv0_8nwvw_122",
+  "list-variant-root--first": "awsui_list-variant-root--first_l0dv0_8nwvw_129",
+  "list-variant-root--collapsed": "awsui_list-variant-root--collapsed_l0dv0_8nwvw_132",
+  "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_8nwvw_139",
+  "list-variant-expandable-link-group--collapsed": "awsui_list-variant-expandable-link-group--collapsed_l0dv0_8nwvw_145",
+  "list-variant-section": "awsui_list-variant-section_l0dv0_8nwvw_149",
+  "list-variant-section--collapsed": "awsui_list-variant-section--collapsed_l0dv0_8nwvw_152",
+  "list-variant-link-group": "awsui_list-variant-link-group_l0dv0_8nwvw_161",
+  "list-variant-link-group--collapsed": "awsui_list-variant-link-group--collapsed_l0dv0_8nwvw_164",
+  "link-group-children": "awsui_link-group-children_l0dv0_8nwvw_168",
+  "link-group-children--collapsed": "awsui_link-group-children--collapsed_l0dv0_8nwvw_172",
+  "link-group-children-inner": "awsui_link-group-children-inner_l0dv0_8nwvw_176",
+  "link-group-children-inner--expanded": "awsui_link-group-children-inner--expanded_l0dv0_8nwvw_182",
+  "link-group-children-inner--settled": "awsui_link-group-children-inner--settled_l0dv0_8nwvw_185",
+  "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_8nwvw_189",
+  "list-variant-section-group--collapsed": "awsui_list-variant-section-group--collapsed_l0dv0_8nwvw_195",
+  "list-item": "awsui_list-item_l0dv0_8nwvw_199",
+  "list-item--collapsed": "awsui_list-item--collapsed_l0dv0_8nwvw_212",
+  "list-item--link-with-info": "awsui_list-item--link-with-info_l0dv0_8nwvw_218",
+  "list-item--group": "awsui_list-item--group_l0dv0_8nwvw_223",
+  "section": "awsui_section_l0dv0_8nwvw_223",
+  "section-group": "awsui_section-group_l0dv0_8nwvw_224",
+  "expandable-link-group": "awsui_expandable-link-group_l0dv0_8nwvw_229",
+  "section--no-ident": "awsui_section--no-ident_l0dv0_8nwvw_232",
+  "section--expand-icon-end": "awsui_section--expand-icon-end_l0dv0_8nwvw_232",
+  "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_8nwvw_233",
+  "expandable-link-group--expand-icon-end": "awsui_expandable-link-group--expand-icon-end_l0dv0_8nwvw_234",
+  "section--collapsed": "awsui_section--collapsed_l0dv0_8nwvw_237",
+  "expandable-link-group--collapsed": "awsui_expandable-link-group--collapsed_l0dv0_8nwvw_238",
+  "expandable-link-group--active": "awsui_expandable-link-group--active_l0dv0_8nwvw_262",
+  "item-icon": "awsui_item-icon_l0dv0_8nwvw_266",
+  "refresh": "awsui_refresh_l0dv0_8nwvw_283",
+  "section-header": "awsui_section-header_l0dv0_8nwvw_304",
+  "section-group-title": "awsui_section-group-title_l0dv0_8nwvw_319",
+  "section-group-title--collapsed": "awsui_section-group-title--collapsed_l0dv0_8nwvw_327",
+  "link": "awsui_link_l0dv0_8nwvw_168",
+  "link-active": "awsui_link-active_l0dv0_8nwvw_359",
+  "link--collapsed": "awsui_link--collapsed_l0dv0_8nwvw_366",
+  "header-link-active": "awsui_header-link-active_l0dv0_8nwvw_434",
+  "link-text-wrapper-content": "awsui_link-text-wrapper-content_l0dv0_8nwvw_463",
+  "link-text-wrapper": "awsui_link-text-wrapper_l0dv0_8nwvw_463",
+  "link-text-wrapper--collapsed": "awsui_link-text-wrapper--collapsed_l0dv0_8nwvw_477",
+  "label-text": "awsui_label-text_l0dv0_8nwvw_482",
+  "label-text--collapsed": "awsui_label-text--collapsed_l0dv0_8nwvw_489",
+  "info": "awsui_info_l0dv0_8nwvw_495",
+  "item-icon--collapsed": "awsui_item-icon--collapsed_l0dv0_8nwvw_504",
+  "external-icon": "awsui_external-icon_l0dv0_8nwvw_508",
+  "divider": "awsui_divider_l0dv0_8nwvw_105",
+  "divider-default": "awsui_divider-default_l0dv0_8nwvw_516",
+  "divider--collapsed": "awsui_divider--collapsed_l0dv0_8nwvw_520"
 };