@daikin-oss/dds-tokens 0.0.0 → 0.2.0

package/themes/aaf/light/component.json

@@ -0,0 +1,113 @@
+{
+  "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"
+        }
+      }
+    },
+    "shadow": {
+      "value": "{shadow.black}",
+      "type": "boxShadow"
+    }
+  },
+  "icon": {
+    "color": {
+      "background": {
+        "value": "{color.background.object}",
+        "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.red.aaf.500}",
+            "type": "color"
+          },
+          "focus": {
+            "value": "{color.red.aaf.300}",
+            "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.red.aaf.500}",
+            "type": "color"
+          },
+          "focus": {
+            "value": "{color.red.aaf.300}",
+            "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.red.aaf.500}",
+            "type": "color"
+          },
+          "focus": {
+            "value": "{color.red.aaf.300}",
+            "type": "color"
+          },
+          "disabled": {
+            "value": "{color.gray.30}",
+            "type": "color"
+          }
+        },
+        "primary": {
+          "value": "{color.text.theme}",
+          "type": "color"
+        }
+      }
+    }
+  }
+}

package/themes/aaf/light/system.json

@@ -0,0 +1,49 @@
+{
+  "color": {
+    "brand": {
+      "primary": {
+        "value": "{color.red.aaf.600}",
+        "type": "color",
+        "description": "Primary brand blue"
+      },
+      "secondary": {
+        "value": "{color.red.aaf.400}",
+        "type": "color"
+      }
+    },
+    "text": {
+      "brand": {
+        "primary": {
+          "value": "{color.brand.primary}",
+          "type": "color"
+        }
+      },
+      "theme": {
+        "value": "{color.white}",
+        "type": "color"
+      },
+      "default": {
+        "value": "{color.gray.90}",
+        "type": "color"
+      },
+      "default-sub": {
+        "value": "{color.gray.70}",
+        "type": "color"
+      }
+    },
+    "background": {
+      "theme": {
+        "value": "{color.white}",
+        "type": "color"
+      },
+      "component": {
+        "value": "{color.white}",
+        "type": "color"
+      },
+      "object": {
+        "value": "{color.gray.90}",
+        "type": "color"
+      }
+    }
+  }
+}

package/themes/component.json

@@ -0,0 +1,184 @@
+{
+  "checkbox": {
+    "border": {
+      "unselected": {
+        "value": {
+          "color": "{color.gray.50}",
+          "width": "2",
+          "style": "solid"
+        },
+        "type": "border"
+      }
+    },
+    "color": {
+      "background": {
+        "value": "{color.blue.60}",
+        "type": "color"
+      },
+      "icon": {
+        "value": "{color.white}",
+        "type": "color"
+      }
+    }
+  },
+  "dropdown": {
+    "color": {
+      "background": {
+        "value": "{color.white}",
+        "type": "color"
+      },
+      "text": {
+        "value": "{color.gray.90}",
+        "type": "color"
+      }
+    }
+  },
+  "dropdown-tray": {
+    "color": {
+      "background": {
+        "selected": {
+          "value": "{color.gray.20}",
+          "type": "color"
+        }
+      }
+    }
+  },
+  "table": {
+    "color": {
+      "background": {
+        "value": "{color.white}",
+        "type": "color"
+      },
+      "text": {
+        "value": "{color.gray.90}",
+        "type": "color"
+      }
+    },
+    "header": {
+      "border": {
+        "value": {
+          "color": "{color.black}",
+          "width": "1"
+        },
+        "type": "border"
+      }
+    },
+    "cell": {
+      "border": {
+        "value": {
+          "color": "{color.gray.20}",
+          "width": "1"
+        },
+        "type": "border"
+      }
+    },
+    "page-number": {
+      "color": {
+        "background": {
+          "selected": {
+            "value": "{color.gray.70}",
+            "type": "color"
+          }
+        },
+        "text": {
+          "default": {
+            "value": "{color.gray.90}",
+            "type": "color"
+          },
+          "selected": {
+            "value": "{color.white}",
+            "type": "color"
+          }
+        }
+      },
+      "border": {
+        "hover": {
+          "value": {
+            "color": "{color.gray.70}",
+            "width": "1"
+          },
+          "type": "border"
+        }
+      }
+    }
+  },
+  "login": {
+    "sso-button": {
+      "border": {
+        "value": {
+          "color": "{color.gray.80}",
+          "width": "1"
+        },
+        "type": "border"
+      },
+      "color": {
+        "text": {
+          "value": "{color.gray.80}",
+          "type": "color"
+        }
+      }
+    }
+  },
+  "form": {
+    "color": {
+      "background": {
+        "value": "{color.white}",
+        "type": "color"
+      },
+      "text": {
+        "default": {
+          "value": "{color.gray.100}",
+          "type": "color"
+        },
+        "placeholder": {
+          "value": "{color.gray.70}",
+          "type": "color"
+        },
+        "positive": {
+          "value": "{color.feedback.positive}",
+          "type": "color"
+        },
+        "negative": {
+          "value": "{color.feedback.negative}",
+          "type": "color"
+        }
+      }
+    }
+  },
+  "notification": {
+    "color": {
+      "background": {
+        "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"
+        }
+      }
+    }
+  },
+  "icon": {
+    "color": {
+      "background": {
+        "neutral": {
+          "value": "{color.gray.60}",
+          "type": "color"
+        }
+      }
+    }
+  }
+}

