@demos-europe/demosplan-ui 0.3.21 → 0.3.24

package/tokens/src/color/color.ui-tailwind.json

@@ -1,401 +0,0 @@
-{
-  "color": {
-    "ui-tailwind": {
-      "$description": "Tokens that are transformed to be applied to distinct Tailwind corePlugins.",
-      "color": {
-        "$description": "Tokens that are allowed to be used with any corePlugin.",
-        "interactive": {
-          "DEFAULT": {
-            "$description": "Color for default state of interactive elements.",
-            "value": "{color.palette.blue.base}",
-            "themeable": true,
-            "$type": "color"
-          },
-          "hover": {
-            "$description": "Color for hover state of interactive elements.",
-            "value": "{color.palette.blue.dark-1}",
-            "themeable": true,
-            "$type": "color"
-          },
-          "active": {
-            "$description": "Color for active state of interactive elements.",
-            "value": "{color.palette.blue.dark-2}",
-            "themeable": true,
-            "$type": "color"
-          }
-        }
-      },
-      "textColor": {
-        "default": {
-          "$description": "Default color for text that should be readable.",
-          "value": "{color.palette.neutral.dark-2}",
-          "$type": "color"
-        },
-        "muted": {
-          "$description": "Color for text that should stand out a little less. Has sufficient contrast on white.",
-          "value": "{color.palette.neutral.base}",
-          "$type": "color"
-        },
-        "on-dark": {
-          "$description": "Color for text that has sufficient contrast on dark backgrounds.",
-          "value": "{color.palette.white}",
-          "$type": "color"
-        },
-        "marked": {
-          "$description": "Color for highlighting portions of text. To be used together with bg-text-marked",
-          "value": "{color.palette.blue.dark-2}",
-          "$type": "color"
-        },
-        "message": {
-          "info": {
-            "DEFAULT": {
-              "$description": "Text color to communicate uncritical information within system feedback components.",
-              "value": "{color.palette.blue.dark-2}",
-              "$type": "color"
-            },
-            "icon": {
-              "$description": "Icon color to communicate uncritical information within system feedback components.",
-              "value": "{color.palette.blue.dark-1}",
-              "$type": "color"
-            },
-            "interactive": {
-              "$description": "Color for interactive text to communicate uncritical information within system feedback components.",
-              "value": "{color.palette.blue.base}",
-              "$type": "color"
-            }
-          },
-          "warning": {
-            "DEFAULT": {
-              "$description": "Text color to noticeably communicate uncritical information within system feedback components.",
-              "value": "{color.palette.yellow.dark-2}",
-              "$type": "color"
-            },
-            "icon": {
-              "$description": "Icon color to noticeably communicate uncritical information within system feedback components.",
-              "value": "{color.palette.yellow.dark-2}",
-              "$type": "color"
-            },
-            "interactive": {
-              "$description": "Color for interactive text to noticeably communicate uncritical information within system feedback components.",
-              "value": "{color.palette.yellow.dark-2}",
-              "$type": "color"
-            }
-          },
-          "severe": {
-            "DEFAULT": {
-              "$description": "Text color to communicate importance, danger, and immediate action within system feedback components.",
-              "value": "{color.palette.red.dark-2}",
-              "$type": "color"
-            },
-            "icon": {
-              "$description": "Icon color to communicate importance, danger, and immediate action within system feedback components.",
-              "value": "{color.palette.red.dark-1}",
-              "$type": "color"
-            },
-            "interactive": {
-              "$description": "Color for interactive text to communicate importance, danger, and immediate action within system feedback components.",
-              "value": "{color.palette.red.dark-1}",
-              "$type": "color"
-            }
-          },
-          "success": {
-            "DEFAULT": {
-              "$description": "Text color to communicate successful state change within system feedback components.",
-              "value": "{color.palette.green.dark-2}",
-              "$type": "color"
-            },
-            "icon": {
-              "$description": "Icon color to communicate successful state change within system feedback components.",
-              "value": "{color.palette.green.dark-1}",
-              "$type": "color"
-            },
-            "interactive": {
-              "$description": "Color for interactive text to communicate successful state change within system feedback components.",
-              "value": "{color.palette.green.base}",
-              "$type": "color"
-            }
-          },
-          "debug": {
-            "DEFAULT": {
-              "$description": "Text color to communicate information for debugging purposes within system feedback components.",
-              "value": "{color.palette.purple.dark-2}",
-              "$type": "color"
-            },
-            "icon": {
-              "$description": "Icon color to communicate information for debugging purposes within system feedback components.",
-              "value": "{color.palette.purple.dark-1}",
-              "$type": "color"
-            },
-            "interactive": {
-              "$description": "Color for interactive text to communicate information for debugging purposes within system feedback components.",
-              "value": "{color.palette.purple.dark-1}",
-              "$type": "color"
-            }
-          }
-        },
-        "selected": {
-          "$description": "Color used to visualize selected elements (ex: selection-text).",
-          "value": "{color.palette.blue.dark-1}",
-          "$type": "color"
-        },
-        "status": {
-          "progress": {
-            "DEFAULT": {
-              "$description": "Text color to communicate that something is in progress.",
-              "value": "{color.palette.blue.dark-1}",
-              "$type": "color"
-            },
-            "fill": {
-              "$description": "Fill color to communicate that something is in progress. Use for charts.",
-              "value": "{color.palette.blue.base}",
-              "$type": "color"
-            },
-            "icon": {
-              "$description": "Icon color to communicate that something is in progress.",
-              "value": "{color.palette.blue.base}",
-              "$type": "color"
-            }
-          },
-          "changed": {
-            "DEFAULT": {
-              "$description": "Text color to communicate something has moved or changed.",
-              "value": "{color.palette.yellow.dark-2}",
-              "$type": "color"
-            },
-            "fill": {
-              "$description": "Fill color to communicate something has moved or changed. Use for charts.",
-              "value": "{color.palette.yellow.base}",
-              "$type": "color"
-            },
-            "icon": {
-              "$description": "Icon color to communicate something has moved or changed.",
-              "value": "{color.palette.yellow.dark-1}",
-              "$type": "color"
-            }
-          },
-          "failed": {
-            "DEFAULT": {
-              "$description": "Text color to communicate that an action or validation has failed on an item.",
-              "value": "{color.palette.red.dark-1}",
-              "$type": "color"
-            },
-            "fill": {
-              "$description": "Fill color to communicate that an action or validation has failed on an item. Use for charts.",
-              "value": "{color.palette.red.base}",
-              "$type": "color"
-            },
-            "icon": {
-              "$description": "Icon color to communicate that an action or validation has failed on an item.",
-              "value": "{color.palette.red.base}",
-              "$type": "color"
-            }
-          },
-          "complete": {
-            "DEFAULT": {
-              "$description": "Text color to communicate that an action has completed, or something has been added.",
-              "value": "{color.palette.green.dark-1}",
-              "$type": "color"
-            },
-            "fill": {
-              "$description": "Fill color to communicate that an action has completed, or something has been added. Use for charts.",
-              "value": "{color.palette.green.base}",
-              "$type": "color"
-            },
-            "icon": {
-              "$description": "Icon color to communicate that an action has completed, or something has been added.",
-              "value": "{color.palette.green.base}",
-              "$type": "color"
-            }
-          },
-          "neutral": {
-            "DEFAULT": {
-              "$description": "Text color to communicate neutral or unknown status.",
-              "value": "{color.palette.neutral.dark-1}",
-              "$type": "color"
-            },
-            "fill": {
-              "$description": "Fill color to communicate neutral or unknown status. Use for charts.",
-              "value": "{color.palette.neutral.base}",
-              "$type": "color"
-            },
-            "icon": {
-              "$description": "Icon color to communicate neutral or unknown status.",
-              "value": "{color.palette.neutral.base}",
-              "$type": "color"
-            }
-          }
-        }
-      },
-      "backgroundColor": {
-        "$description": "Tokens that are meant to be used with the backgroundColor corePlugin.",
-        "interactive": {
-          "subtle-hover": {
-            "$description": "Background color for hover state of bigger areas or subtle buttons.",
-            "value": "{color.palette.neutral.light-4}",
-            "$type": "color"
-          },
-          "subtle-active": {
-            "$description": "Background color for active state of bigger areas or subtle buttons.",
-            "value": "{color.palette.neutral.light-3}",
-            "$type": "color"
-          },
-          "muted": {
-            "$description": "Background color for interactive elements that reveal their base state on:hover of a parent element, eg. in a table row. Note that this is not to be conflated with the disabled state, which is communicated via opacity.",
-            "value": "{color.palette.neutral.light-1}",
-            "$type": "color"
-          }
-        },
-        "message": {
-          "info": {
-            "$description": "Background color to communicate uncritical information within system feedback components.",
-            "value": "{color.palette.blue.light-3}",
-            "$type": "color"
-          },
-          "warning": {
-            "$description": "Background color to noticeably communicate uncritical information within system feedback components.",
-            "value": "{color.palette.yellow.light-3}",
-            "$type": "color"
-          },
-          "severe": {
-            "$description": "Background color to communicate importance, danger, and immediate action within system feedback components.",
-            "value": "{color.palette.red.light-3}",
-            "$type": "color"
-          },
-          "success": {
-            "$description": "Background color to communicate successful state change within system feedback components.",
-            "value": "{color.palette.green.light-3}",
-            "$type": "color"
-          },
-          "debug": {
-            "$description": "Background color to communicate information for debugging purposes within system feedback components.",
-            "value": "{color.palette.purple.light-3}",
-            "$type": "color"
-          }
-        },
-        "selected": {
-          "$description": "Background Color used to visualize selected elements (ex: selection-bg).",
-          "value": "{color.palette.blue.light-3}",
-          "$type": "color"
-        },
-        "status": {
-          "progress": {
-            "$description": "Background color to communicate that something is in progress (ex: status-progress-text).",
-            "value": "{color.palette.blue.base}",
-            "$type": "color"
-          },
-          "changed": {
-            "$description": "Background color to communicate something has moved or changed.",
-            "value": "{color.palette.yellow.base}",
-            "$type": "color"
-          },
-          "failed": {
-            "$description": "Background color to communicate that an action or validation has failed on an item.",
-            "value": "{color.palette.red.base}",
-            "$type": "color"
-          },
-          "complete": {
-            "$description": "Background color to communicate that an action has completed, or something has been added.",
-            "value": "{color.palette.green.base}",
-            "$type": "color"
-          },
-          "neutral": {
-            "DEFAULT": {
-              "$description": "Text color to communicate neutral or unknown status.",
-              "value": "{color.palette.neutral.dark-1}",
-              "$type": "color"
-            }
-          }
-        },
-        "surface": {
-          "$description": "Colors to apply to the main interface areas of the application",
-          "DEFAULT": {
-            "$description": "Default color used for backgrounds.",
-            "value": "{color.palette.white}",
-            "themeable": true,
-            "$type": "color"
-          },
-          "light": {
-            "$description": "Lightest background color that is discernible on normal monitors.",
-            "value": "{color.palette.neutral.light-4}",
-            "themeable": true,
-            "$type": "color"
-          },
-          "medium": {
-            "$description": "Medium background color for boxes etc.",
-            "value": "{color.palette.neutral.light-3}",
-            "themeable": true,
-            "$type": "color"
-          }
-        },
-        "text": {
-          "deleted": {
-            "$description": "Background color for deleted (del) text.",
-            "value": "{color.palette.yellow.light-2}",
-            "$type": "color"
-          },
-          "deleted-muted": {
-            "$description": "Background color for deleted (del) areas of text.",
-            "value": "{color.palette.yellow.light-3}",
-            "$type": "color"
-          },
-          "inserted": {
-            "$description": "Background color for inserted (ins) text.",
-            "value": "{color.palette.blue.light-3}",
-            "$type": "color"
-          },
-          "inserted-muted": {
-            "$description": "Background color for highlighting portions of text, that is discernible from 'bg-text-marked'",
-            "value": "{color.palette.blue.light-4}",
-            "$type": "color"
-          },
-          "marked": {
-            "$description": "Background color for highlighting portions of text.",
-            "value": "{color.palette.blue.light-3}",
-            "$type": "color"
-          }
-        }
-      },
-      "borderColor": {
-        "message": {
-          "info": {
-            "$description": "Border color to communicate uncritical information within system feedback components.",
-            "value": "{color.palette.blue.light-1}",
-            "$type": "color"
-          },
-          "warning": {
-            "$description": "Border color to noticeably communicate uncritical information within system feedback components.",
-            "value": "{color.palette.yellow.base}",
-            "$type": "color"
-          },
-          "severe": {
-            "$description": "Border color to communicate importance, danger, and immediate action within system feedback components.",
-            "value": "{color.palette.red.light-1}",
-            "$type": "color"
-          },
-          "success": {
-            "$description": "Border color to communicate successful state change within system feedback components.",
-            "value": "{color.palette.green.light-1}",
-            "$type": "color"
-          },
-          "debug": {
-            "$description": "Border color to communicate information for debugging purposes within system feedback components.",
-            "value": "{color.palette.purple.light-1}",
-            "$type": "color"
-          }
-        },
-        "neutral": {
-          "$description": "Default color used for borders within the application.",
-          "value": "{color.palette.neutral.light-2}",
-          "$type": "color"
-        },
-        "status": {
-          "failed": {
-            "$description": "Border color to communicate that an action or validation has failed on an item.",
-            "value": "{color.palette.red.base}",
-            "$type": "color"
-          }
-        }
-      }
-    }
-  }
-}