@daikin-oss/dds-tokens 0.1.0 → 0.2.1

package/themes/$themes.json

@@ -0,0 +1,54 @@
+[
+  {
+    "id": "098dc788a03b232460495b9960bc227e47904387",
+    "name": "Light",
+    "$figmaStyleReferences": {},
+    "selectedTokenSets": {
+      "reference": "enabled",
+      "system": "enabled",
+      "component": "enabled",
+      "dkn/light/system": "enabled",
+      "dkn/light/component": "enabled"
+    },
+    "group": "DKN"
+  },
+  {
+    "id": "05b7910dfcd804207fd5ceeeac8d1e7a44b35d7c",
+    "name": "Dark",
+    "$figmaStyleReferences": {},
+    "selectedTokenSets": {
+      "reference": "enabled",
+      "system": "enabled",
+      "component": "enabled",
+      "dkn/dark/system": "enabled",
+      "dkn/dark/component": "enabled"
+    },
+    "group": "DKN"
+  },
+  {
+    "id": "39a098e7762a7f008490481d4757642b1b668321",
+    "name": "Light",
+    "$figmaStyleReferences": {},
+    "selectedTokenSets": {
+      "reference": "enabled",
+      "system": "enabled",
+      "component": "enabled",
+      "aaf/light/system": "enabled",
+      "aaf/light/component": "enabled"
+    },
+    "group": "AAF"
+  },
+  {
+    "id": "46b7b45ad095e7d7cf169eceb410a2511fa4a1f0",
+    "name": "Dark",
+    "$figmaStyleReferences": {},
+    "selectedTokenSets": {
+      "reference": "enabled",
+      "system": "enabled",
+      "component": "enabled",
+      "aaf/dark/system": "enabled",
+      "aaf/dark/component": "enabled"
+    },
+    "group": "AAF"
+  }
+]

package/themes/aaf/dark/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.white}",
+      "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.300}",
+            "type": "color"
+          },
+          "focus": {
+            "value": "{color.red.aaf.200}",
+            "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.red.aaf.300}",
+            "type": "color"
+          },
+          "focus": {
+            "value": "{color.red.aaf.200}",
+            "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.red.aaf.300}",
+            "type": "color"
+          },
+          "focus": {
+            "value": "{color.red.aaf.200}",
+            "type": "color"
+          },
+          "disabled": {
+            "value": "{color.gray.80}",
+            "type": "color"
+          }
+        },
+        "primary": {
+          "value": "{color.text.theme}",
+          "type": "color"
+        }
+      }
+    }
+  }
+}

package/themes/aaf/dark/system.json

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

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"
+        }
+      }
+    }
+  }
+}