1mpacto-react-ui 2.0.21 → 2.0.22
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/dist/assets/_mixins.scss +72 -72
- package/dist/assets/icons/arrow-narrow-down.svg +3 -3
- package/dist/assets/style.css +1 -1
- package/dist/components/Button/Button.cjs +12 -12
- package/dist/components/Button/Button.config.cjs +1 -1
- package/dist/components/Button/Button.config.mjs +3 -1
- package/dist/components/Button/Button.mjs +24 -24
- package/dist/components/Button/style.module.scss.cjs +1 -1
- package/dist/components/Button/style.module.scss.mjs +57 -55
- package/dist/components/ButtonIcon/ButtonIcon.cjs +12 -12
- package/dist/components/ButtonIcon/ButtonIcon.mjs +20 -20
- package/dist/components/Calendar/CalendarYear.cjs +2 -2
- package/dist/components/Calendar/CalendarYear.mjs +2 -2
- package/dist/components/Slider/Slider.cjs +1 -0
- package/dist/components/Slider/Slider.mjs +61 -0
- package/dist/components/Slider/style.module.scss.cjs +1 -0
- package/dist/components/Slider/style.module.scss.mjs +14 -0
- package/dist/components/Upload/UploadImage.cjs +12 -12
- package/dist/components/Upload/UploadImage.mjs +28 -28
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +48 -46
- package/dist/package.json.cjs +1 -1
- package/dist/package.json.d.ts +128 -128
- package/dist/package.json.mjs +1 -1
- package/dist/src/components/Button/Button.config.d.ts +2 -0
- package/dist/src/components/Slider/Slider.d.ts +3 -0
- package/dist/src/components/Slider/Slider.stories.d.ts +6 -0
- package/dist/src/components/index.d.ts +4 -2
- package/dist/src/interfaces/components/Button/index.d.ts +1 -1
- package/dist/src/interfaces/components/Slider/index.d.ts +51 -0
- package/dist/types-external/table.d.ts +15 -15
- package/package.json +128 -128
package/dist/assets/_mixins.scss
CHANGED
|
@@ -1,73 +1,73 @@
|
|
|
1
|
-
@use 'sass:map';
|
|
2
|
-
@use 'sass:list';
|
|
3
|
-
|
|
4
|
-
@mixin ring($width: 1px, $color: 'transparent', $inset: 0, $important: 0) {
|
|
5
|
-
$ring-style: 0 0 0 $width $color;
|
|
6
|
-
$shadow: if($inset==1, inset $ring-style, $ring-style);
|
|
7
|
-
|
|
8
|
-
box-shadow: if($important==1, $shadow !important, $shadow);
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
@mixin ring-left($width: 1px, $color: 'currentColor', $inset: 0, $important: 0) {
|
|
12
|
-
$ring-style: (-$width) 0 0 $color;
|
|
13
|
-
$shadow: if($inset==1, inset $ring-style, $ring-style);
|
|
14
|
-
|
|
15
|
-
box-shadow: if($important==1, $shadow !important, $shadow);
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
@mixin ring-top($width: 1px, $color: 'currentColor', $inset: 0, $important: 0) {
|
|
19
|
-
$ring-style: 0 (-$width) 0 $color;
|
|
20
|
-
$shadow: if($inset==1, inset $ring-style, $ring-style);
|
|
21
|
-
|
|
22
|
-
box-shadow: if($important==1, $shadow !important, $shadow);
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
@mixin ring-right($width: 1px, $color: 'currentColor', $inset: 0, $important: 0) {
|
|
26
|
-
$ring-style: $width 0 0 $color;
|
|
27
|
-
$shadow: if($inset==1, inset $ring-style, $ring-style);
|
|
28
|
-
|
|
29
|
-
box-shadow: if($important==1, $shadow !important, $shadow);
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
@mixin ring-bottom($width: 1px, $color: 'currentColor', $inset: 0, $important: 0) {
|
|
33
|
-
$ring-style: 0 $width 0 $color;
|
|
34
|
-
$shadow: if($inset==1, inset $ring-style, $ring-style);
|
|
35
|
-
|
|
36
|
-
box-shadow: if($important==1, $shadow !important, $shadow);
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
@function getColor($color-map, $color) {
|
|
40
|
-
@if map.has-key($color-map, $color) {
|
|
41
|
-
@return map.get($color-map, $color);
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
@return $color;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
@mixin getTypography($typo-map, $name, $important: false) {
|
|
48
|
-
@if map.has-key($typo-map, $name) {
|
|
49
|
-
& {
|
|
50
|
-
$values: map.get($typo-map, $name);
|
|
51
|
-
$font-size: list.nth($values, 1);
|
|
52
|
-
$props: list.nth($values, 2);
|
|
53
|
-
$line-height: map.get($props, 'line-height');
|
|
54
|
-
$font-weight: map.get($props, 'font-weight');
|
|
55
|
-
|
|
56
|
-
@if $important {
|
|
57
|
-
font-size: $font-size !important;
|
|
58
|
-
line-height: $line-height !important;
|
|
59
|
-
font-weight: $font-weight !important;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
@else {
|
|
63
|
-
font-size: $font-size;
|
|
64
|
-
line-height: $line-height;
|
|
65
|
-
font-weight: $font-weight;
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
@else {
|
|
71
|
-
@warn 'Typography "#{$name}" not found in the typography map.';
|
|
72
|
-
}
|
|
1
|
+
@use 'sass:map';
|
|
2
|
+
@use 'sass:list';
|
|
3
|
+
|
|
4
|
+
@mixin ring($width: 1px, $color: 'transparent', $inset: 0, $important: 0) {
|
|
5
|
+
$ring-style: 0 0 0 $width $color;
|
|
6
|
+
$shadow: if($inset==1, inset $ring-style, $ring-style);
|
|
7
|
+
|
|
8
|
+
box-shadow: if($important==1, $shadow !important, $shadow);
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
@mixin ring-left($width: 1px, $color: 'currentColor', $inset: 0, $important: 0) {
|
|
12
|
+
$ring-style: (-$width) 0 0 $color;
|
|
13
|
+
$shadow: if($inset==1, inset $ring-style, $ring-style);
|
|
14
|
+
|
|
15
|
+
box-shadow: if($important==1, $shadow !important, $shadow);
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
@mixin ring-top($width: 1px, $color: 'currentColor', $inset: 0, $important: 0) {
|
|
19
|
+
$ring-style: 0 (-$width) 0 $color;
|
|
20
|
+
$shadow: if($inset==1, inset $ring-style, $ring-style);
|
|
21
|
+
|
|
22
|
+
box-shadow: if($important==1, $shadow !important, $shadow);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
@mixin ring-right($width: 1px, $color: 'currentColor', $inset: 0, $important: 0) {
|
|
26
|
+
$ring-style: $width 0 0 $color;
|
|
27
|
+
$shadow: if($inset==1, inset $ring-style, $ring-style);
|
|
28
|
+
|
|
29
|
+
box-shadow: if($important==1, $shadow !important, $shadow);
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
@mixin ring-bottom($width: 1px, $color: 'currentColor', $inset: 0, $important: 0) {
|
|
33
|
+
$ring-style: 0 $width 0 $color;
|
|
34
|
+
$shadow: if($inset==1, inset $ring-style, $ring-style);
|
|
35
|
+
|
|
36
|
+
box-shadow: if($important==1, $shadow !important, $shadow);
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
@function getColor($color-map, $color) {
|
|
40
|
+
@if map.has-key($color-map, $color) {
|
|
41
|
+
@return map.get($color-map, $color);
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
@return $color;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
@mixin getTypography($typo-map, $name, $important: false) {
|
|
48
|
+
@if map.has-key($typo-map, $name) {
|
|
49
|
+
& {
|
|
50
|
+
$values: map.get($typo-map, $name);
|
|
51
|
+
$font-size: list.nth($values, 1);
|
|
52
|
+
$props: list.nth($values, 2);
|
|
53
|
+
$line-height: map.get($props, 'line-height');
|
|
54
|
+
$font-weight: map.get($props, 'font-weight');
|
|
55
|
+
|
|
56
|
+
@if $important {
|
|
57
|
+
font-size: $font-size !important;
|
|
58
|
+
line-height: $line-height !important;
|
|
59
|
+
font-weight: $font-weight !important;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
@else {
|
|
63
|
+
font-size: $font-size;
|
|
64
|
+
line-height: $line-height;
|
|
65
|
+
font-weight: $font-weight;
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
@else {
|
|
71
|
+
@warn 'Typography "#{$name}" not found in the typography map.';
|
|
72
|
+
}
|
|
73
73
|
}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M10.6673 11.3333L8.00065 14M8.00065 14L5.33398 11.3333M8.00065 14V2" stroke="#CFD8DC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
3
|
-
</svg>
|
|
1
|
+
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M10.6673 11.3333L8.00065 14M8.00065 14L5.33398 11.3333M8.00065 14V2" stroke="#CFD8DC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
3
|
+
</svg>
|