@cloudscape-design/components-themeable 3.0.639 → 3.0.641

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 (181) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/button/styles.scss +12 -0
  3. package/lib/internal/scss/drawer/styles.scss +5 -5
  4. package/lib/internal/scss/form-field/motion.scss +5 -2
  5. package/lib/internal/scss/form-field/styles.scss +11 -2
  6. package/lib/internal/scss/help-panel/styles.scss +8 -8
  7. package/lib/internal/scss/input/styles.scss +9 -0
  8. package/lib/internal/scss/internal/components/button-trigger/styles.scss +5 -0
  9. package/lib/internal/scss/internal/styles/forms/mixins.scss +11 -0
  10. package/lib/internal/scss/side-navigation/styles.scss +6 -5
  11. package/lib/internal/scss/slider/mixins.scss +9 -4
  12. package/lib/internal/scss/table/body-cell/styles.scss +7 -2
  13. package/lib/internal/scss/textarea/styles.scss +4 -0
  14. package/lib/internal/scss/token-group/styles.scss +9 -2
  15. package/lib/internal/template/alert/index.d.ts.map +1 -1
  16. package/lib/internal/template/alert/index.js +9 -5
  17. package/lib/internal/template/alert/index.js.map +1 -1
  18. package/lib/internal/template/attribute-editor/interfaces.d.ts +4 -0
  19. package/lib/internal/template/attribute-editor/interfaces.d.ts.map +1 -1
  20. package/lib/internal/template/attribute-editor/interfaces.js.map +1 -1
  21. package/lib/internal/template/attribute-editor/row.d.ts.map +1 -1
  22. package/lib/internal/template/attribute-editor/row.js +4 -1
  23. package/lib/internal/template/attribute-editor/row.js.map +1 -1
  24. package/lib/internal/template/button/styles.css.js +19 -19
  25. package/lib/internal/template/button/styles.scoped.css +159 -151
  26. package/lib/internal/template/button/styles.selectors.js +19 -19
  27. package/lib/internal/template/container/index.js +1 -1
  28. package/lib/internal/template/container/index.js.map +1 -1
  29. package/lib/internal/template/date-picker/index.d.ts.map +1 -1
  30. package/lib/internal/template/date-picker/index.js +2 -2
  31. package/lib/internal/template/date-picker/index.js.map +1 -1
  32. package/lib/internal/template/date-range-picker/index.d.ts.map +1 -1
  33. package/lib/internal/template/date-range-picker/index.js +2 -2
  34. package/lib/internal/template/date-range-picker/index.js.map +1 -1
  35. package/lib/internal/template/drawer/styles.css.js +3 -3
  36. package/lib/internal/template/drawer/styles.scoped.css +13 -13
  37. package/lib/internal/template/drawer/styles.selectors.js +3 -3
  38. package/lib/internal/template/file-upload/interfaces.d.ts +14 -4
  39. package/lib/internal/template/file-upload/interfaces.d.ts.map +1 -1
  40. package/lib/internal/template/file-upload/interfaces.js.map +1 -1
  41. package/lib/internal/template/file-upload/internal.js +13 -7
  42. package/lib/internal/template/file-upload/internal.js.map +1 -1
  43. package/lib/internal/template/form/index.d.ts.map +1 -1
  44. package/lib/internal/template/form/index.js +17 -6
  45. package/lib/internal/template/form/index.js.map +1 -1
  46. package/lib/internal/template/form/internal.d.ts.map +1 -1
  47. package/lib/internal/template/form/internal.js +1 -14
  48. package/lib/internal/template/form/internal.js.map +1 -1
  49. package/lib/internal/template/form-field/index.d.ts.map +1 -1
  50. package/lib/internal/template/form-field/index.js +3 -2
  51. package/lib/internal/template/form-field/index.js.map +1 -1
  52. package/lib/internal/template/form-field/interfaces.d.ts +12 -1
  53. package/lib/internal/template/form-field/interfaces.d.ts.map +1 -1
  54. package/lib/internal/template/form-field/interfaces.js.map +1 -1
  55. package/lib/internal/template/form-field/internal.d.ts +9 -3
  56. package/lib/internal/template/form-field/internal.d.ts.map +1 -1
  57. package/lib/internal/template/form-field/internal.js +36 -11
  58. package/lib/internal/template/form-field/internal.js.map +1 -1
  59. package/lib/internal/template/form-field/styles.css.js +23 -19
  60. package/lib/internal/template/form-field/styles.scoped.css +45 -29
  61. package/lib/internal/template/form-field/styles.selectors.js +23 -19
  62. package/lib/internal/template/form-field/util.d.ts +3 -2
  63. package/lib/internal/template/form-field/util.d.ts.map +1 -1
  64. package/lib/internal/template/form-field/util.js +4 -3
  65. package/lib/internal/template/form-field/util.js.map +1 -1
  66. package/lib/internal/template/help-panel/styles.css.js +4 -4
  67. package/lib/internal/template/help-panel/styles.scoped.css +71 -71
  68. package/lib/internal/template/help-panel/styles.selectors.js +4 -4
  69. package/lib/internal/template/input/index.d.ts.map +1 -1
  70. package/lib/internal/template/input/index.js +2 -1
  71. package/lib/internal/template/input/index.js.map +1 -1
  72. package/lib/internal/template/input/internal.d.ts.map +1 -1
  73. package/lib/internal/template/input/internal.js +4 -1
  74. package/lib/internal/template/input/internal.js.map +1 -1
  75. package/lib/internal/template/input/styles.css.js +13 -12
  76. package/lib/internal/template/input/styles.scoped.css +46 -30
  77. package/lib/internal/template/input/styles.selectors.js +13 -12
  78. package/lib/internal/template/internal/analytics/components/analytics-funnel.d.ts +12 -12
  79. package/lib/internal/template/internal/analytics/components/analytics-funnel.d.ts.map +1 -1
  80. package/lib/internal/template/internal/analytics/components/analytics-funnel.js +38 -25
  81. package/lib/internal/template/internal/analytics/components/analytics-funnel.js.map +1 -1
  82. package/lib/internal/template/internal/analytics/context/analytics-context.d.ts +7 -2
  83. package/lib/internal/template/internal/analytics/context/analytics-context.d.ts.map +1 -1
  84. package/lib/internal/template/internal/analytics/context/analytics-context.js.map +1 -1
  85. package/lib/internal/template/internal/analytics/hooks/use-funnel.d.ts +5 -1
  86. package/lib/internal/template/internal/analytics/hooks/use-funnel.d.ts.map +1 -1
  87. package/lib/internal/template/internal/analytics/hooks/use-funnel.js +9 -5
  88. package/lib/internal/template/internal/analytics/hooks/use-funnel.js.map +1 -1
  89. package/lib/internal/template/internal/analytics/interfaces.d.ts +23 -37
  90. package/lib/internal/template/internal/analytics/interfaces.d.ts.map +1 -1
  91. package/lib/internal/template/internal/analytics/interfaces.js.map +1 -1
  92. package/lib/internal/template/internal/base-component/index.d.ts +1 -1
  93. package/lib/internal/template/internal/base-component/index.d.ts.map +1 -1
  94. package/lib/internal/template/internal/base-component/index.js +1 -1
  95. package/lib/internal/template/internal/base-component/index.js.map +1 -1
  96. package/lib/internal/template/internal/base-component/styles.scoped.css +35 -0
  97. package/lib/internal/template/internal/components/button-trigger/index.d.ts +1 -0
  98. package/lib/internal/template/internal/components/button-trigger/index.d.ts.map +1 -1
  99. package/lib/internal/template/internal/components/button-trigger/index.js +2 -2
  100. package/lib/internal/template/internal/components/button-trigger/index.js.map +1 -1
  101. package/lib/internal/template/internal/components/button-trigger/styles.css.js +11 -10
  102. package/lib/internal/template/internal/components/button-trigger/styles.scoped.css +35 -24
  103. package/lib/internal/template/internal/components/button-trigger/styles.selectors.js +11 -10
  104. package/lib/internal/template/internal/context/form-field-context.d.ts +14 -1
  105. package/lib/internal/template/internal/context/form-field-context.d.ts.map +1 -1
  106. package/lib/internal/template/internal/context/form-field-context.js +1 -1
  107. package/lib/internal/template/internal/context/form-field-context.js.map +1 -1
  108. package/lib/internal/template/internal/environment.js +1 -1
  109. package/lib/internal/template/internal/environment.json +1 -1
  110. package/lib/internal/template/internal/generated/styles/tokens.d.ts +5 -0
  111. package/lib/internal/template/internal/generated/styles/tokens.js +5 -0
  112. package/lib/internal/template/internal/generated/theming/index.cjs +75 -0
  113. package/lib/internal/template/internal/generated/theming/index.js +75 -0
  114. package/lib/internal/template/link/internal.d.ts.map +1 -1
  115. package/lib/internal/template/link/internal.js +9 -3
  116. package/lib/internal/template/link/internal.js.map +1 -1
  117. package/lib/internal/template/modal/body-scroll.d.ts.map +1 -1
  118. package/lib/internal/template/modal/body-scroll.js +5 -0
  119. package/lib/internal/template/modal/body-scroll.js.map +1 -1
  120. package/lib/internal/template/select/parts/filter.d.ts +1 -1
  121. package/lib/internal/template/select/parts/filter.d.ts.map +1 -1
  122. package/lib/internal/template/select/parts/trigger.d.ts.map +1 -1
  123. package/lib/internal/template/select/parts/trigger.js +2 -2
  124. package/lib/internal/template/select/parts/trigger.js.map +1 -1
  125. package/lib/internal/template/side-navigation/styles.css.js +28 -28
  126. package/lib/internal/template/side-navigation/styles.scoped.css +44 -43
  127. package/lib/internal/template/side-navigation/styles.selectors.js +28 -28
  128. package/lib/internal/template/table/body-cell/disabled-inline-editor.d.ts +1 -1
  129. package/lib/internal/template/table/body-cell/disabled-inline-editor.d.ts.map +1 -1
  130. package/lib/internal/template/table/body-cell/disabled-inline-editor.js +2 -2
  131. package/lib/internal/template/table/body-cell/disabled-inline-editor.js.map +1 -1
  132. package/lib/internal/template/table/body-cell/index.d.ts +1 -0
  133. package/lib/internal/template/table/body-cell/index.d.ts.map +1 -1
  134. package/lib/internal/template/table/body-cell/index.js +2 -2
  135. package/lib/internal/template/table/body-cell/index.js.map +1 -1
  136. package/lib/internal/template/table/body-cell/styles.css.js +44 -43
  137. package/lib/internal/template/table/body-cell/styles.scoped.css +167 -165
  138. package/lib/internal/template/table/body-cell/styles.selectors.js +44 -43
  139. package/lib/internal/template/table/internal.d.ts.map +1 -1
  140. package/lib/internal/template/table/internal.js +1 -1
  141. package/lib/internal/template/table/internal.js.map +1 -1
  142. package/lib/internal/template/test-utils/dom/file-upload/index.d.ts +2 -0
  143. package/lib/internal/template/test-utils/dom/file-upload/index.js +6 -0
  144. package/lib/internal/template/test-utils/dom/file-upload/index.js.map +1 -1
  145. package/lib/internal/template/test-utils/dom/form-field/index.d.ts +1 -0
  146. package/lib/internal/template/test-utils/dom/form-field/index.js +3 -0
  147. package/lib/internal/template/test-utils/dom/form-field/index.js.map +1 -1
  148. package/lib/internal/template/test-utils/selectors/file-upload/index.d.ts +2 -0
  149. package/lib/internal/template/test-utils/selectors/file-upload/index.js +6 -0
  150. package/lib/internal/template/test-utils/selectors/file-upload/index.js.map +1 -1
  151. package/lib/internal/template/test-utils/selectors/form-field/index.d.ts +1 -0
  152. package/lib/internal/template/test-utils/selectors/form-field/index.js +3 -0
  153. package/lib/internal/template/test-utils/selectors/form-field/index.js.map +1 -1
  154. package/lib/internal/template/test-utils/tsconfig.tsbuildinfo +1 -1
  155. package/lib/internal/template/textarea/index.d.ts.map +1 -1
  156. package/lib/internal/template/textarea/index.js +2 -1
  157. package/lib/internal/template/textarea/index.js.map +1 -1
  158. package/lib/internal/template/textarea/styles.css.js +5 -4
  159. package/lib/internal/template/textarea/styles.scoped.css +23 -12
  160. package/lib/internal/template/textarea/styles.selectors.js +5 -4
  161. package/lib/internal/template/token-group/styles.css.js +9 -8
  162. package/lib/internal/template/token-group/styles.scoped.css +27 -16
  163. package/lib/internal/template/token-group/styles.selectors.js +9 -8
  164. package/lib/internal/template/token-group/token.d.ts +3 -1
  165. package/lib/internal/template/token-group/token.d.ts.map +1 -1
  166. package/lib/internal/template/token-group/token.js +8 -5
  167. package/lib/internal/template/token-group/token.js.map +1 -1
  168. package/lib/internal/template/wizard/analytics.d.ts +2 -1
  169. package/lib/internal/template/wizard/analytics.d.ts.map +1 -1
  170. package/lib/internal/template/wizard/analytics.js +7 -3
  171. package/lib/internal/template/wizard/analytics.js.map +1 -1
  172. package/lib/internal/template/wizard/index.js +1 -1
  173. package/lib/internal/template/wizard/index.js.map +1 -1
  174. package/lib/internal/template/wizard/internal.d.ts.map +1 -1
  175. package/lib/internal/template/wizard/internal.js +2 -2
  176. package/lib/internal/template/wizard/internal.js.map +1 -1
  177. package/lib/internal/template/wizard/wizard-form.d.ts +4 -2
  178. package/lib/internal/template/wizard/wizard-form.d.ts.map +1 -1
  179. package/lib/internal/template/wizard/wizard-form.js +31 -19
  180. package/lib/internal/template/wizard/wizard-form.js.map +1 -1
  181. package/package.json +1 -1
