@cloudscape-design/components 3.0.361 → 3.0.363

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 (167) hide show
  1. package/alert/index.d.ts.map +1 -1
  2. package/alert/index.js +21 -16
  3. package/alert/index.js.map +1 -1
  4. package/annotation-context/annotation/styles.css.js +24 -24
  5. package/annotation-context/annotation/styles.scoped.css +30 -30
  6. package/annotation-context/annotation/styles.selectors.js +24 -24
  7. package/app-layout/visual-refresh/styles.css.js +69 -69
  8. package/app-layout/visual-refresh/styles.scoped.css +169 -169
  9. package/app-layout/visual-refresh/styles.selectors.js +69 -69
  10. package/area-chart/model/use-chart-model.js +1 -1
  11. package/area-chart/model/use-chart-model.js.map +1 -1
  12. package/area-chart/styles.css.js +6 -6
  13. package/area-chart/styles.scoped.css +10 -10
  14. package/area-chart/styles.selectors.js +6 -6
  15. package/attribute-editor/styles.css.js +14 -14
  16. package/attribute-editor/styles.scoped.css +25 -25
  17. package/attribute-editor/styles.selectors.js +14 -14
  18. package/button-dropdown/category-elements/styles.css.js +13 -13
  19. package/button-dropdown/category-elements/styles.scoped.css +27 -27
  20. package/button-dropdown/category-elements/styles.selectors.js +13 -13
  21. package/button-dropdown/item-element/styles.css.js +15 -15
  22. package/button-dropdown/item-element/styles.scoped.css +19 -19
  23. package/button-dropdown/item-element/styles.selectors.js +15 -15
  24. package/button-dropdown/styles.css.js +14 -14
  25. package/button-dropdown/styles.scoped.css +22 -22
  26. package/button-dropdown/styles.selectors.js +14 -14
  27. package/code-editor/index.d.ts.map +1 -1
  28. package/code-editor/index.js +26 -71
  29. package/code-editor/index.js.map +1 -1
  30. package/code-editor/listeners.d.ts +1 -1
  31. package/code-editor/listeners.d.ts.map +1 -1
  32. package/code-editor/listeners.js.map +1 -1
  33. package/code-editor/setup-editor.d.ts.map +1 -1
  34. package/code-editor/setup-editor.js +39 -36
  35. package/code-editor/setup-editor.js.map +1 -1
  36. package/code-editor/styles.css.js +32 -32
  37. package/code-editor/styles.scoped.css +130 -130
  38. package/code-editor/styles.selectors.js +32 -32
  39. package/code-editor/use-editor.d.ts +24 -0
  40. package/code-editor/use-editor.d.ts.map +1 -0
  41. package/code-editor/use-editor.js +71 -0
  42. package/code-editor/use-editor.js.map +1 -0
  43. package/collection-preferences/content-display/styles.css.js +11 -11
  44. package/collection-preferences/content-display/styles.scoped.css +18 -18
  45. package/collection-preferences/content-display/styles.selectors.js +11 -11
  46. package/collection-preferences/styles.css.js +37 -37
  47. package/collection-preferences/styles.scoped.css +47 -47
  48. package/collection-preferences/styles.selectors.js +37 -37
  49. package/column-layout/flexible-column-layout/styles.css.js +5 -5
  50. package/column-layout/flexible-column-layout/styles.scoped.css +5 -5
  51. package/column-layout/flexible-column-layout/styles.selectors.js +5 -5
  52. package/column-layout/styles.css.js +13 -13
  53. package/column-layout/styles.scoped.css +46 -46
  54. package/column-layout/styles.selectors.js +13 -13
  55. package/container/styles.css.js +28 -28
  56. package/container/styles.scoped.css +55 -55
  57. package/container/styles.selectors.js +28 -28
  58. package/date-range-picker/styles.css.js +38 -38
  59. package/date-range-picker/styles.scoped.css +47 -47
  60. package/date-range-picker/styles.selectors.js +38 -38
  61. package/expandable-section/styles.css.js +29 -29
  62. package/expandable-section/styles.scoped.css +66 -66
  63. package/expandable-section/styles.selectors.js +29 -29
  64. package/form-field/internal.d.ts.map +1 -1
  65. package/form-field/internal.js +17 -12
  66. package/form-field/internal.js.map +1 -1
  67. package/form-field/styles.css.js +19 -19
  68. package/form-field/styles.scoped.css +30 -30
  69. package/form-field/styles.selectors.js +19 -19
  70. package/help-panel/styles.css.js +4 -4
  71. package/help-panel/styles.scoped.css +66 -66
  72. package/help-panel/styles.selectors.js +4 -4
  73. package/internal/base-component/styles.scoped.css +81 -57
  74. package/internal/components/chart-popover/index.d.ts.map +1 -1
  75. package/internal/components/chart-popover/index.js +1 -1
  76. package/internal/components/chart-popover/index.js.map +1 -1
  77. package/internal/components/dropdown-footer/styles.css.js +3 -3
  78. package/internal/components/dropdown-footer/styles.scoped.css +4 -4
  79. package/internal/components/dropdown-footer/styles.selectors.js +3 -3
  80. package/internal/components/selectable-item/styles.css.js +16 -16
  81. package/internal/components/selectable-item/styles.scoped.css +31 -31
  82. package/internal/components/selectable-item/styles.selectors.js +16 -16
  83. package/internal/components/token-list/styles.css.js +9 -9
  84. package/internal/components/token-list/styles.scoped.css +22 -22
  85. package/internal/components/token-list/styles.selectors.js +9 -9
  86. package/internal/environment.js +1 -1
  87. package/internal/environment.json +1 -1
  88. package/internal/generated/styles/tokens.js +1 -1
  89. package/internal/generated/theming/index.cjs +25 -23
  90. package/internal/generated/theming/index.js +25 -23
  91. package/internal/manifest.json +1 -1
  92. package/internal/plugins/api.d.ts +21 -25
  93. package/internal/plugins/api.d.ts.map +1 -1
  94. package/internal/plugins/api.js +15 -35
  95. package/internal/plugins/api.js.map +1 -1
  96. package/internal/plugins/controllers/action-buttons.d.ts +9 -0
  97. package/internal/plugins/controllers/action-buttons.d.ts.map +1 -1
  98. package/internal/plugins/controllers/action-buttons.js +11 -0
  99. package/internal/plugins/controllers/action-buttons.js.map +1 -1
  100. package/internal/plugins/controllers/drawers.d.ts +9 -0
  101. package/internal/plugins/controllers/drawers.d.ts.map +1 -1
  102. package/internal/plugins/controllers/drawers.js +11 -0
  103. package/internal/plugins/controllers/drawers.js.map +1 -1
  104. package/internal/utils/dom.d.ts +1 -8
  105. package/internal/utils/dom.d.ts.map +1 -1
  106. package/internal/utils/dom.js +1 -22
  107. package/internal/utils/dom.js.map +1 -1
  108. package/mixed-line-bar-chart/hooks/use-mouse-hover.js +1 -1
  109. package/mixed-line-bar-chart/hooks/use-mouse-hover.js.map +1 -1
  110. package/modal/styles.css.js +23 -23
  111. package/modal/styles.scoped.css +39 -39
  112. package/modal/styles.selectors.js +23 -23
  113. package/package.json +1 -1
  114. package/pie-chart/pie-chart.d.ts.map +1 -1
  115. package/pie-chart/pie-chart.js +1 -1
  116. package/pie-chart/pie-chart.js.map +1 -1
  117. package/pie-chart/styles.css.js +27 -27
  118. package/pie-chart/styles.scoped.css +43 -43
  119. package/pie-chart/styles.selectors.js +27 -27
  120. package/popover/container.d.ts.map +1 -1
  121. package/popover/container.js +3 -2
  122. package/popover/container.js.map +1 -1
  123. package/property-filter/styles.css.js +29 -29
  124. package/property-filter/styles.scoped.css +33 -33
  125. package/property-filter/styles.selectors.js +29 -29
  126. package/s3-resource-selector/s3-in-context/styles.css.js +7 -7
  127. package/s3-resource-selector/s3-in-context/styles.scoped.css +10 -10
  128. package/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
  129. package/side-navigation/styles.css.js +28 -28
  130. package/side-navigation/styles.scoped.css +43 -43
  131. package/side-navigation/styles.selectors.js +28 -28
  132. package/split-panel/styles.css.js +56 -56
  133. package/split-panel/styles.scoped.css +85 -85
  134. package/split-panel/styles.selectors.js +56 -56
  135. package/table/body-cell/styles.css.js +28 -28
  136. package/table/body-cell/styles.scoped.css +76 -76
  137. package/table/body-cell/styles.selectors.js +28 -28
  138. package/table/header-cell/styles.css.js +24 -24
  139. package/table/header-cell/styles.scoped.css +43 -43
  140. package/table/header-cell/styles.selectors.js +24 -24
  141. package/table/sticky-scrollbar/styles.css.js +6 -6
  142. package/table/sticky-scrollbar/styles.scoped.css +9 -9
  143. package/table/sticky-scrollbar/styles.selectors.js +6 -6
  144. package/table/styles.css.js +34 -34
  145. package/table/styles.scoped.css +42 -42
  146. package/table/styles.selectors.js +34 -34
  147. package/tabs/styles.css.js +21 -21
  148. package/tabs/styles.scoped.css +46 -46
  149. package/tabs/styles.selectors.js +21 -21
  150. package/tiles/styles.css.js +29 -29
  151. package/tiles/styles.scoped.css +73 -73
  152. package/tiles/styles.selectors.js +29 -29
  153. package/top-navigation/1.0-beta/styles.css.js +25 -25
  154. package/top-navigation/1.0-beta/styles.scoped.css +43 -43
  155. package/top-navigation/1.0-beta/styles.selectors.js +25 -25
  156. package/top-navigation/styles.css.js +47 -47
  157. package/top-navigation/styles.scoped.css +73 -73
  158. package/top-navigation/styles.selectors.js +47 -47
  159. package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  160. package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +23 -23
  161. package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  162. package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  163. package/tutorial-panel/components/tutorial-list/styles.scoped.css +28 -28
  164. package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  165. package/wizard/styles.css.js +31 -31
  166. package/wizard/styles.scoped.css +63 -63
  167. package/wizard/styles.selectors.js +31 -31
