@mrshmllw/smores-react 2.1.8 → 2.1.9

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 (36) hide show
  1. package/dist/ActionDropdown/__tests__/__snapshots__/ActionDropdown.js.snap +167 -0
  2. package/dist/Box/__tests__/__snapshots__/Box.js.snap +20 -0
  3. package/dist/Button/Button.stories.d.ts +0 -5
  4. package/dist/Button/Button.stories.js +0 -20
  5. package/dist/Button/Button.stories.js.map +1 -1
  6. package/dist/Button/__tests__/__snapshots__/Button.js.snap +46 -0
  7. package/dist/Card/__tests__/__snapshots__/Card.js.snap +24 -0
  8. package/dist/CheckBox/__tests__/__snapshots__/CheckBox.js.snap +20 -0
  9. package/dist/Dropdown/Dropdown.js +2 -1
  10. package/dist/Dropdown/Dropdown.js.map +1 -1
  11. package/dist/Dropdown/__tests__/__snapshots__/Dropdown.js.snap +167 -0
  12. package/dist/Emoji/__tests__/__snapshots__/Emoji.js.snap +20 -0
  13. package/dist/Icon/__tests__/__snapshots__/Icon.js.snap +47 -0
  14. package/dist/IconWrapper/__tests__/__snapshots__/IconWrapper.js.snap +121 -0
  15. package/dist/LabelledText/__tests__/__snapshots__/LabelledText.js.snap +57 -0
  16. package/dist/Loader/__tests__/__snapshots__/Loader.js.snap +53 -0
  17. package/dist/Message/__tests__/__snapshots__/Message.js.snap +279 -0
  18. package/dist/Modal/__tests__/__snapshots__/Modal.js.snap +208 -0
  19. package/dist/NumberInput/__tests__/__snapshots__/NumberInput.js.snap +1398 -0
  20. package/dist/Pagination/__tests__/__snapshots__/Pagination.js.snap +273 -0
  21. package/dist/RadioButton/__tests__/__snapshots__/RadioButton.js.snap +146 -0
  22. package/dist/Row/__tests__/__snapshots__/Row.js.snap +96 -0
  23. package/dist/SearchInput/SearchInput.js +2 -1
  24. package/dist/SearchInput/SearchInput.js.map +1 -1
  25. package/dist/SearchInput/__tests__/__snapshots__/SearchInput.js.snap +146 -0
  26. package/dist/Tag/__tests__/__snapshots__/Tag.js.snap +54 -0
  27. package/dist/Text/__tests__/__snapshots__/Text.js.snap +34 -0
  28. package/dist/TextInput/TextInput.d.ts +1 -1
  29. package/dist/TextInput/TextInput.js +2 -1
  30. package/dist/TextInput/TextInput.js.map +1 -1
  31. package/dist/TextInput/__tests__/__snapshots__/TextInput.js.snap +74 -0
  32. package/dist/Textarea/Textarea.js +2 -1
  33. package/dist/Textarea/Textarea.js.map +1 -1
  34. package/dist/Textarea/__tests__/__snapshots__/Textarea.js.snap +271 -0
  35. package/dist/Toggle/__tests__/__snapshots__/Toggle.js.snap +70 -0
  36. package/package.json +1 -1
