@oim-media/spec 0.0.0-stage → 1.27.8

package/vectors/nested-groups.expected.json

@@ -0,0 +1,68 @@
+{
+  "description": "Multi-level hierarchy: a root group containing a subgroup with child elements.",
+  "canvas": {
+    "natural_height": 600,
+    "natural_width": 800
+  },
+  "signed": true,
+  "key_version": "v1",
+  "slots": [
+    {
+      "id": "grupo_padre",
+      "type": "group",
+      "position": [
+        2.5,
+        3.3333
+      ],
+      "name": "Grupo Padre",
+      "content": {
+        "es": ""
+      },
+      "style": {
+        "width": "50.0cqw",
+        "height": "37.5cqw",
+        "childIds": [
+          "subgrupo"
+        ]
+      }
+    },
+    {
+      "id": "subgrupo",
+      "type": "group",
+      "position": [
+        3.75,
+        5
+      ],
+      "name": "Subgrupo Hijo",
+      "content": {
+        "es": ""
+      },
+      "style": {
+        "width": "43.75cqw",
+        "height": "31.25cqw",
+        "groupId": "grupo_padre",
+        "childIds": [
+          "item_1"
+        ]
+      }
+    },
+    {
+      "id": "item_1",
+      "type": "geo",
+      "position": [
+        5,
+        6.6667
+      ],
+      "name": "Elemento Anidado",
+      "content": {
+        "es": ""
+      },
+      "style": {
+        "width": "15.0cqw",
+        "height": "10.0cqw",
+        "fillColor": "#10b981",
+        "groupId": "subgrupo"
+      }
+    }
+  ]
+}

package/vectors/palettes.expected.json

@@ -0,0 +1,57 @@
+{
+  "description": "Named palettes (contract 1.20.0): dark and light, defaultPalette=dark, a text layer with text-primary and a surface with surface.",
+  "canvas": {
+    "natural_height": 600,
+    "natural_width": 800
+  },
+  "signed": true,
+  "key_version": "v1",
+  "palettes": {
+    "dark": {
+      "surface": "#18181b",
+      "text-primary": "#f4f4f5"
+    },
+    "light": {
+      "surface": "#fafafa",
+      "text-primary": "#18181b"
+    }
+  },
+  "defaultPalette": "dark",
+  "slots": [
+    {
+      "id": "superficie",
+      "type": "geo",
+      "position": [
+        5,
+        6.6667
+      ],
+      "name": "Superficie",
+      "content": {
+        "es": ""
+      },
+      "style": {
+        "width": "90.0cqw",
+        "height": "65.0cqw",
+        "fillColor": "#71717a"
+      }
+    },
+    {
+      "id": "titular",
+      "type": "text",
+      "position": [
+        10,
+        33.3333
+      ],
+      "name": "Titular",
+      "content": {
+        "es": "Paleta"
+      },
+      "style": {
+        "width": "80.0cqw",
+        "height": "15.0cqw",
+        "fontSize": "8.0cqw",
+        "fillColor": "#3f3f46"
+      }
+    }
+  ]
+}

package/vectors/parallax-infinite.expected.json

@@ -0,0 +1,39 @@
+{
+  "description": "Continuous parallax in an infinite horizontal loop.",
+  "canvas": {
+    "natural_height": 600,
+    "natural_width": 800
+  },
+  "signed": true,
+  "key_version": "v1",
+  "slots": [
+    {
+      "id": "cinta_infinita",
+      "type": "geo",
+      "position": [
+        0,
+        66.6667
+      ],
+      "name": "Cinta Infinita",
+      "content": {
+        "es": ""
+      },
+      "style": {
+        "width": "100.0cqw",
+        "height": "15.0cqw",
+        "fillColor": "#0f172a",
+        "parallax": {
+          "axis": "both",
+          "depth": 0.5,
+          "enabled": true,
+          "infinite": {
+            "direction": "right_to_left",
+            "enabled": true,
+            "speed_px_sec": 35
+          },
+          "mode": "infinite_horizontal"
+        }
+      }
+    }
+  ]
+}

package/vectors/pattern-color-roles.expected.json

@@ -0,0 +1,68 @@
+{
+  "description": "Colour roles in patterns (contract 1.21.0): a pattern background with accent and surface, a pattern layer with accent, and a shadow with accent at 30%.",
+  "canvas": {
+    "natural_height": 600,
+    "natural_width": 800
+  },
+  "signed": true,
+  "key_version": "v1",
+  "palettes": {
+    "dark": {
+      "accent": "#a3e635",
+      "surface": "#18181b"
+    },
+    "light": {
+      "accent": "#4d7c0f",
+      "surface": "#fafafa"
+    }
+  },
+  "defaultPalette": "dark",
+  "slots": [
+    {
+      "id": "background-pattern-slot",
+      "type": "geo",
+      "position": [
+        0,
+        0
+      ],
+      "name": "Fondo",
+      "content": {
+        "es": ""
+      },
+      "style": {
+        "width": "100.0cqw",
+        "height": "75.0cqw",
+        "backgroundType": "pattern",
+        "backgroundPatternType": "dots",
+        "backgroundPatternColor": "#a3e635",
+        "backgroundPatternColorRole": "accent",
+        "backgroundPatternBgColor": "#18181b",
+        "backgroundPatternBgColorRole": "surface"
+      }
+    },
+    {
+      "id": "patron",
+      "type": "pattern",
+      "position": [
+        12.5,
+        16.6667
+      ],
+      "name": "Patron",
+      "content": {
+        "es": ""
+      },
+      "style": {
+        "width": "37.5cqw",
+        "height": "37.5cqw",
+        "shadowEnabled": true,
+        "shadowColor": "#000000",
+        "shadowBlur": 12,
+        "shadowOpacity": 30,
+        "fillPatternType": "dots",
+        "fillPatternColor": "#a3e635",
+        "fillPatternColorRole": "accent",
+        "shadowColorRole": "accent"
+      }
+    }
+  ]
+}