@@ -1 +1 @@
1
- {"version":3,"file":"container.js","sourceRoot":"lib/default/","sources":["popover/container.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAiB,WAAW,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC7F,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAEzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAyBlF,MAAM,cAAc,GAAkB,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC;AAExF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,MAAM,EACN,gBAAgB,EAChB,IAAI,EACJ,UAAU,EACV,OAAO,GACe;IACtB,MAAM,OAAO,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACpD,MAAM,UAAU,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACvD,MAAM,UAAU,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACvD,MAAM,QAAQ,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAErD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAgB,cAAc,CAAC,CAAC;IAChF,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAA0B,IAAI,CAAC,CAAC;IACxF,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;IAErC,oGAAoG;IACpG,MAAM,kBAAkB,GAAG,MAAM,CAAa,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;IAExD,gCAAgC;IAChC,MAAM,qBAAqB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7C,IAAI,CAAC,QAAQ,CAAC,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE;YAC5G,OAAO;SACR;QAED,yBAAyB;QACzB,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC;QACnC,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC;QAC7B,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC/B,MAAM,QAAQ,GAAG,OAAO,CAAC,aAAa,CAAC;QACvC,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;QAE/B,gGAAgG;QAChG,6EAA6E;QAC7E,IAAI,OAAO,CAAC,WAAW,KAAK,CAAC,IAAI,OAAO,CAAC,YAAY,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE;YAClG,OAAO;SACR;QAED,+DAA+D;QAC/D,mEAAmE;QACnE,8DAA8D;QAC9D,MAAM,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC;QAClC,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC;QACpC,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC;QACxB,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC;QACzB,iFAAiF;QACjF,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC;QAC1B,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC;QAC1B,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC;QAE1B,sCAAsC;QACtC,8EAA8E;QAC9E,MAAM,YAAY,GAAG,eAAe,CAAC,QAAQ,CAAC,WAAY,CAAC,CAAC;QAC5D,MAAM,SAAS,GAAG,KAAK,CAAC,qBAAqB,EAAE,CAAC;QAChD,MAAM,SAAS,GAAG;YAChB,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC;YAChD,MAAM,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC;SACnD,CAAC;QACF,MAAM,eAAe,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAC;QACpD,MAAM,mBAAmB,GAAG,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,qBAAqB,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC;QAErG,MAAM,eAAe,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;QAC7C,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;QAC/D,MAAM,kBAAkB,GAAG;YACzB,KAAK,EAAE,WAAW,CAAC,KAAK,GAAG,CAAC,GAAG,eAAe;YAC9C,MAAM,EAAE,WAAW,CAAC,MAAM,GAAG,CAAC,GAAG,eAAe;SACjD,CAAC;QAEF,+EAA+E;QAC/E,MAAM,EACJ,UAAU,EACV,gBAAgB,EAAE,mBAAmB,EACrC,cAAc,GACf,GAAG,iBAAiB,CACnB,QAAQ,EACR,SAAS,EACT,SAAS,EACT,kBAAkB,EAClB,eAAe,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,eAAe,CAAC,QAAQ,CAAC,EACjE,YAAY,EACZ,gBAAgB,CACjB,CAAC;QAEF,iEAAiE;QACjE,MAAM,aAAa,GAAG,kBAAkB,CAAC,cAAc,EAAE,mBAAmB,CAAC,CAAC;QAE9E,+FAA+F;QAC/F,wDAAwD;QACxD,MAAM,mBAAmB,GAAG,kBAAkB,CAAC,aAAa,EAAE,kBAAkB,CAAC,SAAS,EAAE,mBAAmB,CAAC,CAAC,CAAC;QAElH,6EAA6E;QAC7E,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG,OAAO,CAAC;QAC5B,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,QAAQ,CAAC;QAE9B,+FAA+F;QAC/F,IAAI,UAAU,EAAE;YACd,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC;YACpD,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,QAAQ,CAAC;YAChC,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;SAC/B;QAED,uBAAuB;QACvB,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;QACzC,eAAe,CAAC,EAAE,GAAG,EAAE,aAAa,CAAC,GAAG,EAAE,IAAI,EAAE,aAAa,CAAC,IAAI,EAAE,CAAC,CAAC;QAEtE,kBAAkB,CAAC,OAAO,GAAG,GAAG,EAAE;YAChC,MAAM,cAAc,GAAG,kBAAkB,CACvC,KAAK,CAAC,qBAAqB,EAAE,EAC7B,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,qBAAqB,EAAE,CAAC,CAAC,CAAC,YAAY,CACzE,CAAC;YACF,eAAe,CAAC;gBACd,GAAG,EAAE,cAAc,CAAC,GAAG,GAAG,mBAAmB,CAAC,GAAG;gBACjD,IAAI,EAAE,cAAc,CAAC,IAAI,GAAG,mBAAmB,CAAC,IAAI;aACrD,CAAC,CAAC;QACL,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAE3C,+CAA+C;IAC/C,eAAe,CAAC,GAAG,EAAE;QACnB,qBAAqB,EAAE,CAAC;IAC1B,CAAC,EAAE,CAAC,qBAAqB,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtC,kDAAkD;IAClD,iBAAiB,CAAC,UAAU,EAAE,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC,CAAC;IAE7D,sCAAsC;IACtC,eAAe,CAAC,GAAG,EAAE;QACnB;;;;;UAKE;QACF,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,qBAAqB,CAAC,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC,CAAC;QAClF,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,qBAAqB,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,CAAC,CAAC;QAExF,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;QACjD,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QAClD,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,eAAe,EAAE,IAAI,CAAC,CAAC;QACzD,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;YACpD,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;YACrD,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,eAAe,EAAE,IAAI,CAAC,CAAC;QAC9D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAC;IAE5B,OAAO,CACL,6BACE,GAAG,EAAE,UAAU,EACf,KAAK,kCAAO,YAAY,KAAE,MAAM,KAChC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,IAAI,MAAM,CAAC,OAAO,CAAC;QAE9D,6BACE,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,4BAA4B,gBAAgB,EAAE,CAAC,CAAC,iBACrF,IAAI,IAEhB,KAAK,CAAC,gBAAgB,CAAC,CACpB;QAEN,6BACE,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,uBAAuB,IAAI,EAAE,CAAC,EAAE;gBAC/E,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,EAAE,UAAU;gBACnC,CAAC,MAAM,CAAC,0BAA0B,OAAO,EAAE,CAAC,CAAC,EAAE,OAAO;aACvD,CAAC;YAEF,6BAAK,GAAG,EAAE,UAAU,IAAG,QAAQ,CAAO,CAClC,CACF,CACP,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CAAC,OAAoB;IAC1C,OAAO,QAAQ,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;AAC9D,CAAC;AAED;;GAEG;AACH,SAAS,kBAAkB,CAAC,OAAe,EAAE,MAAc;IACzD,OAAO;QACL,GAAG,EAAE,OAAO,CAAC,GAAG,GAAG,MAAM,CAAC,GAAG;QAC7B,IAAI,EAAE,OAAO,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI;KACjC,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,SAAS,eAAe,CAAC,MAAc;IACrC,OAAO;QACL,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,MAAM,CAAC,UAAU;QACxB,MAAM,EAAE,MAAM,CAAC,WAAW;KAC3B,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CAAC,QAAkB;IACzC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC,eAAe,CAAC,qBAAqB,EAAE,CAAC;IACvE,OAAO;QACL,GAAG;QACH,IAAI;QACJ,KAAK,EAAE,QAAQ,CAAC,eAAe,CAAC,WAAW;QAC3C,MAAM,EAAE,QAAQ,CAAC,eAAe,CAAC,YAAY;KAC9C,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { CSSProperties, useCallback, useLayoutEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { getContainingBlock, nodeContains } from '../internal/utils/dom';\nimport { BoundingOffset, InternalPosition, Offset, PopoverProps } from './interfaces';\nimport { calculatePosition } from './utils/positions';\nimport styles from './styles.css.js';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';\n\nexport interface PopoverContainerProps {\n /** References the element the container is positioned against. */\n trackRef: React.RefObject<Element>;\n /**\n Used to update the container position in case track or track position changes:\n \n const trackRef = useRef<Element>(null)\n return (<>\n <Track style={getPosition(selectedItemId)} ref={trackRef} />\n <PopoverContainer trackRef={trackRef} trackKey={selectedItemId} .../>\n </>)\n */\n trackKey?: string | number;\n position: PopoverProps.Position;\n zIndex?: React.CSSProperties['zIndex'];\n arrow: (position: InternalPosition | null) => React.ReactNode;\n children: React.ReactNode;\n renderWithPortal?: boolean;\n size: PopoverProps.Size;\n fixedWidth: boolean;\n variant?: 'annotation';\n}\n\nconst INITIAL_STYLES: CSSProperties = { position: 'absolute', top: -9999, left: -9999 };\n\nexport default function PopoverContainer({\n position,\n trackRef,\n trackKey,\n arrow,\n children,\n zIndex,\n renderWithPortal,\n size,\n fixedWidth,\n variant,\n}: PopoverContainerProps) {\n const bodyRef = useRef<HTMLDivElement | null>(null);\n const contentRef = useRef<HTMLDivElement | null>(null);\n const popoverRef = useRef<HTMLDivElement | null>(null);\n const arrowRef = useRef<HTMLDivElement | null>(null);\n\n const [popoverStyle, setPopoverStyle] = useState<CSSProperties>(INITIAL_STYLES);\n const [internalPosition, setInternalPosition] = useState<InternalPosition | null>(null);\n const isRefresh = useVisualRefresh();\n\n // Store the handler in a ref so that it can still be replaced from outside of the listener closure.\n const positionHandlerRef = useRef<() => void>(() => {});\n\n // Updates the position handler.\n const updatePositionHandler = useCallback(() => {\n if (!trackRef.current || !popoverRef.current || !bodyRef.current || !contentRef.current || !arrowRef.current) {\n return;\n }\n\n // Get important elements\n const popover = popoverRef.current;\n const body = bodyRef.current;\n const arrow = arrowRef.current;\n const document = popover.ownerDocument;\n const track = trackRef.current;\n\n // If the popover body isn't being rendered for whatever reason (e.g. \"display: none\" or JSDOM),\n // or track does not belong to the document - bail on calculating dimensions.\n if (popover.offsetWidth === 0 || popover.offsetHeight === 0 || !nodeContains(document.body, track)) {\n return;\n }\n\n // Imperatively move body off-screen to give it room to expand.\n // Not doing this in React because this recalculation should happen\n // in the span of a single frame without rerendering anything.\n const prevTop = popover.style.top;\n const prevLeft = popover.style.left;\n popover.style.top = '0';\n popover.style.left = '0';\n // Imperatively remove body styles that can remain from the previous computation.\n body.style.maxHeight = '';\n body.style.overflowX = '';\n body.style.overflowY = '';\n\n // Get rects representing key elements\n // Use getComputedStyle for arrowRect to avoid modifications made by transform\n const viewportRect = getViewportRect(document.defaultView!);\n const trackRect = track.getBoundingClientRect();\n const arrowRect = {\n width: parseFloat(getComputedStyle(arrow).width),\n height: parseFloat(getComputedStyle(arrow).height),\n };\n const containingBlock = getContainingBlock(popover);\n const containingBlockRect = containingBlock ? containingBlock.getBoundingClientRect() : viewportRect;\n\n const bodyBorderWidth = getBorderWidth(body);\n const contentRect = contentRef.current.getBoundingClientRect();\n const contentBoundingBox = {\n width: contentRect.width + 2 * bodyBorderWidth,\n height: contentRect.height + 2 * bodyBorderWidth,\n };\n\n // Calculate the arrow direction and viewport-relative position of the popover.\n const {\n scrollable,\n internalPosition: newInternalPosition,\n boundingOffset,\n } = calculatePosition(\n position,\n trackRect,\n arrowRect,\n contentBoundingBox,\n containingBlock ? containingBlockRect : getDocumentRect(document),\n viewportRect,\n renderWithPortal\n );\n\n // Get the position of the popover relative to the offset parent.\n const popoverOffset = toRelativePosition(boundingOffset, containingBlockRect);\n\n // Cache the distance between the trigger and the popover (which stays the same as you scroll),\n // and use that to recalculate the new popover position.\n const trackRelativeOffset = toRelativePosition(popoverOffset, toRelativePosition(trackRect, containingBlockRect));\n\n // Bring back the container to its original position to prevent any flashing.\n popover.style.top = prevTop;\n popover.style.left = prevLeft;\n\n // Allow popover body to scroll if can't fit the popover into the container/viewport otherwise.\n if (scrollable) {\n body.style.maxHeight = boundingOffset.height + 'px';\n body.style.overflowX = 'hidden';\n body.style.overflowY = 'auto';\n }\n\n // Position the popover\n setInternalPosition(newInternalPosition);\n setPopoverStyle({ top: popoverOffset.top, left: popoverOffset.left });\n\n positionHandlerRef.current = () => {\n const newTrackOffset = toRelativePosition(\n track.getBoundingClientRect(),\n containingBlock ? containingBlock.getBoundingClientRect() : viewportRect\n );\n setPopoverStyle({\n top: newTrackOffset.top + trackRelativeOffset.top,\n left: newTrackOffset.left + trackRelativeOffset.left,\n });\n };\n }, [position, trackRef, renderWithPortal]);\n\n // Recalculate position when properties change.\n useLayoutEffect(() => {\n updatePositionHandler();\n }, [updatePositionHandler, trackKey]);\n\n // Recalculate position when content size changes.\n useResizeObserver(contentRef, () => updatePositionHandler());\n\n // Recalculate position on DOM events.\n useLayoutEffect(() => {\n /*\n This is a heuristic. Some layout changes are caused by user clicks (e.g. toggling the tools panel, submitting a form),\n and by tracking the click event we can adapt the popover's position to the new layout.\n\n TODO: extend this to Enter and Spacebar?\n */\n const updatePosition = () => requestAnimationFrame(() => updatePositionHandler());\n const refreshPosition = () => requestAnimationFrame(() => positionHandlerRef.current());\n\n window.addEventListener('click', updatePosition);\n window.addEventListener('resize', updatePosition);\n window.addEventListener('scroll', refreshPosition, true);\n return () => {\n window.removeEventListener('click', updatePosition);\n window.removeEventListener('resize', updatePosition);\n window.removeEventListener('scroll', refreshPosition, true);\n };\n }, [updatePositionHandler]);\n\n return (\n <div\n ref={popoverRef}\n style={{ ...popoverStyle, zIndex }}\n className={clsx(styles.container, isRefresh && styles.refresh)}\n >\n <div\n ref={arrowRef}\n className={clsx(styles[`container-arrow`], styles[`container-arrow-position-${internalPosition}`])}\n aria-hidden={true}\n >\n {arrow(internalPosition)}\n </div>\n\n <div\n ref={bodyRef}\n className={clsx(styles['container-body'], styles[`container-body-size-${size}`], {\n [styles['fixed-width']]: fixedWidth,\n [styles[`container-body-variant-${variant}`]]: variant,\n })}\n >\n <div ref={contentRef}>{children}</div>\n </div>\n </div>\n );\n}\n\nfunction getBorderWidth(element: HTMLElement) {\n return parseInt(getComputedStyle(element).borderWidth) || 0;\n}\n\n/**\n * Convert a viewport-relative offset to an element-relative offset.\n */\nfunction toRelativePosition(element: Offset, parent: Offset): Offset {\n return {\n top: element.top - parent.top,\n left: element.left - parent.left,\n };\n}\n\n/**\n * Get a BoundingOffset that represents the visible viewport.\n */\nfunction getViewportRect(window: Window): BoundingOffset {\n return {\n top: 0,\n left: 0,\n width: window.innerWidth,\n height: window.innerHeight,\n };\n}\n\nfunction getDocumentRect(document: Document): BoundingOffset {\n const { top, left } = document.documentElement.getBoundingClientRect();\n return {\n top,\n left,\n width: document.documentElement.scrollWidth,\n height: document.documentElement.scrollHeight,\n };\n}\n"]}
1
+ {"version":3,"file":"container.js","sourceRoot":"lib/default/","sources":["popover/container.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, { CSSProperties, useCallback, useLayoutEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\nimport { nodeContains } from '@cloudscape-design/component-toolkit/dom';\nimport { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';\n\nimport { getContainingBlock } from '../internal/utils/dom';\nimport { BoundingOffset, InternalPosition, Offset, PopoverProps } from './interfaces';\nimport { calculatePosition } from './utils/positions';\nimport styles from './styles.css.js';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\n\nexport interface PopoverContainerProps {\n /** References the element the container is positioned against. */\n trackRef: React.RefObject<Element>;\n /**\n Used to update the container position in case track or track position changes:\n \n const trackRef = useRef<Element>(null)\n return (<>\n <Track style={getPosition(selectedItemId)} ref={trackRef} />\n <PopoverContainer trackRef={trackRef} trackKey={selectedItemId} .../>\n </>)\n */\n trackKey?: string | number;\n position: PopoverProps.Position;\n zIndex?: React.CSSProperties['zIndex'];\n arrow: (position: InternalPosition | null) => React.ReactNode;\n children: React.ReactNode;\n renderWithPortal?: boolean;\n size: PopoverProps.Size;\n fixedWidth: boolean;\n variant?: 'annotation';\n}\n\nconst INITIAL_STYLES: CSSProperties = { position: 'absolute', top: -9999, left: -9999 };\n\nexport default function PopoverContainer({\n position,\n trackRef,\n trackKey,\n arrow,\n children,\n zIndex,\n renderWithPortal,\n size,\n fixedWidth,\n variant,\n}: PopoverContainerProps) {\n const bodyRef = useRef<HTMLDivElement | null>(null);\n const contentRef = useRef<HTMLDivElement | null>(null);\n const popoverRef = useRef<HTMLDivElement | null>(null);\n const arrowRef = useRef<HTMLDivElement | null>(null);\n\n const [popoverStyle, setPopoverStyle] = useState<CSSProperties>(INITIAL_STYLES);\n const [internalPosition, setInternalPosition] = useState<InternalPosition | null>(null);\n const isRefresh = useVisualRefresh();\n\n // Store the handler in a ref so that it can still be replaced from outside of the listener closure.\n const positionHandlerRef = useRef<() => void>(() => {});\n\n // Updates the position handler.\n const updatePositionHandler = useCallback(() => {\n if (!trackRef.current || !popoverRef.current || !bodyRef.current || !contentRef.current || !arrowRef.current) {\n return;\n }\n\n // Get important elements\n const popover = popoverRef.current;\n const body = bodyRef.current;\n const arrow = arrowRef.current;\n const document = popover.ownerDocument;\n const track = trackRef.current;\n\n // If the popover body isn't being rendered for whatever reason (e.g. \"display: none\" or JSDOM),\n // or track does not belong to the document - bail on calculating dimensions.\n if (popover.offsetWidth === 0 || popover.offsetHeight === 0 || !nodeContains(document.body, track)) {\n return;\n }\n\n // Imperatively move body off-screen to give it room to expand.\n // Not doing this in React because this recalculation should happen\n // in the span of a single frame without rerendering anything.\n const prevTop = popover.style.top;\n const prevLeft = popover.style.left;\n popover.style.top = '0';\n popover.style.left = '0';\n // Imperatively remove body styles that can remain from the previous computation.\n body.style.maxHeight = '';\n body.style.overflowX = '';\n body.style.overflowY = '';\n\n // Get rects representing key elements\n // Use getComputedStyle for arrowRect to avoid modifications made by transform\n const viewportRect = getViewportRect(document.defaultView!);\n const trackRect = track.getBoundingClientRect();\n const arrowRect = {\n width: parseFloat(getComputedStyle(arrow).width),\n height: parseFloat(getComputedStyle(arrow).height),\n };\n const containingBlock = getContainingBlock(popover);\n const containingBlockRect = containingBlock ? containingBlock.getBoundingClientRect() : viewportRect;\n\n const bodyBorderWidth = getBorderWidth(body);\n const contentRect = contentRef.current.getBoundingClientRect();\n const contentBoundingBox = {\n width: contentRect.width + 2 * bodyBorderWidth,\n height: contentRect.height + 2 * bodyBorderWidth,\n };\n\n // Calculate the arrow direction and viewport-relative position of the popover.\n const {\n scrollable,\n internalPosition: newInternalPosition,\n boundingOffset,\n } = calculatePosition(\n position,\n trackRect,\n arrowRect,\n contentBoundingBox,\n containingBlock ? containingBlockRect : getDocumentRect(document),\n viewportRect,\n renderWithPortal\n );\n\n // Get the position of the popover relative to the offset parent.\n const popoverOffset = toRelativePosition(boundingOffset, containingBlockRect);\n\n // Cache the distance between the trigger and the popover (which stays the same as you scroll),\n // and use that to recalculate the new popover position.\n const trackRelativeOffset = toRelativePosition(popoverOffset, toRelativePosition(trackRect, containingBlockRect));\n\n // Bring back the container to its original position to prevent any flashing.\n popover.style.top = prevTop;\n popover.style.left = prevLeft;\n\n // Allow popover body to scroll if can't fit the popover into the container/viewport otherwise.\n if (scrollable) {\n body.style.maxHeight = boundingOffset.height + 'px';\n body.style.overflowX = 'hidden';\n body.style.overflowY = 'auto';\n }\n\n // Position the popover\n setInternalPosition(newInternalPosition);\n setPopoverStyle({ top: popoverOffset.top, left: popoverOffset.left });\n\n positionHandlerRef.current = () => {\n const newTrackOffset = toRelativePosition(\n track.getBoundingClientRect(),\n containingBlock ? containingBlock.getBoundingClientRect() : viewportRect\n );\n setPopoverStyle({\n top: newTrackOffset.top + trackRelativeOffset.top,\n left: newTrackOffset.left + trackRelativeOffset.left,\n });\n };\n }, [position, trackRef, renderWithPortal]);\n\n // Recalculate position when properties change.\n useLayoutEffect(() => {\n updatePositionHandler();\n }, [updatePositionHandler, trackKey]);\n\n // Recalculate position when content size changes.\n useResizeObserver(contentRef, () => updatePositionHandler());\n\n // Recalculate position on DOM events.\n useLayoutEffect(() => {\n /*\n This is a heuristic. Some layout changes are caused by user clicks (e.g. toggling the tools panel, submitting a form),\n and by tracking the click event we can adapt the popover's position to the new layout.\n\n TODO: extend this to Enter and Spacebar?\n */\n const updatePosition = () => requestAnimationFrame(() => updatePositionHandler());\n const refreshPosition = () => requestAnimationFrame(() => positionHandlerRef.current());\n\n window.addEventListener('click', updatePosition);\n window.addEventListener('resize', updatePosition);\n window.addEventListener('scroll', refreshPosition, true);\n return () => {\n window.removeEventListener('click', updatePosition);\n window.removeEventListener('resize', updatePosition);\n window.removeEventListener('scroll', refreshPosition, true);\n };\n }, [updatePositionHandler]);\n\n return (\n <div\n ref={popoverRef}\n style={{ ...popoverStyle, zIndex }}\n className={clsx(styles.container, isRefresh && styles.refresh)}\n >\n <div\n ref={arrowRef}\n className={clsx(styles[`container-arrow`], styles[`container-arrow-position-${internalPosition}`])}\n aria-hidden={true}\n >\n {arrow(internalPosition)}\n </div>\n\n <div\n ref={bodyRef}\n className={clsx(styles['container-body'], styles[`container-body-size-${size}`], {\n [styles['fixed-width']]: fixedWidth,\n [styles[`container-body-variant-${variant}`]]: variant,\n })}\n >\n <div ref={contentRef}>{children}</div>\n </div>\n </div>\n );\n}\n\nfunction getBorderWidth(element: HTMLElement) {\n return parseInt(getComputedStyle(element).borderWidth) || 0;\n}\n\n/**\n * Convert a viewport-relative offset to an element-relative offset.\n */\nfunction toRelativePosition(element: Offset, parent: Offset): Offset {\n return {\n top: element.top - parent.top,\n left: element.left - parent.left,\n };\n}\n\n/**\n * Get a BoundingOffset that represents the visible viewport.\n */\nfunction getViewportRect(window: Window): BoundingOffset {\n return {\n top: 0,\n left: 0,\n width: window.innerWidth,\n height: window.innerHeight,\n };\n}\n\nfunction getDocumentRect(document: Document): BoundingOffset {\n const { top, left } = document.documentElement.getBoundingClientRect();\n return {\n top,\n left,\n width: document.documentElement.scrollWidth,\n height: document.documentElement.scrollHeight,\n };\n}\n"]}
@@ -1,34 +1,34 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_1wzqe_rth0w_93",
5
- "search-field": "awsui_search-field_1wzqe_rth0w_106",
6
- "input-wrapper": "awsui_input-wrapper_1wzqe_rth0w_112",
7
- "add-token": "awsui_add-token_1wzqe_rth0w_116",
8
- "tokens": "awsui_tokens_1wzqe_rth0w_123",
9
- "token-operator": "awsui_token-operator_1wzqe_rth0w_127",
10
- "property-editor": "awsui_property-editor_1wzqe_rth0w_131",
11
- "token-editor": "awsui_token-editor_1wzqe_rth0w_132",
12
- "property-editor-form": "awsui_property-editor-form_1wzqe_rth0w_136",
13
- "token-editor-form": "awsui_token-editor-form_1wzqe_rth0w_137",
14
- "property-editor-field-property": "awsui_property-editor-field-property_1wzqe_rth0w_140",
15
- "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_rth0w_141",
16
- "property-editor-field-operator": "awsui_property-editor-field-operator_1wzqe_rth0w_144",
17
- "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_rth0w_145",
18
- "property-editor-field-value": "awsui_property-editor-field-value_1wzqe_rth0w_148",
19
- "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_rth0w_149",
20
- "property-editor-cancel": "awsui_property-editor-cancel_1wzqe_rth0w_152",
21
- "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_rth0w_153",
22
- "property-editor-submit": "awsui_property-editor-submit_1wzqe_rth0w_156",
23
- "token-editor-submit": "awsui_token-editor-submit_1wzqe_rth0w_157",
24
- "property-editor-actions": "awsui_property-editor-actions_1wzqe_rth0w_160",
25
- "token-editor-actions": "awsui_token-editor-actions_1wzqe_rth0w_161",
26
- "custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_rth0w_179",
27
- "custom-control": "awsui_custom-control_1wzqe_rth0w_183",
28
- "input": "awsui_input_1wzqe_rth0w_112",
29
- "token-trigger": "awsui_token-trigger_1wzqe_rth0w_191",
30
- "remove-all": "awsui_remove-all_1wzqe_rth0w_197",
31
- "token-label": "awsui_token-label_1wzqe_rth0w_198",
32
- "join-operation": "awsui_join-operation_1wzqe_rth0w_199"
4
+ "root": "awsui_root_1wzqe_1im8m_93",
5
+ "search-field": "awsui_search-field_1wzqe_1im8m_106",
6
+ "input-wrapper": "awsui_input-wrapper_1wzqe_1im8m_112",
7
+ "add-token": "awsui_add-token_1wzqe_1im8m_116",
8
+ "tokens": "awsui_tokens_1wzqe_1im8m_123",
9
+ "token-operator": "awsui_token-operator_1wzqe_1im8m_127",
10
+ "property-editor": "awsui_property-editor_1wzqe_1im8m_131",
11
+ "token-editor": "awsui_token-editor_1wzqe_1im8m_132",
12
+ "property-editor-form": "awsui_property-editor-form_1wzqe_1im8m_136",
13
+ "token-editor-form": "awsui_token-editor-form_1wzqe_1im8m_137",
14
+ "property-editor-field-property": "awsui_property-editor-field-property_1wzqe_1im8m_140",
15
+ "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_1im8m_141",
16
+ "property-editor-field-operator": "awsui_property-editor-field-operator_1wzqe_1im8m_144",
17
+ "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_1im8m_145",
18
+ "property-editor-field-value": "awsui_property-editor-field-value_1wzqe_1im8m_148",
19
+ "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_1im8m_149",
20
+ "property-editor-cancel": "awsui_property-editor-cancel_1wzqe_1im8m_152",
21
+ "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_1im8m_153",
22
+ "property-editor-submit": "awsui_property-editor-submit_1wzqe_1im8m_156",
23
+ "token-editor-submit": "awsui_token-editor-submit_1wzqe_1im8m_157",
24
+ "property-editor-actions": "awsui_property-editor-actions_1wzqe_1im8m_160",
25
+ "token-editor-actions": "awsui_token-editor-actions_1wzqe_1im8m_161",
26
+ "custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_1im8m_179",
27
+ "custom-control": "awsui_custom-control_1wzqe_1im8m_183",
28
+ "input": "awsui_input_1wzqe_1im8m_112",
29
+ "token-trigger": "awsui_token-trigger_1wzqe_1im8m_191",
30
+ "remove-all": "awsui_remove-all_1wzqe_1im8m_197",
31
+ "token-label": "awsui_token-label_1wzqe_1im8m_198",
32
+ "join-operation": "awsui_join-operation_1wzqe_1im8m_199"
33
33
  };