package/themes/dkn/dark/component.json

@@ -0,0 +1,207 @@
+{
+  "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.white}",
+      "type": "boxShadow"
+    }
+  },
+  "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.30}",
+            "type": "color"
+          },
+          "focus": {
+            "value": "{color.blue.20}",
+            "type": "color"
+          },
+          "disabled": {
+            "value": "{color.gray.80}",
+            "type": "color"
+          }
+        }
+      },
+      "border": {
+        "secondary": {
+          "active": {
+            "value": "{color.brand.primary}",
+            "type": "color"
+          },
+          "hover": {
+            "value": "{color.brand.secondary}",
+            "type": "color"
+          },
+          "press": {
+            "value": "{color.blue.30}",
+            "type": "color"
+          },
+          "focus": {
+            "value": "{color.blue.20}",
+            "type": "color"
+          },
+          "disabled": {
+            "value": "{color.gray.80}",
+            "type": "color"
+          }
+        }
+      },
+      "text": {
+        "secondary": {
+          "active": {
+            "value": "{color.text.brand.primary}",
+            "type": "color"
+          },
+          "hover": {
+            "value": "{color.brand.secondary}",
+            "type": "color"
+          },
+          "press": {
+            "value": "{color.blue.30}",
+            "type": "color"
+          },
+          "focus": {
+            "value": "{color.blue.20}",
+            "type": "color"
+          },
+          "disabled": {
+            "value": "{color.gray.80}",
+            "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.30}",
+          "type": "color"
+        },
+        "focus": {
+          "value": "{color.blue.20}",
+          "type": "color"
+        },
+        "disabled": {
+          "value": "{color.gray.80}",
+          "type": "color"
+        }
+      },
+      "text": {
+        "active": {
+          "value": "{color.text.brand.primary}",
+          "type": "color"
+        },
+        "hover": {
+          "value": "{color.brand.secondary}",
+          "type": "color"
+        },
+        "press": {
+          "value": "{color.blue.30}",
+          "type": "color"
+        },
+        "focus": {
+          "value": "{color.blue.20}",
+          "type": "color"
+        },
+        "disabled": {
+          "value": "{color.gray.80}",
+          "type": "color"
+        }
+      }
+    }
+  }
+}

package/themes/dkn/dark/system.json

@@ -0,0 +1,77 @@
+{
+  "color": {
+    "brand": {
+      "primary": {
+        "value": "{color.blue.40}",
+        "type": "color",
+        "description": "Primary brand blue"
+      },
+      "secondary": {
+        "value": "{color.blue.60}",
+        "type": "color",
+        "description": "Primary secondary brand blue"
+      }
+    },
+    "text": {
+      "brand": {
+        "primary": {
+          "value": "{color.brand.primary}",
+          "type": "color"
+        }
+      },
+      "theme": {
+        "value": "{color.gray.100}",
+        "type": "color"
+      },
+      "default": {
+        "value": "{color.gray.10}",
+        "type": "color"
+      },
+      "default-sub": {
+        "value": "{color.gray.20}",
+        "type": "color"
+      }
+    },
+    "background": {
+      "theme": {
+        "value": "{color.black}",
+        "type": "color"
+      },
+      "component": {
+        "value": "{color.gray.100}",
+        "type": "color"
+      },
+      "object": {
+        "value": "{color.gray.10}",
+        "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"
+      }
+    }
+  }
+}