package/lib/internal/template/internal/analytics/interfaces.d.ts CHANGED
@@ -1,22 +1,18 @@
1
+ export type FunnelType = 'single-page' | 'multi-page';
1
2
  export interface AnalyticsMetadata {
2
3
  instanceIdentifier?: string;
3
4
  flowType?: 'create' | 'edit';
4
5
  errorContext?: string;
5
6
  }
6
- export type FunnelType = 'single-page' | 'multi-page';
7
7
  export interface BaseFunnelProps {
8
+ funnelIdentifier?: AnalyticsMetadata['instanceIdentifier'];
8
9
  funnelInteractionId: string;
10
+ currentDocument?: Document;
9
11
  }
10
- export interface FunnelProps extends BaseFunnelProps {
11
- instanceIdentifier?: AnalyticsMetadata['instanceIdentifier'];
12
- flowType?: AnalyticsMetadata['flowType'];
13
- totalFunnelSteps: number;
14
- optionalStepNumbers: number[];
15
- funnelType: FunnelType;
16
- funnelNameSelector?: string;
12
+ export interface FunnelErrorProps extends BaseFunnelProps {
13
+ funnelErrorContext?: AnalyticsMetadata['errorContext'];
17
14
  }
18
- export interface FunnelStartProps {
19
- instanceIdentifier?: AnalyticsMetadata['instanceIdentifier'];
15
+ export interface FunnelStartProps extends Omit<BaseFunnelProps, 'funnelInteractionId'> {
20
16
  flowType?: AnalyticsMetadata['flowType'];
21
17
  funnelNameSelector: string;
22
18
  totalFunnelSteps: number;
@@ -25,49 +21,49 @@ export interface FunnelStartProps {
25
21
  funnelType: FunnelType;
26
22
  funnelVersion: string;
27
23
  componentVersion: string;
28
- theme: string;
24
+ componentTheme: string;
25
+ funnelInteractionId?: string;
29
26
  }
30
27
  export type FunnelMethod<T extends BaseFunnelProps> = (props: T) => void;
31
28
  export type FunnelStartMethod = (props: FunnelStartProps) => string;
32
29
  export interface FunnelStepProps extends BaseFunnelProps {
33
- instanceIdentifier?: AnalyticsMetadata['instanceIdentifier'];
30
+ stepIdentifier?: AnalyticsMetadata['instanceIdentifier'];
34
31
  stepNumber: number;
35
32
  stepName?: string | undefined;
36
- stepNameSelector: string;
33
+ stepNameSelector?: string;
37
34
  subStepAllSelector: string;
38
- }
39
- export interface FunnelStepStartProps extends FunnelStepProps {
40
35
  totalSubSteps?: number;
41
36
  subStepConfiguration?: SubStepConfiguration[];
42
37
  }
43
- export interface FunnelStepCompleteProps extends FunnelStepProps {
44
- totalSubSteps?: number;
45
- }
46
38
  export interface FunnelStepNavigationProps extends FunnelStepProps {
47
39
  destinationStepNumber: number;
48
40
  navigationType: string;
49
41
  totalSubSteps?: number;
50
42
  }
51
43
  export interface FunnelStepErrorProps extends FunnelStepProps {
44
+ stepErrorContext?: AnalyticsMetadata['errorContext'];
52
45
  stepErrorSelector: string;
53
- errorContext?: AnalyticsMetadata['errorContext'];
54
46
  }
55
47
  export interface FunnelSubStepProps extends FunnelStepProps {
56
- instanceIdentifier?: AnalyticsMetadata['instanceIdentifier'];
48
+ subStepIdentifier?: AnalyticsMetadata['instanceIdentifier'];
57
49
  subStepSelector: string;
58
50
  subStepName?: string | undefined;
59
51
  subStepNameSelector: string;
60
52
  subStepNumber?: number;
61
53
  }
62
54
  export interface FunnelSubStepErrorProps extends FunnelSubStepProps {
55
+ subStepErrorContext?: AnalyticsMetadata['errorContext'];
56
+ fieldIdentifier?: AnalyticsMetadata['instanceIdentifier'];
57
+ fieldErrorContext?: AnalyticsMetadata['errorContext'];
63
58
  fieldLabelSelector: string;
64
59
  fieldErrorSelector: string;
65
- errorContext?: AnalyticsMetadata['errorContext'];
66
60
  }
67
61
  export interface OptionalFunnelSubStepErrorProps extends FunnelSubStepProps {
62
+ subStepErrorContext?: AnalyticsMetadata['errorContext'];
63
+ fieldIdentifier?: AnalyticsMetadata['instanceIdentifier'];
64
+ fieldErrorContext?: AnalyticsMetadata['errorContext'];
68
65
  fieldLabelSelector?: string;
69
66
  fieldErrorSelector?: string;
70
- errorContext?: AnalyticsMetadata['errorContext'];
71
67
  }
72
68
  export interface FunnelLinkInteractionProps extends FunnelSubStepProps {
73
69
  elementSelector: string;
@@ -75,26 +71,16 @@ export interface FunnelLinkInteractionProps extends FunnelSubStepProps {
75
71
  export interface FunnelChangeProps extends BaseFunnelProps {
76
72
  stepConfiguration: StepConfiguration[];
77
73
  }
78
- export interface FunnelStepChangeProps extends BaseFunnelProps {
79
- instanceIdentifier?: AnalyticsMetadata['instanceIdentifier'];
80
- stepNumber: number;
81
- stepName: string;
82
- stepNameSelector: string;
83
- subStepAllSelector: string;
84
- totalSubSteps: number;
85
- subStepConfiguration: SubStepConfiguration[];
86
- }
87
74
  export interface StepConfiguration {
88
75
  number: number;
89
76
  name: string;
90
77
  isOptional: boolean;
78
+ stepIdentifier?: AnalyticsMetadata['instanceIdentifier'];
91
79
  }
92
80
  export interface SubStepConfiguration {
93
81
  number: number;
94
82
  name: string;
95
- }
96
- export interface FunnelErrorProps extends BaseFunnelProps {
97
- errorContext?: AnalyticsMetadata['errorContext'];
83
+ subStepIdentifier?: AnalyticsMetadata['instanceIdentifier'];
98
84
  }
99
85
  export interface IFunnelMetrics {
100
86
  funnelStart: FunnelStartMethod;
@@ -103,11 +89,11 @@ export interface IFunnelMetrics {
103
89
  funnelSuccessful: FunnelMethod<BaseFunnelProps>;
104
90
  funnelCancelled: FunnelMethod<BaseFunnelProps>;
105
91
  funnelChange: FunnelMethod<FunnelChangeProps>;
106
- funnelStepStart: FunnelMethod<FunnelStepStartProps>;
107
- funnelStepComplete: FunnelMethod<FunnelStepCompleteProps>;
92
+ funnelStepStart: FunnelMethod<FunnelStepProps>;
93
+ funnelStepComplete: FunnelMethod<FunnelStepProps>;
108
94
  funnelStepNavigation: FunnelMethod<FunnelStepNavigationProps>;
109
95
  funnelStepError: FunnelMethod<FunnelStepErrorProps>;
110
- funnelStepChange: FunnelMethod<FunnelStepChangeProps>;
96
+ funnelStepChange: FunnelMethod<FunnelStepProps>;
111
97
  funnelSubStepStart: FunnelMethod<FunnelSubStepProps>;
112
98
  funnelSubStepComplete: FunnelMethod<FunnelSubStepProps>;
113
99
  funnelSubStepError: FunnelMethod<OptionalFunnelSubStepErrorProps>;
package/lib/internal/template/internal/analytics/interfaces.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../src/internal/analytics/interfaces.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../src/internal/analytics/interfaces.ts"],"names":[],"mappings":"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"}
package/lib/internal/template/internal/analytics/interfaces.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/internal/analytics/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\n// TODO: Replace with correct type from component-toolkit\nexport interface AnalyticsMetadata {\n instanceIdentifier?: string;\n flowType?: 'create' | 'edit';\n errorContext?: string;\n}\n\nexport type FunnelType = 'single-page' | 'multi-page';\n\n// Common properties for all funnels\nexport interface BaseFunnelProps {\n funnelInteractionId: string;\n}\n\nexport interface FunnelProps extends BaseFunnelProps {\n instanceIdentifier?: AnalyticsMetadata['instanceIdentifier'];\n flowType?: AnalyticsMetadata['flowType'];\n totalFunnelSteps: number;\n optionalStepNumbers: number[];\n funnelType: FunnelType;\n funnelNameSelector?: string;\n}\n\nexport interface FunnelStartProps {\n instanceIdentifier?: AnalyticsMetadata['instanceIdentifier'];\n flowType?: AnalyticsMetadata['flowType'];\n funnelNameSelector: string;\n totalFunnelSteps: number;\n optionalStepNumbers: number[];\n stepConfiguration?: StepConfiguration[];\n funnelType: FunnelType;\n funnelVersion: string;\n componentVersion: string;\n theme: string;\n}\n\n// A function type for a generic funnel method\nexport type FunnelMethod<T extends BaseFunnelProps> = (props: T) => void;\n\n// A function type specifically for funnelStart\nexport type FunnelStartMethod = (props: FunnelStartProps) => string;\n\n// Define individual method props by extending the base\nexport interface FunnelStepProps extends BaseFunnelProps {\n instanceIdentifier?: AnalyticsMetadata['instanceIdentifier'];\n stepNumber: number;\n stepName?: string | undefined;\n stepNameSelector: string;\n subStepAllSelector: string;\n}\n\nexport interface FunnelStepStartProps extends FunnelStepProps {\n totalSubSteps?: number;\n subStepConfiguration?: SubStepConfiguration[];\n}\nexport interface FunnelStepCompleteProps extends FunnelStepProps {\n totalSubSteps?: number;\n}\n\nexport interface FunnelStepNavigationProps extends FunnelStepProps {\n destinationStepNumber: number;\n navigationType: string;\n totalSubSteps?: number;\n}\n\nexport interface FunnelStepErrorProps extends FunnelStepProps {\n stepErrorSelector: string;\n errorContext?: AnalyticsMetadata['errorContext'];\n}\n\nexport interface FunnelSubStepProps extends FunnelStepProps {\n instanceIdentifier?: AnalyticsMetadata['instanceIdentifier'];\n subStepSelector: string;\n subStepName?: string | undefined;\n subStepNameSelector: string;\n subStepNumber?: number;\n}\n\nexport interface FunnelSubStepErrorProps extends FunnelSubStepProps {\n fieldLabelSelector: string;\n fieldErrorSelector: string;\n errorContext?: AnalyticsMetadata['errorContext'];\n}\n\nexport interface OptionalFunnelSubStepErrorProps extends FunnelSubStepProps {\n fieldLabelSelector?: string;\n fieldErrorSelector?: string;\n errorContext?: AnalyticsMetadata['errorContext'];\n}\n\nexport interface FunnelLinkInteractionProps extends FunnelSubStepProps {\n elementSelector: string;\n}\n\nexport interface FunnelChangeProps extends BaseFunnelProps {\n stepConfiguration: StepConfiguration[];\n}\n\nexport interface FunnelStepChangeProps extends BaseFunnelProps {\n instanceIdentifier?: AnalyticsMetadata['instanceIdentifier'];\n stepNumber: number;\n stepName: string;\n stepNameSelector: string;\n subStepAllSelector: string;\n totalSubSteps: number;\n subStepConfiguration: SubStepConfiguration[];\n}\n\nexport interface StepConfiguration {\n number: number;\n name: string;\n isOptional: boolean;\n}\n\nexport interface SubStepConfiguration {\n number: number;\n name: string;\n}\n\nexport interface FunnelErrorProps extends BaseFunnelProps {\n errorContext?: AnalyticsMetadata['errorContext'];\n}\n\n// Define the interface using the method type\nexport interface IFunnelMetrics {\n funnelStart: FunnelStartMethod;\n funnelError: FunnelMethod<FunnelErrorProps>;\n funnelComplete: FunnelMethod<BaseFunnelProps>;\n funnelSuccessful: FunnelMethod<BaseFunnelProps>;\n funnelCancelled: FunnelMethod<BaseFunnelProps>;\n funnelChange: FunnelMethod<FunnelChangeProps>;\n\n funnelStepStart: FunnelMethod<FunnelStepStartProps>;\n funnelStepComplete: FunnelMethod<FunnelStepCompleteProps>;\n funnelStepNavigation: FunnelMethod<FunnelStepNavigationProps>;\n funnelStepError: FunnelMethod<FunnelStepErrorProps>;\n funnelStepChange: FunnelMethod<FunnelStepChangeProps>;\n\n funnelSubStepStart: FunnelMethod<FunnelSubStepProps>;\n funnelSubStepComplete: FunnelMethod<FunnelSubStepProps>;\n funnelSubStepError: FunnelMethod<OptionalFunnelSubStepErrorProps>;\n\n helpPanelInteracted: FunnelMethod<FunnelLinkInteractionProps>;\n externalLinkInteracted: FunnelMethod<FunnelLinkInteractionProps>;\n}\n"]}
1
+ {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/internal/analytics/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nexport type FunnelType = 'single-page' | 'multi-page';\nexport interface AnalyticsMetadata {\n instanceIdentifier?: string;\n flowType?: 'create' | 'edit';\n errorContext?: string;\n}\n\n// Common properties for all funnels\nexport interface BaseFunnelProps {\n funnelIdentifier?: AnalyticsMetadata['instanceIdentifier'];\n funnelInteractionId: string;\n currentDocument?: Document;\n}\n\nexport interface FunnelErrorProps extends BaseFunnelProps {\n funnelErrorContext?: AnalyticsMetadata['errorContext'];\n}\n\nexport interface FunnelStartProps extends Omit<BaseFunnelProps, 'funnelInteractionId'> {\n flowType?: AnalyticsMetadata['flowType'];\n funnelNameSelector: string;\n totalFunnelSteps: number;\n optionalStepNumbers: number[];\n stepConfiguration?: StepConfiguration[];\n funnelType: FunnelType;\n funnelVersion: string;\n componentVersion: string;\n componentTheme: string;\n funnelInteractionId?: string;\n}\n\n// A function type for a generic funnel method\nexport type FunnelMethod<T extends BaseFunnelProps> = (props: T) => void;\n\n// A function type specifically for funnelStart\nexport type FunnelStartMethod = (props: FunnelStartProps) => string;\n\n// Define individual method props by extending the base\nexport interface FunnelStepProps extends BaseFunnelProps {\n stepIdentifier?: AnalyticsMetadata['instanceIdentifier'];\n stepNumber: number;\n stepName?: string | undefined;\n stepNameSelector?: string;\n subStepAllSelector: string;\n totalSubSteps?: number;\n subStepConfiguration?: SubStepConfiguration[];\n}\n\nexport interface FunnelStepNavigationProps extends FunnelStepProps {\n destinationStepNumber: number;\n navigationType: string;\n totalSubSteps?: number;\n}\n\nexport interface FunnelStepErrorProps extends FunnelStepProps {\n stepErrorContext?: AnalyticsMetadata['errorContext'];\n stepErrorSelector: string;\n}\n\nexport interface FunnelSubStepProps extends FunnelStepProps {\n subStepIdentifier?: AnalyticsMetadata['instanceIdentifier'];\n subStepSelector: string;\n subStepName?: string | undefined;\n subStepNameSelector: string;\n subStepNumber?: number;\n}\n\nexport interface FunnelSubStepErrorProps extends FunnelSubStepProps {\n subStepErrorContext?: AnalyticsMetadata['errorContext'];\n fieldIdentifier?: AnalyticsMetadata['instanceIdentifier'];\n fieldErrorContext?: AnalyticsMetadata['errorContext'];\n fieldLabelSelector: string;\n fieldErrorSelector: string;\n}\n\nexport interface OptionalFunnelSubStepErrorProps extends FunnelSubStepProps {\n subStepErrorContext?: AnalyticsMetadata['errorContext'];\n fieldIdentifier?: AnalyticsMetadata['instanceIdentifier'];\n fieldErrorContext?: AnalyticsMetadata['errorContext'];\n fieldLabelSelector?: string;\n fieldErrorSelector?: string;\n}\n\nexport interface FunnelLinkInteractionProps extends FunnelSubStepProps {\n elementSelector: string;\n}\n\nexport interface FunnelChangeProps extends BaseFunnelProps {\n stepConfiguration: StepConfiguration[];\n}\n\nexport interface StepConfiguration {\n number: number;\n name: string;\n isOptional: boolean;\n stepIdentifier?: AnalyticsMetadata['instanceIdentifier'];\n}\n\nexport interface SubStepConfiguration {\n number: number;\n name: string;\n subStepIdentifier?: AnalyticsMetadata['instanceIdentifier'];\n}\n\n// Define the interface using the method type\nexport interface IFunnelMetrics {\n funnelStart: FunnelStartMethod;\n funnelError: FunnelMethod<FunnelErrorProps>;\n funnelComplete: FunnelMethod<BaseFunnelProps>;\n funnelSuccessful: FunnelMethod<BaseFunnelProps>;\n funnelCancelled: FunnelMethod<BaseFunnelProps>;\n funnelChange: FunnelMethod<FunnelChangeProps>;\n\n funnelStepStart: FunnelMethod<FunnelStepProps>;\n funnelStepComplete: FunnelMethod<FunnelStepProps>;\n funnelStepNavigation: FunnelMethod<FunnelStepNavigationProps>;\n funnelStepError: FunnelMethod<FunnelStepErrorProps>;\n funnelStepChange: FunnelMethod<FunnelStepProps>;\n\n funnelSubStepStart: FunnelMethod<FunnelSubStepProps>;\n funnelSubStepComplete: FunnelMethod<FunnelSubStepProps>;\n funnelSubStepError: FunnelMethod<OptionalFunnelSubStepErrorProps>;\n\n helpPanelInteracted: FunnelMethod<FunnelLinkInteractionProps>;\n externalLinkInteracted: FunnelMethod<FunnelLinkInteractionProps>;\n}\n"]}
package/lib/internal/template/internal/base-component/index.d.ts CHANGED
@@ -16,5 +16,5 @@ export declare function getBaseProps(props: BaseComponentProps): BaseComponentPr
16
16
  export interface BasePropsWithAnalyticsMetadata {
17
17
  __analyticsMetadata?: AnalyticsMetadata;
18
18
  }
19
- export declare function getAnalyticsMetadataProps(props: BasePropsWithAnalyticsMetadata): AnalyticsMetadata | undefined;
19
+ export declare function getAnalyticsMetadataProps(props?: BasePropsWithAnalyticsMetadata): AnalyticsMetadata | undefined;
20
20
  //# sourceMappingURL=index.d.ts.map
package/lib/internal/template/internal/base-component/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/internal/base-component/index.ts"],"names":[],"mappings":"AAOA,OAAO,iBAAiB,CAAC;AACzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAI5D,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CAIb;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,kBAAkB,sBAQrD;AAED,MAAM,WAAW,8BAA8B;IAC7C,mBAAmB,CAAC,EAAE,iBAAiB,CAAC;CACzC;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,8BAA8B,iCAE9E"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/internal/base-component/index.ts"],"names":[],"mappings":"AAOA,OAAO,iBAAiB,CAAC;AACzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAI5D,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CAIb;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,kBAAkB,sBAQrD;AAED,MAAM,WAAW,8BAA8B;IAC7C,mBAAmB,CAAC,EAAE,iBAAiB,CAAC;CACzC;AAED,wBAAgB,yBAAyB,CAAC,KAAK,CAAC,EAAE,8BAA8B,iCAE/E"}
package/lib/internal/template/internal/base-component/index.js CHANGED
@@ -15,6 +15,6 @@ export function getBaseProps(props) {
15
15
  return baseProps;
16
16
  }
17
17
  export function getAnalyticsMetadataProps(props) {
18
- return props.__analyticsMetadata;
18
+ return props === null || props === void 0 ? void 0 : props.__analyticsMetadata;
19
19
  }
20
20
  //# sourceMappingURL=index.js.map
package/lib/internal/template/internal/base-component/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/internal/base-component/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAClF,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjE,gEAAgE;AAChE,OAAO,iBAAiB,CAAC;AAGzB,iBAAiB,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC;AAkBnD,MAAM,UAAU,YAAY,CAAC,KAAyB;IACpD,MAAM,SAAS,GAAwB,EAAE,CAAC;IAC1C,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;QAChC,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,WAAW,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE;YACjE,SAAS,CAAC,IAAI,CAAC,GAAI,KAA6B,CAAC,IAAI,CAAC,CAAC;SACxD;IACH,CAAC,CAAC,CAAC;IACH,OAAO,SAA+B,CAAC;AACzC,CAAC;AAMD,MAAM,UAAU,yBAAyB,CAAC,KAAqC;IAC7E,OAAO,KAAK,CAAC,mBAAmB,CAAC;AACnC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { initAwsUiVersions } from '@cloudscape-design/component-toolkit/internal';\nimport { PACKAGE_SOURCE, PACKAGE_VERSION } from '../environment';\n\n// these styles needed to be imported for every public component\nimport './styles.css.js';\nimport { AnalyticsMetadata } from '../analytics/interfaces';\n\ninitAwsUiVersions(PACKAGE_SOURCE, PACKAGE_VERSION);\n\nexport interface BaseComponentProps {\n /**\n * Adds the specified classes to the root element of the component.\n * @deprecated Custom CSS is not supported. For other use cases, use [data attributes](https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes).\n */\n className?: string;\n /**\n * Adds the specified ID to the root element of the component.\n * @deprecated Custom CSS is not supported. For other use cases, use [data attributes](https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes).\n */\n id?: string;\n // we also support data-* attributes, but they are always implicitly allowed by typescript\n // http://www.typescriptlang.org/docs/handbook/jsx.html#attribute-type-checking\n // \"Note: If an attribute name is not a valid JS identifier (like a data-* attribute), it is not considered to be an error\"\n}\n\nexport function getBaseProps(props: BaseComponentProps) {\n const baseProps: Record<string, any> = {};\n Object.keys(props).forEach(prop => {\n if (prop === 'id' || prop === 'className' || prop.match(/^data-/)) {\n baseProps[prop] = (props as Record<string, any>)[prop];\n }\n });\n return baseProps as BaseComponentProps;\n}\n\nexport interface BasePropsWithAnalyticsMetadata {\n __analyticsMetadata?: AnalyticsMetadata;\n}\n\nexport function getAnalyticsMetadataProps(props: BasePropsWithAnalyticsMetadata) {\n return props.__analyticsMetadata;\n}\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/internal/base-component/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAClF,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjE,gEAAgE;AAChE,OAAO,iBAAiB,CAAC;AAGzB,iBAAiB,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC;AAkBnD,MAAM,UAAU,YAAY,CAAC,KAAyB;IACpD,MAAM,SAAS,GAAwB,EAAE,CAAC;IAC1C,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;QAChC,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,WAAW,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE;YACjE,SAAS,CAAC,IAAI,CAAC,GAAI,KAA6B,CAAC,IAAI,CAAC,CAAC;SACxD;IACH,CAAC,CAAC,CAAC;IACH,OAAO,SAA+B,CAAC;AACzC,CAAC;AAMD,MAAM,UAAU,yBAAyB,CAAC,KAAsC;IAC9E,OAAO,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,mBAAmB,CAAC;AACpC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { initAwsUiVersions } from '@cloudscape-design/component-toolkit/internal';\nimport { PACKAGE_SOURCE, PACKAGE_VERSION } from '../environment';\n\n// these styles needed to be imported for every public component\nimport './styles.css.js';\nimport { AnalyticsMetadata } from '../analytics/interfaces';\n\ninitAwsUiVersions(PACKAGE_SOURCE, PACKAGE_VERSION);\n\nexport interface BaseComponentProps {\n /**\n * Adds the specified classes to the root element of the component.\n * @deprecated Custom CSS is not supported. For other use cases, use [data attributes](https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes).\n */\n className?: string;\n /**\n * Adds the specified ID to the root element of the component.\n * @deprecated Custom CSS is not supported. For other use cases, use [data attributes](https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes).\n */\n id?: string;\n // we also support data-* attributes, but they are always implicitly allowed by typescript\n // http://www.typescriptlang.org/docs/handbook/jsx.html#attribute-type-checking\n // \"Note: If an attribute name is not a valid JS identifier (like a data-* attribute), it is not considered to be an error\"\n}\n\nexport function getBaseProps(props: BaseComponentProps) {\n const baseProps: Record<string, any> = {};\n Object.keys(props).forEach(prop => {\n if (prop === 'id' || prop === 'className' || prop.match(/^data-/)) {\n baseProps[prop] = (props as Record<string, any>)[prop];\n }\n });\n return baseProps as BaseComponentProps;\n}\n\nexport interface BasePropsWithAnalyticsMetadata {\n __analyticsMetadata?: AnalyticsMetadata;\n}\n\nexport function getAnalyticsMetadataProps(props?: BasePropsWithAnalyticsMetadata) {\n return props?.__analyticsMetadata;\n}\n"]}
package/lib/internal/template/internal/base-component/styles.scoped.css CHANGED
@@ -266,6 +266,7 @@
266
266
  --color-border-item-selected-20gejb:#0073bb;
267
267
  --color-border-layout-py7xy0:#d5dbdb;
268
268
  --color-border-notification-stack-bar-sbqbf5:#2a2e33;
269
+ --color-border-panel-header-kec01h:#eaeded;
269
270
  --color-border-popover-sxojn8:#d5dbdb;
270
271
  --color-border-segment-active-mnwdth:#16191f;
271
272
  --color-border-segment-default-35wzaz:#687078;
@@ -548,6 +549,10 @@
548
549
  --space-modal-content-bottom-jqf2xu:20px;
549
550
  --space-modal-horizontal-rppbjb:20px;
550
551
  --space-option-icon-big-top-b7er3p:2px;
552
+ --space-panel-content-bottom-a67jcq:40px;
553
+ --space-panel-content-top-adxo81:20px;
554
+ --space-panel-divider-margin-horizontal-2jmfkj:12px;
555
+ --space-panel-header-vertical-3c8qmg:20px;
551
556
  --space-panel-nav-left-c5t4hj:32px;
552
557
  --space-panel-side-left-wmxosk:32px;
553
558
  --space-panel-side-right-23w8pv:32px;
@@ -858,6 +863,7 @@
858
863
  --color-border-dropdown-item-focused-3o10kx:#00a1c9;
859
864
  --color-border-item-selected-20gejb:#00a1c9;
860
865
  --color-border-layout-py7xy0:#414750;
866
+ --color-border-panel-header-kec01h:#414750;
861
867
  --color-border-popover-sxojn8:#545b64;
862
868
  --color-border-segment-active-mnwdth:#ffffff;
863
869
  --color-border-segment-default-35wzaz:#879596;
@@ -989,6 +995,9 @@
989
995
  --space-layout-content-bottom-ve4osc:16px;
990
996
  --space-layout-content-horizontal-sin989:24px;
991
997
  --space-modal-content-bottom-jqf2xu:16px;
998
+ --space-panel-content-bottom-a67jcq:32px;
999
+ --space-panel-content-top-adxo81:16px;
1000
+ --space-panel-header-vertical-3c8qmg:16px;
992
1001
  --space-panel-side-left-wmxosk:24px;
993
1002
  --space-panel-side-right-23w8pv:24px;
994
1003
  --space-tabs-content-top-53djlo:12px;
@@ -1042,6 +1051,9 @@
1042
1051
  --space-key-value-gap-5wd2dd:0px;
1043
1052
  --space-layout-content-bottom-ve4osc:16px;
1044
1053
  --space-modal-content-bottom-jqf2xu:16px;
1054
+ --space-panel-content-bottom-a67jcq:32px;
1055
+ --space-panel-content-top-adxo81:16px;
1056
+ --space-panel-header-vertical-3c8qmg:16px;
1045
1057
  --space-panel-side-left-wmxosk:24px;
1046
1058
  --space-panel-side-right-23w8pv:24px;
1047
1059
  --space-tabs-content-top-53djlo:12px;
@@ -1148,6 +1160,7 @@
1148
1160
  --color-border-dropdown-item-focused-3o10kx:#00a1c9;
1149
1161
  --color-border-item-selected-20gejb:#00a1c9;
1150
1162
  --color-border-layout-py7xy0:#414750;
1163
+ --color-border-panel-header-kec01h:#414750;
1151
1164
  --color-border-popover-sxojn8:#545b64;
1152
1165
  --color-border-segment-active-mnwdth:#ffffff;
1153
1166
  --color-border-segment-default-35wzaz:#879596;
@@ -1260,6 +1273,7 @@
1260
1273
  --color-border-dropdown-item-top-of452d:#fafafa;
1261
1274
  --color-border-input-focused-v6z9fd:#fafafa;
1262
1275
  --color-border-item-focused-v8nq2m:#fafafa;
1276
+ --color-border-panel-header-kec01h:#fafafa;
1263
1277
  --color-border-tabs-shadow-vlaodw:#fafafa;
1264
1278
  --color-text-body-default-ffdwgg:#fafafa;
1265
1279
  --color-text-expandable-section-default-6s8xf7:#fafafa;
@@ -1278,6 +1292,7 @@
1278
1292
  --color-border-dropdown-item-top-of452d:#16191f;
1279
1293
  --color-border-input-focused-v6z9fd:#16191f;
1280
1294
  --color-border-item-focused-v8nq2m:#16191f;
1295
+ --color-border-panel-header-kec01h:#16191f;
1281
1296
  --color-border-tabs-shadow-vlaodw:#16191f;
1282
1297
  --color-text-expandable-section-default-6s8xf7:#16191f;
1283
1298
  --color-text-heading-secondary-b83go1:#16191f;
@@ -1295,6 +1310,7 @@
1295
1310
  --color-border-dropdown-item-default-xnte9u:#545b64;
1296
1311
  --color-border-dropdown-item-selected-fxzclw:#545b64;
1297
1312
  --color-border-dropdown-item-top-of452d:#545b64;
1313
+ --color-border-panel-header-kec01h:#545b64;
1298
1314
  --color-border-tabs-shadow-vlaodw:#545b64;
1299
1315
  }
1300
1316
 
@@ -1331,6 +1347,7 @@
1331
1347
  --color-border-dropdown-item-default-xnte9u:#d5dbdb;
1332
1348
  --color-border-dropdown-item-selected-fxzclw:#d5dbdb;
1333
1349
  --color-border-dropdown-item-top-of452d:#d5dbdb;
1350
+ --color-border-panel-header-kec01h:#d5dbdb;
1334
1351
  --color-border-tabs-shadow-vlaodw:rgba(0, 0, 0, 0.3);
1335
1352
  }
1336
1353
  }
@@ -1343,6 +1360,7 @@
1343
1360
  --color-border-dropdown-item-default-xnte9u:#d5dbdb;
1344
1361
  --color-border-dropdown-item-selected-fxzclw:#d5dbdb;
1345
1362
  --color-border-dropdown-item-top-of452d:#d5dbdb;
1363
+ --color-border-panel-header-kec01h:#d5dbdb;
1346
1364
  --color-border-tabs-shadow-vlaodw:rgba(0, 0, 0, 0.3);
1347
1365
  }
1348
1366
  }
@@ -1450,6 +1468,7 @@
1450
1468
  --color-border-item-selected-20gejb:#0972d3;
1451
1469
  --color-border-layout-py7xy0:#d1d5db;
1452
1470
  --color-border-notification-stack-bar-sbqbf5:#232f3e;
1471
+ --color-border-panel-header-kec01h:#b6bec9;
1453
1472
  --color-border-popover-sxojn8:#9ba7b6;
1454
1473
  --color-border-segment-active-mnwdth:#414d5c;
1455
1474
  --color-border-segment-default-35wzaz:#414d5c;
@@ -1660,6 +1679,7 @@
1660
1679
  --space-layout-content-horizontal-sin989:24px;
1661
1680
  --space-modal-content-bottom-jqf2xu:16px;
1662
1681
  --space-option-icon-big-top-b7er3p:0px;
1682
+ --space-panel-divider-margin-horizontal-2jmfkj:8px;
1663
1683
  --space-panel-nav-left-c5t4hj:28px;
1664
1684
  --space-panel-side-left-wmxosk:28px;
1665
1685
  --space-panel-side-right-23w8pv:24px;
@@ -1787,6 +1807,7 @@
1787
1807
  --color-border-item-placeholder-14j9vy:#539fe5;
1788
1808
  --color-border-item-selected-20gejb:#539fe5;
1789
1809
  --color-border-layout-py7xy0:#354150;
1810
+ --color-border-panel-header-kec01h:#414d5c;
1790
1811
  --color-border-popover-sxojn8:#5f6b7a;
1791
1812
  --color-border-segment-active-mnwdth:#d1d5db;
1792
1813
  --color-border-segment-default-35wzaz:#d1d5db;
@@ -2054,6 +2075,7 @@
2054
2075
  --color-border-item-placeholder-14j9vy:#539fe5;
2055
2076
  --color-border-item-selected-20gejb:#539fe5;
2056
2077
  --color-border-layout-py7xy0:#354150;
2078
+ --color-border-panel-header-kec01h:#414d5c;
2057
2079
  --color-border-popover-sxojn8:#5f6b7a;
2058
2080
  --color-border-segment-active-mnwdth:#d1d5db;
2059
2081
  --color-border-segment-default-35wzaz:#d1d5db;
@@ -2244,6 +2266,7 @@
2244
2266
  --color-border-item-placeholder-14j9vy:#539fe5;
2245
2267
  --color-border-item-selected-20gejb:#539fe5;
2246
2268
  --color-border-layout-py7xy0:#354150;
2269
+ --color-border-panel-header-kec01h:#414d5c;
2247
2270
  --color-border-popover-sxojn8:#5f6b7a;
2248
2271
  --color-border-segment-active-mnwdth:#d1d5db;
2249
2272
  --color-border-segment-default-35wzaz:#d1d5db;
@@ -2436,6 +2459,7 @@
2436
2459
  --color-border-item-placeholder-14j9vy:#539fe5;
2437
2460
  --color-border-item-selected-20gejb:#539fe5;
2438
2461
  --color-border-layout-py7xy0:#354150;
2462
+ --color-border-panel-header-kec01h:#414d5c;
2439
2463
  --color-border-popover-sxojn8:#5f6b7a;
2440
2464
  --color-border-segment-active-mnwdth:#d1d5db;
2441
2465
  --color-border-segment-default-35wzaz:#d1d5db;
@@ -2641,6 +2665,7 @@
2641
2665
  --color-border-item-placeholder-14j9vy:#539fe5;
2642
2666
  --color-border-item-selected-20gejb:#539fe5;
2643
2667
  --color-border-layout-py7xy0:#354150;
2668
+ --color-border-panel-header-kec01h:#414d5c;
2644
2669
  --color-border-popover-sxojn8:#5f6b7a;
2645
2670
  --color-border-segment-active-mnwdth:#d1d5db;
2646
2671
  --color-border-segment-default-35wzaz:#d1d5db;
@@ -2780,6 +2805,7 @@
2780
2805
  --color-border-dropdown-item-top-of452d:transparent;
2781
2806
  --color-border-input-focused-v6z9fd:#033160;
2782
2807
  --color-border-item-focused-v8nq2m:#fbfbfb;
2808
+ --color-border-panel-header-kec01h:#fbfbfb;
2783
2809
  --color-border-tabs-shadow-vlaodw:rgba(0, 7, 22, 0.12);
2784
2810
  --color-text-body-default-ffdwgg:#fbfbfb;
2785
2811
  --color-text-button-normal-active-fp98iq:#ffffff;
@@ -2810,6 +2836,7 @@
2810
2836
  --color-border-dropdown-group-mkqzrv:#fbfbfb;
2811
2837
  --color-border-dropdown-item-default-xnte9u:#fbfbfb;
2812
2838
  --color-border-item-focused-v8nq2m:#fbfbfb;
2839
+ --color-border-panel-header-kec01h:#fbfbfb;
2813
2840
  --color-text-body-default-ffdwgg:#fbfbfb;
2814
2841
  --color-text-button-normal-active-fp98iq:#ffffff;
2815
2842
  --color-text-button-normal-default-gpe171:#fbfbfb;
@@ -2845,6 +2872,7 @@
2845
2872
  --color-border-dropdown-item-top-of452d:transparent;
2846
2873
  --color-border-input-focused-v6z9fd:#033160;
2847
2874
  --color-border-item-focused-v8nq2m:#000716;
2875
+ --color-border-panel-header-kec01h:#000716;
2848
2876
  --color-border-tabs-shadow-vlaodw:rgba(0, 7, 22, 0.12);
2849
2877
  --color-text-button-normal-active-fp98iq:#000716;
2850
2878
  --color-text-button-normal-default-gpe171:#414d5c;
@@ -2876,6 +2904,7 @@
2876
2904
  --color-border-dropdown-group-mkqzrv:#000716;
2877
2905
  --color-border-dropdown-item-default-xnte9u:#000716;
2878
2906
  --color-border-item-focused-v8nq2m:#000716;
2907
+ --color-border-panel-header-kec01h:#000716;
2879
2908
  --color-text-button-normal-active-fp98iq:#000716;
2880
2909
  --color-text-button-normal-default-gpe171:#414d5c;
2881
2910
  --color-text-button-normal-hover-3xe8o6:#000716;
@@ -2908,6 +2937,7 @@
2908
2937
  --color-border-dropdown-item-default-xnte9u:#414d5c;
2909
2938
  --color-border-dropdown-item-selected-fxzclw:#0972d3;
2910
2939
  --color-border-dropdown-item-top-of452d:transparent;
2940
+ --color-border-panel-header-kec01h:#414d5c;
2911
2941
  --color-border-tabs-shadow-vlaodw:rgba(0, 7, 22, 0.12);
2912
2942
  --color-text-button-normal-active-fp98iq:#000716;
2913
2943
  --color-text-button-normal-default-gpe171:#414d5c;
@@ -2934,6 +2964,7 @@
2934
2964
  --color-border-divider-panel-side-btgups:#414d5c;
2935
2965
  --color-border-dropdown-group-mkqzrv:#414d5c;
2936
2966
  --color-border-dropdown-item-default-xnte9u:#414d5c;
2967
+ --color-border-panel-header-kec01h:#414d5c;
2937
2968
  --color-text-button-normal-active-fp98iq:#000716;
2938
2969
  --color-text-button-normal-default-gpe171:#414d5c;
2939
2970
  --color-text-button-normal-hover-3xe8o6:#000716;
@@ -3032,6 +3063,7 @@
3032
3063
  --color-border-item-placeholder-14j9vy:#539fe5;
3033
3064
  --color-border-item-selected-20gejb:#539fe5;
3034
3065
  --color-border-layout-py7xy0:#354150;
3066
+ --color-border-panel-header-kec01h:#d1d5db;
3035
3067
  --color-border-popover-sxojn8:#5f6b7a;
3036
3068
  --color-border-segment-active-mnwdth:#d1d5db;
3037
3069
  --color-border-segment-default-35wzaz:#d1d5db;
@@ -3225,6 +3257,7 @@
3225
3257
  --color-border-item-placeholder-14j9vy:#539fe5;
3226
3258
  --color-border-item-selected-20gejb:#539fe5;
3227
3259
  --color-border-layout-py7xy0:#354150;
3260
+ --color-border-panel-header-kec01h:#d1d5db;
3228
3261
  --color-border-popover-sxojn8:#5f6b7a;
3229
3262
  --color-border-segment-active-mnwdth:#d1d5db;
3230
3263
  --color-border-segment-default-35wzaz:#d1d5db;
@@ -3379,6 +3412,7 @@
3379
3412
  --color-border-dropdown-item-default-xnte9u:#d1d5db;
3380
3413
  --color-border-dropdown-item-selected-fxzclw:#539fe5;
3381
3414
  --color-border-item-focused-v8nq2m:#fbfbfb;
3415
+ --color-border-panel-header-kec01h:#d1d5db;
3382
3416
  --color-border-tabs-shadow-vlaodw:rgba(0, 7, 22, 1);
3383
3417
  --color-text-button-normal-active-fp98iq:#ffffff;
3384
3418
  --color-text-button-normal-default-gpe171:#d1d5db;
@@ -3404,6 +3438,7 @@
3404
3438
  --color-border-dropdown-item-default-xnte9u:#d1d5db;
3405
3439
  --color-border-dropdown-item-selected-fxzclw:#539fe5;
3406
3440
  --color-border-item-focused-v8nq2m:#fbfbfb;
3441
+ --color-border-panel-header-kec01h:#d1d5db;
3407
3442
  --color-border-tabs-shadow-vlaodw:rgba(0, 7, 22, 1);
3408
3443
  --color-text-button-normal-active-fp98iq:#ffffff;
3409
3444
  --color-text-button-normal-default-gpe171:#d1d5db;
package/lib/internal/template/internal/components/button-trigger/index.d.ts CHANGED
@@ -8,6 +8,7 @@ export interface ButtonTriggerProps extends BaseComponentProps {
8
8
  disabled?: boolean;
9
9
  readOnly?: boolean;
10
10
  invalid?: boolean;
11
+ warning?: boolean;
11
12
  inFilteringToken?: boolean;
12
13
  inlineTokens?: boolean;
13
14
  ariaHasPopup?: 'true' | 'listbox' | 'dialog';
package/lib/internal/template/internal/components/button-trigger/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/button-trigger/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AAGxE,OAAO,EAA0C,sBAAsB,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7G,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IAClD,OAAO,CAAC,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IAChD,WAAW,CAAC,EAAE,sBAAsB,CAAC;IACrC,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,MAAM,CAAC,EAAE,sBAAsB,CAAC;QAAE,aAAa,EAAE,IAAI,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;IAChE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA2ED,yBAAiB,kBAAkB,CAAC;IAClC,UAAiB,GAAG;QAClB,KAAK,IAAI,IAAI,CAAC;KACf;CACF;;AAED,wBAA+C"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/button-trigger/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AAGxE,OAAO,EAA0C,sBAAsB,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7G,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IAClD,OAAO,CAAC,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IAChD,WAAW,CAAC,EAAE,sBAAsB,CAAC;IACrC,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,MAAM,CAAC,EAAE,sBAAsB,CAAC;QAAE,aAAa,EAAE,IAAI,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;IAChE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA6ED,yBAAiB,kBAAkB,CAAC;IAClC,UAAiB,GAAG;QAClB,KAAK,IAAI,IAAI,CAAC;KACf;CACF;;AAED,wBAA+C"}
package/lib/internal/template/internal/components/button-trigger/index.js CHANGED
@@ -8,9 +8,9 @@ import InternalIcon from '../../../icon/internal';
8
8
  import styles from './styles.css.js';
9
9
  import { fireKeyboardEvent, fireCancelableEvent } from '../../events';
10
10
  const ButtonTrigger = (_a, ref) => {
11
- var { children, pressed = false, hideCaret = false, disabled = false, readOnly = false, invalid = false, inlineTokens, inFilteringToken, ariaHasPopup, ariaLabel, ariaLabelledby, ariaDescribedby, ariaControls, onKeyDown, onKeyUp, onMouseDown, onClick, onFocus, onBlur, autoFocus } = _a, restProps = __rest(_a, ["children", "pressed", "hideCaret", "disabled", "readOnly", "invalid", "inlineTokens", "inFilteringToken", "ariaHasPopup", "ariaLabel", "ariaLabelledby", "ariaDescribedby", "ariaControls", "onKeyDown", "onKeyUp", "onMouseDown", "onClick", "onFocus", "onBlur", "autoFocus"]);
11
+ var { children, pressed = false, hideCaret = false, disabled = false, readOnly = false, invalid = false, warning = false, inlineTokens, inFilteringToken, ariaHasPopup, ariaLabel, ariaLabelledby, ariaDescribedby, ariaControls, onKeyDown, onKeyUp, onMouseDown, onClick, onFocus, onBlur, autoFocus } = _a, restProps = __rest(_a, ["children", "pressed", "hideCaret", "disabled", "readOnly", "invalid", "warning", "inlineTokens", "inFilteringToken", "ariaHasPopup", "ariaLabel", "ariaLabelledby", "ariaDescribedby", "ariaControls", "onKeyDown", "onKeyUp", "onMouseDown", "onClick", "onFocus", "onBlur", "autoFocus"]);
12
12
  const baseProps = getBaseProps(restProps);
13
- const attributes = Object.assign(Object.assign({}, baseProps), { type: 'button', className: clsx(styles['button-trigger'], baseProps.className, pressed && styles.pressed, disabled && styles.disabled, invalid && styles.invalid, !hideCaret && styles['has-caret'], readOnly && styles['read-only'], inFilteringToken && styles['in-filtering-token'], inlineTokens && styles['inline-tokens']), disabled: disabled || readOnly, 'aria-expanded': pressed, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'aria-haspopup': ariaHasPopup !== null && ariaHasPopup !== void 0 ? ariaHasPopup : 'listbox', 'aria-controls': ariaControls, onKeyDown: onKeyDown && (event => fireKeyboardEvent(onKeyDown, event)), onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)), onMouseDown: onMouseDown && (event => fireCancelableEvent(onMouseDown, {}, event)), onClick: onClick && (event => fireCancelableEvent(onClick, {}, event)), onFocus: onFocus && (event => fireCancelableEvent(onFocus, {}, event)), onBlur: onBlur && (event => fireCancelableEvent(onBlur, { relatedTarget: event.relatedTarget }, event)), autoFocus });
13
+ const attributes = Object.assign(Object.assign({}, baseProps), { type: 'button', className: clsx(styles['button-trigger'], baseProps.className, pressed && styles.pressed, disabled && styles.disabled, invalid && styles.invalid, warning && !invalid && styles.warning, !hideCaret && styles['has-caret'], readOnly && styles['read-only'], inFilteringToken && styles['in-filtering-token'], inlineTokens && styles['inline-tokens']), disabled: disabled || readOnly, 'aria-expanded': pressed, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'aria-haspopup': ariaHasPopup !== null && ariaHasPopup !== void 0 ? ariaHasPopup : 'listbox', 'aria-controls': ariaControls, onKeyDown: onKeyDown && (event => fireKeyboardEvent(onKeyDown, event)), onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)), onMouseDown: onMouseDown && (event => fireCancelableEvent(onMouseDown, {}, event)), onClick: onClick && (event => fireCancelableEvent(onClick, {}, event)), onFocus: onFocus && (event => fireCancelableEvent(onFocus, {}, event)), onBlur: onBlur && (event => fireCancelableEvent(onBlur, { relatedTarget: event.relatedTarget }, event)), autoFocus });
14
14
  if (invalid) {
15
15
  attributes['aria-invalid'] = invalid;
16
16
  }
