@daikin-oss/dds-tokens 0.1.0 → 0.2.1

package/themes/dkn/light/component.json

@@ -0,0 +1,283 @@
+{
+  "container": {
+    "color": {
+      "background": {
+        "value": "{color.background.component}",
+        "type": "color"
+      },
+      "text": {
+        "header": {
+          "value": "{color.text.default}",
+          "type": "color"
+        },
+        "body": {
+          "value": "{color.text.default-sub}",
+          "type": "color"
+        }
+      }
+    }
+  },
+  "card": {
+    "shadow": {
+      "value": "{shadow.black}",
+      "type": "boxShadow"
+    },
+    "color": {
+      "background": {
+        "value": "{container.color.background}",
+        "type": "color"
+      }
+    },
+    "border": {
+      "hover": {
+        "value": {
+          "color": "#BFBFBF",
+          "width": "2",
+          "style": "solid"
+        },
+        "type": "border"
+      },
+      "alert": {
+        "value": {
+          "color": "{color.feedback.negative}",
+          "width": "2",
+          "style": "solid"
+        },
+        "type": "border"
+      },
+      "underline": {
+        "value": {
+          "color": "{color.blue-gray.20}",
+          "width": "1",
+          "style": "solid"
+        },
+        "type": "border"
+      }
+    }
+  },
+  "notification": {
+    "shadow": {
+      "value": "{shadow.black}",
+      "type": "boxShadow"
+    },
+    "color": {
+      "background": {
+        "theme": {
+          "value": "{color.background.component}",
+          "type": "color"
+        },
+        "success": {
+          "value": "{color.feedback.positive}",
+          "type": "color"
+        },
+        "error": {
+          "value": "{color.feedback.negative}",
+          "type": "color"
+        },
+        "warning": {
+          "value": "{color.feedback.warning}",
+          "type": "color"
+        },
+        "alarm": {
+          "value": "{color.feedback.alarm}",
+          "type": "color"
+        },
+        "information": {
+          "value": "{color.feedback.information}",
+          "type": "color"
+        }
+      },
+      "text": {
+        "value": "{color.text.default}",
+        "type": "color"
+      }
+    }
+  },
+  "icon": {
+    "color": {
+      "background": {
+        "default": {
+          "value": "{color.background.object}",
+          "type": "color"
+        },
+        "theme": {
+          "value": "{color.background.theme}",
+          "type": "color"
+        }
+      }
+    }
+  },
+  "button": {
+    "color": {
+      "background": {
+        "primary": {
+          "active": {
+            "value": "{color.brand.primary}",
+            "type": "color",
+            "description": "Color used for the default state of a secondary button"
+          },
+          "hover": {
+            "value": "{color.brand.secondary}",
+            "type": "color"
+          },
+          "press": {
+            "value": "{color.blue.70}",
+            "type": "color"
+          },
+          "focus": {
+            "value": "{color.blue.80}",
+            "type": "color"
+          },
+          "disabled": {
+            "value": "{color.gray.30}",
+            "type": "color"
+          }
+        }
+      },
+      "border": {
+        "secondary": {
+          "active": {
+            "value": "{color.brand.primary}",
+            "type": "color"
+          },
+          "hover": {
+            "value": "{color.brand.secondary}",
+            "type": "color"
+          },
+          "press": {
+            "value": "{color.blue.70}",
+            "type": "color"
+          },
+          "focus": {
+            "value": "{color.blue.80}",
+            "type": "color"
+          },
+          "disabled": {
+            "value": "{color.gray.30}",
+            "type": "color"
+          }
+        }
+      },
+      "text": {
+        "secondary": {
+          "active": {
+            "value": "{color.text.brand.primary}",
+            "type": "color"
+          },
+          "hover": {
+            "value": "{color.brand.secondary}",
+            "type": "color"
+          },
+          "press": {
+            "value": "{color.blue.70}",
+            "type": "color"
+          },
+          "focus": {
+            "value": "{color.blue.80}",
+            "type": "color"
+          },
+          "disabled": {
+            "value": "{color.gray.30}",
+            "type": "color"
+          }
+        },
+        "primary": {
+          "value": "{color.text.theme}",
+          "type": "color"
+        }
+      }
+    }
+  },
+  "tab": {
+    "color": {
+      "line": {
+        "active": {
+          "value": "{color.brand.primary}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "{color.brand.secondary}",
+          "type": "color"
+        },
+        "press": {
+          "value": "{color.blue.70}",
+          "type": "color"
+        },
+        "focus": {
+          "value": "{color.blue.80}",
+          "type": "color"
+        },
+        "disabled": {
+          "value": "{color.gray.30}",
+          "type": "color"
+        }
+      },
+      "text": {
+        "active": {
+          "value": "{color.text.brand.primary}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "{color.brand.secondary}",
+          "type": "color"
+        },
+        "press": {
+          "value": "{color.blue.70}",
+          "type": "color"
+        },
+        "focus": {
+          "value": "{color.blue.80}",
+          "type": "color"
+        },
+        "disabled": {
+          "value": "{color.gray.30}",
+          "type": "color"
+        }
+      }
+    }
+  },
+  "color": {
+    "link": {
+      "text": {
+        "default": {
+          "value": "{color.blue.90}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "{color.blue.100}",
+          "type": "color"
+        },
+        "press": {
+          "value": "{color.blue.110}",
+          "type": "color"
+        },
+        "visited": {
+          "default": {
+            "value": "{color.purple.90}",
+            "type": "color"
+          },
+          "hover": {
+            "value": "{color.purple.100}",
+            "type": "color"
+          },
+          "press": {
+            "value": "{color.purple.110}",
+            "type": "color"
+          }
+        }
+      },
+      "surface": {
+        "visited": {
+          "hover": {
+            "value": "{color.purple.10}",
+            "type": "color"
+          },
+          "press": {
+            "value": "{color.purple.20}",
+            "type": "color"
+          }
+        }
+      }
+    }
+  }
+}

