@cloudscape-design/components-themeable 3.0.1383 → 3.0.1385

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 (97) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/internal/components/control-group/styles.scss +27 -10
  3. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
  4. package/lib/internal/scss/internal/styles/forms/mixins.scss +37 -22
  5. package/lib/internal/scss/key-value-pairs/styles.scss +9 -2
  6. package/lib/internal/scss/modal/styles.scss +6 -0
  7. package/lib/internal/scss/prompt-input/styles.scss +4 -0
  8. package/lib/internal/scss/segmented-control/segment.scss +5 -0
  9. package/lib/internal/scss/segmented-control/styles.scss +12 -2
  10. package/lib/internal/scss/space-between/styles.scss +8 -0
  11. package/lib/internal/scss/steps/styles.scss +1 -1
  12. package/lib/internal/template/input/internal.d.ts.map +1 -1
  13. package/lib/internal/template/input/internal.js +3 -4
  14. package/lib/internal/template/input/internal.js.map +1 -1
  15. package/lib/internal/template/input/styles.css.js +36 -34
  16. package/lib/internal/template/input/styles.scoped.css +89 -79
  17. package/lib/internal/template/input/styles.selectors.js +36 -34
  18. package/lib/internal/template/internal/base-component/styles.scoped.css +1 -1
  19. package/lib/internal/template/internal/components/button-trigger/index.d.ts +2 -2
  20. package/lib/internal/template/internal/components/button-trigger/index.d.ts.map +1 -1
  21. package/lib/internal/template/internal/components/button-trigger/index.js +3 -2
  22. package/lib/internal/template/internal/components/button-trigger/index.js.map +1 -1
  23. package/lib/internal/template/internal/components/button-trigger/styles.css.js +21 -19
  24. package/lib/internal/template/internal/components/button-trigger/styles.scoped.css +49 -39
  25. package/lib/internal/template/internal/components/button-trigger/styles.selectors.js +21 -19
  26. package/lib/internal/template/internal/components/control-group/grouped-control-styles.d.ts +10 -0
  27. package/lib/internal/template/internal/components/control-group/grouped-control-styles.d.ts.map +1 -0
  28. package/lib/internal/template/internal/components/control-group/grouped-control-styles.js +14 -0
  29. package/lib/internal/template/internal/components/control-group/grouped-control-styles.js.map +1 -0
  30. package/lib/internal/template/internal/components/control-group/index.d.ts +3 -1
  31. package/lib/internal/template/internal/components/control-group/index.d.ts.map +1 -1
  32. package/lib/internal/template/internal/components/control-group/index.js +5 -5
  33. package/lib/internal/template/internal/components/control-group/index.js.map +1 -1
  34. package/lib/internal/template/internal/components/control-group/styles.css.js +8 -4
  35. package/lib/internal/template/internal/components/control-group/styles.scoped.css +13 -4
  36. package/lib/internal/template/internal/components/control-group/styles.selectors.js +8 -4
  37. package/lib/internal/template/internal/components/focus-lock/index.d.ts +6 -0
  38. package/lib/internal/template/internal/components/focus-lock/index.d.ts.map +1 -1
  39. package/lib/internal/template/internal/components/focus-lock/index.js +8 -3
  40. package/lib/internal/template/internal/components/focus-lock/index.js.map +1 -1
  41. package/lib/internal/template/internal/context/control-group-context.d.ts +6 -0
  42. package/lib/internal/template/internal/context/control-group-context.d.ts.map +1 -1
  43. package/lib/internal/template/internal/context/control-group-context.js +3 -1
  44. package/lib/internal/template/internal/context/control-group-context.js.map +1 -1
  45. package/lib/internal/template/internal/environment.js +2 -2
  46. package/lib/internal/template/internal/environment.json +2 -2
  47. package/lib/internal/template/key-value-pairs/styles.css.js +8 -8
  48. package/lib/internal/template/key-value-pairs/styles.scoped.css +16 -11
  49. package/lib/internal/template/key-value-pairs/styles.selectors.js +8 -8
  50. package/lib/internal/template/modal/index.d.ts +1 -1
  51. package/lib/internal/template/modal/index.d.ts.map +1 -1
  52. package/lib/internal/template/modal/index.js +6 -5
  53. package/lib/internal/template/modal/index.js.map +1 -1
  54. package/lib/internal/template/modal/interfaces.d.ts +7 -0
  55. package/lib/internal/template/modal/interfaces.d.ts.map +1 -1
  56. package/lib/internal/template/modal/interfaces.js.map +1 -1
  57. package/lib/internal/template/modal/internal.js +23 -6
  58. package/lib/internal/template/modal/internal.js.map +1 -1
  59. package/lib/internal/template/modal/styles.css.js +32 -31
  60. package/lib/internal/template/modal/styles.scoped.css +49 -46
  61. package/lib/internal/template/modal/styles.selectors.js +32 -31
  62. package/lib/internal/template/multiselect/internal.d.ts.map +1 -1
  63. package/lib/internal/template/multiselect/internal.js +7 -3
  64. package/lib/internal/template/multiselect/internal.js.map +1 -1
  65. package/lib/internal/template/prompt-input/styles.css.js +26 -26
  66. package/lib/internal/template/prompt-input/styles.scoped.css +57 -53
  67. package/lib/internal/template/prompt-input/styles.selectors.js +26 -26
  68. package/lib/internal/template/segmented-control/internal-segmented-control.d.ts +3 -3
  69. package/lib/internal/template/segmented-control/internal-segmented-control.d.ts.map +1 -1
  70. package/lib/internal/template/segmented-control/internal-segmented-control.js +8 -5
  71. package/lib/internal/template/segmented-control/internal-segmented-control.js.map +1 -1
  72. package/lib/internal/template/segmented-control/internal.d.ts.map +1 -1
  73. package/lib/internal/template/segmented-control/internal.js +4 -6
  74. package/lib/internal/template/segmented-control/internal.js.map +1 -1
  75. package/lib/internal/template/segmented-control/segment.d.ts +1 -0
  76. package/lib/internal/template/segmented-control/segment.d.ts.map +1 -1
  77. package/lib/internal/template/segmented-control/segment.js +2 -2
  78. package/lib/internal/template/segmented-control/segment.js.map +1 -1
  79. package/lib/internal/template/segmented-control/styles.css.js +26 -21
  80. package/lib/internal/template/segmented-control/styles.scoped.css +75 -43
  81. package/lib/internal/template/segmented-control/styles.selectors.js +26 -21
  82. package/lib/internal/template/select/internal.js +2 -2
  83. package/lib/internal/template/select/internal.js.map +1 -1
  84. package/lib/internal/template/select/parts/trigger.d.ts +2 -2
  85. package/lib/internal/template/select/parts/trigger.d.ts.map +1 -1
  86. package/lib/internal/template/select/parts/trigger.js +2 -2
  87. package/lib/internal/template/select/parts/trigger.js.map +1 -1
  88. package/lib/internal/template/space-between/internal.d.ts.map +1 -1
  89. package/lib/internal/template/space-between/internal.js +2 -1
  90. package/lib/internal/template/space-between/internal.js.map +1 -1
  91. package/lib/internal/template/space-between/styles.css.js +24 -23
  92. package/lib/internal/template/space-between/styles.scoped.css +29 -24
  93. package/lib/internal/template/space-between/styles.selectors.js +24 -23
  94. package/lib/internal/template/steps/styles.css.js +17 -17
  95. package/lib/internal/template/steps/styles.scoped.css +35 -35
  96. package/lib/internal/template/steps/styles.selectors.js +17 -17
  97. package/package.json +1 -1