package/vectors/reedit-english.expected.json

@@ -0,0 +1,45 @@
+{
+  "description": "Reedit in English (contract 1.23.0): a file that declares reedit \"public\" with the English key. Signed by the production service, so the signature covers the English key.",
+  "canvas": {
+    "natural_height": 600,
+    "natural_width": 800
+  },
+  "signed": true,
+  "key_version": "v1",
+  "languages": [
+    "es",
+    "en"
+  ],
+  "reedit": "public",
+  "fonts": [
+    {
+      "family": "Inter",
+      "name": "oim-341fdb19-Inter",
+      "weight": 400,
+      "style": "normal",
+      "format": "woff2"
+    }
+  ],
+  "slots": [
+    {
+      "id": "titulo",
+      "type": "text",
+      "position": [
+        1.25,
+        1.6667
+      ],
+      "name": "Title",
+      "content": {
+        "en": "Hello",
+        "es": "Hola"
+      },
+      "style": {
+        "fillColor": "#ffffff",
+        "fontFamily": "Inter",
+        "fontSize": "6.0cqw",
+        "height": "25.0cqw",
+        "width": "25.0cqw"
+      }
+    }
+  ]
+}

package/vectors/reveal-and-play.expected.json

@@ -0,0 +1,107 @@
+{
+  "description": "Per-layer reveal and the play action (contract 1.22.0): a hidden panel that slides up into view, an icon whose animation waits for an action, and a button that reveals one and plays the other.",
+  "canvas": {
+    "natural_height": 600,
+    "natural_width": 800
+  },
+  "signed": true,
+  "key_version": "v1",
+  "slots": [
+    {
+      "id": "panel",
+      "type": "geo",
+      "position": [
+        10,
+        13.3333
+      ],
+      "name": "Panel",
+      "content": {
+        "es": ""
+      },
+      "style": {
+        "width": "50.0cqw",
+        "height": "30.0cqw",
+        "fillColor": "#27272a",
+        "isVisible": false,
+        "reveal": {
+          "duration": 400,
+          "easing": [
+            0.22,
+            1,
+            0.36,
+            1
+          ],
+          "effect": "slide-up"
+        }
+      }
+    },
+    {
+      "id": "icon",
+      "type": "geo",
+      "position": [
+        70,
+        20
+      ],
+      "name": "Icono",
+      "content": {
+        "es": ""
+      },
+      "style": {
+        "width": "15.0cqw",
+        "height": "15.0cqw",
+        "fillColor": "#f4f4f5",
+        "animation": {
+          "duration": 0.6,
+          "keyframes": [
+            {
+              "s": 1,
+              "t": 0
+            },
+            {
+              "e": "ease-out",
+              "s": 1.2,
+              "t": 0.5
+            },
+            {
+              "s": 1,
+              "t": 1
+            }
+          ],
+          "trigger": "action"
+        }
+      }
+    },
+    {
+      "id": "btn",
+      "type": "text",
+      "position": [
+        10,
+        70
+      ],
+      "name": "Boton",
+      "content": {
+        "es": "Abrir"
+      },
+      "style": {
+        "width": "25.0cqw",
+        "height": "7.5cqw",
+        "fontSize": "3.0cqw",
+        "isInteractive": true,
+        "states": {
+          "active": {
+            "actions": [
+              {
+                "target": "panel",
+                "type": "show"
+              },
+              {
+                "target": "icon",
+                "type": "play"
+              }
+            ]
+          }
+        }
+      }
+    }
+  ]
+}

package/vectors/shadow-effects.expected.json

@@ -0,0 +1,34 @@
+{
+  "description": "A layer with a shadow set by colour, blur, offset and opacity.",
+  "canvas": {
+    "natural_height": 600,
+    "natural_width": 800
+  },
+  "signed": true,
+  "key_version": "v1",
+  "slots": [
+    {
+      "id": "caja_sombra",
+      "type": "geo",
+      "position": [
+        10,
+        13.3333
+      ],
+      "name": "Caja con Sombra",
+      "content": {
+        "es": ""
+      },
+      "style": {
+        "width": "31.25cqw",
+        "height": "18.75cqw",
+        "fillColor": "#ffffff",
+        "shadowEnabled": true,
+        "shadowColor": "#000000",
+        "shadowBlur": 20,
+        "shadowOffsetX": 8,
+        "shadowOffsetY": 12,
+        "shadowOpacity": 45
+      }
+    }
+  ]
+}