@cloudscape-design/components 3.0.23 → 3.0.26

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 (163) hide show
  1. package/alert/styles.scoped.css +0 -34
  2. package/annotation-context/annotation/styles.scoped.css +0 -18
  3. package/app-layout/content-wrapper/styles.scoped.css +0 -4
  4. package/app-layout/mobile-toolbar/styles.scoped.css +0 -9
  5. package/app-layout/styles.scoped.css +0 -20
  6. package/app-layout/toggles/styles.scoped.css +0 -16
  7. package/app-layout/visual-refresh/styles.scoped.css +0 -71
  8. package/area-chart/styles.scoped.css +0 -13
  9. package/attribute-editor/styles.scoped.css +0 -23
  10. package/badge/styles.scoped.css +0 -15
  11. package/bar-chart/interfaces.d.ts +1 -1
  12. package/bar-chart/interfaces.d.ts.map +1 -1
  13. package/bar-chart/interfaces.js.map +1 -1
  14. package/box/styles.scoped.css +0 -171
  15. package/breadcrumb-group/item/styles.scoped.css +0 -11
  16. package/breadcrumb-group/styles.scoped.css +0 -10
  17. package/button/styles.scoped.css +0 -264
  18. package/button-dropdown/category-elements/styles.scoped.css +0 -26
  19. package/button-dropdown/item-element/styles.scoped.css +0 -22
  20. package/button-dropdown/mobile-expandable-group/styles.scoped.css +0 -5
  21. package/button-dropdown/styles.scoped.css +0 -7
  22. package/cards/styles.scoped.css +0 -45
  23. package/checkbox/styles.scoped.css +0 -11
  24. package/code-editor/styles.scoped.css +0 -87
  25. package/collection-preferences/styles.scoped.css +0 -12
  26. package/column-layout/styles.scoped.css +0 -12
  27. package/container/styles.scoped.css +0 -27
  28. package/date-picker/styles.scoped.css +0 -45
  29. package/date-range-picker/calendar/grids/day/styles.scoped.css +0 -45
  30. package/date-range-picker/index.d.ts.map +1 -1
  31. package/date-range-picker/index.js +13 -15
  32. package/date-range-picker/index.js.map +1 -1
  33. package/date-range-picker/relative-range/styles.scoped.css +0 -3
  34. package/date-range-picker/styles.css.js +41 -42
  35. package/date-range-picker/styles.scoped.css +49 -92
  36. package/date-range-picker/styles.selectors.js +41 -42
  37. package/expandable-section/styles.scoped.css +0 -33
  38. package/flashbar/styles.scoped.css +0 -36
  39. package/form/styles.scoped.css +0 -12
  40. package/form-field/styles.scoped.css +0 -26
  41. package/grid/styles.scoped.css +0 -6
  42. package/header/styles.scoped.css +0 -51
  43. package/help-panel/styles.scoped.css +0 -73
  44. package/hotspot/styles.scoped.css +0 -3
  45. package/icon/styles.scoped.css +0 -33
  46. package/input/styles.scoped.css +0 -49
  47. package/internal/base-component/styles.scoped.css +0 -1
  48. package/internal/components/abstract-switch/styles.scoped.css +0 -7
  49. package/internal/components/button-trigger/styles.scoped.css +0 -42
  50. package/internal/components/cartesian-chart/styles.scoped.css +0 -10
  51. package/internal/components/chart-filter/styles.scoped.css +0 -4
  52. package/internal/components/chart-legend/styles.scoped.css +0 -8
  53. package/internal/components/chart-plot/styles.scoped.css +0 -1
  54. package/internal/components/chart-popover/styles.scoped.css +0 -4
  55. package/internal/components/chart-series-details/styles.scoped.css +0 -12
  56. package/internal/components/chart-series-marker/styles.scoped.css +0 -7
  57. package/internal/components/chart-status-container/styles.scoped.css +0 -1
  58. package/internal/components/checkbox-icon/styles.scoped.css +0 -10
  59. package/internal/components/content-layout/styles.scoped.css +0 -5
  60. package/internal/components/dark-ribbon/styles.scoped.css +0 -1
  61. package/internal/components/dropdown/styles.scoped.css +0 -17
  62. package/internal/components/dropdown-footer/styles.scoped.css +0 -6
  63. package/internal/components/dropdown-status/styles.scoped.css +0 -6
  64. package/internal/components/filtering-token/styles.scoped.css +0 -21
  65. package/internal/components/menu-dropdown/styles.scoped.css +0 -17
  66. package/internal/components/option/styles.scoped.css +0 -16
  67. package/internal/components/options-list/styles.scoped.css +0 -5
  68. package/internal/components/selectable-item/styles.scoped.css +0 -44
  69. package/internal/environment.js +1 -1
  70. package/line-chart/interfaces.d.ts +1 -1
  71. package/line-chart/interfaces.d.ts.map +1 -1
  72. package/line-chart/interfaces.js.map +1 -1
  73. package/link/styles.scoped.css +0 -77
  74. package/mixed-line-bar-chart/bar-series.d.ts +1 -1
  75. package/mixed-line-bar-chart/bar-series.d.ts.map +1 -1
  76. package/mixed-line-bar-chart/bar-series.js.map +1 -1
  77. package/mixed-line-bar-chart/chart-container.d.ts.map +1 -1
  78. package/mixed-line-bar-chart/chart-container.js +9 -10
  79. package/mixed-line-bar-chart/chart-container.js.map +1 -1
  80. package/mixed-line-bar-chart/chart-filters.d.ts +2 -2
  81. package/mixed-line-bar-chart/chart-filters.d.ts.map +1 -1
  82. package/mixed-line-bar-chart/chart-filters.js +1 -2
  83. package/mixed-line-bar-chart/chart-filters.js.map +1 -1
  84. package/mixed-line-bar-chart/chart-legend.d.ts +2 -2
  85. package/mixed-line-bar-chart/chart-legend.d.ts.map +1 -1
  86. package/mixed-line-bar-chart/chart-legend.js +1 -2
  87. package/mixed-line-bar-chart/chart-legend.js.map +1 -1
  88. package/mixed-line-bar-chart/domain.d.ts +4 -0
  89. package/mixed-line-bar-chart/domain.d.ts.map +1 -0
  90. package/mixed-line-bar-chart/domain.js +138 -0
  91. package/mixed-line-bar-chart/domain.js.map +1 -0
  92. package/mixed-line-bar-chart/format-highlighted.d.ts +2 -4
  93. package/mixed-line-bar-chart/format-highlighted.d.ts.map +1 -1
  94. package/mixed-line-bar-chart/format-highlighted.js +26 -15
  95. package/mixed-line-bar-chart/format-highlighted.js.map +1 -1
  96. package/mixed-line-bar-chart/hooks/use-mouse-hover.d.ts.map +1 -1
  97. package/mixed-line-bar-chart/hooks/use-mouse-hover.js +3 -2
  98. package/mixed-line-bar-chart/hooks/use-mouse-hover.js.map +1 -1
  99. package/mixed-line-bar-chart/hooks/use-navigation.d.ts.map +1 -1
  100. package/mixed-line-bar-chart/hooks/use-navigation.js +23 -35
  101. package/mixed-line-bar-chart/hooks/use-navigation.js.map +1 -1
  102. package/mixed-line-bar-chart/interfaces.d.ts +12 -2
  103. package/mixed-line-bar-chart/interfaces.d.ts.map +1 -1
  104. package/mixed-line-bar-chart/interfaces.js.map +1 -1
  105. package/mixed-line-bar-chart/internal.d.ts.map +1 -1
  106. package/mixed-line-bar-chart/internal.js +14 -6
  107. package/mixed-line-bar-chart/internal.js.map +1 -1
  108. package/mixed-line-bar-chart/line-series.d.ts +2 -2
  109. package/mixed-line-bar-chart/line-series.d.ts.map +1 -1
  110. package/mixed-line-bar-chart/line-series.js +21 -9
  111. package/mixed-line-bar-chart/line-series.js.map +1 -1
  112. package/mixed-line-bar-chart/make-scaled-bar-groups.d.ts.map +1 -1
  113. package/mixed-line-bar-chart/make-scaled-bar-groups.js +11 -4
  114. package/mixed-line-bar-chart/make-scaled-bar-groups.js.map +1 -1
  115. package/mixed-line-bar-chart/make-scaled-series.d.ts +2 -4
  116. package/mixed-line-bar-chart/make-scaled-series.d.ts.map +1 -1
  117. package/mixed-line-bar-chart/make-scaled-series.js +89 -25
  118. package/mixed-line-bar-chart/make-scaled-series.js.map +1 -1
  119. package/mixed-line-bar-chart/styles.scoped.css +0 -13
  120. package/mixed-line-bar-chart/utils.d.ts +5 -6
  121. package/mixed-line-bar-chart/utils.d.ts.map +1 -1
  122. package/mixed-line-bar-chart/utils.js +11 -112
  123. package/mixed-line-bar-chart/utils.js.map +1 -1
  124. package/modal/styles.scoped.css +0 -31
  125. package/multiselect/styles.scoped.css +0 -4
  126. package/package.json +1 -1
  127. package/pagination/styles.scoped.css +0 -22
  128. package/pie-chart/styles.scoped.css +0 -25
  129. package/popover/styles.scoped.css +0 -35
  130. package/progress-bar/styles.scoped.css +0 -25
  131. package/property-filter/styles.scoped.css +0 -22
  132. package/radio-group/styles.scoped.css +0 -22
  133. package/s3-resource-selector/s3-in-context/styles.scoped.css +0 -6
  134. package/segmented-control/styles.scoped.css +0 -36
  135. package/select/parts/styles.scoped.css +0 -6
  136. package/select/styles.scoped.css +0 -4
  137. package/side-navigation/styles.scoped.css +0 -38
  138. package/space-between/styles.scoped.css +0 -40
  139. package/spinner/styles.scoped.css +0 -17
  140. package/split-panel/styles.scoped.css +0 -65
  141. package/status-indicator/styles.scoped.css +0 -20
  142. package/table/body-cell/styles.scoped.css +0 -29
  143. package/table/header-cell/styles.scoped.css +0 -32
  144. package/table/resizer/styles.scoped.css +0 -6
  145. package/table/selection-control/styles.scoped.css +0 -3
  146. package/table/styles.scoped.css +0 -39
  147. package/table/use-selection.d.ts.map +1 -1
  148. package/table/use-selection.js +5 -5
  149. package/table/use-selection.js.map +1 -1
  150. package/tabs/styles.scoped.css +0 -41
  151. package/tag-editor/styles.scoped.css +0 -12
  152. package/text-content/styles.scoped.css +0 -54
  153. package/text-filter/styles.scoped.css +0 -7
  154. package/textarea/styles.scoped.css +0 -30
  155. package/tiles/styles.scoped.css +0 -55
  156. package/toggle/styles.scoped.css +0 -14
  157. package/token-group/styles.scoped.css +0 -35
  158. package/top-navigation/1.0-beta/styles.scoped.css +0 -40
  159. package/top-navigation/styles.scoped.css +0 -75
  160. package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +0 -22
  161. package/tutorial-panel/components/tutorial-list/styles.scoped.css +0 -24
  162. package/tutorial-panel/styles.scoped.css +0 -5
  163. package/wizard/styles.scoped.css +0 -54
