Skip to content

Commit 8b623cf

Browse files
atabelatabel
authored
feat(FileUpload): new component (#1489)
WEB-2272 WEB-2274
1 parent a723368 commit 8b623cf

96 files changed

Lines changed: 1554 additions & 43 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎.github/workflows/release.yml‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -22,8 +22,8 @@ jobs:
2222
# persist-credentials: false - git remote configured manually in Release step with GH_TOKEN_MISTICA
2323
- uses: actions/checkout@v6
2424
with:
25-
token: ${{ secrets.GITHUB_TOKEN }}
26-
persist-credentials: false
25+
token: ${{ secrets.GITHUB_TOKEN }}
26+
persist-credentials: false
2727

2828
- name: Install dependencies
2929
env:

‎AGENTS.md‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -17,5 +17,7 @@ React component library for Telefonica's Design System.
1717
**Conventions**: `type` over `interface`, `export type` for types, `'use client';` for client components
1818

1919
**Components**:
20-
- If you create a new component always create a snippet for playroom.
21-
- If you add props to a component always update stories accordingly and add the new props to args and argTypes.
20+
21+
- If you create a new component always create a snippet for playroom.
22+
- If you add props to a component always update stories accordingly and add the new props to args and
23+
argTypes.

‎README.md‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -124,7 +124,8 @@ Start prototyping interfaces with Mistica components in the
124124
- `yarn test-acceptance`: run acceptance tests headless (you need to start storybook first)
125125
- `yarn test-acceptance --ui`: run acceptance tests with ui (you need to start storybook first)
126126
- `yarn lint`: check codestyle
127-
- `yarn ts-check`: check static types (run `yarn build` first — the type check requires generated declaration files in `dist/`)
127+
- `yarn ts-check`: check static types (run `yarn build` first — the type check requires generated declaration
128+
files in `dist/`)
128129
- `yarn build`: build package
129130
- `yarn storybook`: starts storybook
130131
- `yarn playroom`: starts playroom

‎css/blau.css‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -75,6 +75,10 @@
7575
--mistica-color-backgroundDropZoneDragover: rgba(var(--mistica-blau-raw-blauBlueSecondary), 0.08);
7676
--mistica-color-backgroundDropZoneBrandHover: rgba(var(--mistica-blau-raw-grey6), 0.05);
7777
--mistica-color-backgroundDropZoneBrandDragover: rgba(var(--mistica-blau-raw-grey6), 0.08);
78+
--mistica-color-backgroundDropZoneNegativeHover: rgba(var(--mistica-blau-raw-white), 0.1);
79+
--mistica-color-backgroundDropZoneNegativeDragover: rgba(var(--mistica-blau-raw-white), 0.17);
80+
--mistica-color-backgroundDropZoneMediaHover: rgba(var(--mistica-blau-raw-grey6), 0.05);
81+
--mistica-color-backgroundDropZoneMediaDragover: rgba(var(--mistica-blau-raw-grey6), 0.08);
7882
--mistica-color-skeletonWave: var(--mistica-blau-grey2);
7983
--mistica-color-borderLow: var(--mistica-blau-grey1);
8084
--mistica-color-border: var(--mistica-blau-grey3);
@@ -460,6 +464,10 @@
460464
--mistica-color-backgroundDropZoneDragover: rgba(var(--mistica-blau-raw-white), 0.08);
461465
--mistica-color-backgroundDropZoneBrandHover: rgba(var(--mistica-blau-raw-white), 0.03);
462466
--mistica-color-backgroundDropZoneBrandDragover: rgba(var(--mistica-blau-raw-white), 0.05);
467+
--mistica-color-backgroundDropZoneNegativeHover: rgba(var(--mistica-blau-raw-white), 0.15);
468+
--mistica-color-backgroundDropZoneNegativeDragover: rgba(var(--mistica-blau-raw-white), 0.15);
469+
--mistica-color-backgroundDropZoneMediaHover: rgba(var(--mistica-blau-raw-white), 0.03);
470+
--mistica-color-backgroundDropZoneMediaDragover: rgba(var(--mistica-blau-raw-white), 0.05);
463471
--mistica-color-skeletonWave: var(--mistica-blau-grey5);
464472
--mistica-color-borderLow: var(--mistica-blau-darkModeBlack);
465473
--mistica-color-border: var(--mistica-blau-darkModeGrey);
@@ -748,6 +756,10 @@
748756
--mistica-color-backgroundDropZoneDragover: rgba(var(--mistica-blau-raw-white), 0.08);
749757
--mistica-color-backgroundDropZoneBrandHover: rgba(var(--mistica-blau-raw-white), 0.03);
750758
--mistica-color-backgroundDropZoneBrandDragover: rgba(var(--mistica-blau-raw-white), 0.05);
759+
--mistica-color-backgroundDropZoneNegativeHover: rgba(var(--mistica-blau-raw-white), 0.15);
760+
--mistica-color-backgroundDropZoneNegativeDragover: rgba(var(--mistica-blau-raw-white), 0.15);
761+
--mistica-color-backgroundDropZoneMediaHover: rgba(var(--mistica-blau-raw-white), 0.03);
762+
--mistica-color-backgroundDropZoneMediaDragover: rgba(var(--mistica-blau-raw-white), 0.05);
751763
--mistica-color-skeletonWave: var(--mistica-blau-grey5);
752764
--mistica-color-borderLow: var(--mistica-blau-darkModeBlack);
753765
--mistica-color-border: var(--mistica-blau-darkModeGrey);
@@ -1041,6 +1053,10 @@
10411053
--mistica-color-backgroundDropZoneDragover: rgba(var(--mistica-blau-raw-blauBlueSecondary), 0.08);
10421054
--mistica-color-backgroundDropZoneBrandHover: rgba(var(--mistica-blau-raw-grey6), 0.05);
10431055
--mistica-color-backgroundDropZoneBrandDragover: rgba(var(--mistica-blau-raw-grey6), 0.08);
1056+
--mistica-color-backgroundDropZoneNegativeHover: rgba(var(--mistica-blau-raw-white), 0.1);
1057+
--mistica-color-backgroundDropZoneNegativeDragover: rgba(var(--mistica-blau-raw-white), 0.17);
1058+
--mistica-color-backgroundDropZoneMediaHover: rgba(var(--mistica-blau-raw-grey6), 0.05);
1059+
--mistica-color-backgroundDropZoneMediaDragover: rgba(var(--mistica-blau-raw-grey6), 0.08);
10441060
--mistica-color-skeletonWave: var(--mistica-blau-grey2);
10451061
--mistica-color-borderLow: var(--mistica-blau-grey1);
10461062
--mistica-color-border: var(--mistica-blau-grey3);

‎css/esimflag.css‎

Lines changed: 21 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -46,8 +46,8 @@
4646
--mistica-esimflag-raw-blue55: 0, 78, 217;
4747
--mistica-esimflag-raw-darkModeBlack: 0, 0, 28;
4848
--mistica-esimflag-raw-black: 0, 9, 26;
49-
--mistica-esimflag-raw-purple55: 139, 58, 168;
5049
--mistica-esimflag-raw-white: 255, 255, 255;
50+
--mistica-esimflag-raw-purple55: 139, 58, 168;
5151
--mistica-esimflag-raw-darkModeGrey: 8, 19, 43;
5252

5353
/* Colors */
@@ -90,6 +90,10 @@
9090
--mistica-color-backgroundDropZoneDragover: rgba(var(--mistica-esimflag-raw-blue55), 0.08);
9191
--mistica-color-backgroundDropZoneBrandHover: rgba(var(--mistica-esimflag-raw-blue55), 0.2);
9292
--mistica-color-backgroundDropZoneBrandDragover: rgba(var(--mistica-esimflag-raw-blue55), 0.4);
93+
--mistica-color-backgroundDropZoneNegativeHover: rgba(var(--mistica-esimflag-raw-white), 0.1);
94+
--mistica-color-backgroundDropZoneNegativeDragover: rgba(var(--mistica-esimflag-raw-white), 0.17);
95+
--mistica-color-backgroundDropZoneMediaHover: rgba(var(--mistica-esimflag-raw-blue55), 0.2);
96+
--mistica-color-backgroundDropZoneMediaDragover: rgba(var(--mistica-esimflag-raw-blue55), 0.4);
9397
--mistica-color-skeletonWave: var(--mistica-esimflag-grey2);
9498
--mistica-color-borderLow: var(--mistica-esimflag-grey1);
9599
--mistica-color-border: var(--mistica-esimflag-grey3);
@@ -474,8 +478,12 @@
474478
--mistica-color-skeletonWave: var(--mistica-esimflag-grey6);
475479
--mistica-color-backgroundDropZoneHover: rgba(var(--mistica-esimflag-raw-white), 0.05);
476480
--mistica-color-backgroundDropZoneDragover: rgba(var(--mistica-esimflag-raw-white), 0.08);
477-
--mistica-color-backgroundDropZoneBrandHover: rgba(var(--mistica-esimflag-raw-white), 0.03);
478-
--mistica-color-backgroundDropZoneBrandDragover: rgba(var(--mistica-esimflag-raw-white), 0.05);
481+
--mistica-color-backgroundDropZoneBrandHover: rgba(var(--mistica-esimflag-raw-white), 0.05);
482+
--mistica-color-backgroundDropZoneBrandDragover: rgba(var(--mistica-esimflag-raw-white), 0.08);
483+
--mistica-color-backgroundDropZoneNegativeHover: rgba(var(--mistica-esimflag-raw-white), 0.15);
484+
--mistica-color-backgroundDropZoneNegativeDragover: rgba(var(--mistica-esimflag-raw-white), 0.08);
485+
--mistica-color-backgroundDropZoneMediaHover: rgba(var(--mistica-esimflag-raw-white), 0.03);
486+
--mistica-color-backgroundDropZoneMediaDragover: rgba(var(--mistica-esimflag-raw-white), 0.05);
479487
--mistica-color-borderLow: var(--mistica-esimflag-darkModeBlack);
480488
--mistica-color-border: var(--mistica-esimflag-darkModeGrey);
481489
--mistica-color-borderHigh: var(--mistica-esimflag-grey5);
@@ -762,8 +770,12 @@
762770
--mistica-color-skeletonWave: var(--mistica-esimflag-grey6);
763771
--mistica-color-backgroundDropZoneHover: rgba(var(--mistica-esimflag-raw-white), 0.05);
764772
--mistica-color-backgroundDropZoneDragover: rgba(var(--mistica-esimflag-raw-white), 0.08);
765-
--mistica-color-backgroundDropZoneBrandHover: rgba(var(--mistica-esimflag-raw-white), 0.03);
766-
--mistica-color-backgroundDropZoneBrandDragover: rgba(var(--mistica-esimflag-raw-white), 0.05);
773+
--mistica-color-backgroundDropZoneBrandHover: rgba(var(--mistica-esimflag-raw-white), 0.05);
774+
--mistica-color-backgroundDropZoneBrandDragover: rgba(var(--mistica-esimflag-raw-white), 0.08);
775+
--mistica-color-backgroundDropZoneNegativeHover: rgba(var(--mistica-esimflag-raw-white), 0.15);
776+
--mistica-color-backgroundDropZoneNegativeDragover: rgba(var(--mistica-esimflag-raw-white), 0.08);
777+
--mistica-color-backgroundDropZoneMediaHover: rgba(var(--mistica-esimflag-raw-white), 0.03);
778+
--mistica-color-backgroundDropZoneMediaDragover: rgba(var(--mistica-esimflag-raw-white), 0.05);
767779
--mistica-color-borderLow: var(--mistica-esimflag-darkModeBlack);
768780
--mistica-color-border: var(--mistica-esimflag-darkModeGrey);
769781
--mistica-color-borderHigh: var(--mistica-esimflag-grey5);
@@ -1073,6 +1085,10 @@
10731085
--mistica-color-backgroundDropZoneDragover: rgba(var(--mistica-esimflag-raw-blue55), 0.08);
10741086
--mistica-color-backgroundDropZoneBrandHover: rgba(var(--mistica-esimflag-raw-blue55), 0.2);
10751087
--mistica-color-backgroundDropZoneBrandDragover: rgba(var(--mistica-esimflag-raw-blue55), 0.4);
1088+
--mistica-color-backgroundDropZoneNegativeHover: rgba(var(--mistica-esimflag-raw-white), 0.1);
1089+
--mistica-color-backgroundDropZoneNegativeDragover: rgba(var(--mistica-esimflag-raw-white), 0.17);
1090+
--mistica-color-backgroundDropZoneMediaHover: rgba(var(--mistica-esimflag-raw-blue55), 0.2);
1091+
--mistica-color-backgroundDropZoneMediaDragover: rgba(var(--mistica-esimflag-raw-blue55), 0.4);
10761092
--mistica-color-borderLow: var(--mistica-esimflag-grey1);
10771093
--mistica-color-border: var(--mistica-esimflag-grey3);
10781094
--mistica-color-borderHigh: var(--mistica-esimflag-grey5);

‎css/movistar-new.css‎

Lines changed: 32 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -8,13 +8,13 @@
88
--mistica-movistar-new-blue800: #0149b3;
99
--mistica-movistar-new-grey100: #faf7f5;
1010
--mistica-movistar-new-grey200: #f3eeea;
11-
--mistica-movistar-new-blue100: #f4f7f8;
12-
--mistica-movistar-new-blue200: #e8f4fa;
1311
--mistica-movistar-new-grey300: #dfdbd6;
1412
--mistica-movistar-new-grey600: #605e5c;
1513
--mistica-movistar-new-red: #c10000;
1614
--mistica-movistar-new-redHigh: #ad0000;
15+
--mistica-movistar-new-blue200: #e8f4fa;
1716
--mistica-movistar-new-blueHigh: #005eeb;
17+
--mistica-movistar-new-blue100: #f4f7f8;
1818
--mistica-movistar-new-blue300: #80b3ff;
1919
--mistica-movistar-new-grey500: #807d7b;
2020
--mistica-movistar-new-blueLight: #d3eeff;
@@ -44,6 +44,7 @@
4444
/* Raw palette colors, for use with rgba() */
4545
--mistica-movistar-new-raw-movistarBlack: 38, 36, 35;
4646
--mistica-movistar-new-raw-black: 0, 0, 0;
47+
--mistica-movistar-new-raw-movistarBlue: 0, 102, 255;
4748
--mistica-movistar-new-raw-white: 255, 255, 255;
4849
--mistica-movistar-new-raw-darkModeGrey: 21, 20, 20;
4950
--mistica-movistar-new-raw-darkModeBlack: 7, 7, 6;
@@ -75,10 +76,14 @@
7576
--mistica-color-backgroundBrandBottom: var(--mistica-movistar-new-movistarBlue);
7677
--mistica-color-appBarBackground: var(--mistica-movistar-new-white);
7778
--mistica-color-navigationBarBackground: var(--mistica-movistar-new-movistarBlue);
78-
--mistica-color-backgroundDropZoneHover: var(--mistica-movistar-new-blue100);
79-
--mistica-color-backgroundDropZoneDragover: var(--mistica-movistar-new-blue200);
80-
--mistica-color-backgroundDropZoneBrandHover: rgba(var(--mistica-movistar-new-raw-movistarBlack), 0.2);
81-
--mistica-color-backgroundDropZoneBrandDragover: rgba(var(--mistica-movistar-new-raw-movistarBlack), 0.4);
79+
--mistica-color-backgroundDropZoneHover: rgba(var(--mistica-movistar-new-raw-movistarBlue), 0.05);
80+
--mistica-color-backgroundDropZoneDragover: rgba(var(--mistica-movistar-new-raw-movistarBlue), 0.08);
81+
--mistica-color-backgroundDropZoneBrandHover: rgba(var(--mistica-movistar-new-raw-movistarBlack), 0.08);
82+
--mistica-color-backgroundDropZoneBrandDragover: rgba(var(--mistica-movistar-new-raw-movistarBlack), 0.1);
83+
--mistica-color-backgroundDropZoneNegativeHover: rgba(var(--mistica-movistar-new-raw-white), 0.1);
84+
--mistica-color-backgroundDropZoneNegativeDragover: rgba(var(--mistica-movistar-new-raw-white), 0.17);
85+
--mistica-color-backgroundDropZoneMediaHover: rgba(var(--mistica-movistar-new-raw-movistarBlack), 0.2);
86+
--mistica-color-backgroundDropZoneMediaDragover: rgba(var(--mistica-movistar-new-raw-movistarBlack), 0.4);
8287
--mistica-color-skeletonWave: var(--mistica-movistar-new-grey200);
8388
--mistica-color-borderLow: var(--mistica-movistar-new-grey100);
8489
--mistica-color-border: var(--mistica-movistar-new-grey300);
@@ -467,6 +472,10 @@
467472
--mistica-color-backgroundDropZoneDragover: rgba(var(--mistica-movistar-new-raw-white), 0.08);
468473
--mistica-color-backgroundDropZoneBrandHover: rgba(var(--mistica-movistar-new-raw-white), 0.03);
469474
--mistica-color-backgroundDropZoneBrandDragover: rgba(var(--mistica-movistar-new-raw-white), 0.05);
475+
--mistica-color-backgroundDropZoneNegativeHover: rgba(var(--mistica-movistar-new-raw-white), 0.03);
476+
--mistica-color-backgroundDropZoneNegativeDragover: rgba(var(--mistica-movistar-new-raw-white), 0.05);
477+
--mistica-color-backgroundDropZoneMediaHover: rgba(var(--mistica-movistar-new-raw-white), 0.03);
478+
--mistica-color-backgroundDropZoneMediaDragover: rgba(var(--mistica-movistar-new-raw-white), 0.05);
470479
--mistica-color-skeletonWave: var(--mistica-movistar-new-grey600);
471480
--mistica-color-borderLow: var(--mistica-movistar-new-darkModeBlack);
472481
--mistica-color-border: var(--mistica-movistar-new-darkModeGrey);
@@ -767,6 +776,10 @@
767776
--mistica-color-backgroundDropZoneDragover: rgba(var(--mistica-movistar-new-raw-white), 0.08);
768777
--mistica-color-backgroundDropZoneBrandHover: rgba(var(--mistica-movistar-new-raw-white), 0.03);
769778
--mistica-color-backgroundDropZoneBrandDragover: rgba(var(--mistica-movistar-new-raw-white), 0.05);
779+
--mistica-color-backgroundDropZoneNegativeHover: rgba(var(--mistica-movistar-new-raw-white), 0.03);
780+
--mistica-color-backgroundDropZoneNegativeDragover: rgba(var(--mistica-movistar-new-raw-white), 0.05);
781+
--mistica-color-backgroundDropZoneMediaHover: rgba(var(--mistica-movistar-new-raw-white), 0.03);
782+
--mistica-color-backgroundDropZoneMediaDragover: rgba(var(--mistica-movistar-new-raw-white), 0.05);
770783
--mistica-color-skeletonWave: var(--mistica-movistar-new-grey600);
771784
--mistica-color-borderLow: var(--mistica-movistar-new-darkModeBlack);
772785
--mistica-color-border: var(--mistica-movistar-new-darkModeGrey);
@@ -1089,13 +1102,23 @@
10891102
--mistica-color-backgroundBrandBottom: var(--mistica-movistar-new-movistarBlue);
10901103
--mistica-color-appBarBackground: var(--mistica-movistar-new-white);
10911104
--mistica-color-navigationBarBackground: var(--mistica-movistar-new-movistarBlue);
1092-
--mistica-color-backgroundDropZoneHover: var(--mistica-movistar-new-blue100);
1093-
--mistica-color-backgroundDropZoneDragover: var(--mistica-movistar-new-blue200);
1105+
--mistica-color-backgroundDropZoneHover: rgba(var(--mistica-movistar-new-raw-movistarBlue), 0.05);
1106+
--mistica-color-backgroundDropZoneDragover: rgba(var(--mistica-movistar-new-raw-movistarBlue), 0.08);
10941107
--mistica-color-backgroundDropZoneBrandHover: rgba(
10951108
var(--mistica-movistar-new-raw-movistarBlack),
1096-
0.2
1109+
0.08
10971110
);
10981111
--mistica-color-backgroundDropZoneBrandDragover: rgba(
1112+
var(--mistica-movistar-new-raw-movistarBlack),
1113+
0.1
1114+
);
1115+
--mistica-color-backgroundDropZoneNegativeHover: rgba(var(--mistica-movistar-new-raw-white), 0.1);
1116+
--mistica-color-backgroundDropZoneNegativeDragover: rgba(var(--mistica-movistar-new-raw-white), 0.17);
1117+
--mistica-color-backgroundDropZoneMediaHover: rgba(
1118+
var(--mistica-movistar-new-raw-movistarBlack),
1119+
0.2
1120+
);
1121+
--mistica-color-backgroundDropZoneMediaDragover: rgba(
10991122
var(--mistica-movistar-new-raw-movistarBlack),
11001123
0.4
11011124
);

‎css/movistar.css‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -81,6 +81,10 @@
8181
--mistica-color-backgroundDropZoneDragover: var(--mistica-movistar-movistarBlue15);
8282
--mistica-color-backgroundDropZoneBrandHover: rgba(var(--mistica-movistar-raw-black), 0.1);
8383
--mistica-color-backgroundDropZoneBrandDragover: rgba(var(--mistica-movistar-raw-black), 0.2);
84+
--mistica-color-backgroundDropZoneNegativeHover: rgba(var(--mistica-movistar-raw-white), 0.1);
85+
--mistica-color-backgroundDropZoneNegativeDragover: rgba(var(--mistica-movistar-raw-white), 0.17);
86+
--mistica-color-backgroundDropZoneMediaHover: rgba(var(--mistica-movistar-raw-black), 0.1);
87+
--mistica-color-backgroundDropZoneMediaDragover: rgba(var(--mistica-movistar-raw-black), 0.2);
8488
--mistica-color-skeletonWave: var(--mistica-movistar-grey2);
8589
--mistica-color-borderLow: var(--mistica-movistar-grey1);
8690
--mistica-color-border: var(--mistica-movistar-grey3);
@@ -466,6 +470,10 @@
466470
--mistica-color-backgroundDropZoneDragover: rgba(var(--mistica-movistar-raw-white), 0.08);
467471
--mistica-color-backgroundDropZoneBrandHover: rgba(var(--mistica-movistar-raw-white), 0.03);
468472
--mistica-color-backgroundDropZoneBrandDragover: rgba(var(--mistica-movistar-raw-white), 0.05);
473+
--mistica-color-backgroundDropZoneNegativeHover: rgba(var(--mistica-movistar-raw-white), 0.15);
474+
--mistica-color-backgroundDropZoneNegativeDragover: rgba(var(--mistica-movistar-raw-white), 0.25);
475+
--mistica-color-backgroundDropZoneMediaHover: rgba(var(--mistica-movistar-raw-white), 0.03);
476+
--mistica-color-backgroundDropZoneMediaDragover: rgba(var(--mistica-movistar-raw-white), 0.05);
469477
--mistica-color-skeletonWave: var(--mistica-movistar-darkModeGrey6);
470478
--mistica-color-borderLow: var(--mistica-movistar-darkModeBlack);
471479
--mistica-color-border: var(--mistica-movistar-darkModeGrey);
@@ -754,6 +762,10 @@
754762
--mistica-color-backgroundDropZoneDragover: rgba(var(--mistica-movistar-raw-white), 0.08);
755763
--mistica-color-backgroundDropZoneBrandHover: rgba(var(--mistica-movistar-raw-white), 0.03);
756764
--mistica-color-backgroundDropZoneBrandDragover: rgba(var(--mistica-movistar-raw-white), 0.05);
765+
--mistica-color-backgroundDropZoneNegativeHover: rgba(var(--mistica-movistar-raw-white), 0.15);
766+
--mistica-color-backgroundDropZoneNegativeDragover: rgba(var(--mistica-movistar-raw-white), 0.25);
767+
--mistica-color-backgroundDropZoneMediaHover: rgba(var(--mistica-movistar-raw-white), 0.03);
768+
--mistica-color-backgroundDropZoneMediaDragover: rgba(var(--mistica-movistar-raw-white), 0.05);
757769
--mistica-color-skeletonWave: var(--mistica-movistar-darkModeGrey6);
758770
--mistica-color-borderLow: var(--mistica-movistar-darkModeBlack);
759771
--mistica-color-border: var(--mistica-movistar-darkModeGrey);
@@ -1053,6 +1065,10 @@
10531065
--mistica-color-backgroundDropZoneDragover: var(--mistica-movistar-movistarBlue15);
10541066
--mistica-color-backgroundDropZoneBrandHover: rgba(var(--mistica-movistar-raw-black), 0.1);
10551067
--mistica-color-backgroundDropZoneBrandDragover: rgba(var(--mistica-movistar-raw-black), 0.2);
1068+
--mistica-color-backgroundDropZoneNegativeHover: rgba(var(--mistica-movistar-raw-white), 0.1);
1069+
--mistica-color-backgroundDropZoneNegativeDragover: rgba(var(--mistica-movistar-raw-white), 0.17);
1070+
--mistica-color-backgroundDropZoneMediaHover: rgba(var(--mistica-movistar-raw-black), 0.1);
1071+
--mistica-color-backgroundDropZoneMediaDragover: rgba(var(--mistica-movistar-raw-black), 0.2);
10561072
--mistica-color-skeletonWave: var(--mistica-movistar-grey2);
10571073
--mistica-color-borderLow: var(--mistica-movistar-grey1);
10581074
--mistica-color-border: var(--mistica-movistar-grey3);

0 commit comments

Comments
 (0)