@itcase/ui-web 1.10.0 → 1.10.1

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.
@@ -38307,7 +38307,7 @@ textarea.fill {
38307
38307
  &_rounded {
38308
38308
  border-radius: 8px;
38309
38309
  }
38310
- &_rounded-s {
38310
+ &_rounded-s, {
38311
38311
  border-radius: 0.5m;
38312
38312
  }
38313
38313
  &_rounded-m {
@@ -38316,7 +38316,8 @@ textarea.fill {
38316
38316
  &_rounded-l {
38317
38317
  border-radius: 1.5m;
38318
38318
  }
38319
- &_rounded-x-l {
38319
+ &_rounded-x-l,
38320
+ &_rounded-xl {
38320
38321
  border-radius: 2m;
38321
38322
  }
38322
38323
  &_circular {
@@ -61855,7 +61856,9 @@ h2.react-datepicker__current-month {
61855
61856
  opacity: 0%;
61856
61857
  }
61857
61858
  }
61859
+ .form-dropzone,
61858
61860
  .dropzone {
61861
+ flex: 1;
61859
61862
  flex-direction: column;
61860
61863
  &__dropzone {
61861
61864
  width: 100%;
@@ -61863,32 +61866,9 @@ h2.react-datepicker__current-month {
61863
61866
  z-index: 1;
61864
61867
  outline: 0;
61865
61868
  @mixin easing easeOutQuart, all, 0.2s;
61866
- &_size {
61867
- &_xl {
61868
- ^^&-wrapper {
61869
- padding: var(--dropzone-size-xl-padding);
61870
- }
61871
- }
61872
- &_l {
61873
- ^^&-wrapper {
61874
- padding: var(--dropzone-size-l-padding);
61875
- }
61876
- }
61877
- &_m {
61878
- ^^&-wrapper {
61879
- padding: var(--dropzone-size-m-padding);
61880
- }
61881
- }
61882
- &_s {
61883
- ^^&-wrapper {
61884
- padding: var(--dropzone-size-s-padding);
61885
- }
61886
- }
61887
- }
61888
61869
  &-wrapper {
61889
61870
  display: grid;
61890
61871
  gap: 16px;
61891
- grid-template-columns: repeat(3, minmax(0, 1fr));
61892
61872
  transition: var(--dropzone-transition);
61893
61873
  }
61894
61874
  ^&__hint {
@@ -61897,9 +61877,10 @@ h2.react-datepicker__current-month {
61897
61877
  text-align: center;
61898
61878
  display: flex;
61899
61879
  flex-flow: column nowrap;
61900
- align-items: center;
61901
61880
  cursor: pointer;
61902
- place-content: center center;
61881
+ place-content: center;
61882
+ grid-column-start: 1;
61883
+ grid-column-end: 10;
61903
61884
  &-title {
61904
61885
  padding: 0 0 8px 0;
61905
61886
  margin: 0;
@@ -61985,6 +61966,33 @@ h2.react-datepicker__current-month {
61985
61966
  }
61986
61967
  }
61987
61968
  }
61969
+ .form-dropzone,
61970
+ .dropzone {
61971
+ &__dropzone {
61972
+ &_size {
61973
+ &_xl {
61974
+ ^^&-wrapper {
61975
+ padding: var(--dropzone-size-xl-padding);
61976
+ }
61977
+ }
61978
+ &_l {
61979
+ ^^&-wrapper {
61980
+ padding: var(--dropzone-size-l-padding);
61981
+ }
61982
+ }
61983
+ &_m {
61984
+ ^^&-wrapper {
61985
+ padding: var(--dropzone-size-m-padding);
61986
+ }
61987
+ }
61988
+ &_s {
61989
+ ^^&-wrapper {
61990
+ padding: var(--dropzone-size-s-padding);
61991
+ }
61992
+ }
61993
+ }
61994
+ }
61995
+ }
61988
61996
  .dropzone {
61989
61997
  &&_type_avatar {
61990
61998
  width: 144px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itcase/ui-web",
3
- "version": "1.10.0",
3
+ "version": "1.10.1",
4
4
  "description": "UI components",
5
5
  "keywords": "",
6
6
  "license": "MIT",
@@ -53,7 +53,7 @@
53
53
  "@itcase/tokens-am": "^1.1.57",
54
54
  "@itcase/tokens-baikal": "^1.1.54",
55
55
  "@itcase/tokens-palette": "^1.1.50",
56
- "@itcase/ui-core": "^1.10.0",
56
+ "@itcase/ui-core": "^1.10.1",
57
57
  "@rc-component/tooltip": "^1.4.0",
58
58
  "clsx": "^2.1.1",
59
59
  "date-fns": "^4.2.1",
@@ -114,5 +114,5 @@
114
114
  "storybook": "^10.4.0",
115
115
  "typescript": "^6.0.3"
116
116
  },
117
- "gitHead": "53ab372ea6d82c5cd516f3b65d0825b6b947d633"
117
+ "gitHead": "202240d56fe460d175fadbb57d99ee8d3f9f950c"
118
118
  }
@@ -1,20 +0,0 @@
1
- declare const defaultDropzoneProps: {
2
- fill: string;
3
- fillHover: string;
4
- hintTitle: string;
5
- hintTitleTextColor: string;
6
- hintTitleTextSize: string;
7
- removeThumbText: string;
8
- removeThumbTextColor: string;
9
- removeThumbTextHoverColor: string;
10
- removeThumbTextSize: string;
11
- shape: string;
12
- showFilename: boolean;
13
- thumbBorderColor: string;
14
- thumbBorderColorHover: string;
15
- thumbBorderWidth: number;
16
- thumbNameTextColor: string;
17
- thumbNameTextSize: string;
18
- isPreviews: boolean;
19
- };
20
- export { defaultDropzoneProps };
@@ -1,22 +0,0 @@
1
- const defaultDropzoneProps = {
2
- fill: 'surfaceSecondary',
3
- fillHover: 'surfaceTertiary',
4
- // borderColor: 'surfaceBorderTertiary',
5
- // borderColorHover: 'surfaceBorderQuaternary',
6
- hintTitle: 'Перетащите изображение или выберите файл с компьютера',
7
- hintTitleTextColor: 'surfaceTextPrimary',
8
- hintTitleTextSize: 'm',
9
- removeThumbText: 'удалить',
10
- removeThumbTextColor: 'errorTextPrimary',
11
- removeThumbTextHoverColor: 'errorTextPrimaryHover',
12
- removeThumbTextSize: 's',
13
- shape: 'rounded',
14
- showFilename: true,
15
- thumbBorderColor: 'surfaceBorderTertiary',
16
- thumbBorderColorHover: 'surfaceBorderQuaternary',
17
- thumbBorderWidth: 1,
18
- thumbNameTextColor: 'surfaceTextPrimary',
19
- thumbNameTextSize: 's',
20
- isPreviews: true,
21
- };
22
- export { defaultDropzoneProps };