@@ -0,0 +1,167 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`renders 1`] = `
4
+ .c3 {
5
+ display: -webkit-box;
6
+ display: -webkit-flex;
7
+ display: -ms-flexbox;
8
+ display: flex;
9
+ -webkit-align-items: center;
10
+ -webkit-box-align: center;
11
+ -ms-flex-align: center;
12
+ align-items: center;
13
+ -webkit-box-pack: center;
14
+ -webkit-justify-content: center;
15
+ -ms-flex-pack: center;
16
+ justify-content: center;
17
+ width: 100%;
18
+ max-width: 24px;
19
+ height: 24px;
20
+ -webkit-transform: rotate(0deg);
21
+ -ms-transform: rotate(0deg);
22
+ transform: rotate(0deg);
23
+ margin-top: 0;
24
+ margin-right: 0;
25
+ margin-bottom: 0;
26
+ margin-left: 0;
27
+ }
28
+
29
+ .c5 {
30
+ padding: 0;
31
+ margin: 0;
32
+ max-height: 188px;
33
+ }
34
+
35
+ .c6 {
36
+ padding: 16px 24px;
37
+ text-align: left;
38
+ overflow: hidden;
39
+ white-space: nowrap;
40
+ text-overflow: ellipsis;
41
+ box-sizing: border-box;
42
+ font-size: 14px;
43
+ cursor: pointer;
44
+ color: #112035;
45
+ border-bottom: 1px solid #E5E5E5;
46
+ }
47
+
48
+ .c6:hover {
49
+ background-color: #E5E5E5;
50
+ }
51
+
52
+ .c6:last-child {
53
+ border-bottom: none;
54
+ }
55
+
56
+ .c1 {
57
+ color: #ffffff;
58
+ background-color: #EA9C56;
59
+ position: relative;
60
+ width: 100%;
61
+ height: 48px;
62
+ display: -webkit-box;
63
+ display: -webkit-flex;
64
+ display: -ms-flexbox;
65
+ display: flex;
66
+ -webkit-align-items: center;
67
+ -webkit-box-align: center;
68
+ -ms-flex-align: center;
69
+ align-items: center;
70
+ -webkit-box-pack: justify;
71
+ -webkit-justify-content: space-between;
72
+ -ms-flex-pack: justify;
73
+ justify-content: space-between;
74
+ text-align: center;
75
+ border-radius: 8px;
76
+ padding: 16px 16px 14px;
77
+ box-sizing: border-box;
78
+ -webkit-user-select: none;
79
+ -moz-user-select: none;
80
+ -ms-user-select: none;
81
+ user-select: none;
82
+ }
83
+
84
+ .c2 {
85
+ font-size: 14px;
86
+ white-space: nowrap;
87
+ overflow: hidden;
88
+ text-overflow: ellipsis;
89
+ }
90
+
91
+ .c0 {
92
+ position: relative;
93
+ display: block;
94
+ width: 210px;
95
+ height: 48px;
96
+ text-align: center;
97
+ cursor: pointer;
98
+ outline: none;
99
+ border-radius: 8px;
100
+ }
101
+
102
+ .c4 {
103
+ position: absolute;
104
+ width: 100%;
105
+ border-radius: 8px;
106
+ margin-top: 8px;
107
+ display: none;
108
+ max-height: 48px;
109
+ background-color: #ffffff;
110
+ border: 1px solid #E5E5E5;
111
+ overflow-y: hidden;
112
+ z-index: 2;
113
+ -webkit-transition: all 0.2s ease-in-out;
114
+ transition: all 0.2s ease-in-out;
115
+ }
116
+
117
+ <div
118
+ class="c0"
119
+ >
120
+ <div
121
+ class="c1"
122
+ >
123
+ <span
124
+ class="c2"
125
+ >
126
+ High alert
127
+ </span>
128
+ <span
129
+ class="c3"
130
+ color="white"
131
+ rotate="0"
132
+ size="24"
133
+ >
134
+ <svg
135
+ fill="none"
136
+ height="100%"
137
+ viewBox="0 0 24 24"
138
+ width="100%"
139
+ xmlns="http://www.w3.org/2000/svg"
140
+ >
141
+ <path
142
+ d="M19.66 8.248a1 1 0 00-1.412.095L12 15.482l-6.248-7.14a1 1 0 10-1.504 1.317l7 8a.995.995 0 001.504 0l7-8a1 1 0 00-.093-1.411z"
143
+ fill="#ffffff"
144
+ />
145
+ </svg>
146
+ </span>
147
+ </div>
148
+ <div
149
+ class="c4"
150
+ >
151
+ <ul
152
+ class="c5"
153
+ >
154
+ <li
155
+ class="c6"
156
+ >
157
+ High alert
158
+ </li>
159
+ <li
160
+ class="c6"
161
+ >
162
+ Good zone
163
+ </li>
164
+ </ul>
165
+ </div>
166
+ </div>
167
+ `;
@@ -0,0 +1,20 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`renders 1`] = `
4
+ .c0 {
5
+ margin-top: 32px;
6
+ padding-bottom: 16px;
7
+ display: -webkit-box;
8
+ display: -webkit-flex;
9
+ display: -ms-flexbox;
10
+ display: flex;
11
+ -webkit-flex-direction: column;
12
+ -ms-flex-direction: column;
13
+ flex-direction: column;
14
+ }
15
+
16
+ <div
17
+ class="c0"
18
+ direction="column"
19
+ />
20
+ `;
@@ -8,12 +8,7 @@ declare namespace _default {
8
8
  }
9
9
  }
10
10
  export default _default;
