@popsure/dirty-swan 0.27.5 → 0.27.8-alpha

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 (32) hide show
  1. package/dist/index.css +21 -12
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.js +12 -12
  4. package/dist/index.js.map +1 -1
  5. package/dist/lib/components/markdown/index.d.ts +9 -0
  6. package/dist/lib/components/multiDropzone/index.d.ts +2 -1
  7. package/dist/lib/scss/private/base/style.module.scss +1 -1
  8. package/dist/lib/scss/private/components/_badge.scss +1 -1
  9. package/dist/lib/scss/private/components/_buttons.scss +2 -2
  10. package/dist/lib/scss/private/components/_input.scss +6 -6
  11. package/dist/lib/scss/public/colors/default.scss +4 -2
  12. package/dist/lib/scss/third-party/_google_places.scss +1 -1
  13. package/package.json +4 -1
  14. package/src/lib/components/dateSelector/datepicker.scss +2 -2
  15. package/src/lib/components/input/index.stories.mdx +4 -0
  16. package/src/lib/components/input/style.module.scss +2 -2
  17. package/src/lib/components/markdown/example.md +78 -0
  18. package/src/lib/components/markdown/index.stories.mdx +22 -0
  19. package/src/lib/components/markdown/index.tsx +139 -0
  20. package/src/lib/components/markdown/styles.module.scss +13 -0
  21. package/src/lib/components/multiDropzone/UploadFileCell/style.module.scss +1 -1
  22. package/src/lib/components/multiDropzone/icons/upload.svg +4 -4
  23. package/src/lib/components/multiDropzone/index.stories.mdx +21 -0
  24. package/src/lib/components/multiDropzone/index.tsx +17 -8
  25. package/src/lib/components/multiDropzone/style.module.scss +19 -14
  26. package/src/lib/components/signaturePad/style.module.scss +1 -1
  27. package/src/lib/scss/private/base/style.module.scss +1 -1
  28. package/src/lib/scss/private/components/_badge.scss +1 -1
  29. package/src/lib/scss/private/components/_buttons.scss +2 -2
  30. package/src/lib/scss/private/components/_input.scss +6 -6
  31. package/src/lib/scss/public/colors/default.scss +4 -2
  32. package/src/lib/scss/third-party/_google_places.scss +1 -1
@@ -171,7 +171,7 @@
171
171
  color: $ds-grey-500;
172
172
  background-color: transparent;
173
173
 
174
- border: 1px dashed $ds-grey-300;
174
+ border: 1px dashed $ds-grey-400;
175
175
 
176
176
  &:hover {
177
177
  color: $ds-grey-600;
@@ -180,7 +180,7 @@
180
180
 
181
181
  &[disabled] {
182
182
  color: $ds-grey-500;
183
- border-color: $ds-grey-300;
183
+ border-color: $ds-grey-400;
184
184
  opacity: 0.5;
185
185
  }
186
186
 
@@ -14,7 +14,7 @@
14
14
  width: 100%;
15
15
 
16
16
  border-radius: 8px;
17
- border: 1px solid $ds-grey-300;
17
+ border: 1px solid $ds-grey-400;
18
18
  background-color: white;
19
19
 
20
20
  color: $ds-grey-900;
@@ -27,7 +27,7 @@
27
27
 
28
28
  &:disabled {
29
29
  background-color: $ds-grey-300;
30
- border-color: $ds-grey-500;
30
+ border: none;
31
31
  }
32
32
 
33
33
  &:focus {
@@ -81,7 +81,7 @@
81
81
  height: 16px;
82
82
  min-height: 16px;
83
83
 
84
- border: 1px solid $ds-grey-300;
84
+ border: 1px solid $ds-grey-400;
85
85
  border-radius: 50%;
86
86
 
87
87
  background-color: white;
@@ -113,7 +113,7 @@
113
113
  height: 16px;
114
114
  min-height: 16px;
115
115
 
116
- border: 1px solid $ds-grey-300;
116
+ border: 1px solid $ds-grey-400;
117
117
  border-radius: 4px;
118
118
 
119
119
  background-color: white;
@@ -163,7 +163,7 @@
163
163
  padding-left: 16px;
164
164
 
165
165
  border-radius: 8px;
166
- border: 1px solid $ds-grey-300;
166
+ border: 1px solid $ds-grey-400;
167
167
  background-color: white;
168
168
 
169
169
  &:hover {
@@ -201,7 +201,7 @@ input:checked[type='checkbox'] + .p-label--bordered {
201
201
  height: 48px;
202
202
 
203
203
  border-radius: 8px;
204
- border: 1px solid $ds-grey-300;
204
+ border: 1px solid $ds-grey-400;
205
205
  background-color: white;
206
206
 
207
207
  font-family: inherit;
@@ -41,8 +41,9 @@ $ds-pink-900: #700024;
41
41
 
42
42
  $ds-grey-100: #fafaff;
43
43
  $ds-grey-200: #f5f5fa;
44
- $ds-grey-300: #d2d2d8;
45
- $ds-grey-500: #b4b4ba;
44
+ $ds-grey-300: #ededf2;
45
+ $ds-grey-400: #d2d2d8;
46
+ $ds-grey-500: #848490;
46
47
  $ds-grey-600: #696970;
47
48
  $ds-grey-700: #4c4c53;
48
49
  $ds-grey-900: #26262e;
@@ -98,6 +99,7 @@ $colors: (
98
99
  'grey-100': $ds-grey-100,
99
100
  'grey-200': $ds-grey-200,
100
101
  'grey-300': $ds-grey-300,
102
+ 'grey-400': $ds-grey-400,
101
103
  'grey-500': $ds-grey-500,
102
104
  'grey-600': $ds-grey-600,
103
105
  'grey-700': $ds-grey-700,
@@ -47,7 +47,7 @@
47
47
 
48
48
  .pac-container {
49
49
  background-color: white;
50
- border: 1px solid var(--ds-grey-300);
50
+ border: 1px solid var(--ds-grey-400);
51
51
  box-shadow: none;
52
52
  border-radius: 8px;
53
53
  margin-top: 8px;