UNPKG

@awsui/components-react

Version:

AWS UI is a collection of [React](https://reactjs.org/) components that help create intuitive, responsive, and accessible user experiences for web applications. It is developed by Amazon Web Services (AWS). This work is available under the terms of the [A

177 lines (175 loc) • 8.45 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
import './styles.scoped.css'; export default { "root": "_root_18wu0_nff6i_3", "box": "_box_18wu0_nff6i_16", "p-variant": "_p-variant_18wu0_nff6i_16", "color-default": "_color-default_18wu0_nff6i_16", "b-variant": "_b-variant_18wu0_nff6i_16", "strong-variant": "_strong-variant_18wu0_nff6i_16", "code-variant": "_code-variant_18wu0_nff6i_16", "pre-variant": "_pre-variant_18wu0_nff6i_16", "samp-variant": "_samp-variant_18wu0_nff6i_16", "h1-variant": "_h1-variant_18wu0_nff6i_20", "h2-variant": "_h2-variant_18wu0_nff6i_20", "h3-variant": "_h3-variant_18wu0_nff6i_20", "h4-variant": "_h4-variant_18wu0_nff6i_20", "h5-variant": "_h5-variant_18wu0_nff6i_20", "small-variant": "_small-variant_18wu0_nff6i_24", "a-variant": "_a-variant_18wu0_nff6i_28", "font-size-default": "_font-size-default_18wu0_nff6i_32", "font-weight-default": "_font-weight-default_18wu0_nff6i_67", "color-inverted": "_color-inverted_18wu0_nff6i_87", "color-text-label": "_color-text-label_18wu0_nff6i_90", "color-text-body-secondary": "_color-text-body-secondary_18wu0_nff6i_93", "color-text-status-error": "_color-text-status-error_18wu0_nff6i_96", "color-text-status-success": "_color-text-status-success_18wu0_nff6i_99", "color-text-status-info": "_color-text-status-info_18wu0_nff6i_102", "color-text-status-inactive": "_color-text-status-inactive_18wu0_nff6i_105", "color-inherit": "_color-inherit_18wu0_nff6i_108", "font-size-body-s": "_font-size-body-s_18wu0_nff6i_111", "font-size-body-m": "_font-size-body-m_18wu0_nff6i_115", "font-size-heading-xs": "_font-size-heading-xs_18wu0_nff6i_119", "font-size-heading-s": "_font-size-heading-s_18wu0_nff6i_123", "font-size-heading-m": "_font-size-heading-m_18wu0_nff6i_127", "font-size-heading-l": "_font-size-heading-l_18wu0_nff6i_131", "font-size-heading-xl": "_font-size-heading-xl_18wu0_nff6i_135", "font-size-display-l": "_font-size-display-l_18wu0_nff6i_139", "font-weight-light": "_font-weight-light_18wu0_nff6i_143", "font-weight-normal": "_font-weight-normal_18wu0_nff6i_146", "font-weight-bold": "_font-weight-bold_18wu0_nff6i_149", "t-left": "_t-left_18wu0_nff6i_153", "t-right": "_t-right_18wu0_nff6i_157", "t-center": "_t-center_18wu0_nff6i_161", "p-n": "_p-n_18wu0_nff6i_168", "p-top-n": "_p-top-n_18wu0_nff6i_172", "p-vertical-n": "_p-vertical-n_18wu0_nff6i_173", "p-right-n": "_p-right-n_18wu0_nff6i_177", "p-horizontal-n": "_p-horizontal-n_18wu0_nff6i_178", "p-bottom-n": "_p-bottom-n_18wu0_nff6i_182", "p-left-n": "_p-left-n_18wu0_nff6i_187", "p-xxxs": "_p-xxxs_18wu0_nff6i_192", "p-top-xxxs": "_p-top-xxxs_18wu0_nff6i_196", "p-vertical-xxxs": "_p-vertical-xxxs_18wu0_nff6i_197", "p-right-xxxs": "_p-right-xxxs_18wu0_nff6i_201", "p-horizontal-xxxs": "_p-horizontal-xxxs_18wu0_nff6i_202", "p-bottom-xxxs": "_p-bottom-xxxs_18wu0_nff6i_206", "p-left-xxxs": "_p-left-xxxs_18wu0_nff6i_211", "p-xxs": "_p-xxs_18wu0_nff6i_216", "p-top-xxs": "_p-top-xxs_18wu0_nff6i_220", "p-vertical-xxs": "_p-vertical-xxs_18wu0_nff6i_221", "p-right-xxs": "_p-right-xxs_18wu0_nff6i_225", "p-horizontal-xxs": "_p-horizontal-xxs_18wu0_nff6i_226", "p-bottom-xxs": "_p-bottom-xxs_18wu0_nff6i_230", "p-left-xxs": "_p-left-xxs_18wu0_nff6i_235", "p-xs": "_p-xs_18wu0_nff6i_240", "p-top-xs": "_p-top-xs_18wu0_nff6i_244", "p-vertical-xs": "_p-vertical-xs_18wu0_nff6i_245", "p-right-xs": "_p-right-xs_18wu0_nff6i_249", "p-horizontal-xs": "_p-horizontal-xs_18wu0_nff6i_250", "p-bottom-xs": "_p-bottom-xs_18wu0_nff6i_254", "p-left-xs": "_p-left-xs_18wu0_nff6i_259", "p-s": "_p-s_18wu0_nff6i_264", "p-top-s": "_p-top-s_18wu0_nff6i_268", "p-vertical-s": "_p-vertical-s_18wu0_nff6i_269", "p-right-s": "_p-right-s_18wu0_nff6i_273", "p-horizontal-s": "_p-horizontal-s_18wu0_nff6i_274", "p-bottom-s": "_p-bottom-s_18wu0_nff6i_278", "p-left-s": "_p-left-s_18wu0_nff6i_283", "p-m": "_p-m_18wu0_nff6i_288", "p-top-m": "_p-top-m_18wu0_nff6i_292", "p-vertical-m": "_p-vertical-m_18wu0_nff6i_293", "p-right-m": "_p-right-m_18wu0_nff6i_297", "p-horizontal-m": "_p-horizontal-m_18wu0_nff6i_298", "p-bottom-m": "_p-bottom-m_18wu0_nff6i_302", "p-left-m": "_p-left-m_18wu0_nff6i_307", "p-l": "_p-l_18wu0_nff6i_187", "p-top-l": "_p-top-l_18wu0_nff6i_316", "p-vertical-l": "_p-vertical-l_18wu0_nff6i_317", "p-right-l": "_p-right-l_18wu0_nff6i_321", "p-horizontal-l": "_p-horizontal-l_18wu0_nff6i_322", "p-bottom-l": "_p-bottom-l_18wu0_nff6i_326", "p-left-l": "_p-left-l_18wu0_nff6i_331", "p-xl": "_p-xl_18wu0_nff6i_336", "p-top-xl": "_p-top-xl_18wu0_nff6i_340", "p-vertical-xl": "_p-vertical-xl_18wu0_nff6i_341", "p-right-xl": "_p-right-xl_18wu0_nff6i_345", "p-horizontal-xl": "_p-horizontal-xl_18wu0_nff6i_346", "p-bottom-xl": "_p-bottom-xl_18wu0_nff6i_350", "p-left-xl": "_p-left-xl_18wu0_nff6i_355", "p-xxl": "_p-xxl_18wu0_nff6i_360", "p-top-xxl": "_p-top-xxl_18wu0_nff6i_364", "p-vertical-xxl": "_p-vertical-xxl_18wu0_nff6i_365", "p-right-xxl": "_p-right-xxl_18wu0_nff6i_369", "p-horizontal-xxl": "_p-horizontal-xxl_18wu0_nff6i_370", "p-bottom-xxl": "_p-bottom-xxl_18wu0_nff6i_374", "p-left-xxl": "_p-left-xxl_18wu0_nff6i_379", "m-n": "_m-n_18wu0_nff6i_384", "m-top-n": "_m-top-n_18wu0_nff6i_388", "m-vertical-n": "_m-vertical-n_18wu0_nff6i_389", "m-right-n": "_m-right-n_18wu0_nff6i_393", "m-horizontal-n": "_m-horizontal-n_18wu0_nff6i_394", "m-bottom-n": "_m-bottom-n_18wu0_nff6i_398", "m-left-n": "_m-left-n_18wu0_nff6i_403", "m-xxxs": "_m-xxxs_18wu0_nff6i_408", "m-top-xxxs": "_m-top-xxxs_18wu0_nff6i_412", "m-vertical-xxxs": "_m-vertical-xxxs_18wu0_nff6i_413", "m-right-xxxs": "_m-right-xxxs_18wu0_nff6i_417", "m-horizontal-xxxs": "_m-horizontal-xxxs_18wu0_nff6i_418", "m-bottom-xxxs": "_m-bottom-xxxs_18wu0_nff6i_422", "m-left-xxxs": "_m-left-xxxs_18wu0_nff6i_427", "m-xxs": "_m-xxs_18wu0_nff6i_432", "m-top-xxs": "_m-top-xxs_18wu0_nff6i_436", "m-vertical-xxs": "_m-vertical-xxs_18wu0_nff6i_437", "m-right-xxs": "_m-right-xxs_18wu0_nff6i_441", "m-horizontal-xxs": "_m-horizontal-xxs_18wu0_nff6i_442", "m-bottom-xxs": "_m-bottom-xxs_18wu0_nff6i_446", "m-left-xxs": "_m-left-xxs_18wu0_nff6i_451", "m-xs": "_m-xs_18wu0_nff6i_456", "m-top-xs": "_m-top-xs_18wu0_nff6i_460", "m-vertical-xs": "_m-vertical-xs_18wu0_nff6i_461", "m-right-xs": "_m-right-xs_18wu0_nff6i_465", "m-horizontal-xs": "_m-horizontal-xs_18wu0_nff6i_466", "m-bottom-xs": "_m-bottom-xs_18wu0_nff6i_470", "m-left-xs": "_m-left-xs_18wu0_nff6i_475", "m-s": "_m-s_18wu0_nff6i_480", "m-top-s": "_m-top-s_18wu0_nff6i_484", "m-vertical-s": "_m-vertical-s_18wu0_nff6i_485", "m-right-s": "_m-right-s_18wu0_nff6i_489", "m-horizontal-s": "_m-horizontal-s_18wu0_nff6i_490", "m-bottom-s": "_m-bottom-s_18wu0_nff6i_494", "m-left-s": "_m-left-s_18wu0_nff6i_499", "m-m": "_m-m_18wu0_nff6i_504", "m-top-m": "_m-top-m_18wu0_nff6i_508", "m-vertical-m": "_m-vertical-m_18wu0_nff6i_509", "m-right-m": "_m-right-m_18wu0_nff6i_513", "m-horizontal-m": "_m-horizontal-m_18wu0_nff6i_514", "m-bottom-m": "_m-bottom-m_18wu0_nff6i_518", "m-left-m": "_m-left-m_18wu0_nff6i_523", "m-l": "_m-l_18wu0_nff6i_403", "m-top-l": "_m-top-l_18wu0_nff6i_532", "m-vertical-l": "_m-vertical-l_18wu0_nff6i_533", "m-right-l": "_m-right-l_18wu0_nff6i_537", "m-horizontal-l": "_m-horizontal-l_18wu0_nff6i_538", "m-bottom-l": "_m-bottom-l_18wu0_nff6i_542", "m-left-l": "_m-left-l_18wu0_nff6i_547", "m-xl": "_m-xl_18wu0_nff6i_552", "m-top-xl": "_m-top-xl_18wu0_nff6i_556", "m-vertical-xl": "_m-vertical-xl_18wu0_nff6i_557", "m-right-xl": "_m-right-xl_18wu0_nff6i_561", "m-horizontal-xl": "_m-horizontal-xl_18wu0_nff6i_562", "m-bottom-xl": "_m-bottom-xl_18wu0_nff6i_566", "m-left-xl": "_m-left-xl_18wu0_nff6i_571", "m-xxl": "_m-xxl_18wu0_nff6i_576", "m-top-xxl": "_m-top-xxl_18wu0_nff6i_580", "m-vertical-xxl": "_m-vertical-xxl_18wu0_nff6i_581", "m-right-xxl": "_m-right-xxl_18wu0_nff6i_585", "m-horizontal-xxl": "_m-horizontal-xxl_18wu0_nff6i_586", "m-bottom-xxl": "_m-bottom-xxl_18wu0_nff6i_590", "m-left-xxl": "_m-left-xxl_18wu0_nff6i_595", "d-block": "_d-block_18wu0_nff6i_600", "d-inline": "_d-inline_18wu0_nff6i_603", "d-inline-block": "_d-inline-block_18wu0_nff6i_606", "d-none": "_d-none_18wu0_nff6i_609", "f-left": "_f-left_18wu0_nff6i_613", "f-right": "_f-right_18wu0_nff6i_617" };