@@ -100,15 +100,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
100
100
  }
101
101
 
102
102
  .awsui_token_10m3l_anb0r_102:not(#\9) {
103
- border: 2px solid #0972d3;
104
103
  border: var(--border-field-width-idlekx, 2px) solid var(--color-border-item-selected-ppkssz, #0972d3);
105
104
  display: flex;
106
105
  align-items: stretch;
107
- background: #f2f8fd;
108
106
  background: var(--color-background-item-selected-ebt4bi, #f2f8fd);
109
- border-radius: 8px;
110
107
  border-radius: var(--border-radius-token-wohc9e, 8px);
111
- color: #000716;
112
108
  color: var(--color-text-body-default-ajf1h5, #000716);
113
109
  height: 100%;
114
110
  box-sizing: border-box;
@@ -125,7 +121,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
125
121
  }
126
122
 
127
123
  .awsui_token-content_10m3l_anb0r_123:not(#\9) {
128
- padding: 4px 12px;
129
124
  padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-field-horizontal-89h2yr, 12px);
130
125
  }
131
126
 
@@ -133,12 +128,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
133
128
  width: 30px;
134
129
  margin: 0;
135
130
  border: none;
136
- padding: 0 4px;
137
131
  padding: 0 var(--space-xxs-ynfts5, 4px);
138
- color: #414d5c;
139
132
  color: var(--color-text-interactive-default-eg5fsa, #414d5c);
140
133
  background-color: transparent;
141
- border-left: 2px solid #0972d3;
142
134
  border-left: var(--border-field-width-idlekx, 2px) solid var(--color-border-item-selected-ppkssz, #0972d3);
143
135
  }
144
136
  .awsui_dismiss-button_10m3l_anb0r_127[data-awsui-focus-visible=true]:not(#\9):focus {
@@ -146,24 +138,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
146
138
  }
147
139
  .awsui_dismiss-button_10m3l_anb0r_127[data-awsui-focus-visible=true]:not(#\9):focus {
148
140
  outline: 2px dotted transparent;
149
- outline-offset: calc(-5px - 1px);
150
141
  outline-offset: calc(var(--space-filtering-token-dismiss-button-focus-outline-gutter-itb5fd, -5px) - 1px);
151
142
  }
152
143
  .awsui_dismiss-button_10m3l_anb0r_127[data-awsui-focus-visible=true]:not(#\9):focus::before {
153
144
  content: " ";
154
145
  display: block;
155
146
  position: absolute;
156
- left: calc(-1 * -5px);
157
147
  left: calc(-1 * var(--space-filtering-token-dismiss-button-focus-outline-gutter-itb5fd, -5px));
158
- top: calc(-1 * -5px);
159
148
  top: calc(-1 * var(--space-filtering-token-dismiss-button-focus-outline-gutter-itb5fd, -5px));
160
- width: calc(100% + 2 * -5px);
161
149
  width: calc(100% + 2 * var(--space-filtering-token-dismiss-button-focus-outline-gutter-itb5fd, -5px));
162
- height: calc(100% + 2 * -5px);
163
150
  height: calc(100% + 2 * var(--space-filtering-token-dismiss-button-focus-outline-gutter-itb5fd, -5px));
164
- border-radius: 4px;
165
151
  border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
166
- box-shadow: 0 0 0 2px #0972d3;
167
152
  box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
168
153
  }
169
154
  .awsui_dismiss-button_10m3l_anb0r_127:not(#\9):focus {
@@ -172,22 +157,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
172
157
  }
173
158
  .awsui_dismiss-button_10m3l_anb0r_127:not(#\9):hover {
174
159
  cursor: pointer;
175
- color: #000716;
176
160
  color: var(--color-text-interactive-hover-v3lasm, #000716);
177
161
  }
178
162
 
179
163
  .awsui_token-disabled_10m3l_anb0r_163:not(#\9) {
180
- border-color: #d1d5db;
181
164
  border-color: var(--color-border-control-disabled-vx8bco, #d1d5db);
182
- background-color: #ffffff;
183
165
  background-color: var(--color-background-container-content-i8i4a0, #ffffff);
184
- color: #9ba7b6;
185
166
  color: var(--color-text-disabled-a2nkh4, #9ba7b6);
186
167
  pointer-events: none;
187
168
  }
188
169
  .awsui_token-disabled_10m3l_anb0r_163 > .awsui_dismiss-button_10m3l_anb0r_127:not(#\9) {
189
- color: #9ba7b6;
190
170
  color: var(--color-text-interactive-disabled-3pbb07, #9ba7b6);
191
- border-color: #d1d5db;
192
171
  border-color: var(--color-border-control-disabled-vx8bco, #d1d5db);
193
172
  }
@@ -120,14 +120,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
120
120
  widows: 2;
121
121
  word-spacing: normal;
122
122
  box-sizing: border-box;
123
- font-size: 14px;
124
123
  font-size: var(--font-body-m-size-sregvd, 14px);
125
- line-height: 22px;
126
124
  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
127
- color: #000716;
128
125
  color: var(--color-text-body-default-ajf1h5, #000716);
129
126
  font-weight: 400;
130
- font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
131
127
  font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
132
128
  min-width: 0;
133
129
  -ms-word-break: break-all;
@@ -137,31 +133,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
137
133
  align-items: center;
138
134
  white-space: nowrap;
139
135
  height: 100%;
140
- padding-left: 8px;
141
136
  padding-left: var(--space-xs-rsr2qu, 8px);
142
- padding-right: 8px;
143
137
  padding-right: var(--space-xs-rsr2qu, 8px);
144
138
  text-decoration: none;
145
139
  cursor: pointer;
146
140
  border: transparent;
147
141
  background: transparent;
148
- font-weight: 800;
149
142
  font-weight: var(--font-button-weight-7rj5fx, 800);
150
- color: #414d5c;
151
143
  color: var(--color-text-interactive-default-eg5fsa, #414d5c);
152
144
  }
153
145
  .awsui_button_m5h9f_vm2i5_93:not(#\9):hover {
154
- color: #000716;
155
146
  color: var(--color-text-interactive-hover-v3lasm, #000716);
156
147
  text-decoration: none;
157
148
  }
158
149
  .awsui_button_m5h9f_vm2i5_93:not(#\9):active, .awsui_button_m5h9f_vm2i5_93.awsui_expanded_m5h9f_vm2i5_123:not(#\9) {
159
150
  background: transparent;
160
- color: #000716;
161
151
  color: var(--color-text-interactive-active-vol84d, #000716);
162
152
  }
163
153
  .awsui_button_m5h9f_vm2i5_93.awsui_expanded_m5h9f_vm2i5_123:not(#\9) {
164
- color: #0972d3;
165
154
  color: var(--color-text-accent-s1eqko, #0972d3);
166
155
  }
167
156
  .awsui_button_m5h9f_vm2i5_93:not(#\9):focus {
@@ -172,11 +161,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
172
161
  margin-right: 0;
173
162
  }
174
163
  .awsui_button_m5h9f_vm2i5_93.awsui_offset-right-l_m5h9f_vm2i5_137:not(#\9) {
175
- margin-right: 12px;
176
164
  margin-right: var(--space-s-hv8c1d, 12px);
177
165
  }
178
166
  .awsui_button_m5h9f_vm2i5_93.awsui_offset-right-xxl_m5h9f_vm2i5_140:not(#\9) {
179
- margin-right: 24px;
180
167
  margin-right: var(--space-xl-a39hup, 24px);
181
168
  }
182
169
  .awsui_button_m5h9f_vm2i5_93[data-awsui-focus-visible=true]:not(#\9):focus {
@@ -194,18 +181,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
194
181
  top: calc(-1 * -1px);
195
182
  width: calc(100% + 2 * -1px);
196
183
  height: calc(100% + 2 * -1px);
197
- border-radius: 4px;
198
184
  border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
199
- box-shadow: 0 0 0 2px #0972d3;
200
185
  box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
201
186
  }
202
187
 
203
188
  .awsui_text_m5h9f_vm2i5_162:not(#\9) {
204
- margin-right: 8px;
205
189
  margin-right: var(--space-xs-rsr2qu, 8px);
206
190
  }
207
191
 
208
192
  .awsui_icon_m5h9f_vm2i5_166 + .awsui_text_m5h9f_vm2i5_162:not(#\9) {
209
- margin-left: 8px;
210
193
  margin-left: var(--space-xs-rsr2qu, 8px);
211
194
  }
@@ -124,14 +124,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
124
124
  widows: 2;
125
125
  word-spacing: normal;
126
126
  box-sizing: border-box;
127
- font-size: 14px;
128
127
  font-size: var(--font-body-m-size-sregvd, 14px);
129
- line-height: 22px;
130
128
  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
131
- color: #000716;
132
129
  color: var(--color-text-body-default-ajf1h5, #000716);
133
130
  font-weight: 400;
134
- font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
135
131
  font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
136
132
  display: flex;
137
133
  align-items: flex-start;
@@ -147,7 +143,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
147
143
  font-weight: bold;
148
144
  }
149
145
  .awsui_option_1p2cx_1tubf_97.awsui_parent_1p2cx_1tubf_116:not(#\9):not(.awsui_disabled_1p2cx_1tubf_113) {
150
- color: #414d5c;
151
146
  color: var(--color-text-dropdown-group-label-eaqlcl, #414d5c);
152
147
  }
153
148
 
@@ -182,7 +177,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
182
177
  }
183
178
 
184
179
  .awsui_label-tag_1p2cx_1tubf_138:not(#\9) {
185
- padding-left: 12px;
186
180
  padding-left: var(--space-s-hv8c1d, 12px);
187
181
  flex: auto;
188
182
  text-align: right;
@@ -193,13 +187,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
193
187
 
194
188
  .awsui_tags_1p2cx_1tubf_162:not(#\9),
195
189
  .awsui_description_1p2cx_1tubf_163:not(#\9) {
196
- font-size: 12px;
197
190
  font-size: var(--font-body-s-size-ukw2p9, 12px);
198
- line-height: 16px;
199
191
  line-height: var(--font-body-s-line-height-kdsbrl, 16px);
200
- letter-spacing: 0.005em;
201
192
  letter-spacing: var(--font-body-s-letter-spacing-cy0oxj, 0.005em);
202
- color: #5f6b7a;
203
193
  color: var(--color-text-dropdown-item-secondary-0me7js, #5f6b7a);
204
194
  flex-wrap: wrap;
205
195
  }
@@ -210,12 +200,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
210
200
  }
211
201
 
212
202
  .awsui_tag_1p2cx_1tubf_137:not(#\9):not(:last-child) {
213
- padding-right: 16px;
214
203
  padding-right: var(--space-m-17eucw, 16px);
215
204
  }
216
205
 
217
206
  .awsui_icon_1p2cx_1tubf_180:not(#\9) {
218
- padding-right: 8px;
219
207
  padding-right: var(--space-xs-rsr2qu, 8px);
220
208
  align-content: center;
221
209
  display: flex;
@@ -223,20 +211,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
223
211
  }
224
212
 
225
213
  .awsui_icon-size-big_1p2cx_1tubf_187:not(#\9) {
226
- padding-top: 2px;
227
214
  padding-top: var(--space-xxxs-k2w98v, 2px);
228
215
  }
229
216
 
230
217
  .awsui_filtering-match-highlight_1p2cx_1tubf_191:not(#\9) {
231
- background-color: #f2f8fd;
232
218
  background-color: var(--color-background-dropdown-item-filter-match-6ac2mw, #f2f8fd);
233
- color: #0972d3;
234
219
  color: var(--color-text-dropdown-item-filter-match-x302if, #0972d3);
235
220
  font-weight: bold;
236
221
  }
237
222
 
238
223
  .awsui_disabled_1p2cx_1tubf_113:not(#\9) {
239
- color: #9ba7b6;
240
224
  color: var(--color-text-dropdown-item-disabled-varol7, #9ba7b6);
241
225
  pointer-events: none;
242
226
  }
@@ -124,20 +124,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
124
124
  widows: 2;
125
125
  word-spacing: normal;
126
126
  box-sizing: border-box;
127
- font-size: 14px;
128
127
  font-size: var(--font-body-m-size-sregvd, 14px);
129
- line-height: 22px;
130
128
  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
131
- color: #000716;
132
129
  color: var(--color-text-body-default-ajf1h5, #000716);
133
130
  font-weight: 400;
134
- font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
135
131
  font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
136
132
  white-space: inherit;
137
133
  overflow-y: auto;
138
134
  flex: 1 1 auto;
139
135
  min-height: 0;
140
- border-radius: 8px;
141
136
  border-radius: var(--border-radius-dropdown-ujknaf, 8px);
142
137
  }
143
138
 
@@ -91,88 +91,59 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
93
  .awsui_selectable-item_15o6u_19j4z_93:not(#\9) {
94
- font-size: 14px;
95
94
  font-size: var(--font-body-m-size-sregvd, 14px);
96
- line-height: 22px;
97
95
  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
98
- color: #000716;
99
96
  color: var(--color-text-body-default-ajf1h5, #000716);
100
97
  font-weight: 400;
101
- font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
102
98
  font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
103
99
  position: relative;
104
100
  list-style: none;
105
101
  z-index: 1;
106
- border: 1px solid transparent;
107
102
  border: var(--border-divider-list-width-hacikr, 1px) solid transparent;
108
- border-top-color: #e9ebed;
109
103
  border-top-color: var(--color-border-dropdown-item-default-faosd8, #e9ebed);
110
- border-bottom-color: #e9ebed;
111
104
  border-bottom-color: var(--color-border-dropdown-item-default-faosd8, #e9ebed);
112
- background-color: #ffffff;
113
105
  background-color: var(--color-background-dropdown-item-default-fzdqsg, #ffffff);
114
- color: #000716;
115
106
  color: var(--color-text-dropdown-item-default-7tg9p2, #000716);
116
107
  border-left-width: 0;
117
108
  border-right-width: 0;
118
- padding: calc(
119
- 4px + (2px - 1px)
120
- ) calc(12px + 2px);
121
109
  padding: calc(
122
110
  var(--space-xxs-ynfts5, 4px) + (var(--border-item-width-qbbbsa, 2px) - var(--border-divider-list-width-hacikr, 1px))
123
111
  ) calc(var(--space-field-horizontal-89h2yr, 12px) + var(--border-item-width-qbbbsa, 2px));
124
112
  }
125
113
  .awsui_selectable-item_15o6u_19j4z_93.awsui_pad-bottom_15o6u_19j4z_113:not(#\9) {
126
- padding-bottom: calc(calc(
127
- 4px + (2px - 1px)
128
- ) + 2px);
129
114
  padding-bottom: calc(calc(
130
115
  var(--space-xxs-ynfts5, 4px) + (var(--border-item-width-qbbbsa, 2px) - var(--border-divider-list-width-hacikr, 1px))
131
116
  ) + var(--space-xxxs-k2w98v, 2px));
132
117
  border-bottom-color: transparent;
133
118
  }
134
119
  .awsui_selectable-item_15o6u_19j4z_93:not(#\9):not(:first-child) {
135
- margin-top: calc(-1 * 2px);
136
120
  margin-top: calc(-1 * var(--border-item-width-qbbbsa, 2px));
137
121
  }
138
122
  .awsui_selectable-item_15o6u_19j4z_93.awsui_has-background_15o6u_19j4z_122:not(#\9) {
139
- background-color: #f4f4f4;
140
123
  background-color: var(--color-background-dropdown-item-hover-mqsxkv, #f4f4f4);
141
124
  }
142
125
  .awsui_selectable-item_15o6u_19j4z_93.awsui_highlighted_15o6u_19j4z_125:not(#\9), .awsui_selectable-item_15o6u_19j4z_93.awsui_selected_15o6u_19j4z_125:not(#\9) {
143
- color: #000716;
144
126
  color: var(--color-text-dropdown-item-highlighted-oaabyk, #000716);
145
- border-width: 2px;
146
127
  border-width: var(--border-item-width-qbbbsa, 2px);
147
- border-radius: 8px;
148
128
  border-radius: var(--border-radius-item-u2ibpi, 8px);
149
- padding: 4px 12px;
150
129
  padding: var(--space-xxs-ynfts5, 4px) var(--space-field-horizontal-89h2yr, 12px);
151
130
  }
152
131
  .awsui_selectable-item_15o6u_19j4z_93.awsui_highlighted_15o6u_19j4z_125.awsui_pad-bottom_15o6u_19j4z_113:not(#\9), .awsui_selectable-item_15o6u_19j4z_93.awsui_selected_15o6u_19j4z_125.awsui_pad-bottom_15o6u_19j4z_113:not(#\9) {
153
- padding-bottom: calc(4px + 2px);
154
132
  padding-bottom: calc(var(--space-xxs-ynfts5, 4px) + var(--space-xxxs-k2w98v, 2px));
155
133
  }
156
134
  .awsui_selectable-item_15o6u_19j4z_93.awsui_highlighted_15o6u_19j4z_125:not(#\9) {
157
135
  z-index: 2;
158
- background-color: #f4f4f4;
159
136
  background-color: var(--color-background-dropdown-item-hover-mqsxkv, #f4f4f4);
160
- border-color: #7d8998;
161
137
  border-color: var(--color-border-dropdown-item-hover-tyzq9m, #7d8998);
162
138
  }
163
139
  .awsui_selectable-item_15o6u_19j4z_93.awsui_highlighted_15o6u_19j4z_125.awsui_disabled_15o6u_19j4z_139:not(#\9) {
164
- color: #9ba7b6;
165
140
  color: var(--color-text-dropdown-item-dimmed-jyqdrs, #9ba7b6);
166
- border-color: #7d8998;
167
141
  border-color: var(--color-border-dropdown-item-dimmed-hover-6dhy15, #7d8998);
168
- background-color: transparent;
169
142
  background-color: var(--color-background-dropdown-item-dimmed-qw48ma, transparent);
170
143
  }
171
144
  .awsui_selectable-item_15o6u_19j4z_93.awsui_selected_15o6u_19j4z_125:not(#\9) {
172
145
  z-index: 3;
173
- background-color: #f2f8fd;
174
146
  background-color: var(--color-background-dropdown-item-selected-8l4mpk, #f2f8fd);
175
- border-color: #0972d3;
176
147
  border-color: var(--color-border-dropdown-item-selected-eahq2j, #0972d3);
177
148
  }
178
149
  .awsui_selectable-item_15o6u_19j4z_93.awsui_selected_15o6u_19j4z_125.awsui_next-item-selected_15o6u_19j4z_149:not(#\9) {
@@ -184,42 +155,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
184
155
  border-top-right-radius: 0;
185
156
  }
186
157
  .awsui_selectable-item_15o6u_19j4z_93.awsui_highlighted_15o6u_19j4z_125.awsui_selected_15o6u_19j4z_125.awsui_is-keyboard_15o6u_19j4z_157:not(#\9) {
187
- box-shadow: inset 0 0 0 1px #0972d3;
188
158
  box-shadow: inset 0 0 0 1px var(--color-border-item-focused-ap3b6s, #0972d3);
189
159
  }
190
160
  .awsui_selectable-item_15o6u_19j4z_93.awsui_parent_15o6u_19j4z_160:not(#\9) {
191
161
  font-weight: bold;
192
- color: #414d5c;
193
162
  color: var(--color-text-dropdown-group-label-eaqlcl, #414d5c);
194
163
  }
195
164
  .awsui_selectable-item_15o6u_19j4z_93.awsui_parent_15o6u_19j4z_160:not(#\9):not(.awsui_interactiveGroups_15o6u_19j4z_164) {
196
- border-top-color: #e9ebed;
197
165
  border-top-color: var(--color-border-dropdown-group-0utpsr, #e9ebed);
198
- padding: 8px;
199
166
  padding: var(--space-xs-rsr2qu, 8px);
200
167
  }
201
168
  .awsui_selectable-item_15o6u_19j4z_93.awsui_parent_15o6u_19j4z_160.awsui_interactiveGroups_15o6u_19j4z_164:not(#\9) {
202
- padding: calc(
203
- 8px + (2px - 1px)
204
- ) calc(12px + 2px);
205
169
  padding: calc(
206
170
  var(--space-xs-rsr2qu, 8px) + (var(--border-item-width-qbbbsa, 2px) - var(--border-divider-list-width-hacikr, 1px))
207
171
  ) calc(var(--space-field-horizontal-89h2yr, 12px) + var(--border-item-width-qbbbsa, 2px));
208
172
  }
209
173
  .awsui_selectable-item_15o6u_19j4z_93.awsui_parent_15o6u_19j4z_160.awsui_interactiveGroups_15o6u_19j4z_164.awsui_highlighted_15o6u_19j4z_125:not(#\9), .awsui_selectable-item_15o6u_19j4z_93.awsui_parent_15o6u_19j4z_160.awsui_interactiveGroups_15o6u_19j4z_164.awsui_selected_15o6u_19j4z_125:not(#\9) {
210
- padding: 8px 12px;
211
174
  padding: var(--space-xs-rsr2qu, 8px) var(--space-field-horizontal-89h2yr, 12px);
212
175
  }
213
176
  .awsui_selectable-item_15o6u_19j4z_93.awsui_child_15o6u_19j4z_176:not(#\9) {
214
- padding-left: calc(32px + 2px);
215
177
  padding-left: calc(var(--space-xxl-2nvmf1, 32px) + var(--border-item-width-qbbbsa, 2px));
216
178
  }
217
179
  .awsui_selectable-item_15o6u_19j4z_93.awsui_child_15o6u_19j4z_176.awsui_highlighted_15o6u_19j4z_125:not(#\9), .awsui_selectable-item_15o6u_19j4z_93.awsui_child_15o6u_19j4z_176.awsui_selected_15o6u_19j4z_125:not(#\9) {
218
- padding-left: 32px;
219
180
  padding-left: var(--space-xxl-2nvmf1, 32px);
220
181
  }
221
182
  .awsui_selectable-item_15o6u_19j4z_93.awsui_disabled_15o6u_19j4z_139:not(#\9) {
222
- color: #9ba7b6;
223
183
  color: var(--color-text-dropdown-item-disabled-varol7, #9ba7b6);
224
184
  }
225
185
  .awsui_selectable-item_15o6u_19j4z_93:not(#\9):not(.awsui_disabled_15o6u_19j4z_139):not(.awsui_parent_15o6u_19j4z_160) {
@@ -230,14 +190,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
230
190
  }
231
191
  .awsui_selectable-item_15o6u_19j4z_93.awsui_virtual_15o6u_19j4z_191:not(#\9) {
232
192
  position: absolute;
233
- top: 2px;
234
193
  top: var(--border-dropdown-virtual-offset-width-fzhepk, 2px);
235
194
  left: 0;
236
195
  width: 100%;
237
196
  box-sizing: border-box;
238
197
  }
239
198
  .awsui_selectable-item_15o6u_19j4z_93.awsui_virtual_15o6u_19j4z_191:not(#\9):first-of-type:not(.awsui_selected_15o6u_19j4z_125, .awsui_highlighted_15o6u_19j4z_125) {
240
- border-top-color: transparent;
241
199
  border-top-color: var(--color-border-dropdown-item-top-xnzq48, transparent);
242
200
  }
243
201
 
@@ -248,11 +206,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
248
206
  width: 100%;
249
207
  top: 0;
250
208
  left: 0;
251
- padding-top: 1px;
252
209
  padding-top: var(--border-divider-list-width-hacikr, 1px);
253
210
  }
254
211
  .awsui_measure-strut-first_15o6u_19j4z_211:not(#\9) {
255
- padding-bottom: 1px;
256
212
  padding-bottom: var(--border-divider-list-width-hacikr, 1px);
257
213
  }
258
214
 
@@ -1,5 +1,5 @@
1
1
 
2
- export var PACKAGE_VERSION = '3.0.0 (9ab784f)';
2
+ export var PACKAGE_VERSION = '3.0.0 (4013f51)';
3
3
  export var THEME = 'open-source-visual-refresh';
4
4
  export var ALWAYS_VISUAL_REFRESH = true;
5
5
 
@@ -1,6 +1,6 @@
1
1
  import { CartesianChartProps } from '../internal/components/cartesian-chart/interfaces';
2
2
  import { ChartDataTypes, MixedLineBarChartProps } from '../mixed-line-bar-chart/interfaces';
3
- declare type LineSeries<T> = MixedLineBarChartProps.LineDataSeries<T> | MixedLineBarChartProps.ThresholdSeries;
3
+ declare type LineSeries<T> = MixedLineBarChartProps.LineDataSeries<T> | MixedLineBarChartProps.ThresholdSeries<T>;
4
4
  export interface LineChartProps<T extends ChartDataTypes> extends CartesianChartProps<T, MixedLineBarChartProps.ChartSeries<T>> {
5
5
  /**
6
6
  * Array that represents the source of data for the displayed chart.
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/line-chart/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AACxF,OAAO,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAE5F,aAAK,UAAU,CAAC,CAAC,IAAI,sBAAsB,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,sBAAsB,CAAC,eAAe,CAAC;AAEvG,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,cAAc,CACtD,SAAQ,mBAAmB,CAAC,CAAC,EAAE,sBAAsB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;IACrE;;;;;;;;;OASG;IACH,MAAM,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IAErC;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAGD,yBAAiB,cAAc,CAAC,GAAE"}
1
+ {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/line-chart/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AACxF,OAAO,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAE5F,aAAK,UAAU,CAAC,CAAC,IAAI,sBAAsB,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,sBAAsB,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;AAE1G,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,cAAc,CACtD,SAAQ,mBAAmB,CAAC,CAAC,EAAE,sBAAsB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;IACrE;;;;;;;;;OASG;IACH,MAAM,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IAErC;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAGD,yBAAiB,cAAc,CAAC,GAAE"}
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/line-chart/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { CartesianChartProps } from '../internal/components/cartesian-chart/interfaces';\nimport { ChartDataTypes, MixedLineBarChartProps } from '../mixed-line-bar-chart/interfaces';\n\ntype LineSeries<T> = MixedLineBarChartProps.LineDataSeries<T> | MixedLineBarChartProps.ThresholdSeries;\n\nexport interface LineChartProps<T extends ChartDataTypes>\n extends CartesianChartProps<T, MixedLineBarChartProps.ChartSeries<T>> {\n /**\n * Array that represents the source of data for the displayed chart.\n * Each element can represent a line series or a threshold, and can have the following properties:\n *\n * * `title` (string): A human-readable title for this series\n * * `type` (string): Series type (`\"line\"`, or `\"threshold\"`)\n * * `data` (Array): An array of data points, represented as objects with `x` and `y` properties\n * * `color` (string): (Optional) A color hex value for this series. When assigned, it takes priority over the automatically assigned color\n * * `valueFormatter` (Function): (Optional) A function that formats data values before rendering in the UI, For example, in the details popover.\n */\n series: ReadonlyArray<LineSeries<T>>;\n\n /**\n * When set to `true`, adds a visual emphasis on the zero baseline axis.\n * See the usage guidelines for more details.\n */\n emphasizeBaselineAxis?: boolean;\n}\n\n// W/o this documenter injects CartesianChartProps namespace properties into LineChartProps definition.\nexport namespace LineChartProps {}\n"]}
1
+ {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/line-chart/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { CartesianChartProps } from '../internal/components/cartesian-chart/interfaces';\nimport { ChartDataTypes, MixedLineBarChartProps } from '../mixed-line-bar-chart/interfaces';\n\ntype LineSeries<T> = MixedLineBarChartProps.LineDataSeries<T> | MixedLineBarChartProps.ThresholdSeries<T>;\n\nexport interface LineChartProps<T extends ChartDataTypes>\n extends CartesianChartProps<T, MixedLineBarChartProps.ChartSeries<T>> {\n /**\n * Array that represents the source of data for the displayed chart.\n * Each element can represent a line series or a threshold, and can have the following properties:\n *\n * * `title` (string): A human-readable title for this series\n * * `type` (string): Series type (`\"line\"`, or `\"threshold\"`)\n * * `data` (Array): An array of data points, represented as objects with `x` and `y` properties\n * * `color` (string): (Optional) A color hex value for this series. When assigned, it takes priority over the automatically assigned color\n * * `valueFormatter` (Function): (Optional) A function that formats data values before rendering in the UI, For example, in the details popover.\n */\n series: ReadonlyArray<LineSeries<T>>;\n\n /**\n * When set to `true`, adds a visual emphasis on the zero baseline axis.\n * See the usage guidelines for more details.\n */\n emphasizeBaselineAxis?: boolean;\n}\n\n// W/o this documenter injects CartesianChartProps namespace properties into LineChartProps definition.\nexport namespace LineChartProps {}\n"]}