npm - @flamingo-stack/openframe-frontend-core - Versions diffs - 0.0.201 → 0.0.202 - Mend

@flamingo-stack/openframe-frontend-core 0.0.201 → 0.0.202

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.

Files changed (45) hide show

package/dist/{chunk-CSW5GYBU.js → chunk-IDULPYOU.js} +3997 -3734
package/dist/chunk-IDULPYOU.js.map +1 -0
package/dist/{chunk-UCY537V4.cjs → chunk-JIKTMXTZ.cjs} +952 -689
package/dist/chunk-JIKTMXTZ.cjs.map +1 -0
package/dist/components/chat/approval-request-message.d.ts.map +1 -1
package/dist/components/chat/chat-container.d.ts.map +1 -1
package/dist/components/chat/chat-message-enhanced.d.ts.map +1 -1
package/dist/components/chat/chat-message-list.d.ts.map +1 -1
package/dist/components/chat/types/message.types.d.ts +34 -0
package/dist/components/chat/types/message.types.d.ts.map +1 -1
package/dist/components/features/index.cjs +14 -2
package/dist/components/features/index.cjs.map +1 -1
package/dist/components/features/index.d.ts +1 -0
package/dist/components/features/index.d.ts.map +1 -1
package/dist/components/features/index.js +15 -3
package/dist/components/index.cjs +14 -2
package/dist/components/index.cjs.map +1 -1
package/dist/components/index.js +13 -1
package/dist/components/navigation/index.cjs +2 -2
package/dist/components/navigation/index.js +1 -1
package/dist/components/providers/theme-provider.d.ts +69 -0
package/dist/components/providers/theme-provider.d.ts.map +1 -0
package/dist/components/ui/index.cjs +2 -2
package/dist/components/ui/index.js +1 -1
package/dist/components/ui/simple-markdown-renderer.d.ts.map +1 -1
package/dist/index.cjs +14 -2
package/dist/index.cjs.map +1 -1
package/dist/index.js +13 -1
package/package.json +2 -1
package/src/components/chat/approval-request-message.tsx +106 -92
package/src/components/chat/chat-container.tsx +8 -4
package/src/components/chat/chat-message-enhanced.tsx +51 -9
package/src/components/chat/chat-message-list.tsx +27 -19
package/src/components/chat/types/message.types.ts +35 -0
package/src/components/features/index.ts +15 -0
package/src/components/providers/theme-provider.tsx +130 -0
package/src/components/ui/simple-markdown-renderer.tsx +248 -2
package/src/stories/Theme.stories.tsx +350 -0
package/src/styles/README.md +271 -174
package/src/styles/dark_theme.tokens.json +982 -0
package/src/styles/light_theme.tokens.json +982 -0
package/src/styles/ods-colors.css +225 -146
package/src/styles/ods_color_tokens.json +1 -300
package/dist/chunk-CSW5GYBU.js.map +0 -1
package/dist/chunk-UCY537V4.cjs.map +0 -1

package/src/styles/light_theme.tokens.json ADDED Viewed