package/themes/dkn/light/system.json

@@ -0,0 +1,237 @@
+{
+  "color": {
+    "brand": {
+      "primary": {
+        "value": "{color.blue.60}",
+        "type": "color",
+        "description": "Primary brand blue"
+      },
+      "secondary": {
+        "value": "{color.blue.40}",
+        "type": "color",
+        "description": "Primary secondary brand blue"
+      }
+    },
+    "text": {
+      "brand": {
+        "primary": {
+          "value": "{color.brand.primary}",
+          "type": "color"
+        }
+      },
+      "theme": {
+        "value": "{color.white}",
+        "type": "color"
+      },
+      "default": {
+        "value": "{color.gray.100}",
+        "type": "color"
+      },
+      "default-sub": {
+        "value": "{color.gray.80}",
+        "type": "color"
+      }
+    },
+    "background": {
+      "theme": {
+        "value": "{color.white}",
+        "type": "color"
+      },
+      "component": {
+        "value": "{color.white}",
+        "type": "color"
+      },
+      "object": {
+        "value": "{color.gray.100}",
+        "type": "color"
+      }
+    },
+    "feedback": {
+      "positive": {
+        "value": "{color.green.60}",
+        "type": "color",
+        "description": "System status is positive"
+      },
+      "warning": {
+        "value": "{color.yellow.50}",
+        "type": "color",
+        "description": "System status is warning"
+      },
+      "negative": {
+        "value": "{color.red.60}",
+        "type": "color",
+        "description": "System status is warning"
+      },
+      "alarm": {
+        "value": "{color.orange.60}",
+        "type": "color",
+        "description": "System status is warning"
+      },
+      "information": {
+        "value": "{color.blue.60}",
+        "type": "color",
+        "description": "System status is warning"
+      }
+    },
+    "common": {
+      "brand": {
+        "default": {
+          "value": "{color.blue.70}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "{color.blue.80}",
+          "type": "color"
+        },
+        "press": {
+          "value": "{color.blue.90}",
+          "type": "color"
+        }
+      },
+      "surface": {
+        "brand": {
+          "hover": {
+            "value": "{color.blue.10}",
+            "type": "color"
+          },
+          "press": {
+            "value": "{color.blue.20}",
+            "type": "color"
+          }
+        },
+        "neutral": {
+          "hover": {
+            "value": "{color.gray.10}",
+            "type": "color"
+          },
+          "press": {
+            "value": "{color.gray.20}",
+            "type": "color"
+          }
+        },
+        "danger": {
+          "hover": {
+            "value": "{color.red.10}",
+            "type": "color"
+          },
+          "press": {
+            "value": "{color.red.20}",
+            "type": "color"
+          }
+        },
+        "default": {
+          "value": "{color.white}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "{color.gray.10}",
+          "type": "color"
+        },
+        "press": {
+          "value": "{color.gray.20}",
+          "type": "color"
+        },
+        "selected": {
+          "default": {
+            "value": "{color.blue.10}",
+            "type": "color"
+          },
+          "hover": {
+            "value": "{color.blue.20}",
+            "type": "color"
+          },
+          "press": {
+            "value": "{color.blue.30}",
+            "type": "color"
+          }
+        }
+      },
+      "neutral": {
+        "default": {
+          "value": "{color.gray.80}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "{color.gray.90}",
+          "type": "color"
+        },
+        "press": {
+          "value": "{color.gray.100}",
+          "type": "color"
+        }
+      },
+      "danger": {
+        "default": {
+          "value": "{color.red.70}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "{color.red.80}",
+          "type": "color"
+        },
+        "press": {
+          "value": "{color.red.90}",
+          "type": "color"
+        }
+      },
+      "success": {
+        "value": "{color.green.70}",
+        "type": "color"
+      },
+      "warning": {
+        "value": "{color.yellow.70}",
+        "type": "color"
+      },
+      "alarm": {
+        "value": "{color.orange.70}",
+        "type": "color"
+      },
+      "information": {
+        "value": "{color.blue.70}",
+        "type": "color"
+      },
+      "disabled": {
+        "value": "{color.gray.50}",
+        "type": "color"
+      },
+      "text": {
+        "primary": {
+          "value": "{color.gray.100}",
+          "type": "color"
+        },
+        "secondary": {
+          "value": "{color.gray.80}",
+          "type": "color"
+        },
+        "inverse": {
+          "value": "{color.white}",
+          "type": "color"
+        }
+      },
+      "border": {
+        "focus": {
+          "value": "{color.blue.80}",
+          "type": "color"
+        },
+        "empty": {
+          "value": "{color.gray.40}",
+          "type": "color"
+        }
+      },
+      "background": {
+        "default": {
+          "value": "{color.white}",
+          "type": "color"
+        },
+        "overlay": {
+          "value": "{color.black}",
+          "type": "color"
+        }
+      }
+    },
+    "divider": {
+      "value": "{color.gray.40}",
+      "type": "color"
+    }
+  }
+}