package/lib/internal/template/internal/components/button-trigger/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/button-trigger/index.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, { ButtonHTMLAttributes } from 'react';\nimport clsx from 'clsx';\nimport { BaseComponentProps, getBaseProps } from '../../base-component';\nimport InternalIcon from '../../../icon/internal';\nimport styles from './styles.css.js';\nimport { fireKeyboardEvent, fireCancelableEvent, CancelableEventHandler, BaseKeyDetail } from '../../events';\n\nexport interface ButtonTriggerProps extends BaseComponentProps {\n children?: React.ReactNode;\n pressed?: boolean;\n hideCaret?: boolean;\n disabled?: boolean;\n readOnly?: boolean;\n invalid?: boolean;\n inFilteringToken?: boolean;\n inlineTokens?: boolean;\n ariaHasPopup?: 'true' | 'listbox' | 'dialog';\n ariaControls?: string;\n ariaLabel?: string;\n ariaLabelledby?: string;\n ariaDescribedby?: string;\n onKeyDown?: CancelableEventHandler<BaseKeyDetail>;\n onKeyUp?: CancelableEventHandler<BaseKeyDetail>;\n onMouseDown?: CancelableEventHandler;\n onClick?: CancelableEventHandler;\n onFocus?: CancelableEventHandler;\n onBlur?: CancelableEventHandler<{ relatedTarget: Node | null }>;\n autoFocus?: boolean;\n}\n\nconst ButtonTrigger = (\n {\n children,\n pressed = false,\n hideCaret = false,\n disabled = false,\n readOnly = false,\n invalid = false,\n inlineTokens,\n inFilteringToken,\n ariaHasPopup,\n ariaLabel,\n ariaLabelledby,\n ariaDescribedby,\n ariaControls,\n onKeyDown,\n onKeyUp,\n onMouseDown,\n onClick,\n onFocus,\n onBlur,\n autoFocus,\n ...restProps\n }: ButtonTriggerProps,\n ref: React.Ref<HTMLButtonElement>\n) => {\n const baseProps = getBaseProps(restProps);\n const attributes: ButtonHTMLAttributes<HTMLButtonElement> = {\n ...baseProps,\n type: 'button',\n className: clsx(\n styles['button-trigger'],\n baseProps.className,\n pressed && styles.pressed,\n disabled && styles.disabled,\n invalid && styles.invalid,\n !hideCaret && styles['has-caret'],\n readOnly && styles['read-only'],\n inFilteringToken && styles['in-filtering-token'],\n inlineTokens && styles['inline-tokens']\n ),\n disabled: disabled || readOnly,\n 'aria-expanded': pressed,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby,\n 'aria-describedby': ariaDescribedby,\n 'aria-haspopup': ariaHasPopup ?? 'listbox',\n 'aria-controls': ariaControls,\n onKeyDown: onKeyDown && (event => fireKeyboardEvent(onKeyDown, event)),\n onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)),\n onMouseDown: onMouseDown && (event => fireCancelableEvent(onMouseDown, {}, event)),\n onClick: onClick && (event => fireCancelableEvent(onClick, {}, event)),\n onFocus: onFocus && (event => fireCancelableEvent(onFocus, {}, event)),\n onBlur: onBlur && (event => fireCancelableEvent(onBlur, { relatedTarget: event.relatedTarget }, event)),\n autoFocus,\n };\n\n if (invalid) {\n attributes['aria-invalid'] = invalid;\n }\n\n return (\n <button ref={ref} {...attributes}>\n {children}\n {!hideCaret && (\n <span className={styles.arrow}>\n <InternalIcon name=\"caret-down-filled\" variant={disabled ? 'disabled' : 'normal'} />\n </span>\n )}\n </button>\n );\n};\n\nexport namespace ButtonTriggerProps {\n export interface Ref {\n focus(): void;\n }\n}\n\nexport default React.forwardRef(ButtonTrigger);\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/button-trigger/index.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, { ButtonHTMLAttributes } from 'react';\nimport clsx from 'clsx';\nimport { BaseComponentProps, getBaseProps } from '../../base-component';\nimport InternalIcon from '../../../icon/internal';\nimport styles from './styles.css.js';\nimport { fireKeyboardEvent, fireCancelableEvent, CancelableEventHandler, BaseKeyDetail } from '../../events';\n\nexport interface ButtonTriggerProps extends BaseComponentProps {\n children?: React.ReactNode;\n pressed?: boolean;\n hideCaret?: boolean;\n disabled?: boolean;\n readOnly?: boolean;\n invalid?: boolean;\n warning?: boolean;\n inFilteringToken?: boolean;\n inlineTokens?: boolean;\n ariaHasPopup?: 'true' | 'listbox' | 'dialog';\n ariaControls?: string;\n ariaLabel?: string;\n ariaLabelledby?: string;\n ariaDescribedby?: string;\n onKeyDown?: CancelableEventHandler<BaseKeyDetail>;\n onKeyUp?: CancelableEventHandler<BaseKeyDetail>;\n onMouseDown?: CancelableEventHandler;\n onClick?: CancelableEventHandler;\n onFocus?: CancelableEventHandler;\n onBlur?: CancelableEventHandler<{ relatedTarget: Node | null }>;\n autoFocus?: boolean;\n}\n\nconst ButtonTrigger = (\n {\n children,\n pressed = false,\n hideCaret = false,\n disabled = false,\n readOnly = false,\n invalid = false,\n warning = false,\n inlineTokens,\n inFilteringToken,\n ariaHasPopup,\n ariaLabel,\n ariaLabelledby,\n ariaDescribedby,\n ariaControls,\n onKeyDown,\n onKeyUp,\n onMouseDown,\n onClick,\n onFocus,\n onBlur,\n autoFocus,\n ...restProps\n }: ButtonTriggerProps,\n ref: React.Ref<HTMLButtonElement>\n) => {\n const baseProps = getBaseProps(restProps);\n const attributes: ButtonHTMLAttributes<HTMLButtonElement> = {\n ...baseProps,\n type: 'button',\n className: clsx(\n styles['button-trigger'],\n baseProps.className,\n pressed && styles.pressed,\n disabled && styles.disabled,\n invalid && styles.invalid,\n warning && !invalid && styles.warning,\n !hideCaret && styles['has-caret'],\n readOnly && styles['read-only'],\n inFilteringToken && styles['in-filtering-token'],\n inlineTokens && styles['inline-tokens']\n ),\n disabled: disabled || readOnly,\n 'aria-expanded': pressed,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby,\n 'aria-describedby': ariaDescribedby,\n 'aria-haspopup': ariaHasPopup ?? 'listbox',\n 'aria-controls': ariaControls,\n onKeyDown: onKeyDown && (event => fireKeyboardEvent(onKeyDown, event)),\n onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)),\n onMouseDown: onMouseDown && (event => fireCancelableEvent(onMouseDown, {}, event)),\n onClick: onClick && (event => fireCancelableEvent(onClick, {}, event)),\n onFocus: onFocus && (event => fireCancelableEvent(onFocus, {}, event)),\n onBlur: onBlur && (event => fireCancelableEvent(onBlur, { relatedTarget: event.relatedTarget }, event)),\n autoFocus,\n };\n\n if (invalid) {\n attributes['aria-invalid'] = invalid;\n }\n\n return (\n <button ref={ref} {...attributes}>\n {children}\n {!hideCaret && (\n <span className={styles.arrow}>\n <InternalIcon name=\"caret-down-filled\" variant={disabled ? 'disabled' : 'normal'} />\n </span>\n )}\n </button>\n );\n};\n\nexport namespace ButtonTriggerProps {\n export interface Ref {\n focus(): void;\n }\n}\n\nexport default React.forwardRef(ButtonTrigger);\n"]}
package/lib/internal/template/internal/components/button-trigger/styles.css.js CHANGED
@@ -1,15 +1,16 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "button-trigger": "awsui_button-trigger_18eso_hg5jk_103",
5
- "arrow": "awsui_arrow_18eso_hg5jk_103",
6
- "has-caret": "awsui_has-caret_18eso_hg5jk_170",
7
- "placeholder": "awsui_placeholder_18eso_hg5jk_173",
8
- "pressed": "awsui_pressed_18eso_hg5jk_186",
9
- "disabled": "awsui_disabled_18eso_hg5jk_189",
10
- "in-filtering-token": "awsui_in-filtering-token_18eso_hg5jk_199",
11
- "read-only": "awsui_read-only_18eso_hg5jk_205",
12
- "invalid": "awsui_invalid_18eso_hg5jk_227",
13
- "inline-tokens": "awsui_inline-tokens_18eso_hg5jk_265"
4
+ "button-trigger": "awsui_button-trigger_18eso_tpyw0_103",
5
+ "arrow": "awsui_arrow_18eso_tpyw0_103",
6
+ "has-caret": "awsui_has-caret_18eso_tpyw0_170",
7
+ "placeholder": "awsui_placeholder_18eso_tpyw0_173",
8
+ "pressed": "awsui_pressed_18eso_tpyw0_186",
9
+ "disabled": "awsui_disabled_18eso_tpyw0_189",
10
+ "in-filtering-token": "awsui_in-filtering-token_18eso_tpyw0_199",
11
+ "read-only": "awsui_read-only_18eso_tpyw0_205",
12
+ "invalid": "awsui_invalid_18eso_tpyw0_227",
13
+ "warning": "awsui_warning_18eso_tpyw0_238",
14
+ "inline-tokens": "awsui_inline-tokens_18eso_tpyw0_276"
14
15
  };
15
16