@@ -0,0 +1,982 @@
+{
+  "open colors": {
+    "yellow": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.8941176533699036,
+          0.6666666865348816,
+          0
+        ],
+        "alpha": 1,
+        "hex": "#E4AA00"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:21:304",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    },
+    "yellow (hover)": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9607843160629272,
+          0.7137255072593689,
+          0
+        ],
+        "alpha": 1,
+        "hex": "#F5B600"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:21:302",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    },
+    "yellow (action)": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9215686321258545,
+          0.6745098233222961,
+          0
+        ],
+        "alpha": 1,
+        "hex": "#EBAC00"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:21:299",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    },
+    "yellow sec": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9803921580314636,
+          0.9803921580314636,
+          0.9803921580314636
+        ],
+        "alpha": 1,
+        "hex": "#FAFAFA"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:21:298",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    },
+    "yellow sec (hover)": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9607843160629272,
+          0.9607843160629272,
+          0.9607843160629272
+        ],
+        "alpha": 1,
+        "hex": "#F5F5F5"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:21:300",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    },
+    "yellow sec (action)": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9411764740943909,
+          0.9411764740943909,
+          0.9411764740943909
+        ],
+        "alpha": 1,
+        "hex": "#F0F0F0"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:21:297",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    }
+  },
+  "system greys": {
+    "white": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.10196078568696976,
+          0.10196078568696976,
+          0.10196078568696976
+        ],
+        "alpha": 1,
+        "hex": "#1A1A1A"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:1:40",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    },
+    "white (hover)": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.25882354378700256,
+          0.25882354378700256,
+          0.25882354378700256
+        ],
+        "alpha": 1,
+        "hex": "#424242"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:1:205",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    },
+    "white (action)": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.4156862795352936,
+          0.4156862795352936,
+          0.4156862795352936
+        ],
+        "alpha": 1,
+        "hex": "#6A6A6A"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:1:206",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    },
+    "grey": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.4627451002597809,
+          0.4627451002597809,
+          0.4627451002597809
+        ],
+        "alpha": 1,
+        "hex": "#767676"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:1:45",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    },
+    "grey (hover)": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.42352941632270813,
+          0.42352941632270813,
+          0.42352941632270813
+        ],
+        "alpha": 1,
+        "hex": "#6C6C6C"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:1:207",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    },
+    "grey (action)": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.3843137323856354,
+          0.3843137323856354,
+          0.3843137323856354
+        ],
+        "alpha": 1,
+        "hex": "#626262"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:1:208",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    },
+    "soft grey": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9058823585510254,
+          0.9058823585510254,
+          0.9058823585510254
+        ],
+        "alpha": 1,
+        "hex": "#E7E7E7"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:1:47",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    },
+    "soft grey (hover)": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.8666666746139526,
+          0.8666666746139526,
+          0.8666666746139526
+        ],
+        "alpha": 1,
+        "hex": "#DDDDDD"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:1:209",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    },
+    "soft grey (action)": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.8274509906768799,
+          0.8274509906768799,
+          0.8274509906768799
+        ],
+        "alpha": 1,
+        "hex": "#D3D3D3"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:1:210",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    },
+    "background": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9803921580314636,
+          0.9803921580314636,
+          0.9803921580314636
+        ],
+        "alpha": 1,
+        "hex": "#FAFAFA"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:1:46",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    },
+    "background (hover)": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9607843160629272,
+          0.9607843160629272,
+          0.9607843160629272
+        ],
+        "alpha": 1,
+        "hex": "#F5F5F5"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:1:211",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    },
+    "background (action)": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9411764740943909,
+          0.9411764740943909,
+          0.9411764740943909
+        ],
+        "alpha": 1,
+        "hex": "#F0F0F0"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:1:212",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    },
+    "black": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "alpha": 1,
+        "hex": "#FFFFFF"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:1:42",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    },
+    "black (hover)": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9803921580314636,
+          0.9803921580314636,
+          0.9803921580314636
+        ],
+        "alpha": 1,
+        "hex": "#FAFAFA"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:1:213",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    },
+    "black (action)": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9607843160629272,
+          0.9607843160629272,
+          0.9607843160629272
+        ],
+        "alpha": 1,
+        "hex": "#F5F5F5"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:1:214",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    }
+  },
+  "attention colors": {
+    "success": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.2980392277240753,
+          0.5372549295425415,
+          0.1411764770746231
+        ],
+        "alpha": 1,
+        "hex": "#4C8924"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:61:9",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    },
+    "success (hover)": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.25882354378700256,
+          0.49803921580314636,
+          0.10196078568696976
+        ],
+        "alpha": 1,
+        "hex": "#427F1A"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:61:10",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    },
+    "success (action)": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.21960784494876862,
+          0.4588235318660736,
+          0.062745101749897
+        ],
+        "alpha": 1,
+        "hex": "#387510"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:61:11",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    },
+    "success secondary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.7960784435272217,
+          0.8823529481887817,
+          0.7411764860153198
+        ],
+        "alpha": 1,
+        "hex": "#CBE1BD"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:650:4131",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    },
+    "success secondary (hover)": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.7568627595901489,
+          0.843137264251709,
+          0.7215686440467834
+        ],
+        "alpha": 1,
+        "hex": "#C1D7B8"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:650:4135",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    },
+    "success secondary (action)": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.7176470756530762,
+          0.8039215803146362,
+          0.6823529601097107
+        ],
+        "alpha": 1,
+        "hex": "#B7CDAE"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:650:4139",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    },
+    "warning": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.8030160665512085,
+          0.62107914686203,
+          0.09301763772964478
+        ],
+        "alpha": 1,
+        "hex": "#CD9E18"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:798:17004",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    },
+    "warning (hover)": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.7647058963775635,
+          0.5803921818733215,
+          0.054901961237192154
+        ],
+        "alpha": 1,
+        "hex": "#C3940E"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:798:17008",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    },
+    "warning (action)": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.7254902124404907,
+          0.5411764979362488,
+          0.01568627543747425
+        ],
+        "alpha": 1,
+        "hex": "#B98A04"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:798:17012",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    },
+    "warning sec": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9215686321258545,
+          0.8745098114013672,
+          0.7333333492279053
+        ],
+        "alpha": 1,
+        "hex": "#EBDFBB"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:798:17022",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    },
+    "warning sec (hover)": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.8823529481887817,
+          0.8352941274642944,
+          0.6941176652908325
+        ],
+        "alpha": 1,
+        "hex": "#E1D5B1"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:798:17020",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    },
+    "warning sec (action)": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.843137264251709,
+          0.7960784435272217,
+          0.6549019813537598
+        ],
+        "alpha": 1,
+        "hex": "#D7CBA7"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:798:17021",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    },
+    "error": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.8117647171020508,
+          0.30588236451148987,
+          0.30588236451148987
+        ],
+        "alpha": 1,
+        "hex": "#CF4E4E"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:61:12",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    },
+    "error (hover)": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.772549033164978,
+          0.2666666805744171,
+          0.2666666805744171
+        ],
+        "alpha": 1,
+        "hex": "#C54444"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:61:13",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    },
+    "error (action)": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.7333333492279053,
+          0.22745098173618317,
+          0.22745098173618317
+        ],
+        "alpha": 1,
+        "hex": "#BB3A3A"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:61:14",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    },
+    "error sec": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9725490212440491,
+          0.8078431487083435,
+          0.8078431487083435
+        ],
+        "alpha": 1,
+        "hex": "#F8CECE"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:650:4155",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    },
+    "error sec (hover)": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9333333373069763,
+          0.7686274647712708,
+          0.7686274647712708
+        ],
+        "alpha": 1,
+        "hex": "#EEC4C4"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:650:4153",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    },
+    "error sec (action)": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.8941176533699036,
+          0.729411780834198,
+          0.729411780834198
+        ],
+        "alpha": 1,
+        "hex": "#E4BABA"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:650:4154",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    }
+  },
+  "flamingo colors": {
+    "pink": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9529411792755127,
+          0.34117648005485535,
+          0.7333333492279053
+        ],
+        "alpha": 1,
+        "hex": "#F357BB"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:1:44",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    },
+    "pink (hover)": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9137254953384399,
+          0.3019607961177826,
+          0.6941176652908325
+        ],
+        "alpha": 1,
+        "hex": "#E94DB1"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:1:193",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    },
+    "pink (action)": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.8745098114013672,
+          0.26274511218070984,
+          0.6549019813537598
+        ],
+        "alpha": 1,
+        "hex": "#DF43A7"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:1:194",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    },
+    "pink sec": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.7667518258094788,
+          0.9162698984146118
+        ],
+        "alpha": 1,
+        "hex": "#FFC4EA"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:1:36",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    },
+    "pink sec (hover)": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9607843160629272,
+          0.729411780834198,
+          0.8784313797950745
+        ],
+        "alpha": 1,
+        "hex": "#F5BAE0"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:1:197",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    },
+    "pink sec (action)": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9215686321258545,
+          0.6901960968971252,
+          0.8392156958580017
+        ],
+        "alpha": 1,
+        "hex": "#EBB0D6"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:1:198",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    },
+    "cyan": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.019607843831181526,
+          0.5490196347236633,
+          0.5137255191802979
+        ],
+        "alpha": 1,
+        "hex": "#058C83"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:1:43",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    },
+    "cyan (hover)": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0.5098039507865906,
+          0.4745098054409027
+        ],
+        "alpha": 1,
+        "hex": "#008279"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:1:199",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    },
+    "cyan (action)": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0.47058823704719543,
+          0.43529412150382996
+        ],
+        "alpha": 1,
+        "hex": "#00786F"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:1:200",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    },
+    "cyan sec": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.6313725709915161,
+          0.9843137264251709,
+          0.9607843160629272
+        ],
+        "alpha": 1,
+        "hex": "#A1FBF5"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:1:39",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    },
+    "cyan sec (hover)": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.5921568870544434,
+          0.9450980424880981,
+          0.9215686321258545
+        ],
+        "alpha": 1,
+        "hex": "#97F1EB"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:1:203",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    },
+    "cyan sec (action)": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.5529412031173706,
+          0.9058823585510254,
+          0.8823529481887817
+        ],
+        "alpha": 1,
+        "hex": "#8DE7E1"
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:1:204",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ]
+      }
+    }
+  },
+  "$extensions": {
+    "com.figma.modeName": "light theme"
+  }
+}