@cloudscape-design/components-themeable 3.0.840 → 3.0.841
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.
- package/lib/internal/manifest.json +1 -1
- package/lib/internal/scss/{internal/components/file-dropzone → file-dropzone}/styles.scss +14 -11
- package/lib/internal/scss/{internal/components/file-input → file-input}/styles.scss +2 -2
- package/lib/internal/scss/{internal/components/file-token-group → file-token-group}/constants.scss +1 -1
- package/lib/internal/scss/{internal/components/file-token-group → file-token-group}/styles.scss +3 -3
- package/lib/internal/scss/internal/components/token-list/styles.scss +1 -1
- package/lib/internal/template/button-group/icon-toggle-button-item.d.ts +12 -0
- package/lib/internal/template/button-group/icon-toggle-button-item.d.ts.map +1 -0
- package/lib/internal/template/button-group/icon-toggle-button-item.js +30 -0
- package/lib/internal/template/button-group/icon-toggle-button-item.js.map +1 -0
- package/lib/internal/template/button-group/interfaces.d.ts +42 -6
- package/lib/internal/template/button-group/interfaces.d.ts.map +1 -1
- package/lib/internal/template/button-group/interfaces.js.map +1 -1
- package/lib/internal/template/button-group/item-element.d.ts.map +1 -1
- package/lib/internal/template/button-group/item-element.js +2 -0
- package/lib/internal/template/button-group/item-element.js.map +1 -1
- package/lib/internal/template/button-group/menu-dropdown-item.js +1 -1
- package/lib/internal/template/button-group/menu-dropdown-item.js.map +1 -1
- package/lib/internal/template/{internal/components/file-dropzone → file-dropzone}/index.d.ts +1 -1
- package/lib/internal/template/file-dropzone/index.d.ts.map +1 -0
- package/lib/internal/template/file-dropzone/index.js +14 -0
- package/lib/internal/template/file-dropzone/index.js.map +1 -0
- package/lib/internal/template/{internal/components/file-dropzone → file-dropzone}/interfaces.d.ts +2 -2
- package/lib/internal/template/file-dropzone/interfaces.d.ts.map +1 -0
- package/lib/internal/template/file-dropzone/interfaces.js.map +1 -0
- package/lib/internal/template/file-dropzone/internal.d.ts +5 -0
- package/lib/internal/template/file-dropzone/internal.d.ts.map +1 -0
- package/lib/internal/template/{internal/components/file-dropzone/index.js → file-dropzone/internal.js} +10 -6
- package/lib/internal/template/file-dropzone/internal.js.map +1 -0
- package/lib/internal/template/file-dropzone/styles.css.js +8 -0
- package/lib/internal/template/{internal/components/file-dropzone → file-dropzone}/styles.scoped.css +17 -14
- package/lib/internal/template/{internal/components/file-dropzone → file-dropzone}/styles.selectors.js +3 -3
- package/lib/internal/template/file-dropzone/use-files-dragging.d.ts.map +1 -0
- package/lib/internal/template/file-dropzone/use-files-dragging.js.map +1 -0
- package/lib/internal/template/file-input/index.d.ts +6 -0
- package/lib/internal/template/file-input/index.d.ts.map +1 -0
- package/lib/internal/template/file-input/index.js +20 -0
- package/lib/internal/template/file-input/index.js.map +1 -0
- package/lib/internal/template/{internal/components/file-input → file-input}/interfaces.d.ts +3 -3
- package/lib/internal/template/file-input/interfaces.d.ts.map +1 -0
- package/lib/internal/template/file-input/interfaces.js.map +1 -0
- package/lib/internal/template/file-input/internal.d.ts +6 -0
- package/lib/internal/template/file-input/internal.d.ts.map +1 -0
- package/lib/internal/template/{internal/components/file-input/index.js → file-input/internal.js} +13 -11
- package/lib/internal/template/file-input/internal.js.map +1 -0
- package/lib/internal/template/file-input/styles.css.js +10 -0
- package/lib/internal/template/{internal/components/file-input → file-input}/styles.scoped.css +6 -6
- package/lib/internal/template/file-input/styles.selectors.js +11 -0
- package/lib/internal/template/file-token-group/default-formatters.d.ts.map +1 -0
- package/lib/internal/template/{internal/components/file-token-group → file-token-group}/default-formatters.js +1 -1
- package/lib/internal/template/file-token-group/default-formatters.js.map +1 -0
- package/lib/internal/template/{internal/components/file-token-group → file-token-group}/file-token.d.ts +2 -2
- package/lib/internal/template/file-token-group/file-token.d.ts.map +1 -0
- package/lib/internal/template/{internal/components/file-token-group → file-token-group}/file-token.js +8 -8
- package/lib/internal/template/file-token-group/file-token.js.map +1 -0
- package/lib/internal/template/file-token-group/index.d.ts +6 -0
- package/lib/internal/template/file-token-group/index.d.ts.map +1 -0
- package/lib/internal/template/file-token-group/index.js +23 -0
- package/lib/internal/template/file-token-group/index.js.map +1 -0
- package/lib/internal/template/{internal/components/file-token-group → file-token-group}/interfaces.d.ts +2 -2
- package/lib/internal/template/file-token-group/interfaces.d.ts.map +1 -0
- package/lib/internal/template/file-token-group/interfaces.js.map +1 -0
- package/lib/internal/template/{internal/components/file-token-group/index.d.ts → file-token-group/internal.d.ts} +2 -3
- package/lib/internal/template/file-token-group/internal.d.ts.map +1 -0
- package/lib/internal/template/{internal/components/file-token-group/index.js → file-token-group/internal.js} +7 -7
- package/lib/internal/template/file-token-group/internal.js.map +1 -0
- package/lib/internal/template/file-token-group/styles.css.js +27 -0
- package/lib/internal/template/{internal/components/file-token-group → file-token-group}/styles.scoped.css +29 -29
- package/lib/internal/template/file-token-group/styles.selectors.js +28 -0
- package/lib/internal/template/file-token-group/test-classes/styles.css.js +11 -0
- package/lib/internal/template/file-token-group/test-classes/styles.scoped.css +12 -0
- package/lib/internal/template/file-token-group/test-classes/styles.selectors.js +12 -0
- package/lib/internal/template/file-token-group/thumbnail.d.ts.map +1 -0
- package/lib/internal/template/file-token-group/thumbnail.js.map +1 -0
- package/lib/internal/template/file-upload/internal.d.ts.map +1 -1
- package/lib/internal/template/file-upload/internal.js +6 -5
- package/lib/internal/template/file-upload/internal.js.map +1 -1
- package/lib/internal/template/index.d.ts +3 -0
- package/lib/internal/template/index.d.ts.map +1 -1
- package/lib/internal/template/index.js +3 -0
- package/lib/internal/template/index.js.map +1 -1
- package/lib/internal/template/internal/base-component/styles.scoped.css +62 -43
- package/lib/internal/template/internal/environment.js +1 -1
- package/lib/internal/template/internal/environment.json +1 -1
- package/lib/internal/template/internal/generated/styles/tokens.d.ts +4 -2
- package/lib/internal/template/internal/generated/styles/tokens.js +6 -4
- package/lib/internal/template/internal/generated/theming/index.cjs +136 -74
- package/lib/internal/template/internal/generated/theming/index.js +136 -74
- package/lib/internal/template/package.json +3 -0
- package/lib/internal/template/test-utils/dom/button-group/index.d.ts +5 -0
- package/lib/internal/template/test-utils/dom/button-group/index.js +9 -0
- package/lib/internal/template/test-utils/dom/button-group/index.js.map +1 -1
- package/lib/internal/template/test-utils/dom/{internal/file-dropzone.js → file-dropzone/index.js} +2 -2
- package/lib/internal/template/test-utils/dom/file-dropzone/index.js.map +1 -0
- package/lib/internal/template/test-utils/dom/{internal/file-input.js → file-input/index.js} +2 -2
- package/lib/internal/template/test-utils/dom/file-input/index.js.map +1 -0
- package/lib/internal/template/test-utils/dom/{internal/file-token-group.js → file-token-group/index.js} +14 -14
- package/lib/internal/template/test-utils/dom/file-token-group/index.js.map +1 -0
- package/lib/internal/template/test-utils/dom/file-upload/index.d.ts +1 -1
- package/lib/internal/template/test-utils/dom/file-upload/index.js +13 -13
- package/lib/internal/template/test-utils/dom/file-upload/index.js.map +1 -1
- package/lib/internal/template/test-utils/dom/index.d.ts +9 -0
- package/lib/internal/template/test-utils/dom/index.js +26 -2
- package/lib/internal/template/test-utils/dom/index.js.map +1 -1
- package/lib/internal/template/test-utils/selectors/button-group/index.d.ts +5 -0
- package/lib/internal/template/test-utils/selectors/button-group/index.js +9 -0
- package/lib/internal/template/test-utils/selectors/button-group/index.js.map +1 -1
- package/lib/internal/template/test-utils/selectors/{internal/file-dropzone.js → file-dropzone/index.js} +2 -2
- package/lib/internal/template/test-utils/selectors/file-dropzone/index.js.map +1 -0
- package/lib/internal/template/test-utils/selectors/{internal/file-input.js → file-input/index.js} +2 -2
- package/lib/internal/template/test-utils/selectors/file-input/index.js.map +1 -0
- package/lib/internal/template/test-utils/selectors/{internal/file-token-group.js → file-token-group/index.js} +14 -14
- package/lib/internal/template/test-utils/selectors/file-token-group/index.js.map +1 -0
- package/lib/internal/template/test-utils/selectors/file-upload/index.d.ts +1 -1
- package/lib/internal/template/test-utils/selectors/file-upload/index.js +13 -13
- package/lib/internal/template/test-utils/selectors/file-upload/index.js.map +1 -1
- package/lib/internal/template/test-utils/selectors/index.d.ts +9 -0
- package/lib/internal/template/test-utils/selectors/index.js +26 -2
- package/lib/internal/template/test-utils/selectors/index.js.map +1 -1
- package/lib/internal/template/test-utils/tsconfig.tsbuildinfo +1 -1
- package/lib/internal/template/toggle-button/internal.d.ts +3 -1
- package/lib/internal/template/toggle-button/internal.d.ts.map +1 -1
- package/lib/internal/template/toggle-button/internal.js.map +1 -1
- package/package.json +1 -1
- package/lib/internal/template/internal/components/file-dropzone/index.d.ts.map +0 -1
- package/lib/internal/template/internal/components/file-dropzone/index.js.map +0 -1
- package/lib/internal/template/internal/components/file-dropzone/interfaces.d.ts.map +0 -1
- package/lib/internal/template/internal/components/file-dropzone/interfaces.js.map +0 -1
- package/lib/internal/template/internal/components/file-dropzone/styles.css.js +0 -8
- package/lib/internal/template/internal/components/file-dropzone/use-files-dragging.d.ts.map +0 -1
- package/lib/internal/template/internal/components/file-dropzone/use-files-dragging.js.map +0 -1
- package/lib/internal/template/internal/components/file-input/index.d.ts +0 -6
- package/lib/internal/template/internal/components/file-input/index.d.ts.map +0 -1
- package/lib/internal/template/internal/components/file-input/index.js.map +0 -1
- package/lib/internal/template/internal/components/file-input/interfaces.d.ts.map +0 -1
- package/lib/internal/template/internal/components/file-input/interfaces.js.map +0 -1
- package/lib/internal/template/internal/components/file-input/styles.css.js +0 -10
- package/lib/internal/template/internal/components/file-input/styles.selectors.js +0 -11
- package/lib/internal/template/internal/components/file-token-group/default-formatters.d.ts.map +0 -1
- package/lib/internal/template/internal/components/file-token-group/default-formatters.js.map +0 -1
- package/lib/internal/template/internal/components/file-token-group/file-token.d.ts.map +0 -1
- package/lib/internal/template/internal/components/file-token-group/file-token.js.map +0 -1
- package/lib/internal/template/internal/components/file-token-group/index.d.ts.map +0 -1
- package/lib/internal/template/internal/components/file-token-group/index.js.map +0 -1
- package/lib/internal/template/internal/components/file-token-group/interfaces.d.ts.map +0 -1
- package/lib/internal/template/internal/components/file-token-group/interfaces.js.map +0 -1
- package/lib/internal/template/internal/components/file-token-group/styles.css.js +0 -27
- package/lib/internal/template/internal/components/file-token-group/styles.selectors.js +0 -28
- package/lib/internal/template/internal/components/file-token-group/test-classes/styles.css.js +0 -11
- package/lib/internal/template/internal/components/file-token-group/test-classes/styles.scoped.css +0 -12
- package/lib/internal/template/internal/components/file-token-group/test-classes/styles.selectors.js +0 -12
- package/lib/internal/template/internal/components/file-token-group/thumbnail.d.ts.map +0 -1
- package/lib/internal/template/internal/components/file-token-group/thumbnail.js.map +0 -1
- package/lib/internal/template/test-utils/dom/internal/file-dropzone.js.map +0 -1
- package/lib/internal/template/test-utils/dom/internal/file-input.js.map +0 -1
- package/lib/internal/template/test-utils/dom/internal/file-token-group.js.map +0 -1
- package/lib/internal/template/test-utils/selectors/internal/file-dropzone.js.map +0 -1
- package/lib/internal/template/test-utils/selectors/internal/file-input.js.map +0 -1
- package/lib/internal/template/test-utils/selectors/internal/file-token-group.js.map +0 -1
- /package/lib/internal/scss/{internal/components/file-token-group → file-token-group}/test-classes/styles.scss +0 -0
- /package/lib/internal/template/{internal/components/file-dropzone → file-dropzone}/interfaces.js +0 -0
- /package/lib/internal/template/{internal/components/file-dropzone → file-dropzone}/use-files-dragging.d.ts +0 -0
- /package/lib/internal/template/{internal/components/file-dropzone → file-dropzone}/use-files-dragging.js +0 -0
- /package/lib/internal/template/{internal/components/file-input → file-input}/interfaces.js +0 -0
- /package/lib/internal/template/{internal/components/file-token-group → file-token-group}/default-formatters.d.ts +0 -0
- /package/lib/internal/template/{internal/components/file-token-group → file-token-group}/interfaces.js +0 -0
- /package/lib/internal/template/{internal/components/file-token-group → file-token-group}/thumbnail.d.ts +0 -0
- /package/lib/internal/template/{internal/components/file-token-group → file-token-group}/thumbnail.js +0 -0
- /package/lib/internal/template/test-utils/dom/{internal/file-dropzone.d.ts → file-dropzone/index.d.ts} +0 -0
- /package/lib/internal/template/test-utils/dom/{internal/file-input.d.ts → file-input/index.d.ts} +0 -0
- /package/lib/internal/template/test-utils/dom/{internal/file-token-group.d.ts → file-token-group/index.d.ts} +0 -0
- /package/lib/internal/template/test-utils/selectors/{internal/file-dropzone.d.ts → file-dropzone/index.d.ts} +0 -0
- /package/lib/internal/template/test-utils/selectors/{internal/file-input.d.ts → file-input/index.d.ts} +0 -0
- /package/lib/internal/template/test-utils/selectors/{internal/file-token-group.d.ts → file-token-group/index.d.ts} +0 -0
|
@@ -1733,21 +1733,29 @@ export var preset = {
|
|
|
1733
1733
|
"light": "{colorBlue200}",
|
|
1734
1734
|
"dark": "{colorBlue600}"
|
|
1735
1735
|
},
|
|
1736
|
-
"
|
|
1737
|
-
"light": "{
|
|
1738
|
-
"dark": "{
|
|
1736
|
+
"colorDropzoneBackgroundDefault": {
|
|
1737
|
+
"light": "{colorWhite}",
|
|
1738
|
+
"dark": "{colorGrey800}"
|
|
1739
1739
|
},
|
|
1740
1740
|
"colorDropzoneBackgroundHover": {
|
|
1741
|
-
"light": "{
|
|
1742
|
-
"dark": "{
|
|
1741
|
+
"light": "{colorBlue100}",
|
|
1742
|
+
"dark": "{colorBlue900}"
|
|
1743
1743
|
},
|
|
1744
|
-
"
|
|
1745
|
-
"light": "{
|
|
1746
|
-
"dark": "{
|
|
1744
|
+
"colorDropzoneTextDefault": {
|
|
1745
|
+
"light": "{colorGrey600}",
|
|
1746
|
+
"dark": "{colorGrey350}"
|
|
1747
1747
|
},
|
|
1748
1748
|
"colorDropzoneTextHover": {
|
|
1749
|
+
"light": "{colorGrey600}",
|
|
1750
|
+
"dark": "{colorGrey350}"
|
|
1751
|
+
},
|
|
1752
|
+
"colorDropzoneBorderDefault": {
|
|
1753
|
+
"light": "{colorGrey500}",
|
|
1754
|
+
"dark": "{colorGrey550}"
|
|
1755
|
+
},
|
|
1756
|
+
"colorDropzoneBorderHover": {
|
|
1749
1757
|
"light": "{colorBlue800}",
|
|
1750
|
-
"dark": "{
|
|
1758
|
+
"dark": "{colorBlue400}"
|
|
1751
1759
|
},
|
|
1752
1760
|
"colorBackgroundSeverityCritical": {
|
|
1753
1761
|
"light": "{colorChartsStatusCritical}",
|
|
@@ -3976,21 +3984,29 @@ export var preset = {
|
|
|
3976
3984
|
"light": "{colorBlue600}",
|
|
3977
3985
|
"dark": "{colorBlue600}"
|
|
3978
3986
|
},
|
|
3979
|
-
"
|
|
3980
|
-
"light": "{
|
|
3981
|
-
"dark": "{
|
|
3987
|
+
"colorDropzoneBackgroundDefault": {
|
|
3988
|
+
"light": "{colorGrey800}",
|
|
3989
|
+
"dark": "{colorGrey800}"
|
|
3982
3990
|
},
|
|
3983
3991
|
"colorDropzoneBackgroundHover": {
|
|
3984
|
-
"light": "{
|
|
3985
|
-
"dark": "{
|
|
3992
|
+
"light": "{colorBlue900}",
|
|
3993
|
+
"dark": "{colorBlue900}"
|
|
3986
3994
|
},
|
|
3987
|
-
"
|
|
3988
|
-
"light": "{
|
|
3989
|
-
"dark": "{
|
|
3995
|
+
"colorDropzoneTextDefault": {
|
|
3996
|
+
"light": "{colorGrey350}",
|
|
3997
|
+
"dark": "{colorGrey350}"
|
|
3990
3998
|
},
|
|
3991
3999
|
"colorDropzoneTextHover": {
|
|
3992
|
-
"light": "{
|
|
3993
|
-
"dark": "{
|
|
4000
|
+
"light": "{colorGrey350}",
|
|
4001
|
+
"dark": "{colorGrey350}"
|
|
4002
|
+
},
|
|
4003
|
+
"colorDropzoneBorderDefault": {
|
|
4004
|
+
"light": "{colorGrey550}",
|
|
4005
|
+
"dark": "{colorGrey550}"
|
|
4006
|
+
},
|
|
4007
|
+
"colorDropzoneBorderHover": {
|
|
4008
|
+
"light": "{colorBlue400}",
|
|
4009
|
+
"dark": "{colorBlue400}"
|
|
3994
4010
|
},
|
|
3995
4011
|
"colorBackgroundSeverityCritical": {
|
|
3996
4012
|
"light": "{colorChartsStatusCritical}",
|
|
@@ -5130,21 +5146,29 @@ export var preset = {
|
|
|
5130
5146
|
"light": "{colorBlue600}",
|
|
5131
5147
|
"dark": "{colorBlue600}"
|
|
5132
5148
|
},
|
|
5133
|
-
"
|
|
5134
|
-
"light": "{
|
|
5135
|
-
"dark": "{
|
|
5149
|
+
"colorDropzoneBackgroundDefault": {
|
|
5150
|
+
"light": "{colorGrey800}",
|
|
5151
|
+
"dark": "{colorGrey800}"
|
|
5136
5152
|
},
|
|
5137
5153
|
"colorDropzoneBackgroundHover": {
|
|
5138
|
-
"light": "{
|
|
5139
|
-
"dark": "{
|
|
5154
|
+
"light": "{colorBlue900}",
|
|
5155
|
+
"dark": "{colorBlue900}"
|
|
5140
5156
|
},
|
|
5141
|
-
"
|
|
5142
|
-
"light": "{
|
|
5143
|
-
"dark": "{
|
|
5157
|
+
"colorDropzoneTextDefault": {
|
|
5158
|
+
"light": "{colorGrey350}",
|
|
5159
|
+
"dark": "{colorGrey350}"
|
|
5144
5160
|
},
|
|
5145
5161
|
"colorDropzoneTextHover": {
|
|
5146
|
-
"light": "{
|
|
5147
|
-
"dark": "{
|
|
5162
|
+
"light": "{colorGrey350}",
|
|
5163
|
+
"dark": "{colorGrey350}"
|
|
5164
|
+
},
|
|
5165
|
+
"colorDropzoneBorderDefault": {
|
|
5166
|
+
"light": "{colorGrey550}",
|
|
5167
|
+
"dark": "{colorGrey550}"
|
|
5168
|
+
},
|
|
5169
|
+
"colorDropzoneBorderHover": {
|
|
5170
|
+
"light": "{colorBlue400}",
|
|
5171
|
+
"dark": "{colorBlue400}"
|
|
5148
5172
|
},
|
|
5149
5173
|
"colorBackgroundSeverityCritical": {
|
|
5150
5174
|
"light": "{colorChartsStatusCritical}",
|
|
@@ -6216,21 +6240,29 @@ export var preset = {
|
|
|
6216
6240
|
"light": "{colorBlue200}",
|
|
6217
6241
|
"dark": "{colorBlue600}"
|
|
6218
6242
|
},
|
|
6219
|
-
"
|
|
6220
|
-
"light": "{
|
|
6221
|
-
"dark": "{
|
|
6243
|
+
"colorDropzoneBackgroundDefault": {
|
|
6244
|
+
"light": "{colorWhite}",
|
|
6245
|
+
"dark": "{colorGrey800}"
|
|
6222
6246
|
},
|
|
6223
6247
|
"colorDropzoneBackgroundHover": {
|
|
6224
|
-
"light": "{
|
|
6225
|
-
"dark": "{
|
|
6248
|
+
"light": "{colorBlue100}",
|
|
6249
|
+
"dark": "{colorBlue900}"
|
|
6226
6250
|
},
|
|
6227
|
-
"
|
|
6228
|
-
"light": "{
|
|
6229
|
-
"dark": "{
|
|
6251
|
+
"colorDropzoneTextDefault": {
|
|
6252
|
+
"light": "{colorGrey600}",
|
|
6253
|
+
"dark": "{colorGrey350}"
|
|
6230
6254
|
},
|
|
6231
6255
|
"colorDropzoneTextHover": {
|
|
6256
|
+
"light": "{colorGrey600}",
|
|
6257
|
+
"dark": "{colorGrey350}"
|
|
6258
|
+
},
|
|
6259
|
+
"colorDropzoneBorderDefault": {
|
|
6260
|
+
"light": "{colorGrey500}",
|
|
6261
|
+
"dark": "{colorGrey550}"
|
|
6262
|
+
},
|
|
6263
|
+
"colorDropzoneBorderHover": {
|
|
6232
6264
|
"light": "{colorBlue800}",
|
|
6233
|
-
"dark": "{
|
|
6265
|
+
"dark": "{colorBlue400}"
|
|
6234
6266
|
},
|
|
6235
6267
|
"colorBackgroundSeverityCritical": {
|
|
6236
6268
|
"light": "{colorChartsStatusCritical}",
|
|
@@ -7302,21 +7334,29 @@ export var preset = {
|
|
|
7302
7334
|
"light": "{colorBlue200}",
|
|
7303
7335
|
"dark": "{colorBlue600}"
|
|
7304
7336
|
},
|
|
7305
|
-
"
|
|
7306
|
-
"light": "{
|
|
7307
|
-
"dark": "{
|
|
7337
|
+
"colorDropzoneBackgroundDefault": {
|
|
7338
|
+
"light": "{colorWhite}",
|
|
7339
|
+
"dark": "{colorGrey800}"
|
|
7308
7340
|
},
|
|
7309
7341
|
"colorDropzoneBackgroundHover": {
|
|
7310
|
-
"light": "{
|
|
7311
|
-
"dark": "{
|
|
7342
|
+
"light": "{colorBlue100}",
|
|
7343
|
+
"dark": "{colorBlue900}"
|
|
7312
7344
|
},
|
|
7313
|
-
"
|
|
7314
|
-
"light": "{
|
|
7315
|
-
"dark": "{
|
|
7345
|
+
"colorDropzoneTextDefault": {
|
|
7346
|
+
"light": "{colorGrey600}",
|
|
7347
|
+
"dark": "{colorGrey350}"
|
|
7316
7348
|
},
|
|
7317
7349
|
"colorDropzoneTextHover": {
|
|
7350
|
+
"light": "{colorGrey600}",
|
|
7351
|
+
"dark": "{colorGrey350}"
|
|
7352
|
+
},
|
|
7353
|
+
"colorDropzoneBorderDefault": {
|
|
7354
|
+
"light": "{colorGrey500}",
|
|
7355
|
+
"dark": "{colorGrey550}"
|
|
7356
|
+
},
|
|
7357
|
+
"colorDropzoneBorderHover": {
|
|
7318
7358
|
"light": "{colorBlue800}",
|
|
7319
|
-
"dark": "{
|
|
7359
|
+
"dark": "{colorBlue400}"
|
|
7320
7360
|
},
|
|
7321
7361
|
"colorBackgroundSeverityCritical": {
|
|
7322
7362
|
"light": "{colorChartsStatusCritical}",
|
|
@@ -8388,21 +8428,29 @@ export var preset = {
|
|
|
8388
8428
|
"light": "{colorBlue200}",
|
|
8389
8429
|
"dark": "{colorBlue600}"
|
|
8390
8430
|
},
|
|
8391
|
-
"
|
|
8392
|
-
"light": "{
|
|
8393
|
-
"dark": "{
|
|
8431
|
+
"colorDropzoneBackgroundDefault": {
|
|
8432
|
+
"light": "{colorWhite}",
|
|
8433
|
+
"dark": "{colorGrey800}"
|
|
8394
8434
|
},
|
|
8395
8435
|
"colorDropzoneBackgroundHover": {
|
|
8396
|
-
"light": "{
|
|
8397
|
-
"dark": "{
|
|
8436
|
+
"light": "{colorBlue100}",
|
|
8437
|
+
"dark": "{colorBlue900}"
|
|
8398
8438
|
},
|
|
8399
|
-
"
|
|
8400
|
-
"light": "{
|
|
8401
|
-
"dark": "{
|
|
8439
|
+
"colorDropzoneTextDefault": {
|
|
8440
|
+
"light": "{colorGrey600}",
|
|
8441
|
+
"dark": "{colorGrey350}"
|
|
8402
8442
|
},
|
|
8403
8443
|
"colorDropzoneTextHover": {
|
|
8444
|
+
"light": "{colorGrey600}",
|
|
8445
|
+
"dark": "{colorGrey350}"
|
|
8446
|
+
},
|
|
8447
|
+
"colorDropzoneBorderDefault": {
|
|
8448
|
+
"light": "{colorGrey500}",
|
|
8449
|
+
"dark": "{colorGrey550}"
|
|
8450
|
+
},
|
|
8451
|
+
"colorDropzoneBorderHover": {
|
|
8404
8452
|
"light": "{colorBlue800}",
|
|
8405
|
-
"dark": "{
|
|
8453
|
+
"dark": "{colorBlue400}"
|
|
8406
8454
|
},
|
|
8407
8455
|
"colorBackgroundSeverityCritical": {
|
|
8408
8456
|
"light": "{colorChartsStatusCritical}",
|
|
@@ -9476,21 +9524,29 @@ export var preset = {
|
|
|
9476
9524
|
"light": "{colorBlue600}",
|
|
9477
9525
|
"dark": "{colorBlue600}"
|
|
9478
9526
|
},
|
|
9479
|
-
"
|
|
9480
|
-
"light": "{
|
|
9481
|
-
"dark": "{
|
|
9527
|
+
"colorDropzoneBackgroundDefault": {
|
|
9528
|
+
"light": "{colorGrey800}",
|
|
9529
|
+
"dark": "{colorGrey800}"
|
|
9482
9530
|
},
|
|
9483
9531
|
"colorDropzoneBackgroundHover": {
|
|
9484
|
-
"light": "{
|
|
9485
|
-
"dark": "{
|
|
9532
|
+
"light": "{colorBlue900}",
|
|
9533
|
+
"dark": "{colorBlue900}"
|
|
9486
9534
|
},
|
|
9487
|
-
"
|
|
9488
|
-
"light": "{
|
|
9489
|
-
"dark": "{
|
|
9535
|
+
"colorDropzoneTextDefault": {
|
|
9536
|
+
"light": "{colorGrey350}",
|
|
9537
|
+
"dark": "{colorGrey350}"
|
|
9490
9538
|
},
|
|
9491
9539
|
"colorDropzoneTextHover": {
|
|
9492
|
-
"light": "{
|
|
9493
|
-
"dark": "{
|
|
9540
|
+
"light": "{colorGrey350}",
|
|
9541
|
+
"dark": "{colorGrey350}"
|
|
9542
|
+
},
|
|
9543
|
+
"colorDropzoneBorderDefault": {
|
|
9544
|
+
"light": "{colorGrey550}",
|
|
9545
|
+
"dark": "{colorGrey550}"
|
|
9546
|
+
},
|
|
9547
|
+
"colorDropzoneBorderHover": {
|
|
9548
|
+
"light": "{colorBlue400}",
|
|
9549
|
+
"dark": "{colorBlue400}"
|
|
9494
9550
|
},
|
|
9495
9551
|
"colorBackgroundSeverityCritical": {
|
|
9496
9552
|
"light": "{colorChartsStatusCritical}",
|
|
@@ -9946,10 +10002,12 @@ export var preset = {
|
|
|
9946
10002
|
"colorBoardPlaceholderHover": "color",
|
|
9947
10003
|
"colorDragPlaceholderActive": "color",
|
|
9948
10004
|
"colorDragPlaceholderHover": "color",
|
|
9949
|
-
"
|
|
10005
|
+
"colorDropzoneBackgroundDefault": "color",
|
|
9950
10006
|
"colorDropzoneBackgroundHover": "color",
|
|
9951
|
-
"
|
|
10007
|
+
"colorDropzoneTextDefault": "color",
|
|
9952
10008
|
"colorDropzoneTextHover": "color",
|
|
10009
|
+
"colorDropzoneBorderDefault": "color",
|
|
10010
|
+
"colorDropzoneBorderHover": "color",
|
|
9953
10011
|
"colorBackgroundSeverityCritical": "color",
|
|
9954
10012
|
"colorTextSeverityCritical": "color",
|
|
9955
10013
|
"colorBackgroundSeverityHigh": "color",
|
|
@@ -11194,10 +11252,12 @@ export var preset = {
|
|
|
11194
11252
|
"colorBoardPlaceholderHover": "color-board-placeholder-hover",
|
|
11195
11253
|
"colorDragPlaceholderActive": "color-drag-placeholder-active",
|
|
11196
11254
|
"colorDragPlaceholderHover": "color-drag-placeholder-hover",
|
|
11197
|
-
"
|
|
11255
|
+
"colorDropzoneBackgroundDefault": "color-dropzone-background-default",
|
|
11198
11256
|
"colorDropzoneBackgroundHover": "color-dropzone-background-hover",
|
|
11199
|
-
"
|
|
11257
|
+
"colorDropzoneTextDefault": "color-dropzone-text-default",
|
|
11200
11258
|
"colorDropzoneTextHover": "color-dropzone-text-hover",
|
|
11259
|
+
"colorDropzoneBorderDefault": "color-dropzone-border-default",
|
|
11260
|
+
"colorDropzoneBorderHover": "color-dropzone-border-hover",
|
|
11201
11261
|
"colorBackgroundSeverityCritical": "color-background-severity-critical",
|
|
11202
11262
|
"colorTextSeverityCritical": "color-text-severity-critical",
|
|
11203
11263
|
"colorBackgroundSeverityHigh": "color-background-severity-high",
|
|
@@ -11927,10 +11987,12 @@ export var preset = {
|
|
|
11927
11987
|
"colorBoardPlaceholderHover": "--color-board-placeholder-hover-yu7ixx",
|
|
11928
11988
|
"colorDragPlaceholderActive": "--color-drag-placeholder-active-llvhbu",
|
|
11929
11989
|
"colorDragPlaceholderHover": "--color-drag-placeholder-hover-oikifl",
|
|
11930
|
-
"
|
|
11931
|
-
"colorDropzoneBackgroundHover": "--color-dropzone-background-hover-
|
|
11932
|
-
"
|
|
11933
|
-
"colorDropzoneTextHover": "--color-dropzone-text-hover-
|
|
11990
|
+
"colorDropzoneBackgroundDefault": "--color-dropzone-background-default-q8kl4f",
|
|
11991
|
+
"colorDropzoneBackgroundHover": "--color-dropzone-background-hover-wl3yez",
|
|
11992
|
+
"colorDropzoneTextDefault": "--color-dropzone-text-default-owo5k2",
|
|
11993
|
+
"colorDropzoneTextHover": "--color-dropzone-text-hover-wteupn",
|
|
11994
|
+
"colorDropzoneBorderDefault": "--color-dropzone-border-default-phwpnt",
|
|
11995
|
+
"colorDropzoneBorderHover": "--color-dropzone-border-hover-tpluhc",
|
|
11934
11996
|
"colorBackgroundSeverityCritical": "--color-background-severity-critical-idosdq",
|
|
11935
11997
|
"colorTextSeverityCritical": "--color-text-severity-critical-gtjw4w",
|
|
11936
11998
|
"colorBackgroundSeverityHigh": "--color-background-severity-high-434xpy",
|
|
@@ -43,6 +43,9 @@
|
|
|
43
43
|
"./date-range-picker": "./date-range-picker/index.js",
|
|
44
44
|
"./drawer": "./drawer/index.js",
|
|
45
45
|
"./expandable-section": "./expandable-section/index.js",
|
|
46
|
+
"./file-dropzone": "./file-dropzone/index.js",
|
|
47
|
+
"./file-input": "./file-input/index.js",
|
|
48
|
+
"./file-token-group": "./file-token-group/index.js",
|
|
46
49
|
"./file-upload": "./file-upload/index.js",
|
|
47
50
|
"./flashbar": "./flashbar/index.js",
|
|
48
51
|
"./form": "./form/index.js",
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { ComponentWrapper, ElementWrapper } from '@cloudscape-design/test-utils-core/dom';
|
|
2
2
|
import ButtonWrapper from '../button/index.js';
|
|
3
3
|
import ButtonDropdownWrapper from '../button-dropdown/index.js';
|
|
4
|
+
import ToggleButtonWrapper from '../toggle-button/index.js';
|
|
4
5
|
export default class ButtonGroupWrapper extends ComponentWrapper {
|
|
5
6
|
static rootSelector: string;
|
|
6
7
|
/**
|
|
@@ -11,6 +12,10 @@ export default class ButtonGroupWrapper extends ComponentWrapper {
|
|
|
11
12
|
* Finds a button item by its id.
|
|
12
13
|
*/
|
|
13
14
|
findButtonById(id: string): null | ButtonWrapper;
|
|
15
|
+
/**
|
|
16
|
+
* Finds a toggle button item by its id.
|
|
17
|
+
*/
|
|
18
|
+
findToggleButtonById(id: string): null | ToggleButtonWrapper;
|
|
14
19
|
/**
|
|
15
20
|
* Finds a menu item by its id.
|
|
16
21
|
*/
|
|
@@ -6,6 +6,7 @@ const dom_1 = require("@cloudscape-design/test-utils-core/dom");
|
|
|
6
6
|
const index_js_1 = require("../button/index.js");
|
|
7
7
|
const index_js_2 = require("../button-dropdown/index.js");
|
|
8
8
|
const index_js_3 = require("../index.js");
|
|
9
|
+
const index_js_4 = require("../toggle-button/index.js");
|
|
9
10
|
const styles_selectors_js_1 = require("../../../button-group/test-classes/styles.selectors.js");
|
|
10
11
|
class ButtonGroupWrapper extends dom_1.ComponentWrapper {
|
|
11
12
|
/**
|
|
@@ -22,6 +23,14 @@ class ButtonGroupWrapper extends dom_1.ComponentWrapper {
|
|
|
22
23
|
const wrapper = this.find(inlineItemSelector);
|
|
23
24
|
return wrapper && new index_js_1.default(wrapper.getElement());
|
|
24
25
|
}
|
|
26
|
+
/**
|
|
27
|
+
* Finds a toggle button item by its id.
|
|
28
|
+
*/
|
|
29
|
+
findToggleButtonById(id) {
|
|
30
|
+
const inlineItemSelector = `.${styles_selectors_js_1.default['button-group-item']}[data-testid="${id}"]`;
|
|
31
|
+
const wrapper = this.find(inlineItemSelector);
|
|
32
|
+
return wrapper && new index_js_4.default(wrapper.getElement());
|
|
33
|
+
}
|
|
25
34
|
/**
|
|
26
35
|
* Finds a menu item by its id.
|
|
27
36
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/button-group/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAA0F;AAE1F,iDAA+C;AAC/C,0DAAgE;AAChE,0CAAwC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/button-group/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAA0F;AAE1F,iDAA+C;AAC/C,0DAAgE;AAChE,0CAAwC;AACxC,wDAA4D;AAE5D,gGAAoF;AAEpF,MAAqB,kBAAmB,SAAQ,sBAAgB;IAG9D;;OAEG;IACH,SAAS;QACP,OAAO,IAAI,CAAC,kBAAkB,CAAC,6BAAc,CAAC,mBAAmB,CAAC,CAAC,CAAC;IACtE,CAAC;IAED;;OAEG;IACH,cAAc,CAAC,EAAU;QACvB,MAAM,kBAAkB,GAAG,IAAI,6BAAc,CAAC,mBAAmB,CAAC,iBAAiB,EAAE,IAAI,CAAC;QAC1F,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAsC,CAAC;QACnF,OAAO,OAAO,IAAI,IAAI,kBAAa,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC;IAC5D,CAAC;IAED;;OAEG;IACH,oBAAoB,CAAC,EAAU;QAC7B,MAAM,kBAAkB,GAAG,IAAI,6BAAc,CAAC,mBAAmB,CAAC,iBAAiB,EAAE,IAAI,CAAC;QAC1F,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAsC,CAAC;QACnF,OAAO,OAAO,IAAI,IAAI,kBAAmB,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC;IAClE,CAAC;IAED;;OAEG;IACH,YAAY,CAAC,EAAU;QACrB,MAAM,kBAAkB,GAAG,IAAI,6BAAc,CAAC,mBAAmB,CAAC,iBAAiB,EAAE,IAAI,CAAC;QAC1F,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;QAC9C,OAAO,OAAO,IAAI,IAAI,kBAAqB,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC;IACpE,CAAC;IAED;;OAEG;IACH,WAAW;QACT,OAAO,IAAA,kBAAa,GAAE,CAAC,eAAe,CAAC,6BAAc,CAAC,sBAAsB,CAAC,CAAC,CAAC;IACjF,CAAC;;AA1CH,qCA2CC;AA1CQ,+BAAY,GAAW,6BAAc,CAAC,cAAc,CAAC,CAAC"}
|
package/lib/internal/template/test-utils/dom/{internal/file-dropzone.js → file-dropzone/index.js}
RENAMED
|
@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
4
4
|
// SPDX-License-Identifier: Apache-2.0
|
|
5
5
|
const dom_1 = require("@cloudscape-design/test-utils-core/dom");
|
|
6
|
-
const styles_selectors_js_1 = require("../../../
|
|
6
|
+
const styles_selectors_js_1 = require("../../../file-dropzone/styles.selectors.js");
|
|
7
7
|
class FileDropzoneWrapper extends dom_1.ComponentWrapper {
|
|
8
8
|
findContent() {
|
|
9
9
|
return this.findByClassName(styles_selectors_js_1.default.content);
|
|
@@ -11,4 +11,4 @@ class FileDropzoneWrapper extends dom_1.ComponentWrapper {
|
|
|
11
11
|
}
|
|
12
12
|
exports.default = FileDropzoneWrapper;
|
|
13
13
|
FileDropzoneWrapper.rootSelector = styles_selectors_js_1.default.root;
|
|
14
|
-
//# sourceMappingURL=
|
|
14
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/file-dropzone/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAA0F;AAE1F,oFAAgE;AAEhE,MAAqB,mBAAoB,SAAQ,sBAAgB;IAG/D,WAAW;QACT,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,OAAO,CAAE,CAAC;IAC/C,CAAC;;AALH,sCAMC;AALQ,gCAAY,GAAW,6BAAM,CAAC,IAAI,CAAC"}
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
4
4
|
// SPDX-License-Identifier: Apache-2.0
|
|
5
5
|
const dom_1 = require("@cloudscape-design/test-utils-core/dom");
|
|
6
6
|
const button_1 = require("../button");
|
|
7
|
-
const styles_selectors_js_1 = require("../../../
|
|
7
|
+
const styles_selectors_js_1 = require("../../../file-input/styles.selectors.js");
|
|
8
8
|
class FileInputWrapper extends dom_1.ComponentWrapper {
|
|
9
9
|
findTrigger() {
|
|
10
10
|
return this.findComponent(`.${styles_selectors_js_1.default['file-input-button']}`, button_1.default);
|
|
@@ -15,4 +15,4 @@ class FileInputWrapper extends dom_1.ComponentWrapper {
|
|
|
15
15
|
}
|
|
16
16
|
exports.default = FileInputWrapper;
|
|
17
17
|
FileInputWrapper.rootSelector = styles_selectors_js_1.default.root;
|
|
18
|
-
//# sourceMappingURL=
|
|
18
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/file-input/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAA0F;AAE1F,sCAAsC;AAEtC,iFAAgE;AAEhE,MAAqB,gBAAiB,SAAQ,sBAA6B;IAGzE,WAAW;QACT,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAS,CAAC,mBAAmB,CAAC,EAAE,EAAE,gBAAa,CAAE,CAAC;IAClF,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAS,CAAC,YAAY,CAAC,CAAE,CAAC;IACxD,CAAC;;AATH,mCAUC;AATQ,6BAAY,GAAW,6BAAS,CAAC,IAAI,CAAC"}
|
|
@@ -4,13 +4,13 @@ exports.FileTokenWrapper = void 0;
|
|
|
4
4
|
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
5
5
|
// SPDX-License-Identifier: Apache-2.0
|
|
6
6
|
const dom_1 = require("@cloudscape-design/test-utils-core/dom");
|
|
7
|
-
const styles_selectors_js_1 = require("../../../
|
|
8
|
-
const styles_selectors_js_2 = require("../../../
|
|
9
|
-
const styles_selectors_js_3 = require("../../../
|
|
7
|
+
const styles_selectors_js_1 = require("../../../file-token-group/styles.selectors.js");
|
|
8
|
+
const styles_selectors_js_2 = require("../../../file-token-group/test-classes/styles.selectors.js");
|
|
9
|
+
const styles_selectors_js_3 = require("../../../form-field/styles.selectors.js");
|
|
10
10
|
const styles_selectors_js_4 = require("../../../token-group/styles.selectors.js");
|
|
11
11
|
class FileTokenGroupWrapper extends dom_1.ComponentWrapper {
|
|
12
12
|
findFileTokens() {
|
|
13
|
-
return this.findAllByClassName(
|
|
13
|
+
return this.findAllByClassName(styles_selectors_js_1.default.token).map(tokenElement => new FileTokenWrapper(tokenElement.getElement()));
|
|
14
14
|
}
|
|
15
15
|
/**
|
|
16
16
|
* Returns a file token from for a given index.
|
|
@@ -18,34 +18,34 @@ class FileTokenGroupWrapper extends dom_1.ComponentWrapper {
|
|
|
18
18
|
* @param tokenIndex 1-based index of the file token to return.
|
|
19
19
|
*/
|
|
20
20
|
findFileToken(fileTokenIndex) {
|
|
21
|
-
return this.findComponent(`.${
|
|
21
|
+
return this.findComponent(`.${styles_selectors_js_1.default.token}[data-index="${fileTokenIndex - 1}"]`, FileTokenWrapper);
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
exports.default = FileTokenGroupWrapper;
|
|
25
|
-
FileTokenGroupWrapper.rootSelector =
|
|
25
|
+
FileTokenGroupWrapper.rootSelector = styles_selectors_js_2.default.root;
|
|
26
26
|
class FileTokenWrapper extends dom_1.ComponentWrapper {
|
|
27
27
|
findFileName() {
|
|
28
|
-
return this.findByClassName(
|
|
28
|
+
return this.findByClassName(styles_selectors_js_1.default['file-option-name']);
|
|
29
29
|
}
|
|
30
30
|
findFileSize() {
|
|
31
|
-
return this.findByClassName(
|
|
31
|
+
return this.findByClassName(styles_selectors_js_1.default['file-option-size']);
|
|
32
32
|
}
|
|
33
33
|
findFileLastModified() {
|
|
34
|
-
return this.findByClassName(
|
|
34
|
+
return this.findByClassName(styles_selectors_js_1.default['file-option-last-modified']);
|
|
35
35
|
}
|
|
36
36
|
findFileThumbnail() {
|
|
37
|
-
return this.findByClassName(
|
|
37
|
+
return this.findByClassName(styles_selectors_js_1.default['file-option-thumbnail']);
|
|
38
38
|
}
|
|
39
39
|
findFileError() {
|
|
40
|
-
return this.find(`.${
|
|
40
|
+
return this.find(`.${styles_selectors_js_3.default.error} .${styles_selectors_js_3.default.error__message}`);
|
|
41
41
|
}
|
|
42
42
|
findFileWarning() {
|
|
43
|
-
return this.find(`.${
|
|
43
|
+
return this.find(`.${styles_selectors_js_3.default.warning} .${styles_selectors_js_3.default.warning__message}`);
|
|
44
44
|
}
|
|
45
45
|
findRemoveButton() {
|
|
46
46
|
return this.findByClassName(styles_selectors_js_4.default['dismiss-button']);
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
49
|
exports.FileTokenWrapper = FileTokenWrapper;
|
|
50
|
-
FileTokenWrapper.rootSelector =
|
|
51
|
-
//# sourceMappingURL=
|
|
50
|
+
FileTokenWrapper.rootSelector = styles_selectors_js_1.default.token;
|
|
51
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/file-token-group/index.ts"],"names":[],"mappings":";;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAA0F;AAE1F,uFAAsE;AACtE,oGAAuF;AACvF,iFAAsE;AACtE,kFAA2E;AAE3E,MAAqB,qBAAsB,SAAQ,sBAAgB;IAGjE,cAAc;QACZ,OAAO,IAAI,CAAC,kBAAkB,CAAC,6BAAS,CAAC,KAAK,CAAC,CAAC,GAAG,CACjD,YAAY,CAAC,EAAE,CAAC,IAAI,gBAAgB,CAAC,YAAY,CAAC,UAAU,EAAE,CAAC,CAChE,CAAC;IACJ,CAAC;IAED;;;;OAIG;IACH,aAAa,CAAC,cAAsB;QAClC,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAS,CAAC,KAAK,gBAAgB,cAAc,GAAG,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC;IACzG,CAAC;;AAhBH,wCAiBC;AAhBQ,kCAAY,GAAW,6BAAa,CAAC,IAAI,CAAC;AAkBnD,MAAa,gBAAiB,SAAQ,sBAAgB;IAGpD,YAAY;QACV,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAS,CAAC,kBAAkB,CAAC,CAAE,CAAC;IAC9D,CAAC;IAED,YAAY;QACV,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAS,CAAC,kBAAkB,CAAC,CAAE,CAAC;IAC9D,CAAC;IAED,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAS,CAAC,2BAA2B,CAAC,CAAE,CAAC;IACvE,CAAC;IAED,iBAAiB;QACf,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAS,CAAC,uBAAuB,CAAC,CAAE,CAAC;IACnE,CAAC;IAED,aAAa;QACX,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAe,CAAC,KAAK,KAAK,6BAAe,CAAC,cAAc,EAAE,CAAE,CAAC;IACpF,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAe,CAAC,OAAO,KAAK,6BAAe,CAAC,gBAAgB,EAAE,CAAE,CAAC;IACxF,CAAC;IAED,gBAAgB;QACd,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAmB,CAAC,gBAAgB,CAAC,CAAE,CAAC;IACtE,CAAC;;AA7BH,4CA8BC;AA7BQ,6BAAY,GAAW,6BAAS,CAAC,KAAK,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ComponentWrapper, ElementWrapper } from '@cloudscape-design/test-utils-core/dom';
|
|
2
2
|
import ButtonWrapper from '../button';
|
|
3
|
-
import { FileTokenWrapper } from '../
|
|
3
|
+
import { FileTokenWrapper } from '../file-token-group';
|
|
4
4
|
export default class FileUploadWrapper extends ComponentWrapper<HTMLElement> {
|
|
5
5
|
static rootSelector: string;
|
|
6
6
|
findUploadButton(): ButtonWrapper;
|
|
@@ -4,21 +4,21 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
4
4
|
// SPDX-License-Identifier: Apache-2.0
|
|
5
5
|
const dom_1 = require("@cloudscape-design/test-utils-core/dom");
|
|
6
6
|
const button_1 = require("../button");
|
|
7
|
-
const file_token_group_1 = require("../
|
|
8
|
-
const styles_selectors_js_1 = require("../../../file-
|
|
9
|
-
const styles_selectors_js_2 = require("../../../
|
|
10
|
-
const styles_selectors_js_3 = require("../../../
|
|
11
|
-
const styles_selectors_js_4 = require("../../../
|
|
7
|
+
const file_token_group_1 = require("../file-token-group");
|
|
8
|
+
const styles_selectors_js_1 = require("../../../file-input/styles.selectors.js");
|
|
9
|
+
const styles_selectors_js_2 = require("../../../file-token-group/styles.selectors.js");
|
|
10
|
+
const styles_selectors_js_3 = require("../../../file-upload/styles.selectors.js");
|
|
11
|
+
const styles_selectors_js_4 = require("../../../form-field/styles.selectors.js");
|
|
12
12
|
const styles_selectors_js_5 = require("../../../internal/components/token-list/styles.selectors.js");
|
|
13
13
|
class FileUploadWrapper extends dom_1.ComponentWrapper {
|
|
14
14
|
findUploadButton() {
|
|
15
|
-
return this.findComponent(`.${
|
|
15
|
+
return this.findComponent(`.${styles_selectors_js_1.default['file-input-button']}`, button_1.default);
|
|
16
16
|
}
|
|
17
17
|
findNativeInput() {
|
|
18
|
-
return this.findByClassName(
|
|
18
|
+
return this.findByClassName(styles_selectors_js_1.default['file-input']);
|
|
19
19
|
}
|
|
20
20
|
findFileTokens() {
|
|
21
|
-
return this.findAllByClassName(
|
|
21
|
+
return this.findAllByClassName(styles_selectors_js_2.default.token).map(tokenElement => new file_token_group_1.FileTokenWrapper(tokenElement.getElement()));
|
|
22
22
|
}
|
|
23
23
|
/**
|
|
24
24
|
* Returns a file token from for a given index.
|
|
@@ -26,7 +26,7 @@ class FileUploadWrapper extends dom_1.ComponentWrapper {
|
|
|
26
26
|
* @param tokenIndex 1-based index of the file token to return.
|
|
27
27
|
*/
|
|
28
28
|
findFileToken(fileTokenIndex) {
|
|
29
|
-
return this.findComponent(`.${
|
|
29
|
+
return this.findComponent(`.${styles_selectors_js_2.default.token}[data-index="${fileTokenIndex - 1}"]`, file_token_group_1.FileTokenWrapper);
|
|
30
30
|
}
|
|
31
31
|
/**
|
|
32
32
|
* Returns the token toggle button.
|
|
@@ -35,15 +35,15 @@ class FileUploadWrapper extends dom_1.ComponentWrapper {
|
|
|
35
35
|
return this.findByClassName(styles_selectors_js_5.default.toggle);
|
|
36
36
|
}
|
|
37
37
|
findConstraint() {
|
|
38
|
-
return this.find(`.${
|
|
38
|
+
return this.find(`.${styles_selectors_js_3.default.hints} .${styles_selectors_js_4.default.constraint}`);
|
|
39
39
|
}
|
|
40
40
|
findError() {
|
|
41
|
-
return this.find(`.${
|
|
41
|
+
return this.find(`.${styles_selectors_js_3.default.hints} .${styles_selectors_js_4.default.error} .${styles_selectors_js_4.default.error__message}`);
|
|
42
42
|
}
|
|
43
43
|
findWarning() {
|
|
44
|
-
return this.find(`.${
|
|
44
|
+
return this.find(`.${styles_selectors_js_3.default.hints} .${styles_selectors_js_4.default.warning} .${styles_selectors_js_4.default.warning__message}`);
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
47
|
exports.default = FileUploadWrapper;
|
|
48
|
-
FileUploadWrapper.rootSelector =
|
|
48
|
+
FileUploadWrapper.rootSelector = styles_selectors_js_3.default.root;
|
|
49
49
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/file-upload/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAA0F;AAE1F,sCAAsC;AACtC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/file-upload/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAA0F;AAE1F,sCAAsC;AACtC,0DAAuD;AAEvD,iFAA+E;AAC/E,uFAAgF;AAChF,kFAA2E;AAC3E,iFAAsE;AACtE,qGAA6F;AAE7F,MAAqB,iBAAkB,SAAQ,sBAA6B;IAG1E,gBAAgB;QACd,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAwB,CAAC,mBAAmB,CAAC,EAAE,EAAE,gBAAa,CAAE,CAAC;IACjG,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAwB,CAAC,YAAY,CAAC,CAAE,CAAC;IACvE,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,kBAAkB,CAAC,6BAAmB,CAAC,KAAK,CAAC,CAAC,GAAG,CAC3D,YAAY,CAAC,EAAE,CAAC,IAAI,mCAAgB,CAAC,YAAY,CAAC,UAAU,EAAE,CAAC,CAChE,CAAC;IACJ,CAAC;IAED;;;;OAIG;IACH,aAAa,CAAC,cAAsB;QAClC,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAmB,CAAC,KAAK,gBAAgB,cAAc,GAAG,CAAC,IAAI,EAAE,mCAAgB,CAAC,CAAC;IACnH,CAAC;IAED;;OAEG;IACH,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAkB,CAAC,MAAM,CAAC,CAAC;IACzD,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAmB,CAAC,KAAK,KAAK,6BAAe,CAAC,UAAU,EAAE,CAAC,CAAC;IACnF,CAAC;IAED,SAAS;QACP,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAmB,CAAC,KAAK,KAAK,6BAAe,CAAC,KAAK,KAAK,6BAAe,CAAC,cAAc,EAAE,CAAC,CAAC;IACjH,CAAC;IAED,WAAW;QACT,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAmB,CAAC,KAAK,KAAK,6BAAe,CAAC,OAAO,KAAK,6BAAe,CAAC,gBAAgB,EAAE,CAAC,CAAC;IACrH,CAAC;;AA3CH,oCA4CC;AA3CQ,8BAAY,GAAW,6BAAmB,CAAC,IAAI,CAAC"}
|
|
@@ -56,6 +56,12 @@ import DrawerWrapper from './drawer';
|
|
|
56
56
|
export { DrawerWrapper };
|
|
57
57
|
import ExpandableSectionWrapper from './expandable-section';
|
|
58
58
|
export { ExpandableSectionWrapper };
|
|
59
|
+
import FileDropzoneWrapper from './file-dropzone';
|
|
60
|
+
export { FileDropzoneWrapper };
|
|
61
|
+
import FileInputWrapper from './file-input';
|
|
62
|
+
export { FileInputWrapper };
|
|
63
|
+
import FileTokenGroupWrapper from './file-token-group';
|
|
64
|
+
export { FileTokenGroupWrapper };
|
|
59
65
|
import FileUploadWrapper from './file-upload';
|
|
60
66
|
export { FileUploadWrapper };
|
|
61
67
|
import FlashbarWrapper from './flashbar';
|
|
@@ -182,6 +188,9 @@ declare module '@cloudscape-design/test-utils-core/dist/dom' {
|
|
|
182
188
|
findDateRangePicker(selector?: string): DateRangePickerWrapper | null;
|
|
183
189
|
findDrawer(selector?: string): DrawerWrapper | null;
|
|
184
190
|
findExpandableSection(selector?: string): ExpandableSectionWrapper | null;
|
|
191
|
+
findFileDropzone(selector?: string): FileDropzoneWrapper | null;
|
|
192
|
+
findFileInput(selector?: string): FileInputWrapper | null;
|
|
193
|
+
findFileTokenGroup(selector?: string): FileTokenGroupWrapper | null;
|
|
185
194
|
findFileUpload(selector?: string): FileUploadWrapper | null;
|
|
186
195
|
findFlashbar(selector?: string): FlashbarWrapper | null;
|
|
187
196
|
findForm(selector?: string): FormWrapper | null;
|