11
- export const Default: any;
12
11
  export const Interactive: any;
13
- export const Coloured: any;
14
- export const Inverted: any;
15
- export const Outlined: any;
16
- export const Block: any;
17
12
  export const Primary: any;
18
13
  export const PrimaryDisabled: any;
19
14
  export const PrimaryLoading: any;
@@ -7,28 +7,8 @@ export default {
7
7
  argTypes: { handleClick: { action: 'clicked' } },
8
8
  };
9
9
  const Template = (args) => React.createElement(Button, Object.assign({}, args), "Get started");
10
- export const Default = Template.bind({});
11
- Default.args = {
12
- color: 'secondary',
13
- };
14
10
  const InteractivePlaygroundTemplate = (args) => (React.createElement(InteractivePlayground, Object.assign({}, args)));
15
11
  export const Interactive = InteractivePlaygroundTemplate.bind({});
16
- export const Coloured = Template.bind({});
17
- Coloured.args = {
18
- color: 'success',
19
- };
20
- export const Inverted = Template.bind({});
21
- Inverted.args = {
22
- inverted: true,
23
- };
24
- export const Outlined = Template.bind({});
25
- Outlined.args = {
26
- outlined: true,
27
- };
28
- export const Block = Template.bind({});
29
- Block.args = {
30
- block: true,
31
- };
32
12
  export const Primary = Template.bind({});
33
13
  Primary.args = {
34
14
  primary: true,
@@ -1 +1 @@
1
- {"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../src/Button/Button.stories.js"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../src/Button/Button.stories.js"],"names":[],"mappings":"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"}
@@ -0,0 +1,46 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`renders 1`] = `
4
+ .c0 {
5
+ position: relative;
6
+ display: inline-block;
7
+ box-sizing: border-box;
8
+ border: none;
9
+ border-radius: 8px;
10
+ font-size: 16px;
11
+ padding: 18px 16px 14px;
12
+ outline: none;
13
+ cursor: pointer;
14
+ width: auto;
15
+ background-color: #55D6AA;
16
+ color: #ffffff;
17
+ font-weight: 500;
18
+ }
19
+
20
+ .c0:hover:not([disabled]) {
21
+ background-color: #4CB99F;
22
+ }
23
+
24
+ .c0:active:not([disabled]) {
25
+ background-color: #469389;
26
+ }
27
+
28
+ .c0:disabled {
29
+ opacity: 0.5;
30
+ cursor: not-allowed;
31
+ }
32
+
33
+ @media (min-width:768px) {
34
+ .c0 {
35
+ padding: 16px 16px 15px;
36
+ font-size: 16px;
37
+ }
38
+ }
39
+
40
+ <div>
41
+ <button
42
+ class="c0"
43
+ color="green"
44
+ />
45
+ </div>
46
+ `;
@@ -0,0 +1,24 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`renders 1`] = `
4
+ .c0 {
5
+ background: #ffffff;
6
+ border: 1px solid #ECECEC;
7
+ box-sizing: border-box;
8
+ box-shadow: 0px 4px 3px rgba(0,0,0,0.08);
9
+ border-radius: 8px;
10
+ padding: 24px;
11
+ }
12
+
13
+ @media (min-width:768px) {
14
+ .c0 {
15
+ padding: 32px;
16
+ }
17
+ }
18
+
19
+ <div
20
+ class="c0"
21
+ >
22
+ Text inside
23
+ </div>
24
+ `;
@@ -0,0 +1,20 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`renders 1`] = `
4
+ <label
5
+ class="sc-dlnjwi bXlBnZ"
6
+ >
7
+ <span
8
+ class="sc-bdnxRM dSPFEI"
9
+ color="blue7"
10
+ cursor="inherit"
11
+ title=""
12
+ />
13
+ <input
14
+ type="checkbox"
15
+ />
16
+ <span
17
+ class="sc-gtsrHT fIfsMW"
18
+ />
19
+ </label>
20
+ `;
@@ -1,5 +1,6 @@
1
1
  import React, { useEffect, useState } from 'react';
2
2
  import styled from 'styled-components';
3
+ import { darken } from 'polished';
3
4
  import { Text } from '../Text';
4
5
  import { Icon } from '../Icon';
5
6
  import { Box } from '../Box';