package/lib/internal/template/input/styles.scoped.css CHANGED
@@ -6,37 +6,37 @@
6
6
  /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
7
7
  /* Style used for links in slots/components that are text heavy, to help links stand out among
8
8
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
9
- .awsui_input-adorned-container_2rhyz_1q53f_9:not(#\9), .awsui_input_2rhyz_1q53f_9:not(#\9) {
9
+ .awsui_input-adorned-container_2rhyz_32ma4_9:not(#\9), .awsui_input_2rhyz_32ma4_9:not(#\9) {
10
10
  background-color: var(--awsui-style-background-default-ka4djm, var(--color-background-input-default-1u0v1p, #ffffff));
11
11
  border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-default-ka4djm, var(--color-border-input-default-jtkw9d, #687078));
12
12
  border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-default-ka4djm, var(--color-border-input-default-jtkw9d, #687078));
13
13
  box-shadow: var(--awsui-style-box-shadow-default-ka4djm);
14
14
  }
15
15
 
16
- .awsui_input-adorned-container_2rhyz_1q53f_9:not(#\9):hover, .awsui_input_2rhyz_1q53f_9:not(#\9):hover {
16
+ .awsui_input-adorned-container_2rhyz_32ma4_9:not(#\9):hover, .awsui_input_2rhyz_32ma4_9:not(#\9):hover {
17
17
  border-color: var(--awsui-style-border-color-hover-ka4djm, var(--awsui-style-border-color-default-ka4djm, var(--color-border-input-default-jtkw9d, #687078)));
18
18
  background-color: var(--awsui-style-background-hover-ka4djm, var(--awsui-style-background-default-ka4djm, var(--color-background-input-default-1u0v1p, #ffffff)));
19
19
  box-shadow: var(--awsui-style-box-shadow-hover-ka4djm, --awsui-style-box-shadow-default-ka4djm);
20
20
  }
21
21
 
22
- .awsui_input-adorned-container_2rhyz_1q53f_9.awsui_input-adorned-container-readonly_2rhyz_1q53f_22:not(#\9), .awsui_input_2rhyz_1q53f_9.awsui_input-readonly_2rhyz_1q53f_22:not(#\9) {
22
+ .awsui_input-adorned-container_2rhyz_32ma4_9.awsui_input-adorned-container-readonly_2rhyz_32ma4_22:not(#\9), .awsui_input_2rhyz_32ma4_9.awsui_input-readonly_2rhyz_32ma4_22:not(#\9) {
23
23
  background-color: var(--awsui-style-background-readonly-ka4djm, var(--awsui-style-background-default-ka4djm, var(--color-background-input-default-1u0v1p, #ffffff)));
24
24
  border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-readonly-ka4djm, var(--awsui-style-border-color-default-ka4djm, var(--color-border-input-disabled-5m31k6, #eaeded)));
25
25
  border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-readonly-ka4djm, var(--awsui-style-border-color-default-ka4djm, var(--color-border-input-disabled-5m31k6, #eaeded)));
26
26
  }
27
27
 
28
- .awsui_input-adorned-container_2rhyz_1q53f_9:not(#\9):focus-within, .awsui_input_2rhyz_1q53f_9:not(#\9):focus {
28
+ .awsui_input-adorned-container_2rhyz_32ma4_9:not(#\9):focus-within, .awsui_input_2rhyz_32ma4_9:not(#\9):focus {
29
29
  outline: 2px dotted transparent;
30
30
  border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-focus-ka4djm, var(--color-border-input-focused-ppoq5z, #0073bb));
31
31
  border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-focus-ka4djm, var(--color-border-input-focused-ppoq5z, #0073bb));
32
32
  box-shadow: var(--awsui-style-box-shadow-focus-ka4djm, 0 0 0 var(--border-control-focus-ring-shadow-spread-iijyo6, 1px) var(--color-border-item-focused-sewkzn, #0073bb));
33
33
  }
34
34
 
35
- .awsui_root_2rhyz_1q53f_35:not(#\9) {
35
+ .awsui_root_2rhyz_32ma4_35:not(#\9) {
36
36
  /* used in test-utils for component to distinguish input from other input-like components, for example autosuggest */
37
37
  }
38
38
 
