Skip to content

Commit 2b861a4

Browse files
AnaMontes11AnaMontes11
authored
feat(tokens): new backgroundDropZone (#2534)
* new dropZone tokens * Update movistar.json * Update blau.json * Update o2-new * dragover as a single word * colors in light updated * Renamed token * Description fixed
1 parent 601d043 commit 2b861a4

File tree

11 files changed

+409
-1
lines changed

11 files changed

+409
-1
lines changed

‎tokens/blau.json‎

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -125,6 +125,26 @@
125125
"type": "color",
126126
"description": "blauBluePrimary"
127127
},
128+
"backgroundDropZoneHover": {
129+
"value": "rgba({palette.blauBlueSecondary}, 0.05)",
130+
"type": "color",
131+
"description": "blauBlueSecondary"
132+
},
133+
"backgroundDropZoneDragover": {
134+
"value": "rgba({palette.blauBlueSecondary}, 0.08)",
135+
"type": "color",
136+
"description": "blauBlueSecondary"
137+
},
138+
"backgroundDropZoneBrandHover": {
139+
"value": "rgba({palette.grey6}, 0.05)",
140+
"type": "color",
141+
"description": "grey6"
142+
},
143+
"backgroundDropZoneBrandDragover": {
144+
"value": "rgba({palette.grey6}, 0.08)",
145+
"type": "color",
146+
"description": "grey6"
147+
},
128148
"skeletonWave": {
129149
"value": "{palette.grey2}",
130150
"type": "color",
@@ -1518,6 +1538,26 @@
15181538
"type": "color",
15191539
"description": "darkModeBlack"
15201540
},
1541+
"backgroundDropZoneHover": {
1542+
"value": "rgba({palette.white}, 0.05)",
1543+
"type": "color",
1544+
"description": "white"
1545+
},
1546+
"backgroundDropZoneDragover": {
1547+
"value": "rgba({palette.white}, 0.08)",
1548+
"type": "color",
1549+
"description": "white"
1550+
},
1551+
"backgroundDropZoneBrandHover": {
1552+
"value": "rgba({palette.white}, 0.03)",
1553+
"type": "color",
1554+
"description": "white"
1555+
},
1556+
"backgroundDropZoneBrandDragover": {
1557+
"value": "rgba({palette.white}, 0.05)",
1558+
"type": "color",
1559+
"description": "white"
1560+
},
15211561
"skeletonWave": {
15221562
"value": "{palette.grey5}",
15231563
"type": "color",

‎tokens/esimflag.json‎

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -157,6 +157,26 @@
157157
"type": "color",
158158
"description": "blue55"
159159
},
160+
"backgroundDropZoneHover": {
161+
"value": "rgba({palette.blue55}, 0.05)",
162+
"type": "color",
163+
"description": "blue55"
164+
},
165+
"backgroundDropZoneDragover": {
166+
"value": "rgba({palette.blue55}, 0.08)",
167+
"type": "color",
168+
"description": "blue55"
169+
},
170+
"backgroundDropZoneBrandHover": {
171+
"value": "rgba({palette.blue55}, 0.2)",
172+
"type": "color",
173+
"description": "blue55"
174+
},
175+
"backgroundDropZoneBrandDragover": {
176+
"value": "rgba({palette.blue55}, 0.4)",
177+
"type": "color",
178+
"description": "blue55"
179+
},
160180
"skeletonWave": {
161181
"value": "{palette.grey2}",
162182
"type": "color",
@@ -1555,6 +1575,26 @@
15551575
"type": "color",
15561576
"description": "grey6"
15571577
},
1578+
"backgroundDropZoneHover": {
1579+
"value": "rgba({palette.white}, 0.05)",
1580+
"type": "color",
1581+
"description": "white"
1582+
},
1583+
"backgroundDropZoneDragover": {
1584+
"value": "rgba({palette.white}, 0.08)",
1585+
"type": "color",
1586+
"description": "white"
1587+
},
1588+
"backgroundDropZoneBrandHover": {
1589+
"value": "rgba({palette.white}, 0.03)",
1590+
"type": "color",
1591+
"description": "white"
1592+
},
1593+
"backgroundDropZoneBrandDragover": {
1594+
"value": "rgba({palette.white}, 0.05)",
1595+
"type": "color",
1596+
"description": "white"
1597+
},
15581598
"borderLow": {
15591599
"value": "{palette.darkModeBlack}",
15601600
"type": "color",

‎tokens/movistar-new.json‎

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -125,6 +125,26 @@
125125
"type": "color",
126126
"description": "movistarBlue"
127127
},
128+
"backgroundDropZoneHover": {
129+
"value": "{palette.blue100}",
130+
"type": "color",
131+
"description": "blue100"
132+
},
133+
"backgroundDropZoneDragover": {
134+
"value": "{palette.blue200}",
135+
"type": "color",
136+
"description": "blue200"
137+
},
138+
"backgroundDropZoneBrandHover": {
139+
"value": "rgba({palette.movistarBlack}, 0.2)",
140+
"type": "color",
141+
"description": "movistarBlack"
142+
},
143+
"backgroundDropZoneBrandDragover": {
144+
"value": "rgba({palette.movistarBlack}, 0.4)",
145+
"type": "color",
146+
"description": "movistarBlack"
147+
},
128148
"skeletonWave": {
129149
"value": "{palette.grey200}",
130150
"type": "color",
@@ -1518,6 +1538,26 @@
15181538
"type": "color",
15191539
"description": "darkModeBlack"
15201540
},
1541+
"backgroundDropZoneHover": {
1542+
"value": "rgba({palette.white}, 0.05)",
1543+
"type": "color",
1544+
"description": "white"
1545+
},
1546+
"backgroundDropZoneDragover": {
1547+
"value": "rgba({palette.white}, 0.08)",
1548+
"type": "color",
1549+
"description": "white"
1550+
},
1551+
"backgroundDropZoneBrandHover": {
1552+
"value": "rgba({palette.white}, 0.03)",
1553+
"type": "color",
1554+
"description": "white"
1555+
},
1556+
"backgroundDropZoneBrandDragover": {
1557+
"value": "rgba({palette.white}, 0.05)",
1558+
"type": "color",
1559+
"description": "white"
1560+
},
15211561
"skeletonWave": {
15221562
"value": "{palette.grey600}",
15231563
"type": "color",

‎tokens/movistar.json‎

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -125,6 +125,26 @@
125125
"type": "color",
126126
"description": "movistarBlue"
127127
},
128+
"backgroundDropZoneHover": {
129+
"value": "{palette.movistarBlue10}",
130+
"type": "color",
131+
"description": "movistarBlue10"
132+
},
133+
"backgroundDropZoneDragover": {
134+
"value": "{palette.movistarBlue15}",
135+
"type": "color",
136+
"description": "movistarBlue15"
137+
},
138+
"backgroundDropZoneBrandHover": {
139+
"value": "rgba({palette.black}, 0.1)",
140+
"type": "color",
141+
"description": "black"
142+
},
143+
"backgroundDropZoneBrandDragover": {
144+
"value": "rgba({palette.black}, 0.2)",
145+
"type": "color",
146+
"description": "black"
147+
},
128148
"skeletonWave": {
129149
"value": "{palette.grey2}",
130150
"type": "color",
@@ -1518,6 +1538,26 @@
15181538
"type": "color",
15191539
"description": "darkModeBlack"
15201540
},
1541+
"backgroundDropZoneHover": {
1542+
"value": "rgba({palette.white}, 0.05)",
1543+
"type": "color",
1544+
"description": "white"
1545+
},
1546+
"backgroundDropZoneDragover": {
1547+
"value": "rgba({palette.white}, 0.08)",
1548+
"type": "color",
1549+
"description": "white"
1550+
},
1551+
"backgroundDropZoneBrandHover": {
1552+
"value": "rgba({palette.white}, 0.03)",
1553+
"type": "color",
1554+
"description": "white"
1555+
},
1556+
"backgroundDropZoneBrandDragover": {
1557+
"value": "rgba({palette.white}, 0.05)",
1558+
"type": "color",
1559+
"description": "white"
1560+
},
15211561
"skeletonWave": {
15221562
"value": "{palette.darkModeGrey6}",
15231563
"type": "color",

‎tokens/o2-new.json‎

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -162,6 +162,26 @@
162162
"type": "color",
163163
"description": "grey30"
164164
},
165+
"backgroundDropZoneHover": {
166+
"value": "rgba({palette.beyondBlue90}, 0.05)",
167+
"type": "color",
168+
"description": "beyondBlue90"
169+
},
170+
"backgroundDropZoneDragover": {
171+
"value": "rgba({palette.beyondBlue90}, 0.08)",
172+
"type": "color",
173+
"description": "beyondBlue90"
174+
},
175+
"backgroundDropZoneBrandHover": {
176+
"value": "rgba({palette.beyondBlue90}, 0.2)",
177+
"type": "color",
178+
"description": "beyondBlue90"
179+
},
180+
"backgroundDropZoneBrandDragover": {
181+
"value": "rgba({palette.beyondBlue90}, 0.4)",
182+
"type": "color",
183+
"description": "beyondBlue90"
184+
},
165185
"borderLow": {
166186
"value": "{palette.grey20}",
167187
"type": "color",
@@ -1555,6 +1575,26 @@
15551575
"type": "color",
15561576
"description": "grey80"
15571577
},
1578+
"backgroundDropZoneHover": {
1579+
"value": "rgba({palette.white}, 0.05)",
1580+
"type": "color",
1581+
"description": "white"
1582+
},
1583+
"backgroundDropZoneDragover": {
1584+
"value": "rgba({palette.white}, 0.08)",
1585+
"type": "color",
1586+
"description": "white"
1587+
},
1588+
"backgroundDropZoneBrandHover": {
1589+
"value": "rgba({palette.white}, 0.03)",
1590+
"type": "color",
1591+
"description": "white"
1592+
},
1593+
"backgroundDropZoneBrandDragover": {
1594+
"value": "rgba({palette.white}, 0.05)",
1595+
"type": "color",
1596+
"description": "white"
1597+
},
15581598
"borderLow": {
15591599
"value": "{palette.darkModeBlack}",
15601600
"type": "color",

‎tokens/o2.json‎

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -125,6 +125,26 @@
125125
"type": "color",
126126
"description": "o2BluePrimary"
127127
},
128+
"backgroundDropZoneHover": {
129+
"value": "rgba({palette.o2BluePrimary90}, 0.05)",
130+
"type": "color",
131+
"description": "o2BluePrimary90"
132+
},
133+
"backgroundDropZoneDragover": {
134+
"value": "rgba({palette.o2BluePrimary90}, 0.08)",
135+
"type": "color",
136+
"description": "o2BluePrimary90"
137+
},
138+
"backgroundDropZoneBrandHover": {
139+
"value": "rgba({palette.o2BluePrimary90}, 0.4)",
140+
"type": "color",
141+
"description": "o2BluePrimary90"
142+
},
143+
"backgroundDropZoneBrandDragover": {
144+
"value": "rgba({palette.o2BluePrimary90}, 0.8)",
145+
"type": "color",
146+
"description": "o2BluePrimary90"
147+
},
128148
"skeletonWave": {
129149
"value": "{palette.grey2}",
130150
"type": "color",
@@ -1518,6 +1538,26 @@
15181538
"type": "color",
15191539
"description": "darkModeBlack"
15201540
},
1541+
"backgroundDropZoneHover": {
1542+
"value": "rgba({palette.white}, 0.03)",
1543+
"type": "color",
1544+
"description": "white"
1545+
},
1546+
"backgroundDropZoneDragover": {
1547+
"value": "rgba({palette.white}, 0.05)",
1548+
"type": "color",
1549+
"description": "white"
1550+
},
1551+
"backgroundDropZoneBrandHover": {
1552+
"value": "rgba({palette.white}, 0.03)",
1553+
"type": "color",
1554+
"description": "white"
1555+
},
1556+
"backgroundDropZoneBrandDragover": {
1557+
"value": "rgba({palette.white}, 0.05)",
1558+
"type": "color",
1559+
"description": "white"
1560+
},
15211561
"skeletonWave": {
15221562
"value": "{palette.grey5}",
15231563
"type": "color",

‎tokens/schema/skin-schema.json‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -88,6 +88,10 @@
8888
"backgroundBrandTop",
8989
"backgroundBrandBottom",
9090
"navigationBarBackground",
91+
"backgroundDropZoneHover",
92+
"backgroundDropZoneDragover",
93+
"backgroundDropZoneBrandHover",
94+
"backgroundDropZoneBrandDragover",
9195
"skeletonWave",
9296
"border",
9397
"borderLow",
@@ -365,6 +369,10 @@
365369
"backgroundBrandTop": { "$ref": "#/definitions/constantProperties" },
366370
"backgroundBrandBottom": { "$ref": "#/definitions/constantProperties" },
367371
"navigationBarBackground": { "$ref": "#/definitions/constantProperties" },
372+
"backgroundDropZoneHover": { "$ref": "#/definitions/constantProperties" },
373+
"backgroundDropZoneDragover": { "$ref": "#/definitions/constantProperties" },
374+
"backgroundDropZoneBrandHover": { "$ref": "#/definitions/constantProperties" },
375+
"backgroundDropZoneBrandDragover": { "$ref": "#/definitions/constantProperties" },
368376
"skeletonWave": { "$ref": "#/definitions/constantProperties" },
369377
"border": { "$ref": "#/definitions/constantProperties" },
370378
"borderLow": { "$ref": "#/definitions/constantProperties" },

‎tokens/telefonica.json‎

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -125,6 +125,26 @@
125125
"type": "color",
126126
"description": "telefonicaBlue"
127127
},
128+
"backgroundDropZoneHover": {
129+
"value": "rgba({palette.telefonicaBlue70}, 0.05)",
130+
"type": "color",
131+
"description": "telefonicaBlue70"
132+
},
133+
"backgroundDropZoneDragover": {
134+
"value": "rgba({palette.telefonicaBlue70}, 0.08)",
135+
"type": "color",
136+
"description": "telefonicaBlue70"
137+
},
138+
"backgroundDropZoneBrandHover": {
139+
"value": "rgba({palette.telefonicaBlue80}, 0.2)",
140+
"type": "color",
141+
"description": "telefonicaBlue80"
142+
},
143+
"backgroundDropZoneBrandDragover": {
144+
"value": "rgba({palette.telefonicaBlue80}, 0.4)",
145+
"type": "color",
146+
"description": "telefonicaBlue80"
147+
},
128148
"skeletonWave": {
129149
"value": "{palette.grey2}",
130150
"type": "color",
@@ -1518,6 +1538,26 @@
15181538
"type": "color",
15191539
"description": "darkModeBlack"
15201540
},
1541+
"backgroundDropZoneHover": {
1542+
"value": "rgba({palette.telefonicaBlue70}, 0.05)",
1543+
"type": "color",
1544+
"description": "telefonicaBlue70"
1545+
},
1546+
"backgroundDropZoneDragover": {
1547+
"value": "rgba({palette.telefonicaBlue70}, 0.07)",
1548+
"type": "color",
1549+
"description": "telefonicaBlue70"
1550+
},
1551+
"backgroundDropZoneBrandHover": {
1552+
"value": "rgba({palette.white}, 0.03)",
1553+
"type": "color",
1554+
"description": "white"
1555+
},
1556+
"backgroundDropZoneBrandDragover": {
1557+
"value": "rgba({palette.white}, 0.05)",
1558+
"type": "color",
1559+
"description": "white"
1560+
},
15211561
"skeletonWave": {
15221562
"value": "{palette.grey8}",
15231563
"type": "color",

0 commit comments

Comments
 (0)