@aws-amplify/ui 2.0.4-unstable.99 → 3.0.0
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/README.md +7 -0
- package/dist/esm/index.js +32 -0
- package/dist/esm/index.js.map +7 -0
- package/dist/index.d.ts +788 -0
- package/dist/index.js +32 -0
- package/dist/index.js.map +7 -0
- package/dist/styles.css +2697 -0
- package/dist/theme.css +781 -0
- package/package.json +51 -28
- package/CHANGELOG.md +0 -331
- package/Readme.md +0 -5
- package/dist/aws-amplify-ui.js +0 -2
- package/dist/aws-amplify-ui.js.map +0 -1
- package/dist/aws-amplify-ui.min.js +0 -2
- package/dist/aws-amplify-ui.min.js.map +0 -1
- package/dist/style.css +0 -775
- package/dist/style.css.map +0 -1
- package/lib/Anchor.css.d.ts +0 -2
- package/lib/Button.css.d.ts +0 -10
- package/lib/Form.css.d.ts +0 -5
- package/lib/Hint.css.d.ts +0 -2
- package/lib/Input.css.d.ts +0 -5
- package/lib/Nav.css.d.ts +0 -5
- package/lib/PhotoPicker.css.d.ts +0 -4
- package/lib/Section.css.d.ts +0 -10
- package/lib/SelectInput.css.d.ts +0 -2
- package/lib/Strike.css.d.ts +0 -3
- package/lib/Toast.css.d.ts +0 -3
- package/lib/Totp.css.d.ts +0 -2
- package/lib/XR.css.d.ts +0 -17
- package/lib/index.d.ts +0 -13
- package/postcss.config.js +0 -3
- package/src/Anchor.css +0 -10
- package/src/Anchor.css.d.ts +0 -2
- package/src/Angular.css +0 -607
- package/src/Button.css +0 -131
- package/src/Button.css.d.ts +0 -10
- package/src/Form.css +0 -43
- package/src/Form.css.d.ts +0 -5
- package/src/Hint.css +0 -6
- package/src/Hint.css.d.ts +0 -2
- package/src/Input.css +0 -41
- package/src/Input.css.d.ts +0 -5
- package/src/Nav.css +0 -21
- package/src/Nav.css.d.ts +0 -5
- package/src/PhotoPicker.css +0 -15
- package/src/PhotoPicker.css.d.ts +0 -4
- package/src/Section.css +0 -67
- package/src/Section.css.d.ts +0 -10
- package/src/SelectInput.css +0 -36
- package/src/SelectInput.css.d.ts +0 -2
- package/src/Strike.css +0 -17
- package/src/Strike.css.d.ts +0 -3
- package/src/Theme.css +0 -150
- package/src/Toast.css +0 -63
- package/src/Toast.css.d.ts +0 -3
- package/src/Totp.css +0 -4
- package/src/Totp.css.d.ts +0 -2
- package/src/XR.css +0 -201
- package/src/XR.css.d.ts +0 -17
- package/src/index.ts +0 -25
- package/tsconfig.json +0 -29
- package/webpack.config.js +0 -63
package/src/XR.css
DELETED
|
@@ -1,201 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Copyright 2018 Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
3
|
-
*
|
|
4
|
-
* Licensed under the Apache License, Version 2.0 (the "License"). You may not use this file except in compliance with
|
|
5
|
-
* the License. A copy of the License is located at
|
|
6
|
-
*
|
|
7
|
-
* http://aws.amazon.com/apache2.0/
|
|
8
|
-
*
|
|
9
|
-
* or in the "license" file accompanying this file. This file is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
|
|
10
|
-
* CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions
|
|
11
|
-
* and limitations under the License.
|
|
12
|
-
*/
|
|
13
|
-
@import './Theme.css';
|
|
14
|
-
|
|
15
|
-
.sumerianSceneContainer {
|
|
16
|
-
width: 100%;
|
|
17
|
-
height: 100%;
|
|
18
|
-
position: relative;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.sumerianScene {
|
|
22
|
-
width: 100%;
|
|
23
|
-
height: 100%;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.loadingOverlay {
|
|
27
|
-
display: flex;
|
|
28
|
-
align-items: center;
|
|
29
|
-
justify-content: center;
|
|
30
|
-
width: 100%;
|
|
31
|
-
height: 100%;
|
|
32
|
-
background-color: var(--lightSquidInk);
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
.loadingContainer {
|
|
36
|
-
display: flex;
|
|
37
|
-
flex-direction: column;
|
|
38
|
-
align-items: center;
|
|
39
|
-
justify-content: center;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
.loadingLogo {
|
|
43
|
-
margin-bottom: 20px;
|
|
44
|
-
width: 80px;
|
|
45
|
-
fill: var(--white);
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
.loadingSceneName {
|
|
49
|
-
color: var(--white);
|
|
50
|
-
margin: 0 2px 20px 2px;
|
|
51
|
-
font-size: 18px;
|
|
52
|
-
font-family: 'Amazon Ember';
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
.loadingBar {
|
|
56
|
-
height: 2px;
|
|
57
|
-
width: 100%;
|
|
58
|
-
border-radius: 2px;
|
|
59
|
-
background-color: var(--deepSquidInk);
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
.loadingBarFill {
|
|
63
|
-
background-color: var(--light-blue);
|
|
64
|
-
height: 100%;
|
|
65
|
-
border-radius: 2px;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
.sceneErrorText {
|
|
69
|
-
color: var(--red);
|
|
70
|
-
font-size: 14px;
|
|
71
|
-
font-family: 'Amazon Ember';
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
.sceneBar {
|
|
75
|
-
display: flex;
|
|
76
|
-
align-items: center;
|
|
77
|
-
font-size: 100%;
|
|
78
|
-
position: absolute;
|
|
79
|
-
bottom: 0;
|
|
80
|
-
width: 100%;
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
.sceneName {
|
|
84
|
-
color: var(--white);
|
|
85
|
-
margin: 0 1.5em;
|
|
86
|
-
font-size: 1em;
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
.sceneActions {
|
|
90
|
-
margin-left: auto;
|
|
91
|
-
margin-right: 16px;
|
|
92
|
-
margin-bottom: 16px;
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
.actionButton {
|
|
96
|
-
position: relative;
|
|
97
|
-
padding: 0;
|
|
98
|
-
background: none;
|
|
99
|
-
height: 54px;
|
|
100
|
-
width: 54px;
|
|
101
|
-
cursor:pointer;
|
|
102
|
-
outline: none;
|
|
103
|
-
text-decoration: none;
|
|
104
|
-
border: none;
|
|
105
|
-
border-radius: 30px;
|
|
106
|
-
transition: all .3s ease-in-out;
|
|
107
|
-
color: var(--white);
|
|
108
|
-
fill: currentColor;
|
|
109
|
-
}
|
|
110
|
-
|
|
111
|
-
.actionButton:hover {
|
|
112
|
-
background-color: var(--deepSquidInk);
|
|
113
|
-
box-shadow: 0.3px 0.3px 0.3px rgba(0, 0, 0, 0.3);
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
.actionButton:hover > .tooltip {
|
|
117
|
-
display: block;
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
.actionButton:hover > svg {
|
|
121
|
-
-webkit-filter: none;
|
|
122
|
-
filter: none;
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
.actionButton:focus {
|
|
126
|
-
outline: none;
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
.actionButton > svg {
|
|
130
|
-
width: 1.8em;
|
|
131
|
-
height: 1.8em;
|
|
132
|
-
-webkit-filter: drop-shadow(1px 1px 1px var(--grey));
|
|
133
|
-
filter: drop-shadow(1px 1px 1px var(--grey));
|
|
134
|
-
}
|
|
135
|
-
|
|
136
|
-
.actionIcon {
|
|
137
|
-
fill: var(--white);
|
|
138
|
-
}
|
|
139
|
-
|
|
140
|
-
.tooltip {
|
|
141
|
-
display: inline;
|
|
142
|
-
position: relative;
|
|
143
|
-
font-size: 12px;
|
|
144
|
-
font-family: 'Amazon Ember';
|
|
145
|
-
margin: 0 0 0 16px;
|
|
146
|
-
}
|
|
147
|
-
|
|
148
|
-
.autoShowTooltip .actionButton {
|
|
149
|
-
background-color: var(--deepSquidInk);
|
|
150
|
-
}
|
|
151
|
-
|
|
152
|
-
.tooltip:after {
|
|
153
|
-
background-color: var(--deepSquidInk);
|
|
154
|
-
border-radius: 2px;
|
|
155
|
-
bottom: 46px;
|
|
156
|
-
color: var(--white);
|
|
157
|
-
content: attr(data-text);
|
|
158
|
-
text-decoration: none;
|
|
159
|
-
padding: 10px;
|
|
160
|
-
left: 50%;
|
|
161
|
-
-webkit-transform: translateX(-50%);
|
|
162
|
-
-moz-transform: translateX(-50%);
|
|
163
|
-
-ms-transform: translateX(-50%);
|
|
164
|
-
-o-transform: translateX(-50%);
|
|
165
|
-
transform: translateX(-50%);
|
|
166
|
-
position: absolute;
|
|
167
|
-
white-space: nowrap;
|
|
168
|
-
opacity: 0;
|
|
169
|
-
transition: all .3s ease-in-out;
|
|
170
|
-
}
|
|
171
|
-
|
|
172
|
-
.tooltip:before {
|
|
173
|
-
border: solid;
|
|
174
|
-
border-color: var(--deepSquidInk) transparent transparent transparent;
|
|
175
|
-
border-width: 5px;
|
|
176
|
-
bottom: 36px;
|
|
177
|
-
content:"";
|
|
178
|
-
left: 50%;
|
|
179
|
-
-webkit-transform: translateX(-50%);
|
|
180
|
-
-moz-transform: translateX(-50%);
|
|
181
|
-
-ms-transform: translateX(-50%);
|
|
182
|
-
-o-transform: translateX(-50%);
|
|
183
|
-
transform: translateX(-50%);
|
|
184
|
-
position: absolute;
|
|
185
|
-
font-size: 14px;
|
|
186
|
-
opacity: 0;
|
|
187
|
-
transition: all .3s ease-in-out;
|
|
188
|
-
}
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
.autoShowTooltip:after,
|
|
192
|
-
.tooltip:hover:after {
|
|
193
|
-
opacity: 1;
|
|
194
|
-
transition-delay: 1s;
|
|
195
|
-
}
|
|
196
|
-
|
|
197
|
-
.autoShowTooltip:before,
|
|
198
|
-
.tooltip:hover:before {
|
|
199
|
-
opacity: 1;
|
|
200
|
-
transition-delay: 1s;
|
|
201
|
-
}
|
package/src/XR.css.d.ts
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
// AUTOMATICALLY GENERATED - DO NOT EDIT
|
|
2
|
-
export const sumerianSceneContainer: string;
|
|
3
|
-
export const sumerianScene: string;
|
|
4
|
-
export const loadingOverlay: string;
|
|
5
|
-
export const loadingContainer: string;
|
|
6
|
-
export const loadingLogo: string;
|
|
7
|
-
export const loadingSceneName: string;
|
|
8
|
-
export const loadingBar: string;
|
|
9
|
-
export const loadingBarFill: string;
|
|
10
|
-
export const sceneErrorText: string;
|
|
11
|
-
export const sceneBar: string;
|
|
12
|
-
export const sceneName: string;
|
|
13
|
-
export const sceneActions: string;
|
|
14
|
-
export const actionButton: string;
|
|
15
|
-
export const tooltip: string;
|
|
16
|
-
export const actionIcon: string;
|
|
17
|
-
export const autoShowTooltip: string;
|
package/src/index.ts
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Copyright 2018 Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
3
|
-
*
|
|
4
|
-
* Licensed under the Apache License, Version 2.0 (the "License"). You may not use this file except in compliance with
|
|
5
|
-
* the License. A copy of the License is located at
|
|
6
|
-
*
|
|
7
|
-
* http://aws.amazon.com/apache2.0/
|
|
8
|
-
*
|
|
9
|
-
* or in the "license" file accompanying this file. This file is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
|
|
10
|
-
* CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions
|
|
11
|
-
* and limitations under the License.
|
|
12
|
-
*/
|
|
13
|
-
export * from './Anchor.css';
|
|
14
|
-
export * from './Button.css';
|
|
15
|
-
export * from './Form.css';
|
|
16
|
-
export * from './Hint.css';
|
|
17
|
-
export * from './Input.css';
|
|
18
|
-
export * from './Nav.css';
|
|
19
|
-
export * from './PhotoPicker.css';
|
|
20
|
-
export * from './Section.css';
|
|
21
|
-
export * from './SelectInput.css';
|
|
22
|
-
export * from './Strike.css';
|
|
23
|
-
export * from './Toast.css';
|
|
24
|
-
export * from './Totp.css';
|
|
25
|
-
export * from './XR.css';
|
package/tsconfig.json
DELETED
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
//WARNING: If you are manually specifying files to compile then the tsconfig.json is completely ignored, you must use command line flags
|
|
2
|
-
{
|
|
3
|
-
"compilerOptions": {
|
|
4
|
-
"outDir": "./lib/",
|
|
5
|
-
"target": "es5",
|
|
6
|
-
"noImplicitAny": false,
|
|
7
|
-
"lib": [
|
|
8
|
-
"es5",
|
|
9
|
-
"es2015",
|
|
10
|
-
"dom",
|
|
11
|
-
"esnext.asynciterable",
|
|
12
|
-
"es2017.object"
|
|
13
|
-
],
|
|
14
|
-
"sourceMap": true,
|
|
15
|
-
"module": "commonjs",
|
|
16
|
-
"moduleResolution": "node",
|
|
17
|
-
"allowJs": false,
|
|
18
|
-
"declaration": true,
|
|
19
|
-
"typeRoots": [
|
|
20
|
-
"./node_modules/@types",
|
|
21
|
-
"../../node_modules/@types"
|
|
22
|
-
],
|
|
23
|
-
// temporary fix
|
|
24
|
-
"types": ["node", "lodash"]
|
|
25
|
-
},
|
|
26
|
-
"include": [
|
|
27
|
-
"src/**/*"
|
|
28
|
-
]
|
|
29
|
-
}
|
package/webpack.config.js
DELETED
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
|
|
2
|
-
|
|
3
|
-
module.exports = {
|
|
4
|
-
entry: {
|
|
5
|
-
'aws-amplify-ui': './src/index.ts',
|
|
6
|
-
'aws-amplify-ui.min': './src/index.ts',
|
|
7
|
-
},
|
|
8
|
-
output: {
|
|
9
|
-
filename: '[name].js',
|
|
10
|
-
path: __dirname + '/dist',
|
|
11
|
-
library: 'aws_amplify_ui',
|
|
12
|
-
libraryTarget: 'umd',
|
|
13
|
-
umdNamedDefine: true,
|
|
14
|
-
globalObject: 'this',
|
|
15
|
-
devtoolModuleFilenameTemplate: require('../aws-amplify/webpack-utils')
|
|
16
|
-
.devtoolModuleFilenameTemplate,
|
|
17
|
-
},
|
|
18
|
-
// Enable sourcemaps for debugging webpack's output.
|
|
19
|
-
devtool: 'source-map',
|
|
20
|
-
resolve: {
|
|
21
|
-
extensions: ['.tsx', '.ts', '.js', '.css'],
|
|
22
|
-
},
|
|
23
|
-
|
|
24
|
-
mode: process.env.NODE_ENV || 'production',
|
|
25
|
-
|
|
26
|
-
module: {
|
|
27
|
-
rules: [
|
|
28
|
-
{ test: /\.jsx?$/, use: 'ts-loader', exclude: /node_modules/ },
|
|
29
|
-
{ test: /\.tsx?$/, use: 'ts-loader', exclude: /node_modules/ },
|
|
30
|
-
{
|
|
31
|
-
test: /\.css$/,
|
|
32
|
-
use: [
|
|
33
|
-
{
|
|
34
|
-
loader: MiniCssExtractPlugin.loader,
|
|
35
|
-
options: {
|
|
36
|
-
hmr: process.env.NODE_ENV === 'development',
|
|
37
|
-
},
|
|
38
|
-
},
|
|
39
|
-
{
|
|
40
|
-
loader: 'dts-css-modules-loader',
|
|
41
|
-
options: {
|
|
42
|
-
banner: '// AUTOMATICALLY GENERATED - DO NOT EDIT',
|
|
43
|
-
namedExport: true,
|
|
44
|
-
},
|
|
45
|
-
},
|
|
46
|
-
{
|
|
47
|
-
loader: 'css-loader',
|
|
48
|
-
options: {
|
|
49
|
-
modules: true,
|
|
50
|
-
importLoaders: 1,
|
|
51
|
-
localIdentName: '[name]__[local]___[hash:base64:5]',
|
|
52
|
-
},
|
|
53
|
-
},
|
|
54
|
-
'postcss-loader',
|
|
55
|
-
],
|
|
56
|
-
},
|
|
57
|
-
],
|
|
58
|
-
},
|
|
59
|
-
|
|
60
|
-
plugins: [
|
|
61
|
-
new MiniCssExtractPlugin({ filename: 'style.css', allChunks: true }),
|
|
62
|
-
],
|
|
63
|
-
};
|