@@ -98,7 +99,7 @@ const Select = styled.select `
98
99
  &:focus-visible,
99
100
  &:checked {
100
101
  outline: none;
101
- border-color: ${theme.colors.outline};
102
+ border-color: ${darken(0.1, theme.colors.outline)};
102
103
  }
103
104
 
104
105
  ${({ outlined }) => outlined &&
@@ -1 +1 @@
1
- {"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,SAAS,EAAE,QAAQ,EAAwB,MAAM,OAAO,CAAA;AAC5E,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAE5B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AA+DhC,MAAM,CAAC,MAAM,QAAQ,GAAc,CAAC,EAClC,EAAE,EACF,SAAS,GAAG,EAAE,EACd,GAAG,EACH,KAAK,EACL,WAAW,EACX,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,QAAQ,GAAG,KAAK,EAChB,IAAI,EACJ,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,KAAK,EACb,QAAQ,GAAG,EAAE,EACb,aAAa,EACb,MAAM,EACN,QAAQ,GAAG,IAAI,GAChB,EAAE,EAAE;IACH,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAClC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvD,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAC5D,EAAsB,CACvB,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;YACrB,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;SACxB;QAED,iFAAiF;QACjF,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;QAEhE,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAA;QAE/D,MAAM,kBAAkB,GAAG,IAAI,GAAG,EAA0B,CAAA;QAE5D,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;;YACpB,MAAM,GAAG,GAAG,MAAA,IAAI,CAAC,gBAAgB,mCAAI,EAAE,CAAA;YACvC,MAAM,KAAK,GAAG,MAAA,kBAAkB,CAAC,GAAG,CAAC,GAAG,CAAC,mCAAI,EAAE,CAAA;YAE/C,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;YAChB,kBAAkB,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;QACpC,CAAC,CAAC,CAAA;QAEF,sBAAsB,CAAC,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC,MAAM,EAAE,CAAC,CAAC,CAAA;IACjE,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,OAAO,CACL,oBAAC,SAAS,IAAC,SAAS,EAAE,SAAS;QAC5B,KAAK,IAAI,CACR,oBAAC,GAAG,IAAC,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK;YAC/B,oBAAC,IAAI,IAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,EAAE,IACvD,KAAK,CACD,CACH,CACP;QAED,oBAAC,OAAO,IAAC,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG;YACnC,oBAAC,MAAM,IACL,EAAE,EAAE,EAAE,EACN,YAAY,EACV,IAAI,CAAC,MAAM,KAAK,CAAC;oBACf,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;oBACvB,CAAC,CAAC,YAAY;wBACd,CAAC,CAAC,YAAY;wBACd,CAAC,CAAC,WAAW,EAEjB,QAAQ,EAAE,QAAQ,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EACrC,QAAQ,EAAE,CAAC,CAA+B,EAAE,EAAE;oBAC5C,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;oBAC3C,aAAa,IAAI,aAAa,CAAC,CAAC,CAAC,CAAA;gBACnC,CAAC,EACD,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE;oBACZ,MAAM,IAAI,MAAM,CAAC,CAAC,CAAC,CAAA;gBACrB,CAAC,EACD,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK;gBAEX,YAAY,CAAC,CAAC,CAAC,CACd,kCAAU,KAAK,EAAE,WAAW;oBAC1B,gCAAQ,KAAK,EAAC,EAAE,EAAC,MAAM,UACpB,WAAW,CACL,CACA,CACZ,CAAC,CAAC,CAAC,CACF,gCAAQ,KAAK,EAAC,EAAE,EAAC,MAAM,UACpB,WAAW,CACL,CACV;gBAEA,mBAAmB,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,CAAC,EAAE,EAAE;;oBACzC,OAAA,YAAY,CAAC,CAAC,CAAC,CACb,kCACE,GAAG,EAAE,CAAC,EACN,KAAK,EAAE,MAAA,UAAU,CAAC,CAAC,CAAC,CAAC,gBAAgB,mCAAI,OAAO,IAE/C,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CACzB,gCAAQ,GAAG,EAAE,GAAG,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,IACtC,EAAE,CAAC,KAAK,CACF,CACV,CAAC,CACO,CACZ,CAAC,CAAC,CAAC,CACF,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CACxB,gCAAQ,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,IAC5B,EAAE,CAAC,KAAK,CACF,CACV,CAAC,CACH,CAAA;iBAAA,CACF,CACM;YAET,oBAAC,KAAK,IAAC,QAAQ,EAAE,QAAQ;gBACvB,oBAAC,IAAI,IAAC,MAAM,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAE,EAAE,GAAI,CAC3C,CACA;QACT,KAAK,IAAI,oBAAC,QAAQ,QAAE,QAAQ,CAAY,CAC/B,CACb,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAO3B,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAc;;;CAGvC,CAAA;AAED,MAAM,eAAe,GAAG,CAAC,QAAkB,EAAE,KAAe,EAAE,EAAE;IAC9D,IAAI,KAAK,IAAI,QAAQ,EAAE;QACrB,OAAO,qBAAqB,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAA;KACjD;SAAM,IAAI,KAAK,IAAI,CAAC,QAAQ,EAAE;QAC7B,OAAO,4BAA4B,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAA;KACxD;SAAM;QACL,OAAM;KACP;AACH,CAAC,CAAA;AAED,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAc;;;;sBAIpB,KAAK,CAAC,MAAM,CAAC,KAAK;;mBAErB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAChC,CAAC,QAAQ,IAAI,aAAa,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE;;;;;;;;;;;;aAYvC,KAAK,CAAC,MAAM,CAAC,OAAO;;;;;;;;oBAQb,KAAK,CAAC,MAAM,CAAC,OAAO;;;IAGpC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACjB,QAAQ;IACR;sBACkB,KAAK,CAAC,MAAM,CAAC,OAAO;;;;;;;wBAOlB,KAAK,CAAC,MAAM,CAAC,OAAO;;CAE3C;;IAEG,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK;IACL,KAAK,IAAI,EAAE;IACX;wBACoB,KAAK,CAAC,MAAM,CAAC,OAAO;CAC3C;;EAEC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,eAAe,CAAC,QAAQ,EAAE,KAAK,CAAC;CAC1D,CAAA;AAED,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAc;;;;WAI3B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC;;;CAGrD,CAAA;AAED,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAA;;;WAGjB,KAAK,CAAC,MAAM,CAAC,KAAK;CAC5B,CAAA"}
1
+ {"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,167 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`renders 1`] = `
4
+ .c4 {
5
+ display: -webkit-box;
6
+ display: -webkit-flex;
7
+ display: -ms-flexbox;
8
+ display: flex;
9
+ -webkit-align-items: center;
10
+ -webkit-box-align: center;
11
+ -ms-flex-align: center;
12
+ align-items: center;
13
+ -webkit-box-pack: center;
14
+ -webkit-justify-content: center;
15
+ -ms-flex-pack: center;
16
+ justify-content: center;
17
+ width: 100%;
18
+ max-width: 24px;
19
+ height: 24px;
20
+ -webkit-transform: rotate(0deg);
21
+ -ms-transform: rotate(0deg);
22
+ transform: rotate(0deg);
23
+ margin-top: 0;
24
+ margin-right: 0;
25
+ margin-bottom: 0;
26
+ margin-left: 0;
27
+ }
28
+
29
+ .c0 {
30
+ display: -webkit-box;
31
+ display: -webkit-flex;
32
+ display: -ms-flexbox;
33
+ display: flex;
34
+ -webkit-flex-direction: column;
35
+ -ms-flex-direction: column;
36
+ flex-direction: column;
37
+ height: 44px;
38
+ width: 100%;
39
+ margin: 0;
40
+ padding: 0;
41
+ }
42
+
43
+ .c1 {
44
+ width: 100%;
45
+ position: relative;
46
+ }
47
+
48
+ .c2 {
49
+ width: 100%;
50
+ height: 32px;
51
+ padding-right: 24px;
52
+ background-color: #ffffff;
53
+ border: none;
54
+ border-bottom: 1px solid #D2D2D2;
55
+ border-radius: 0;
56
+ font-size: 16px;
57
+ cursor: pointer;
58
+ -webkit-appearance: none;
59
+ -moz-appearance: none;
60
+ appearance: none;
61
+ }
62
+
63
+ .c2:disabled {
64
+ cursor: not-allowed;
65
+ opacity: 0.5;
66
+ }
67
+
68
+ .c2:not(:focus):invalid {
69
+ color: #D2D2D2;
70
+ }
71
+
72
+ .c2:hover,
73
+ .c2:valid,
74
+ .c2:focus,
75
+ .c2:focus-visible,
76
+ .c2:checked {
77
+ outline: none;
78
+ border-color: #9E9E9E;
79
+ }
80
+
81
+ .c3 {
82
+ position: absolute;
83
+ top: 50%;
84
+ z-index: 1;
85
+ right: 0;
86
+ pointer-events: none;
87
+ -webkit-transform: translateY(-50%);
88
+ -ms-transform: translateY(-50%);
89
+ transform: translateY(-50%);
90
+ }
91
+
92
+ <div
93
+ class="c0"
94
+ >
95
+ <div
96
+ class="c1"
97
+ >
98
+ <select
99
+ class="c2"
100
+ required=""
101
+ >
102
+ <option
103
+ hidden=""
104
+ value=""
105
+ />
106
+ <option
107
+ value="Monday"
108
+ >
109
+ Monday
110
+ </option>
111
+ <option
112
+ value="Tuesday"
113
+ >
114
+ Tuesday
115
+ </option>
116
+ <option
117
+ value="Wednesday"
118
+ >
119
+ Wednesday
120
+ </option>
121
+ <option
122
+ value="Thursday"
123
+ >
124
+ Thursday
125
+ </option>
126
+ <option
127
+ value="Friday"
128
+ >
129
+ Friday
130
+ </option>
131
+ <option
132
+ value="Saturday"
133
+ >
134
+ Saturday
135
+ </option>
136
+ <option
137
+ value="Sunday"
138
+ >
139
+ Sunday
140
+ </option>
141
+ </select>
142
+ <div
143
+ class="c3"
144
+ >
145
+ <span
146
+ class="c4"
147
+ color="grey4"
148
+ rotate="0"
149
+ size="24"
150
+ >
151
+ <svg
152
+ fill="none"
153
+ height="100%"
154
+ viewBox="0 0 24 24"
155
+ width="100%"
156
+ xmlns="http://www.w3.org/2000/svg"
157
+ >
158
+ <path
159
+ d="M19.66 8.248a1 1 0 00-1.412.095L12 15.482l-6.248-7.14a1 1 0 10-1.504 1.317l7 8a.995.995 0 001.504 0l7-8a1 1 0 00-.093-1.411z"
160
+ fill="#D2D2D2"
161
+ />
162
+ </svg>
163
+ </span>
164
+ </div>
165
+ </div>
166
+ </div>
167
+ `;
@@ -0,0 +1,20 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`renders 1`] = `
4
+ .c0 {
5
+ font-size: 24px;
6
+ margin-top: 0;
7
+ margin-right: 0;
8
+ margin-bottom: 0;
9
+ margin-left: 0;
10
+ }
11
+
12
+ <span
13
+ aria-label="wink"
14
+ class="c0"
15
+ role="img"
16
+ size="24"
17
+ >
18
+ 😉
19
+ </span>
20
+ `;
@@ -0,0 +1,47 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`renders 1`] = `
4
+ .c0 {
5
+ display: -webkit-box;
6
+ display: -webkit-flex;
7
+ display: -ms-flexbox;
8
+ display: flex;
9
+ -webkit-align-items: center;
10
+ -webkit-box-align: center;
11
+ -ms-flex-align: center;
12
+ align-items: center;
13
+ -webkit-box-pack: center;
14
+ -webkit-justify-content: center;
15
+ -ms-flex-pack: center;
16
+ justify-content: center;
17
+ width: 100%;
18
+ max-width: 32px;
19
+ height: 32px;
20
+ -webkit-transform: rotate(0deg);
21
+ -ms-transform: rotate(0deg);
22
+ transform: rotate(0deg);
23
+ margin-top: 0;
24
+ margin-right: 0;
25
+ margin-bottom: 0;
26
+ margin-left: 0;
27
+ }
28
+
29
+ <span
30
+ class="c0"
31
+ color="pink"
32
+ rotate="0"
33
+ size="32"
34
+ >
35
+ <svg
36
+ fill="none"
37
+ height="100%"
38
+ viewBox="0 0 24 24"
39
+ width="100%"
40
+ xmlns="http://www.w3.org/2000/svg"
41
+ >
42
+ <path
43
+ d="M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10a1 1 0 100-2c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8c0 1.103-.897 2-2 2s-2-.897-2-2c0-2.206-1.794-4-4-4s-4 1.794-4 4 1.794 4 4 4c1.2 0 2.266-.542 3-1.382.734.84 1.8 1.382 3 1.382 2.206 0 4-1.794 4-4 0-5.514-4.486-10-10-10zm0 12c-1.103 0-2-.897-2-2s.897-2 2-2 2 .897 2 2-.897 2-2 2z"
44
+ />
45
+ </svg>
46
+ </span>
47
+ `;