34
34
 
@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_root_1wzqe_rth0w_93:not(#\9) {
93
+ .awsui_root_1wzqe_1im8m_93:not(#\9) {
94
94
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
95
95
  border-collapse: separate;
96
96
  border-spacing: 0;
@@ -129,100 +129,100 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
129
129
  -moz-osx-font-smoothing: auto;
130
130
  }
131
131
 
132
- .awsui_search-field_1wzqe_rth0w_106:not(#\9) {
132
+ .awsui_search-field_1wzqe_1im8m_106:not(#\9) {
133
133
  display: flex;
134
134
  align-items: center;
135
135
  max-width: calc(688px - 2 * var(--space-l-t419sm, 20px));
136
136
  }
137
137
 
138
- .awsui_input-wrapper_1wzqe_rth0w_112:not(#\9) {
138
+ .awsui_input-wrapper_1wzqe_1im8m_112:not(#\9) {
139
139
  flex-grow: 1;
140
140
  }
141
141
 
142
- .awsui_add-token_1wzqe_rth0w_116:not(#\9) {
143
- border-left: 1px solid var(--color-border-divider-default-d3adp9, #e9ebed);
142
+ .awsui_add-token_1wzqe_1im8m_116:not(#\9) {
143
+ border-left: 1px solid var(--color-border-divider-default-et9j7s, #e9ebed);
144
144
  box-sizing: border-box;
145
145
  margin-left: var(--space-m-udix3p, 16px);
146
146
  padding-left: var(--space-m-udix3p, 16px);
147
147
  }
148
148
 
149
- .awsui_tokens_1wzqe_rth0w_123:not(#\9) {
149
+ .awsui_tokens_1wzqe_1im8m_123:not(#\9) {
150
150
  margin: var(--space-xs-zb16t3, 8px) 0;
151
151
  }
152
152
 
153
- .awsui_token-operator_1wzqe_rth0w_127:not(#\9) {
153
+ .awsui_token-operator_1wzqe_1im8m_127:not(#\9) {
154
154
  font-weight: bold;
155
155
  }
156
156
 
157
- .awsui_property-editor_1wzqe_rth0w_131:not(#\9),
158
- .awsui_token-editor_1wzqe_rth0w_132:not(#\9) {
157
+ .awsui_property-editor_1wzqe_1im8m_131:not(#\9),
158
+ .awsui_token-editor_1wzqe_1im8m_132:not(#\9) {
159
159
  -webkit-user-select: text;
160
160
  user-select: text;
161
161
  margin: var(--space-xxs-p8yyaw, 4px);
162
162
  }
163
- .awsui_property-editor-form_1wzqe_rth0w_136:not(#\9),
164
- .awsui_token-editor-form_1wzqe_rth0w_137:not(#\9) {
163
+ .awsui_property-editor-form_1wzqe_1im8m_136:not(#\9),
164
+ .awsui_token-editor-form_1wzqe_1im8m_137:not(#\9) {
165
165
  margin-bottom: var(--space-scaled-l-0hpmd7, 20px);
166
166
  }
167
- .awsui_property-editor-field-property_1wzqe_rth0w_140:not(#\9),
168
- .awsui_token-editor-field-property_1wzqe_rth0w_141:not(#\9) {
167
+ .awsui_property-editor-field-property_1wzqe_1im8m_140:not(#\9),
168
+ .awsui_token-editor-field-property_1wzqe_1im8m_141:not(#\9) {
169
169
  /* used in test-utils */
170
170
  }
171
- .awsui_property-editor-field-operator_1wzqe_rth0w_144:not(#\9),
172
- .awsui_token-editor-field-operator_1wzqe_rth0w_145:not(#\9) {
171
+ .awsui_property-editor-field-operator_1wzqe_1im8m_144:not(#\9),
172
+ .awsui_token-editor-field-operator_1wzqe_1im8m_145:not(#\9) {
173
173
  margin-top: var(--space-scaled-l-0hpmd7, 20px);
174
174
  }
175
- .awsui_property-editor-field-value_1wzqe_rth0w_148:not(#\9),
176
- .awsui_token-editor-field-value_1wzqe_rth0w_149:not(#\9) {
175
+ .awsui_property-editor-field-value_1wzqe_1im8m_148:not(#\9),
176
+ .awsui_token-editor-field-value_1wzqe_1im8m_149:not(#\9) {
177
177
  margin-top: var(--space-scaled-l-0hpmd7, 20px);
178
178
  }
179
- .awsui_property-editor-cancel_1wzqe_rth0w_152:not(#\9),
180
- .awsui_token-editor-cancel_1wzqe_rth0w_153:not(#\9) {
179
+ .awsui_property-editor-cancel_1wzqe_1im8m_152:not(#\9),
180
+ .awsui_token-editor-cancel_1wzqe_1im8m_153:not(#\9) {
181
181
  margin-right: var(--space-xs-zb16t3, 8px);
182
182
  }
183
- .awsui_property-editor-submit_1wzqe_rth0w_156:not(#\9),
184
- .awsui_token-editor-submit_1wzqe_rth0w_157:not(#\9) {
183
+ .awsui_property-editor-submit_1wzqe_1im8m_156:not(#\9),
184
+ .awsui_token-editor-submit_1wzqe_1im8m_157:not(#\9) {
185
185
  /* used in test-utils */
186
186
  }
187
- .awsui_property-editor-actions_1wzqe_rth0w_160:not(#\9),
188
- .awsui_token-editor-actions_1wzqe_rth0w_161:not(#\9) {
187
+ .awsui_property-editor-actions_1wzqe_1im8m_160:not(#\9),
188
+ .awsui_token-editor-actions_1wzqe_1im8m_161:not(#\9) {
189
189
  display: flex;
190
190
  justify-content: flex-end;
191
191
  padding-top: var(--space-s-34lx8l, 12px);
192
- border-top: 1px solid var(--color-border-dropdown-item-default-rgr5b2, #e9ebed);
192
+ border-top: 1px solid var(--color-border-dropdown-item-default-dofu99, #e9ebed);
193
193
  }
194
194
 
195
- .awsui_token-editor-actions_1wzqe_rth0w_161:not(#\9) {
195
+ .awsui_token-editor-actions_1wzqe_1im8m_161:not(#\9) {
196
196
  padding-right: calc(var(--space-m-udix3p, 16px) + var(--space-xxs-p8yyaw, 4px));
197
197
  margin-left: calc(-1 * var(--space-m-udix3p, 16px) + -1 * var(--space-xxs-p8yyaw, 4px));
198
198
  margin-right: calc(-1 * var(--space-m-udix3p, 16px) + -1 * var(--space-xxs-p8yyaw, 4px));
199
199
  }
200
200
 
201
- .awsui_property-editor_1wzqe_rth0w_131:not(#\9) {
201
+ .awsui_property-editor_1wzqe_1im8m_131:not(#\9) {
202
202
  padding: var(--space-m-udix3p, 16px);
203
203
  overflow-y: auto;
204
204
  }
205
205
 
206
- .awsui_custom-content-wrapper_1wzqe_rth0w_179:not(#\9) {
206
+ .awsui_custom-content-wrapper_1wzqe_1im8m_179:not(#\9) {
207
207
  display: contents;
208
208
  }
209
209
 
210
- .awsui_custom-control_1wzqe_rth0w_183:not(#\9) {
210
+ .awsui_custom-control_1wzqe_1im8m_183:not(#\9) {
211
211
  margin-right: var(--space-s-34lx8l, 12px);
212
212
  }
213
213
 
214
- .awsui_input_1wzqe_rth0w_112:not(#\9) {
214
+ .awsui_input_1wzqe_1im8m_112:not(#\9) {
215
215
  flex: 1;
216
216
  }
217
217
 
218
- .awsui_token-trigger_1wzqe_rth0w_191:not(#\9) {
218
+ .awsui_token-trigger_1wzqe_1im8m_191:not(#\9) {
219
219
  min-width: 0;
220
220
  -ms-word-break: break-all;
221
221
  word-break: break-word;
222
222
  }
223
223
 
224
- .awsui_remove-all_1wzqe_rth0w_197:not(#\9),
225
- .awsui_token-label_1wzqe_rth0w_198:not(#\9),
226
- .awsui_join-operation_1wzqe_rth0w_199:not(#\9) {
224
+ .awsui_remove-all_1wzqe_1im8m_197:not(#\9),
225
+ .awsui_token-label_1wzqe_1im8m_198:not(#\9),
226
+ .awsui_join-operation_1wzqe_1im8m_199:not(#\9) {
227
227
  /* used in test-utils */
228
228
  }
@@ -2,34 +2,34 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "root": "awsui_root_1wzqe_rth0w_93",
6
- "search-field": "awsui_search-field_1wzqe_rth0w_106",
7
- "input-wrapper": "awsui_input-wrapper_1wzqe_rth0w_112",
8
- "add-token": "awsui_add-token_1wzqe_rth0w_116",
9
- "tokens": "awsui_tokens_1wzqe_rth0w_123",
10
- "token-operator": "awsui_token-operator_1wzqe_rth0w_127",
11
- "property-editor": "awsui_property-editor_1wzqe_rth0w_131",
12
- "token-editor": "awsui_token-editor_1wzqe_rth0w_132",
13
- "property-editor-form": "awsui_property-editor-form_1wzqe_rth0w_136",
14
- "token-editor-form": "awsui_token-editor-form_1wzqe_rth0w_137",
15
- "property-editor-field-property": "awsui_property-editor-field-property_1wzqe_rth0w_140",
16
- "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_rth0w_141",
17
- "property-editor-field-operator": "awsui_property-editor-field-operator_1wzqe_rth0w_144",
18
- "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_rth0w_145",
19
- "property-editor-field-value": "awsui_property-editor-field-value_1wzqe_rth0w_148",
20
- "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_rth0w_149",
21
- "property-editor-cancel": "awsui_property-editor-cancel_1wzqe_rth0w_152",
22
- "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_rth0w_153",
23
- "property-editor-submit": "awsui_property-editor-submit_1wzqe_rth0w_156",
24
- "token-editor-submit": "awsui_token-editor-submit_1wzqe_rth0w_157",
25
- "property-editor-actions": "awsui_property-editor-actions_1wzqe_rth0w_160",
26
- "token-editor-actions": "awsui_token-editor-actions_1wzqe_rth0w_161",
27
- "custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_rth0w_179",
28
- "custom-control": "awsui_custom-control_1wzqe_rth0w_183",
29
- "input": "awsui_input_1wzqe_rth0w_112",
30
- "token-trigger": "awsui_token-trigger_1wzqe_rth0w_191",
31
- "remove-all": "awsui_remove-all_1wzqe_rth0w_197",
32
- "token-label": "awsui_token-label_1wzqe_rth0w_198",
33
- "join-operation": "awsui_join-operation_1wzqe_rth0w_199"
5
+ "root": "awsui_root_1wzqe_1im8m_93",
6
+ "search-field": "awsui_search-field_1wzqe_1im8m_106",
7
+ "input-wrapper": "awsui_input-wrapper_1wzqe_1im8m_112",
8
+ "add-token": "awsui_add-token_1wzqe_1im8m_116",
9
+ "tokens": "awsui_tokens_1wzqe_1im8m_123",
10
+ "token-operator": "awsui_token-operator_1wzqe_1im8m_127",
11
+ "property-editor": "awsui_property-editor_1wzqe_1im8m_131",
12
+ "token-editor": "awsui_token-editor_1wzqe_1im8m_132",
13
+ "property-editor-form": "awsui_property-editor-form_1wzqe_1im8m_136",
14
+ "token-editor-form": "awsui_token-editor-form_1wzqe_1im8m_137",
15
+ "property-editor-field-property": "awsui_property-editor-field-property_1wzqe_1im8m_140",
16
+ "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_1im8m_141",
17
+ "property-editor-field-operator": "awsui_property-editor-field-operator_1wzqe_1im8m_144",
18
+ "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_1im8m_145",
19
+ "property-editor-field-value": "awsui_property-editor-field-value_1wzqe_1im8m_148",
20
+ "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_1im8m_149",
21
+ "property-editor-cancel": "awsui_property-editor-cancel_1wzqe_1im8m_152",
22
+ "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_1im8m_153",
23
+ "property-editor-submit": "awsui_property-editor-submit_1wzqe_1im8m_156",
24
+ "token-editor-submit": "awsui_token-editor-submit_1wzqe_1im8m_157",
25
+ "property-editor-actions": "awsui_property-editor-actions_1wzqe_1im8m_160",
26
+ "token-editor-actions": "awsui_token-editor-actions_1wzqe_1im8m_161",
27
+ "custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_1im8m_179",
28
+ "custom-control": "awsui_custom-control_1wzqe_1im8m_183",
29
+ "input": "awsui_input_1wzqe_1im8m_112",
30
+ "token-trigger": "awsui_token-trigger_1wzqe_1im8m_191",
31
+ "remove-all": "awsui_remove-all_1wzqe_1im8m_197",
32
+ "token-label": "awsui_token-label_1wzqe_1im8m_198",
33
+ "join-operation": "awsui_join-operation_1wzqe_1im8m_199"
34
34
  };
35
35
 
@@ -1,12 +1,12 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_1vtzr_2vq0w_9",
5
- "view-button": "awsui_view-button_1vtzr_2vq0w_13",
6
- "browse-button": "awsui_browse-button_1vtzr_2vq0w_17",
7
- "layout": "awsui_layout_1vtzr_2vq0w_21",
8
- "layout-uri": "awsui_layout-uri_1vtzr_2vq0w_31",
9
- "layout-version": "awsui_layout-version_1vtzr_2vq0w_35",
10
- "layout-divider": "awsui_layout-divider_1vtzr_2vq0w_40"
4
+ "root": "awsui_root_1vtzr_cpfg5_9",
5
+ "view-button": "awsui_view-button_1vtzr_cpfg5_13",
6
+ "browse-button": "awsui_browse-button_1vtzr_cpfg5_17",
7
+ "layout": "awsui_layout_1vtzr_cpfg5_21",
8
+ "layout-uri": "awsui_layout-uri_1vtzr_cpfg5_31",
9
+ "layout-version": "awsui_layout-version_1vtzr_cpfg5_35",
10
+ "layout-divider": "awsui_layout-divider_1vtzr_cpfg5_40"
11
11
  };
12
12
 
@@ -6,40 +6,40 @@
6
6
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
7
7
  SPDX-License-Identifier: Apache-2.0
8
8
  */
9
- .awsui_root_1vtzr_2vq0w_9:not(#\9) {
9
+ .awsui_root_1vtzr_cpfg5_9:not(#\9) {
10
10
  /* used in test-utils */
11
11
  }
12
12
 
13
- .awsui_view-button_1vtzr_2vq0w_13:not(#\9) {
13
+ .awsui_view-button_1vtzr_cpfg5_13:not(#\9) {
14
14
  /* used in test-utils */
15
15
  }
16
16
 
17
- .awsui_browse-button_1vtzr_2vq0w_17:not(#\9) {
17
+ .awsui_browse-button_1vtzr_cpfg5_17:not(#\9) {
18
18
  /* used in test-utils */
19
19
  }
20
20
 
21
- .awsui_layout_1vtzr_2vq0w_21:not(#\9) {
21
+ .awsui_layout_1vtzr_cpfg5_21:not(#\9) {
22
22
  display: flex;
23
23
  flex-wrap: wrap;
24
24
  align-items: flex-end;
25
25
  margin: calc(-1 * var(--space-xs-zb16t3, 8px));
26
26
  /* stylelint-disable selector-max-universal */
27
27
  }
28
- .awsui_layout_1vtzr_2vq0w_21 > *:not(#\9) {
28
+ .awsui_layout_1vtzr_cpfg5_21 > *:not(#\9) {
29
29
  margin: var(--space-xs-zb16t3, 8px);
30
30
  }
31
- .awsui_layout-uri_1vtzr_2vq0w_31:not(#\9) {
31
+ .awsui_layout-uri_1vtzr_cpfg5_31:not(#\9) {
32
32
  min-width: 200px;
33
33
  flex: 1;
34
34
  }
35
- .awsui_layout-version_1vtzr_2vq0w_35:not(#\9) {
35
+ .awsui_layout-version_1vtzr_cpfg5_35:not(#\9) {
36
36
  max-width: 180px;
37
37
  min-width: 140px;
38
38
  width: 20%;
39
39
  }
40
- .awsui_layout-divider_1vtzr_2vq0w_40:not(#\9) {
40
+ .awsui_layout-divider_1vtzr_cpfg5_40:not(#\9) {
41
41
  height: calc(
42
- 2 * var(--border-divider-section-width-4ax5o2, 2px) + 2 * var(--space-scaled-xxs-7597g1, 4px) + var(--font-body-m-line-height-5wv9x1, 20px)
42
+ 2 * var(--border-divider-section-width-8a5uu9, 2px) + 2 * var(--space-scaled-xxs-7597g1, 4px) + var(--font-body-m-line-height-5wv9x1, 20px)
43
43
  );
44
- border-left: var(--border-divider-section-width-4ax5o2, 2px) solid var(--color-border-divider-default-d3adp9, #e9ebed);
44
+ border-left: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
45
45
  }
@@ -2,12 +2,12 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "root": "awsui_root_1vtzr_2vq0w_9",
6
- "view-button": "awsui_view-button_1vtzr_2vq0w_13",
7
- "browse-button": "awsui_browse-button_1vtzr_2vq0w_17",
8
- "layout": "awsui_layout_1vtzr_2vq0w_21",
9
- "layout-uri": "awsui_layout-uri_1vtzr_2vq0w_31",
10
- "layout-version": "awsui_layout-version_1vtzr_2vq0w_35",
11
- "layout-divider": "awsui_layout-divider_1vtzr_2vq0w_40"
5
+ "root": "awsui_root_1vtzr_cpfg5_9",
6
+ "view-button": "awsui_view-button_1vtzr_cpfg5_13",
7
+ "browse-button": "awsui_browse-button_1vtzr_cpfg5_17",
8
+ "layout": "awsui_layout_1vtzr_cpfg5_21",
9
+ "layout-uri": "awsui_layout-uri_1vtzr_cpfg5_31",
10
+ "layout-version": "awsui_layout-version_1vtzr_cpfg5_35",
11
+ "layout-divider": "awsui_layout-divider_1vtzr_cpfg5_40"
12
12
  };
13
13
 
@@ -1,33 +1,33 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_l0dv0_8vjrl_93",
5
- "header": "awsui_header_l0dv0_8vjrl_109",
6
- "header-link": "awsui_header-link_l0dv0_8vjrl_120",
7
- "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_8vjrl_130",
8
- "header-link-text": "awsui_header-link-text_l0dv0_8vjrl_130",
9
- "header-logo": "awsui_header-logo_l0dv0_8vjrl_134",
10
- "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_8vjrl_140",
11
- "list-container": "awsui_list-container_l0dv0_8vjrl_145",
12
- "list": "awsui_list_l0dv0_8vjrl_145",
13
- "list-variant-root": "awsui_list-variant-root_l0dv0_8vjrl_155",
14
- "list-variant-root--last": "awsui_list-variant-root--last_l0dv0_8vjrl_159",
15
- "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_8vjrl_163",
16
- "list-item": "awsui_list-item_l0dv0_8vjrl_167",
17
- "section": "awsui_section_l0dv0_8vjrl_173",
18
- "expandable-link-group": "awsui_expandable-link-group_l0dv0_8vjrl_174",
19
- "section--no-ident": "awsui_section--no-ident_l0dv0_8vjrl_177",
20
- "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_8vjrl_178",
21
- "refresh": "awsui_refresh_l0dv0_8vjrl_187",
22
- "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_8vjrl_195",
23
- "section-group": "awsui_section-group_l0dv0_8vjrl_200",
24
- "section-group-title": "awsui_section-group-title_l0dv0_8vjrl_210",
25
- "link": "awsui_link_l0dv0_8vjrl_214",
26
- "link-active": "awsui_link-active_l0dv0_8vjrl_223",
27
- "info": "awsui_info_l0dv0_8vjrl_257",
28
- "external-icon": "awsui_external-icon_l0dv0_8vjrl_261",
29
- "divider": "awsui_divider_l0dv0_8vjrl_265",
30
- "divider-default": "awsui_divider-default_l0dv0_8vjrl_270",
31
- "divider-header": "awsui_divider-header_l0dv0_8vjrl_274"
4
+ "root": "awsui_root_l0dv0_1kfyn_93",
5
+ "header": "awsui_header_l0dv0_1kfyn_109",
6
+ "header-link": "awsui_header-link_l0dv0_1kfyn_120",
7
+ "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_1kfyn_130",
8
+ "header-link-text": "awsui_header-link-text_l0dv0_1kfyn_130",
9
+ "header-logo": "awsui_header-logo_l0dv0_1kfyn_134",
10
+ "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_1kfyn_140",
11
+ "list-container": "awsui_list-container_l0dv0_1kfyn_145",
12
+ "list": "awsui_list_l0dv0_1kfyn_145",
13
+ "list-variant-root": "awsui_list-variant-root_l0dv0_1kfyn_155",
14
+ "list-variant-root--last": "awsui_list-variant-root--last_l0dv0_1kfyn_159",
15
+ "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_1kfyn_163",
16
+ "list-item": "awsui_list-item_l0dv0_1kfyn_167",
17
+ "section": "awsui_section_l0dv0_1kfyn_173",
18
+ "expandable-link-group": "awsui_expandable-link-group_l0dv0_1kfyn_174",
19
+ "section--no-ident": "awsui_section--no-ident_l0dv0_1kfyn_177",
20
+ "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_1kfyn_178",
21
+ "refresh": "awsui_refresh_l0dv0_1kfyn_187",
22
+ "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_1kfyn_195",
23
+ "section-group": "awsui_section-group_l0dv0_1kfyn_200",
24
+ "section-group-title": "awsui_section-group-title_l0dv0_1kfyn_210",
25
+ "link": "awsui_link_l0dv0_1kfyn_214",
26
+ "link-active": "awsui_link-active_l0dv0_1kfyn_223",
27
+ "info": "awsui_info_l0dv0_1kfyn_257",
28
+ "external-icon": "awsui_external-icon_l0dv0_1kfyn_261",
29
+ "divider": "awsui_divider_l0dv0_1kfyn_265",
30
+ "divider-default": "awsui_divider-default_l0dv0_1kfyn_270",
31
+ "divider-header": "awsui_divider-header_l0dv0_1kfyn_274"
32
32
  };
33
33