39
- .awsui_input_2rhyz_1q53f_9:not(#\9) {
39
+ .awsui_input_2rhyz_32ma4_9:not(#\9) {
40
40
  border-collapse: separate;
41
41
  border-spacing: 0;
42
42
  box-sizing: border-box;
@@ -80,14 +80,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
80
80
  line-height: var(--line-height-body-m-5xw6xo, 22px);
81
81
  min-block-size: var(--size-vertical-input-5g8cy5, 32px);
82
82
  }
83
- .awsui_input_2rhyz_1q53f_9:not(#\9):hover {
83
+ .awsui_input_2rhyz_32ma4_9:not(#\9):hover {
84
84
  color: var(--awsui-style-color-hover-ka4djm, var(--awsui-style-border-color-default-ka4djm, var(--color-text-body-default-b2us04, #16191f)));
85
85
  }
86
- .awsui_input_2rhyz_1q53f_9.awsui_input-readonly_2rhyz_1q53f_22:not(#\9) {
86
+ .awsui_input_2rhyz_32ma4_9.awsui_input-readonly_2rhyz_32ma4_22:not(#\9) {
87
87
  color: var(--awsui-style-color-readonly-ka4djm, var(--awsui-style-color-default-ka4djm, var(--color-text-body-default-b2us04, #16191f)));
88
88
  box-shadow: var(--awsui-style-box-shadow-readonly-ka4djm);
89
89
  }
90
- .awsui_input_2rhyz_1q53f_9:not(#\9)::-webkit-input-placeholder {
90
+ .awsui_input_2rhyz_32ma4_9:not(#\9)::-webkit-input-placeholder {
91
91
  color: var(--awsui-style-placeholder-color-ka4djm, var(--color-text-input-placeholder-l6klmg, #687078));
92
92
  font-size: var(--awsui-style-placeholder-font-size-ka4djm);
93
93
  font-style: var(--awsui-style-placeholder-font-style-ka4djm, italic);
@@ -95,25 +95,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
95
95
  -webkit-user-select: none;
96
96
  user-select: none;
97
97
  }
98
- .awsui_input_2rhyz_1q53f_9:not(#\9)::-moz-placeholder {
98
+ .awsui_input_2rhyz_32ma4_9:not(#\9)::-moz-placeholder {
99
99
  color: var(--awsui-style-placeholder-color-ka4djm, var(--color-text-input-placeholder-l6klmg, #687078));
100
100
  font-size: var(--awsui-style-placeholder-font-size-ka4djm);
101
101
  font-style: var(--awsui-style-placeholder-font-style-ka4djm, italic);
102
102
  font-weight: var(--awsui-style-placeholder-font-weight-ka4djm);
103
103
  opacity: 1;
104
104
  }
105
- .awsui_input_2rhyz_1q53f_9:not(#\9):-moz-placeholder {
105
+ .awsui_input_2rhyz_32ma4_9:not(#\9):-moz-placeholder {
106
106
  color: var(--awsui-style-placeholder-color-ka4djm, var(--color-text-input-placeholder-l6klmg, #687078));
107
107
  font-size: var(--awsui-style-placeholder-font-size-ka4djm);
108
108
  font-style: var(--awsui-style-placeholder-font-style-ka4djm, italic);
109
109
  font-weight: var(--awsui-style-placeholder-font-weight-ka4djm);
110
110
  opacity: 1;
111
111
  }
112
- .awsui_input_2rhyz_1q53f_9:not(#\9):focus {
112
+ .awsui_input_2rhyz_32ma4_9:not(#\9):focus {
113
113
  color: var(--awsui-style-color-focus-ka4djm, var(--color-text-body-default-b2us04, #16191f));
114
114
  background-color: var(--awsui-style-background-focus-ka4djm, var(--color-background-input-default-1u0v1p, #ffffff));
115
115
  }
116
- .awsui_input_2rhyz_1q53f_9:not(#\9):disabled {
116
+ .awsui_input_2rhyz_32ma4_9:not(#\9):disabled {
117
117
  background-color: var(--awsui-style-background-disabled-ka4djm, var(--color-background-input-disabled-pyvhb1, #eaeded));
118
118
  border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-disabled-ka4djm, var(--color-border-input-disabled-5m31k6, #eaeded));
119
119
  border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-disabled-ka4djm, var(--color-border-input-disabled-5m31k6, #eaeded));
@@ -121,131 +121,141 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
121
121
  cursor: default;
122
122
  box-shadow: var(--awsui-style-box-shadow-disabled-ka4djm);
123
123
  }
124
- .awsui_input_2rhyz_1q53f_9:not(#\9):disabled::-webkit-input-placeholder {
124
+ .awsui_input_2rhyz_32ma4_9:not(#\9):disabled::-webkit-input-placeholder {
125
125
  color: var(--awsui-style-placeholder-color-ka4djm, var(--color-text-input-placeholder-disabled-8cf69l, #687078));
126
126
  -webkit-user-select: none;
127
127
  user-select: none;
128
128
  }
129
- .awsui_input_2rhyz_1q53f_9:not(#\9):disabled::-moz-placeholder {
129
+ .awsui_input_2rhyz_32ma4_9:not(#\9):disabled::-moz-placeholder {
130
130
  color: var(--awsui-style-placeholder-color-ka4djm, var(--color-text-input-placeholder-disabled-8cf69l, #687078));
131
131
  opacity: 1;
132
132
  }
133
- .awsui_input_2rhyz_1q53f_9:not(#\9):disabled:-moz-placeholder {
133
+ .awsui_input_2rhyz_32ma4_9:not(#\9):disabled:-moz-placeholder {
134
134
  color: var(--awsui-style-placeholder-color-ka4djm, var(--color-text-input-placeholder-disabled-8cf69l, #687078));
135
135
  opacity: 1;
136
136
  }
137
- .awsui_input_2rhyz_1q53f_9:not(#\9):invalid {
137
+ .awsui_input_2rhyz_32ma4_9:not(#\9):invalid {
138
138
  box-shadow: none;
139
139
  }
140
- .awsui_input_2rhyz_1q53f_9.awsui_input-invalid_2rhyz_1q53f_138:not(#\9) {
140
+ .awsui_input_2rhyz_32ma4_9.awsui_input-invalid_2rhyz_32ma4_138:not(#\9) {
141
141
  color: var(--awsui-style-color-default-ka4djm, var(--color-text-status-error-ri38gt, #d13212));
142
142
  border-color: var(--awsui-style-border-color-default-ka4djm, var(--color-text-status-error-ri38gt, #d13212));
143
143
  padding-inline-start: calc(var(--space-field-horizontal-anki5k, 8px) - (var(--border-invalid-width-b183os, 4px) - var(--border-width-field-2365x3, 1px)));
144
144
  border-inline-start-width: var(--border-invalid-width-b183os, 4px);
145
145
  }
146
- .awsui_input_2rhyz_1q53f_9.awsui_input-invalid_2rhyz_1q53f_138:not(#\9):focus {
146
+ .awsui_input_2rhyz_32ma4_9.awsui_input-invalid_2rhyz_32ma4_138:not(#\9):focus {
147
147
  box-shadow: var(--awsui-style-box-shadow-focus-ka4djm, 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-bl5nmx, 1px) var(--color-border-item-focused-sewkzn, #0073bb));
148
148
  }
149
- .awsui_input_2rhyz_1q53f_9.awsui_input-invalid_2rhyz_1q53f_138.awsui_input-has-icon-start_2rhyz_1q53f_147:not(#\9) {
149
+ .awsui_input_2rhyz_32ma4_9.awsui_input-invalid_2rhyz_32ma4_138.awsui_input-has-icon-start_2rhyz_32ma4_147:not(#\9) {
150
150
  padding-inline-start: calc(var(--space-field-icon-offset-2wydv9, 32px) - (var(--border-invalid-width-b183os, 4px) - var(--border-width-field-2365x3, 1px)));
151
151
  }
152
- .awsui_input_2rhyz_1q53f_9.awsui_input-warning_2rhyz_1q53f_150:not(#\9) {
152
+ .awsui_input_2rhyz_32ma4_9.awsui_input-warning_2rhyz_32ma4_150:not(#\9) {
153
153
  color: var(--awsui-style-color-default-ka4djm, var(--color-text-status-warning-fabq6h, #906806));
154
154
  border-color: var(--awsui-style-border-color-default-ka4djm, var(--color-text-status-warning-fabq6h, #906806));
155
155
  padding-inline-start: calc(var(--space-field-horizontal-anki5k, 8px) - (var(--border-invalid-width-b183os, 4px) - var(--border-width-field-2365x3, 1px)));
156
156
  border-inline-start-width: var(--border-invalid-width-b183os, 4px);
157
157
  }
158
- .awsui_input_2rhyz_1q53f_9.awsui_input-warning_2rhyz_1q53f_150:not(#\9):focus {
158
+ .awsui_input_2rhyz_32ma4_9.awsui_input-warning_2rhyz_32ma4_150:not(#\9):focus {
159
159
  box-shadow: var(--awsui-style-box-shadow-focus-ka4djm, 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-bl5nmx, 1px) var(--color-border-item-focused-sewkzn, #0073bb));
160
160
  }
161
- .awsui_input_2rhyz_1q53f_9.awsui_input-warning_2rhyz_1q53f_150.awsui_input-has-icon-start_2rhyz_1q53f_147:not(#\9) {
161
+ .awsui_input_2rhyz_32ma4_9.awsui_input-warning_2rhyz_32ma4_150.awsui_input-has-icon-start_2rhyz_32ma4_147:not(#\9) {
162
162
  padding-inline-start: calc(var(--space-field-icon-offset-2wydv9, 32px) - (var(--border-invalid-width-b183os, 4px) - var(--border-width-field-2365x3, 1px)));
163
163
  }
164
- .awsui_input_2rhyz_1q53f_9.awsui_input-type-search_2rhyz_1q53f_162:not(#\9) {
164
+ .awsui_input_2rhyz_32ma4_9.awsui_input-type-search_2rhyz_32ma4_162:not(#\9) {
165
165
  box-sizing: border-box;
166
166
  -webkit-appearance: none;
167
167
  }
168
- .awsui_input_2rhyz_1q53f_9.awsui_input-type-search_2rhyz_1q53f_162:not(#\9)::-webkit-search-decoration {
168
+ .awsui_input_2rhyz_32ma4_9.awsui_input-type-search_2rhyz_32ma4_162:not(#\9)::-webkit-search-decoration {
169
169
  -webkit-appearance: none;
170
170
  }
171
- .awsui_input_2rhyz_1q53f_9.awsui_input-type-search_2rhyz_1q53f_162:not(#\9)::-webkit-search-cancel-button {
171
+ .awsui_input_2rhyz_32ma4_9.awsui_input-type-search_2rhyz_32ma4_162:not(#\9)::-webkit-search-cancel-button {
172
172
  display: none;
173
173
  }
174
- .awsui_input_2rhyz_1q53f_9.awsui_input-has-icon-start_2rhyz_1q53f_147:not(#\9) {
174
+ .awsui_input_2rhyz_32ma4_9.awsui_input-has-icon-start_2rhyz_32ma4_147:not(#\9) {
175
175
  padding-inline-start: var(--space-field-icon-offset-2wydv9, 32px);
176
176
  }
177
- .awsui_input_2rhyz_1q53f_9.awsui_input-has-icon-end_2rhyz_1q53f_175:not(#\9) {
177
+ .awsui_input_2rhyz_32ma4_9.awsui_input-has-icon-end_2rhyz_32ma4_175:not(#\9) {
178
178
  padding-inline-end: var(--space-field-icon-offset-2wydv9, 32px);
179
179
  }
180
- .awsui_input_2rhyz_1q53f_9.awsui_input-has-no-border-radius_2rhyz_1q53f_178:not(#\9) {
180
+ .awsui_input_2rhyz_32ma4_9.awsui_input-has-no-border-radius_2rhyz_32ma4_178:not(#\9) {
181
181
  border-start-start-radius: var(--border-radius-dropdown-azs8zp, 0px);
182
182
  border-start-end-radius: var(--border-radius-dropdown-azs8zp, 0px);
183
183
  border-end-start-radius: var(--border-radius-dropdown-azs8zp, 0px);
184
184
  border-end-end-radius: var(--border-radius-dropdown-azs8zp, 0px);
185
185
  }
186
186
 
187
- .awsui_grouped_2rhyz_1q53f_185.awsui_grouped-first_2rhyz_1q53f_185:not(#\9) {
187
+ .awsui_grouped_2rhyz_32ma4_185:not(#\9) {
188
188
  border-start-start-radius: var(--border-radius-input-k1q34z, 2px);
189
+ border-start-end-radius: var(--border-radius-input-k1q34z, 2px);
189
190
  border-end-start-radius: var(--border-radius-input-k1q34z, 2px);
191
+ border-end-end-radius: var(--border-radius-input-k1q34z, 2px);
192
+ }
193
+ .awsui_grouped-horizontal-first_2rhyz_32ma4_191:not(#\9) {
190
194
  border-start-end-radius: 0;
191
195
  border-end-end-radius: 0;
192
196
  }
193
- .awsui_grouped_2rhyz_1q53f_185.awsui_grouped-middle_2rhyz_1q53f_191:not(#\9) {
197
+ .awsui_grouped-horizontal-middle_2rhyz_32ma4_195:not(#\9) {
194
198
  border-start-start-radius: 0;
195
199
  border-start-end-radius: 0;
196
200
  border-end-start-radius: 0;
197
201
  border-end-end-radius: 0;
198
202
  }
199
- .awsui_grouped_2rhyz_1q53f_185.awsui_grouped-last_2rhyz_1q53f_197:not(#\9) {
200
- border-start-end-radius: var(--border-radius-input-k1q34z, 2px);
201
- border-end-end-radius: var(--border-radius-input-k1q34z, 2px);
203
+ .awsui_grouped-horizontal-last_2rhyz_32ma4_201:not(#\9) {
202
204
  border-start-start-radius: 0;
203
205
  border-end-start-radius: 0;
204
206
  }
205
- .awsui_grouped_2rhyz_1q53f_185.awsui_grouped-only_2rhyz_1q53f_203:not(#\9) {
206
- border-start-start-radius: var(--border-radius-input-k1q34z, 2px);
207
- border-start-end-radius: var(--border-radius-input-k1q34z, 2px);
208
- border-end-start-radius: var(--border-radius-input-k1q34z, 2px);
209
- border-end-end-radius: var(--border-radius-input-k1q34z, 2px);
207
+ .awsui_grouped-vertical-first_2rhyz_32ma4_205:not(#\9) {
208
+ border-end-start-radius: 0;
209
+ border-end-end-radius: 0;
210
+ }
211
+ .awsui_grouped-vertical-middle_2rhyz_32ma4_209:not(#\9) {
212
+ border-start-start-radius: 0;
213
+ border-start-end-radius: 0;
214
+ border-end-start-radius: 0;
215
+ border-end-end-radius: 0;
216
+ }
217
+ .awsui_grouped-vertical-last_2rhyz_32ma4_215:not(#\9) {
218
+ border-start-start-radius: 0;
219
+ border-start-end-radius: 0;
210
220
  }
211
221
 
212
- .awsui_input-container_2rhyz_1q53f_210:not(#\9) {
222
+ .awsui_input-container_2rhyz_32ma4_220:not(#\9) {
213
223
  display: flex;
214
224
  position: relative;
215
225
  }
216
226
 
217
- .awsui_input-icon-start_2rhyz_1q53f_215:not(#\9) {
227
+ .awsui_input-icon-start_2rhyz_32ma4_225:not(#\9) {
218
228
  position: absolute;
219
229
  pointer-events: none;
220
230
  inset-inline-start: var(--space-field-horizontal-anki5k, 8px);
221
231
  inset-block-start: calc(50% - var(--line-height-body-m-5xw6xo, 22px) / 2);
222
232
  }
223
233
 
224
- .awsui_input-icon-end_2rhyz_1q53f_222:not(#\9) {
234
+ .awsui_input-icon-end_2rhyz_32ma4_232:not(#\9) {
225
235
  position: absolute;
226
236
  inset-block-start: calc(calc(50% - var(--line-height-body-m-5xw6xo, 22px) / 2) - var(--space-xxxs-3ulqs3, 2px));
227
237
  inset-inline-end: calc(var(--space-field-horizontal-anki5k, 8px) - var(--space-xxs-3o1yoq, 4px));
228
238
  }
229
239
 
230
- .awsui_input-button-right_2rhyz_1q53f_228:not(#\9) {
240
+ .awsui_input-button-right_2rhyz_32ma4_238:not(#\9) {
231
241
  /* used in test-utils */
232
242
  }
233
243
 
234
- .awsui_inline-label-trigger-wrapper_2rhyz_1q53f_232:not(#\9) {
244
+ .awsui_inline-label-trigger-wrapper_2rhyz_32ma4_242:not(#\9) {
235
245
  margin-block-start: -7px;
236
246
  }
237
- .awsui_inline-label-trigger-wrapper-full-width_2rhyz_1q53f_235:not(#\9) {
247
+ .awsui_inline-label-trigger-wrapper-full-width_2rhyz_32ma4_245:not(#\9) {
238
248
  inline-size: 100%;
239
249
  }
240
250
 
241
- .awsui_inline-label-wrapper_2rhyz_1q53f_239:not(#\9) {
251
+ .awsui_inline-label-wrapper_2rhyz_32ma4_249:not(#\9) {
242
252
  margin-block-start: calc(var(--space-scaled-xs-pajbd1, 8px) * -1);
243
253
  }
244
- .awsui_inline-label-wrapper-full-width_2rhyz_1q53f_242:not(#\9) {
254
+ .awsui_inline-label-wrapper-full-width_2rhyz_32ma4_252:not(#\9) {
245
255
  inline-size: 100%;
246
256
  }
247
257
 
248
- .awsui_inline-label_2rhyz_1q53f_232:not(#\9) {
258
+ .awsui_inline-label_2rhyz_32ma4_242:not(#\9) {
249
259
  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));
250
260
  border-start-start-radius: 2px;
251
261
  border-start-end-radius: 2px;
@@ -266,11 +276,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
266
276
  max-inline-size: calc(100% - 2 * var(--space-field-horizontal-anki5k, 8px));
267
277
  z-index: 1;
268
278
  }
269
- .awsui_inline-label-disabled_2rhyz_1q53f_267:not(#\9) {
279
+ .awsui_inline-label-disabled_2rhyz_32ma4_277:not(#\9) {
270
280
  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));
271
281
  }
272
282
 
273
- .awsui_input-adorned-container_2rhyz_1q53f_9:not(#\9) {
283
+ .awsui_input-adorned-container_2rhyz_32ma4_9:not(#\9) {
274
284
  display: flex;
275
285
  align-items: stretch;
276
286
  inline-size: 100%;
@@ -282,16 +292,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
282
292
  border-end-end-radius: var(--border-radius-input-k1q34z, 2px);
283
293
  min-block-size: var(--size-vertical-input-5g8cy5, 32px);
284
294
  }
285
- .awsui_input-adorned-container_2rhyz_1q53f_9:not(#\9):hover {
295
+ .awsui_input-adorned-container_2rhyz_32ma4_9:not(#\9):hover {
286
296
  color: var(--awsui-style-color-hover-ka4djm, var(--awsui-style-color-default-ka4djm, var(--color-text-form-secondary-wt0md2, #687078)));
287
297
  }
288
- .awsui_input-adorned-container_2rhyz_1q53f_9.awsui_input-adorned-container-readonly_2rhyz_1q53f_22:not(#\9) {
298
+ .awsui_input-adorned-container_2rhyz_32ma4_9.awsui_input-adorned-container-readonly_2rhyz_32ma4_22:not(#\9) {
289
299
  color: var(--awsui-style-color-readonly-ka4djm, var(--awsui-style-color-default-ka4djm, var(--color-text-form-secondary-wt0md2, #687078)));
290
300
  }
291
- .awsui_input-adorned-container_2rhyz_1q53f_9:not(#\9):focus-within {
301
+ .awsui_input-adorned-container_2rhyz_32ma4_9:not(#\9):focus-within {
292
302
  color: var(--awsui-style-color-focus-ka4djm, var(--awsui-style-color-default-ka4djm, var(--color-text-form-secondary-wt0md2, #687078)));
293
303
  }
294
- .awsui_input-adorned-container_2rhyz_1q53f_9.awsui_input-adorned-container-disabled_2rhyz_1q53f_292:not(#\9) {
304
+ .awsui_input-adorned-container_2rhyz_32ma4_9.awsui_input-adorned-container-disabled_2rhyz_32ma4_302:not(#\9) {
295
305
  background-color: var(--awsui-style-background-disabled-ka4djm, var(--color-background-input-disabled-pyvhb1, #eaeded));
296
306
  border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-disabled-ka4djm, var(--color-border-input-disabled-5m31k6, #eaeded));
297
307
  border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-disabled-ka4djm, var(--color-border-input-disabled-5m31k6, #eaeded));
@@ -299,35 +309,35 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
299
309
  cursor: default;
300
310
  box-shadow: var(--awsui-style-box-shadow-disabled-ka4djm);
301
311
  }
302
- .awsui_input-adorned-container_2rhyz_1q53f_9.awsui_input-adorned-container-invalid_2rhyz_1q53f_300:not(#\9) {
312
+ .awsui_input-adorned-container_2rhyz_32ma4_9.awsui_input-adorned-container-invalid_2rhyz_32ma4_310:not(#\9) {
303
313
  color: var(--awsui-style-color-default-ka4djm, var(--color-text-status-error-ri38gt, #d13212));
304
314
  border-color: var(--awsui-style-border-color-default-ka4djm, var(--color-text-status-error-ri38gt, #d13212));
305
315
  padding-inline-start: calc(var(--space-field-horizontal-anki5k, 8px) - (var(--border-invalid-width-b183os, 4px) - var(--border-width-field-2365x3, 1px)));
306
316
  border-inline-start-width: var(--border-invalid-width-b183os, 4px);
307
317
  padding-inline-start: 0;
308
318
  }
309
- .awsui_input-adorned-container_2rhyz_1q53f_9.awsui_input-adorned-container-invalid_2rhyz_1q53f_300:not(#\9):focus {
319
+ .awsui_input-adorned-container_2rhyz_32ma4_9.awsui_input-adorned-container-invalid_2rhyz_32ma4_310:not(#\9):focus {
310
320
  box-shadow: var(--awsui-style-box-shadow-focus-ka4djm, 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-bl5nmx, 1px) var(--color-border-item-focused-sewkzn, #0073bb));
311
321
  }
312
- .awsui_input-adorned-container_2rhyz_1q53f_9.awsui_input-adorned-container-invalid_2rhyz_1q53f_300:not(#\9):focus-within {
322
+ .awsui_input-adorned-container_2rhyz_32ma4_9.awsui_input-adorned-container-invalid_2rhyz_32ma4_310:not(#\9):focus-within {
313
323
  box-shadow: var(--awsui-style-box-shadow-focus-ka4djm, 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-bl5nmx, 1px) var(--color-border-item-focused-sewkzn, #0073bb));
314
324
  }
315
- .awsui_input-adorned-container_2rhyz_1q53f_9.awsui_input-adorned-container-warning_2rhyz_1q53f_313:not(#\9) {
325
+ .awsui_input-adorned-container_2rhyz_32ma4_9.awsui_input-adorned-container-warning_2rhyz_32ma4_323:not(#\9) {
316
326
  color: var(--awsui-style-color-default-ka4djm, var(--color-text-status-warning-fabq6h, #906806));
317
327
  border-color: var(--awsui-style-border-color-default-ka4djm, var(--color-text-status-warning-fabq6h, #906806));
318
328
  padding-inline-start: calc(var(--space-field-horizontal-anki5k, 8px) - (var(--border-invalid-width-b183os, 4px) - var(--border-width-field-2365x3, 1px)));
319
329
  border-inline-start-width: var(--border-invalid-width-b183os, 4px);
320
330
  padding-inline-start: 0;
321
331
  }
322
- .awsui_input-adorned-container_2rhyz_1q53f_9.awsui_input-adorned-container-warning_2rhyz_1q53f_313:not(#\9):focus {
332
+ .awsui_input-adorned-container_2rhyz_32ma4_9.awsui_input-adorned-container-warning_2rhyz_32ma4_323:not(#\9):focus {
323
333
  box-shadow: var(--awsui-style-box-shadow-focus-ka4djm, 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-bl5nmx, 1px) var(--color-border-item-focused-sewkzn, #0073bb));
324
334
  }
325
- .awsui_input-adorned-container_2rhyz_1q53f_9.awsui_input-adorned-container-warning_2rhyz_1q53f_313:not(#\9):focus-within {
335
+ .awsui_input-adorned-container_2rhyz_32ma4_9.awsui_input-adorned-container-warning_2rhyz_32ma4_323:not(#\9):focus-within {
326
336
  box-shadow: var(--awsui-style-box-shadow-focus-ka4djm, 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-bl5nmx, 1px) var(--color-border-item-focused-sewkzn, #0073bb));
327
337
  }
328
338
 
329
- .awsui_input-prefix_2rhyz_1q53f_327:not(#\9),
330
- .awsui_input-suffix_2rhyz_1q53f_328:not(#\9) {
339
+ .awsui_input-prefix_2rhyz_32ma4_337:not(#\9),
340
+ .awsui_input-suffix_2rhyz_32ma4_338:not(#\9) {
331
341
  display: flex;
332
342
  align-items: center;
333
343
  flex-shrink: 1;
@@ -340,7 +350,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
340
350
  line-height: var(--line-height-body-m-5xw6xo, 22px);
341
351
  }
342
352
 
343
- .awsui_input-adornment-content_2rhyz_1q53f_341:not(#\9) {
353
+ .awsui_input-adornment-content_2rhyz_32ma4_351:not(#\9) {
344
354
  display: block;
345
355
  flex: 1;
346
356
  min-inline-size: 0;
@@ -349,7 +359,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
349
359
  white-space: nowrap;
350
360
  }
351
361
 
352
- .awsui_input-adornment-divider_2rhyz_1q53f_350:not(#\9) {
362
+ .awsui_input-adornment-divider_2rhyz_32ma4_360:not(#\9) {
353
363
  display: block;
354
364
  flex-shrink: 0;
355
365
  inline-size: var(--border-width-field-2365x3, 1px);
@@ -357,7 +367,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
357
367
  align-self: stretch;
358
368
  }
359
369
 
360
- .awsui_input-adorned_2rhyz_1q53f_9:not(#\9) {
370
+ .awsui_input-adorned_2rhyz_32ma4_9:not(#\9) {
361
371
  flex: 1;
362
372
  min-inline-size: 0;
363
373
  border-block: none;
@@ -370,51 +380,51 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
370
380
  box-shadow: none;
371
381
  min-block-size: unset;
372
382
  }
373
- .awsui_input-adorned_2rhyz_1q53f_9.awsui_input_2rhyz_1q53f_9:not(#\9):focus {
383
+ .awsui_input-adorned_2rhyz_32ma4_9.awsui_input_2rhyz_32ma4_9:not(#\9):focus {
374
384
  border-block: 0;
375
385
  border-inline: 0;
376
386
  box-shadow: none;
377
387
  outline: none;
378
388
  }
379
- .awsui_input-adorned_2rhyz_1q53f_9:not(#\9):hover {
389
+ .awsui_input-adorned_2rhyz_32ma4_9:not(#\9):hover {
380
390
  border-color: transparent;
381
391
  background-color: transparent;
382
392
  }
383
- .awsui_input-adorned_2rhyz_1q53f_9:not(#\9):disabled {
393
+ .awsui_input-adorned_2rhyz_32ma4_9:not(#\9):disabled {
384
394
  background-color: transparent;
385
395
  border-color: transparent;
386
396
  border-block: 0;
387
397
  border-inline: 0;
388
398
  }
389
- .awsui_input-adorned_2rhyz_1q53f_9.awsui_input-readonly_2rhyz_1q53f_22:not(#\9) {
399
+ .awsui_input-adorned_2rhyz_32ma4_9.awsui_input-readonly_2rhyz_32ma4_22:not(#\9) {
390
400
  background-color: transparent;
391
401
  border-color: transparent;
392
402
  border-block: 0;
393
403
  border-inline: 0;
394
404
  }
395
- .awsui_input-adorned_2rhyz_1q53f_9.awsui_input-invalid_2rhyz_1q53f_138:not(#\9), .awsui_input-adorned_2rhyz_1q53f_9.awsui_input-warning_2rhyz_1q53f_150:not(#\9) {
405
+ .awsui_input-adorned_2rhyz_32ma4_9.awsui_input-invalid_2rhyz_32ma4_138:not(#\9), .awsui_input-adorned_2rhyz_32ma4_9.awsui_input-warning_2rhyz_32ma4_150:not(#\9) {
396
406
  padding-inline-start: var(--space-field-horizontal-anki5k, 8px);
397
407
  border-block: 0;
398
408
  border-inline: 0;
399
409
  border-inline-start-width: 0;
400
410
  box-shadow: none;
401
411
  }
402
- .awsui_input-adorned_2rhyz_1q53f_9.awsui_input-invalid_2rhyz_1q53f_138:not(#\9):focus, .awsui_input-adorned_2rhyz_1q53f_9.awsui_input-warning_2rhyz_1q53f_150:not(#\9):focus {
412
+ .awsui_input-adorned_2rhyz_32ma4_9.awsui_input-invalid_2rhyz_32ma4_138:not(#\9):focus, .awsui_input-adorned_2rhyz_32ma4_9.awsui_input-warning_2rhyz_32ma4_150:not(#\9):focus {
403
413
  border-block: 0;
404
414
  border-inline: 0;
405
415
  box-shadow: none;
406
416
  outline: none;
407
417
  }
408
418
 
409
- .awsui_input-adorned-container-invalid_2rhyz_1q53f_300 > .awsui_input-prefix_2rhyz_1q53f_327:not(#\9),
410
- .awsui_input-adorned-container-invalid_2rhyz_1q53f_300 > .awsui_input-adorned_2rhyz_1q53f_9:not(#\9):first-child,
411
- .awsui_input-adorned-container-warning_2rhyz_1q53f_313 > .awsui_input-prefix_2rhyz_1q53f_327:not(#\9),
412
- .awsui_input-adorned-container-warning_2rhyz_1q53f_313 > .awsui_input-adorned_2rhyz_1q53f_9:not(#\9):first-child {
419
+ .awsui_input-adorned-container-invalid_2rhyz_32ma4_310 > .awsui_input-prefix_2rhyz_32ma4_337:not(#\9),
420
+ .awsui_input-adorned-container-invalid_2rhyz_32ma4_310 > .awsui_input-adorned_2rhyz_32ma4_9:not(#\9):first-child,
421
+ .awsui_input-adorned-container-warning_2rhyz_32ma4_323 > .awsui_input-prefix_2rhyz_32ma4_337:not(#\9),
422
+ .awsui_input-adorned-container-warning_2rhyz_32ma4_323 > .awsui_input-adorned_2rhyz_32ma4_9:not(#\9):first-child {
413
423
  padding-inline-start: calc(var(--space-field-horizontal-anki5k, 8px) - (var(--border-invalid-width-b183os, 4px) - var(--border-width-field-2365x3, 1px)));
414
424
  }
415
- .awsui_input-adorned-container-invalid_2rhyz_1q53f_300 > .awsui_input-prefix_2rhyz_1q53f_327:not(#\9),
416
- .awsui_input-adorned-container-invalid_2rhyz_1q53f_300 > .awsui_input-suffix_2rhyz_1q53f_328:not(#\9),
417
- .awsui_input-adorned-container-warning_2rhyz_1q53f_313 > .awsui_input-prefix_2rhyz_1q53f_327:not(#\9),
418
- .awsui_input-adorned-container-warning_2rhyz_1q53f_313 > .awsui_input-suffix_2rhyz_1q53f_328:not(#\9) {
425
+ .awsui_input-adorned-container-invalid_2rhyz_32ma4_310 > .awsui_input-prefix_2rhyz_32ma4_337:not(#\9),
426
+ .awsui_input-adorned-container-invalid_2rhyz_32ma4_310 > .awsui_input-suffix_2rhyz_32ma4_338:not(#\9),
427
+ .awsui_input-adorned-container-warning_2rhyz_32ma4_323 > .awsui_input-prefix_2rhyz_32ma4_337:not(#\9),
428
+ .awsui_input-adorned-container-warning_2rhyz_32ma4_323 > .awsui_input-suffix_2rhyz_32ma4_338:not(#\9) {
419
429
  max-inline-size: calc(50% - 6rem + (var(--border-invalid-width-b183os, 4px) - var(--border-width-field-2365x3, 1px)) / 2);
420
430
  }
package/lib/internal/template/input/styles.selectors.js CHANGED
@@ -2,39 +2,41 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "input-adorned-container": "awsui_input-adorned-container_2rhyz_1q53f_9",
6
- "input": "awsui_input_2rhyz_1q53f_9",
7
- "input-adorned-container-readonly": "awsui_input-adorned-container-readonly_2rhyz_1q53f_22",
8
- "input-readonly": "awsui_input-readonly_2rhyz_1q53f_22",
9
- "root": "awsui_root_2rhyz_1q53f_35",
10
- "input-invalid": "awsui_input-invalid_2rhyz_1q53f_138",
11
- "input-has-icon-start": "awsui_input-has-icon-start_2rhyz_1q53f_147",
12
- "input-warning": "awsui_input-warning_2rhyz_1q53f_150",
13
- "input-type-search": "awsui_input-type-search_2rhyz_1q53f_162",
14
- "input-has-icon-end": "awsui_input-has-icon-end_2rhyz_1q53f_175",
15
- "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_1q53f_178",
16
- "grouped": "awsui_grouped_2rhyz_1q53f_185",
17
- "grouped-first": "awsui_grouped-first_2rhyz_1q53f_185",
18
- "grouped-middle": "awsui_grouped-middle_2rhyz_1q53f_191",
19
- "grouped-last": "awsui_grouped-last_2rhyz_1q53f_197",
20
- "grouped-only": "awsui_grouped-only_2rhyz_1q53f_203",
21
- "input-container": "awsui_input-container_2rhyz_1q53f_210",
22
- "input-icon-start": "awsui_input-icon-start_2rhyz_1q53f_215",
23
- "input-icon-end": "awsui_input-icon-end_2rhyz_1q53f_222",
24
- "input-button-right": "awsui_input-button-right_2rhyz_1q53f_228",
25
- "inline-label-trigger-wrapper": "awsui_inline-label-trigger-wrapper_2rhyz_1q53f_232",
26
- "inline-label-trigger-wrapper-full-width": "awsui_inline-label-trigger-wrapper-full-width_2rhyz_1q53f_235",
27
- "inline-label-wrapper": "awsui_inline-label-wrapper_2rhyz_1q53f_239",
28
- "inline-label-wrapper-full-width": "awsui_inline-label-wrapper-full-width_2rhyz_1q53f_242",
29
- "inline-label": "awsui_inline-label_2rhyz_1q53f_232",
30
- "inline-label-disabled": "awsui_inline-label-disabled_2rhyz_1q53f_267",
31
- "input-adorned-container-disabled": "awsui_input-adorned-container-disabled_2rhyz_1q53f_292",
32
- "input-adorned-container-invalid": "awsui_input-adorned-container-invalid_2rhyz_1q53f_300",
33
- "input-adorned-container-warning": "awsui_input-adorned-container-warning_2rhyz_1q53f_313",
34
- "input-prefix": "awsui_input-prefix_2rhyz_1q53f_327",
35
- "input-suffix": "awsui_input-suffix_2rhyz_1q53f_328",
36
- "input-adornment-content": "awsui_input-adornment-content_2rhyz_1q53f_341",
37
- "input-adornment-divider": "awsui_input-adornment-divider_2rhyz_1q53f_350",
38
- "input-adorned": "awsui_input-adorned_2rhyz_1q53f_9"
5
+ "input-adorned-container": "awsui_input-adorned-container_2rhyz_32ma4_9",
6
+ "input": "awsui_input_2rhyz_32ma4_9",
7
+ "input-adorned-container-readonly": "awsui_input-adorned-container-readonly_2rhyz_32ma4_22",
8
+ "input-readonly": "awsui_input-readonly_2rhyz_32ma4_22",
9
+ "root": "awsui_root_2rhyz_32ma4_35",
10
+ "input-invalid": "awsui_input-invalid_2rhyz_32ma4_138",
11
+ "input-has-icon-start": "awsui_input-has-icon-start_2rhyz_32ma4_147",
12
+ "input-warning": "awsui_input-warning_2rhyz_32ma4_150",
13
+ "input-type-search": "awsui_input-type-search_2rhyz_32ma4_162",
14
+ "input-has-icon-end": "awsui_input-has-icon-end_2rhyz_32ma4_175",
15
+ "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_32ma4_178",
16
+ "grouped": "awsui_grouped_2rhyz_32ma4_185",
17
+ "grouped-horizontal-first": "awsui_grouped-horizontal-first_2rhyz_32ma4_191",
18
+ "grouped-horizontal-middle": "awsui_grouped-horizontal-middle_2rhyz_32ma4_195",
19
+ "grouped-horizontal-last": "awsui_grouped-horizontal-last_2rhyz_32ma4_201",
20
+ "grouped-vertical-first": "awsui_grouped-vertical-first_2rhyz_32ma4_205",
21
+ "grouped-vertical-middle": "awsui_grouped-vertical-middle_2rhyz_32ma4_209",
22
+ "grouped-vertical-last": "awsui_grouped-vertical-last_2rhyz_32ma4_215",
23
+ "input-container": "awsui_input-container_2rhyz_32ma4_220",
24
+ "input-icon-start": "awsui_input-icon-start_2rhyz_32ma4_225",
25
+ "input-icon-end": "awsui_input-icon-end_2rhyz_32ma4_232",
26
+ "input-button-right": "awsui_input-button-right_2rhyz_32ma4_238",
27
+ "inline-label-trigger-wrapper": "awsui_inline-label-trigger-wrapper_2rhyz_32ma4_242",
28
+ "inline-label-trigger-wrapper-full-width": "awsui_inline-label-trigger-wrapper-full-width_2rhyz_32ma4_245",
29
+ "inline-label-wrapper": "awsui_inline-label-wrapper_2rhyz_32ma4_249",
30
+ "inline-label-wrapper-full-width": "awsui_inline-label-wrapper-full-width_2rhyz_32ma4_252",
31
+ "inline-label": "awsui_inline-label_2rhyz_32ma4_242",
32
+ "inline-label-disabled": "awsui_inline-label-disabled_2rhyz_32ma4_277",
33
+ "input-adorned-container-disabled": "awsui_input-adorned-container-disabled_2rhyz_32ma4_302",
34
+ "input-adorned-container-invalid": "awsui_input-adorned-container-invalid_2rhyz_32ma4_310",
35
+ "input-adorned-container-warning": "awsui_input-adorned-container-warning_2rhyz_32ma4_323",
36
+ "input-prefix": "awsui_input-prefix_2rhyz_32ma4_337",
37
+ "input-suffix": "awsui_input-suffix_2rhyz_32ma4_338",
38
+ "input-adornment-content": "awsui_input-adornment-content_2rhyz_32ma4_351",
39
+ "input-adornment-divider": "awsui_input-adornment-divider_2rhyz_32ma4_360",
40
+ "input-adorned": "awsui_input-adorned_2rhyz_32ma4_9"
39
41
  };
40
42
 
package/lib/internal/template/internal/base-component/styles.scoped.css CHANGED
@@ -56,5 +56,5 @@
56
56
  }
57
57
  }
58
58
  :root {
59
- --awsui-version-info-3bc1f014: true;
59
+ --awsui-version-info-708448a8: true;
60
60
  }
package/lib/internal/template/internal/components/button-trigger/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { BaseComponentProps } from '../../../types/base-component';
3
3
  import { BaseKeyDetail, CancelableEventHandler } from '../../../types/events';
4
- import { GroupedControlPosition } from '../../context/control-group-context';
4
+ import { GroupedControlContextProps } from '../../context/control-group-context';
5
5
  export interface ButtonTriggerProps extends BaseComponentProps {
6
6
  children?: React.ReactNode;
7
7
  pressed?: boolean;
@@ -26,7 +26,7 @@ export interface ButtonTriggerProps extends BaseComponentProps {
26
26
  }>;
27
27
  hasCustomContent?: boolean;
28
28
  autoFocus?: boolean;
29
- groupedControlPosition?: GroupedControlPosition | null;
29
+ groupedControlProps?: GroupedControlContextProps;
30
30
  }
31
31
  export declare namespace ButtonTriggerProps {
32
32
  interface Ref {
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;AAOpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAE9E,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAU7E,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,MAAM,GAAG,QAAQ,CAAC;IACrC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,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,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sBAAsB,CAAC,EAAE,sBAAsB,GAAG,IAAI,CAAC;CACxD;AA4GD,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;AAOpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAE9E,OAAO,EAAE,0BAA0B,EAAE,MAAM,qCAAqC,CAAC;AAWjF,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,MAAM,GAAG,QAAQ,CAAC;IACrC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,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,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB,CAAC,EAAE,0BAA0B,CAAC;CAClD;AA4GD,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
@@ -7,14 +7,15 @@ import { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-tool
7
7
  import InternalIcon from '../../../icon/internal';
8
8
  import { getBaseProps } from '../../base-component';
9
9
  import { fireCancelableEvent, fireKeyboardEvent } from '../../events';
10
+ import { getGroupedControlClassNames } from '../control-group/grouped-control-styles';
10
11
  import analyticsSelectors from './analytics-metadata/styles.css.js';
11
12
  import styles from './styles.css.js';
12
- const ButtonTrigger = ({ children, pressed, hideCaret = false, disabled = false, readOnly = false, invalid = false, warning = false, inlineTokens, inFilteringToken, ariaHasPopup, ariaLabelledby, ariaDescribedby, ariaControls, onKeyDown, onKeyUp, onMouseDown, onClick, onFocus, onBlur, hasCustomContent = false, autoFocus, groupedControlPosition = null, ...restProps }, ref) => {
13
+ const ButtonTrigger = ({ children, pressed, hideCaret = false, disabled = false, readOnly = false, invalid = false, warning = false, inlineTokens, inFilteringToken, ariaHasPopup, ariaLabelledby, ariaDescribedby, ariaControls, onKeyDown, onKeyUp, onMouseDown, onClick, onFocus, onBlur, hasCustomContent = false, autoFocus, groupedControlProps = { position: null, direction: 'horizontal' }, ...restProps }, ref) => {
13
14
  const baseProps = getBaseProps(restProps);
14
15
  let attributes = {
15
16
  ...baseProps,
16
17
  type: 'button',
17
- className: clsx(styles['button-trigger'], analyticsSelectors['button-trigger'], baseProps.className, pressed && styles.pressed, disabled && styles.disabled, invalid && styles.invalid, warning && !invalid && styles.warning, !hideCaret && styles['has-caret'], readOnly && styles.readonly, inFilteringToken && styles['in-filtering-token'], inFilteringToken && styles[`in-filtering-token-${inFilteringToken}`], inlineTokens && styles['inline-tokens'], groupedControlPosition && styles.grouped, groupedControlPosition && styles[`grouped-${groupedControlPosition}`], !!hasCustomContent && styles['custom-option']),
18
+ className: clsx(styles['button-trigger'], analyticsSelectors['button-trigger'], baseProps.className, pressed && styles.pressed, disabled && styles.disabled, invalid && styles.invalid, warning && !invalid && styles.warning, !hideCaret && styles['has-caret'], readOnly && styles.readonly, inFilteringToken && styles['in-filtering-token'], inFilteringToken && styles[`in-filtering-token-${inFilteringToken}`], inlineTokens && styles['inline-tokens'], ...getGroupedControlClassNames(styles, groupedControlProps), !!hasCustomContent && styles['custom-option']),
18
19
  disabled: disabled,
19
20
  'aria-expanded': pressed,
20
21
  'aria-labelledby': ariaLabelledby,