{ "ids": { "color": { "palette": { "amber": { "10": { "value": "#fbe9bf", "original": { "value": "#fbe9bf" }, "name": "ids-color-palette-amber-10", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "amber", "state": "10" }, "path": [ "ids", "color", "palette", "amber", "10" ] }, "20": { "value": "#f8e09c", "original": { "value": "#f8e09c" }, "name": "ids-color-palette-amber-20", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "amber", "state": "20" }, "path": [ "ids", "color", "palette", "amber", "20" ] }, "30": { "value": "#f7d475", "original": { "value": "#f7d475" }, "name": "ids-color-palette-amber-30", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "amber", "state": "30" }, "path": [ "ids", "color", "palette", "amber", "30" ] }, "40": { "value": "#f4c951", "original": { "value": "#f4c951" }, "name": "ids-color-palette-amber-40", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "amber", "state": "40" }, "path": [ "ids", "color", "palette", "amber", "40" ] }, "50": { "value": "#f2bc41", "original": { "value": "#f2bc41" }, "name": "ids-color-palette-amber-50", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "amber", "state": "50" }, "path": [ "ids", "color", "palette", "amber", "50" ] }, "60": { "value": "#efa836", "original": { "value": "#efa836" }, "name": "ids-color-palette-amber-60", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "amber", "state": "60" }, "path": [ "ids", "color", "palette", "amber", "60" ] }, "70": { "value": "#ee9a36", "original": { "value": "#ee9a36" }, "name": "ids-color-palette-amber-70", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "amber", "state": "70" }, "path": [ "ids", "color", "palette", "amber", "70" ] }, "80": { "value": "#e4882b", "original": { "value": "#e4882b" }, "name": "ids-color-palette-amber-80", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "amber", "state": "80" }, "path": [ "ids", "color", "palette", "amber", "80" ] }, "90": { "value": "#db7726", "original": { "value": "#db7726" }, "name": "ids-color-palette-amber-90", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "amber", "state": "90" }, "path": [ "ids", "color", "palette", "amber", "90" ] }, "100": { "value": "#d66221", "original": { "value": "#d66221" }, "name": "ids-color-palette-amber-100", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "amber", "state": "100" }, "path": [ "ids", "color", "palette", "amber", "100" ] } }, "amethyst": { "10": { "value": "#ede3fc", "original": { "value": "#ede3fc" }, "name": "ids-color-palette-amethyst-10", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "amethyst", "state": "10" }, "path": [ "ids", "color", "palette", "amethyst", "10" ] }, "20": { "value": "#daccec", "original": { "value": "#daccec" }, "name": "ids-color-palette-amethyst-20", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "amethyst", "state": "20" }, "path": [ "ids", "color", "palette", "amethyst", "20" ] }, "30": { "value": "#c7b4db", "original": { "value": "#c7b4db" }, "name": "ids-color-palette-amethyst-30", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "amethyst", "state": "30" }, "path": [ "ids", "color", "palette", "amethyst", "30" ] }, "40": { "value": "#b59eca", "original": { "value": "#b59eca" }, "name": "ids-color-palette-amethyst-40", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "amethyst", "state": "40" }, "path": [ "ids", "color", "palette", "amethyst", "40" ] }, "50": { "value": "#a38db7", "original": { "value": "#a38db7" }, "name": "ids-color-palette-amethyst-50", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "amethyst", "state": "50" }, "path": [ "ids", "color", "palette", "amethyst", "50" ] }, "60": { "value": "#9279a6", "original": { "value": "#9279a6" }, "name": "ids-color-palette-amethyst-60", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "amethyst", "state": "60" }, "path": [ "ids", "color", "palette", "amethyst", "60" ] }, "70": { "value": "#806594", "original": { "value": "#806594" }, "name": "ids-color-palette-amethyst-70", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "amethyst", "state": "70" }, "path": [ "ids", "color", "palette", "amethyst", "70" ] }, "80": { "value": "#6e5282", "original": { "value": "#6e5282" }, "name": "ids-color-palette-amethyst-80", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "amethyst", "state": "80" }, "path": [ "ids", "color", "palette", "amethyst", "80" ] }, "90": { "value": "#5d3e70", "original": { "value": "#5d3e70" }, "name": "ids-color-palette-amethyst-90", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "amethyst", "state": "90" }, "path": [ "ids", "color", "palette", "amethyst", "90" ] }, "100": { "value": "#4b2a5e", "original": { "value": "#4b2a5e" }, "name": "ids-color-palette-amethyst-100", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "amethyst", "state": "100" }, "path": [ "ids", "color", "palette", "amethyst", "100" ] } }, "azure": { "10": { "value": "#c8e9f4", "original": { "value": "#c8e9f4" }, "name": "ids-color-palette-azure-10", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "azure", "state": "10" }, "path": [ "ids", "color", "palette", "azure", "10" ] }, "20": { "value": "#addbeb", "original": { "value": "#addbeb" }, "name": "ids-color-palette-azure-20", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "azure", "state": "20" }, "path": [ "ids", "color", "palette", "azure", "20" ] }, "30": { "value": "#8dc9e6", "original": { "value": "#8dc9e6" }, "name": "ids-color-palette-azure-30", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "azure", "state": "30" }, "path": [ "ids", "color", "palette", "azure", "30" ] }, "40": { "value": "#69b5dd", "original": { "value": "#69b5dd" }, "name": "ids-color-palette-azure-40", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "azure", "state": "40" }, "path": [ "ids", "color", "palette", "azure", "40" ] }, "50": { "value": "#54a1d3", "original": { "value": "#54a1d3" }, "name": "ids-color-palette-azure-50", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "azure", "state": "50" }, "path": [ "ids", "color", "palette", "azure", "50" ] }, "60": { "value": "#368ac0", "original": { "value": "#368ac0" }, "name": "ids-color-palette-azure-60", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "azure", "state": "60" }, "path": [ "ids", "color", "palette", "azure", "60" ] }, "70": { "value": "#2578a9", "original": { "value": "#2578a9" }, "name": "ids-color-palette-azure-70", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "azure", "state": "70" }, "path": [ "ids", "color", "palette", "azure", "70" ] }, "80": { "value": "#1d5f8a", "original": { "value": "#1d5f8a" }, "name": "ids-color-palette-azure-80", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "azure", "state": "80" }, "path": [ "ids", "color", "palette", "azure", "80" ] }, "90": { "value": "#134d71", "original": { "value": "#134d71" }, "name": "ids-color-palette-azure-90", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "azure", "state": "90" }, "path": [ "ids", "color", "palette", "azure", "90" ] }, "100": { "value": "#133c59", "original": { "value": "#133c59" }, "name": "ids-color-palette-azure-100", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "azure", "state": "100" }, "path": [ "ids", "color", "palette", "azure", "100" ] } }, "emerald": { "10": { "value": "#d5f6c0", "original": { "value": "#d5f6c0" }, "name": "ids-color-palette-emerald-10", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "emerald", "state": "10" }, "path": [ "ids", "color", "palette", "emerald", "10" ] }, "20": { "value": "#c3e8ac", "original": { "value": "#c3e8ac" }, "name": "ids-color-palette-emerald-20", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "emerald", "state": "20" }, "path": [ "ids", "color", "palette", "emerald", "20" ] }, "30": { "value": "#afdc91", "original": { "value": "#afdc91" }, "name": "ids-color-palette-emerald-30", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "emerald", "state": "30" }, "path": [ "ids", "color", "palette", "emerald", "30" ] }, "40": { "value": "#9cce7c", "original": { "value": "#9cce7c" }, "name": "ids-color-palette-emerald-40", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "emerald", "state": "40" }, "path": [ "ids", "color", "palette", "emerald", "40" ] }, "50": { "value": "#89bf65", "original": { "value": "#89bf65" }, "name": "ids-color-palette-emerald-50", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "emerald", "state": "50" }, "path": [ "ids", "color", "palette", "emerald", "50" ] }, "60": { "value": "#76b051", "original": { "value": "#76b051" }, "name": "ids-color-palette-emerald-60", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "emerald", "state": "60" }, "path": [ "ids", "color", "palette", "emerald", "60" ] }, "70": { "value": "#66a140", "original": { "value": "#66a140" }, "name": "ids-color-palette-emerald-70", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "emerald", "state": "70" }, "path": [ "ids", "color", "palette", "emerald", "70" ] }, "80": { "value": "#56932e", "original": { "value": "#56932e" }, "name": "ids-color-palette-emerald-80", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "emerald", "state": "80" }, "path": [ "ids", "color", "palette", "emerald", "80" ] }, "90": { "value": "#488421", "original": { "value": "#488421" }, "name": "ids-color-palette-emerald-90", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "emerald", "state": "90" }, "path": [ "ids", "color", "palette", "emerald", "90" ] }, "100": { "value": "#397514", "original": { "value": "#397514" }, "name": "ids-color-palette-emerald-100", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "emerald", "state": "100" }, "path": [ "ids", "color", "palette", "emerald", "100" ] } }, "graphite": { "10": { "value": "#f0f0f0", "original": { "value": "#f0f0f0" }, "name": "ids-color-palette-graphite-10", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "graphite", "state": "10" }, "path": [ "ids", "color", "palette", "graphite", "10" ] }, "20": { "value": "#d8d8d8", "original": { "value": "#d8d8d8" }, "name": "ids-color-palette-graphite-20", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "graphite", "state": "20" }, "path": [ "ids", "color", "palette", "graphite", "20" ] }, "30": { "value": "#bdbdbd", "original": { "value": "#bdbdbd" }, "name": "ids-color-palette-graphite-30", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "graphite", "state": "30" }, "path": [ "ids", "color", "palette", "graphite", "30" ] }, "40": { "value": "#999999", "original": { "value": "#999999" }, "name": "ids-color-palette-graphite-40", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "graphite", "state": "40" }, "path": [ "ids", "color", "palette", "graphite", "40" ] }, "50": { "value": "#737373", "original": { "value": "#737373" }, "name": "ids-color-palette-graphite-50", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "graphite", "state": "50" }, "path": [ "ids", "color", "palette", "graphite", "50" ] }, "60": { "value": "#5c5c5c", "original": { "value": "#5c5c5c" }, "name": "ids-color-palette-graphite-60", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "graphite", "state": "60" }, "path": [ "ids", "color", "palette", "graphite", "60" ] }, "70": { "value": "#454545", "original": { "value": "#454545" }, "name": "ids-color-palette-graphite-70", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "graphite", "state": "70" }, "path": [ "ids", "color", "palette", "graphite", "70" ] }, "80": { "value": "#383838", "original": { "value": "#383838" }, "name": "ids-color-palette-graphite-80", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "graphite", "state": "80" }, "path": [ "ids", "color", "palette", "graphite", "80" ] }, "90": { "value": "#292929", "original": { "value": "#292929" }, "name": "ids-color-palette-graphite-90", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "graphite", "state": "90" }, "path": [ "ids", "color", "palette", "graphite", "90" ] }, "100": { "value": "#1a1a1a", "original": { "value": "#1a1a1a" }, "name": "ids-color-palette-graphite-100", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "graphite", "state": "100" }, "path": [ "ids", "color", "palette", "graphite", "100" ] } }, "ruby": { "10": { "value": "#f6caca", "original": { "value": "#f6caca" }, "name": "ids-color-palette-ruby-10", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "ruby", "state": "10" }, "path": [ "ids", "color", "palette", "ruby", "10" ] }, "20": { "value": "#eb9d9d", "original": { "value": "#eb9d9d" }, "name": "ids-color-palette-ruby-20", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "ruby", "state": "20" }, "path": [ "ids", "color", "palette", "ruby", "20" ] }, "30": { "value": "#de8181", "original": { "value": "#de8181" }, "name": "ids-color-palette-ruby-30", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "ruby", "state": "30" }, "path": [ "ids", "color", "palette", "ruby", "30" ] }, "40": { "value": "#d26d6d", "original": { "value": "#d26d6d" }, "name": "ids-color-palette-ruby-40", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "ruby", "state": "40" }, "path": [ "ids", "color", "palette", "ruby", "40" ] }, "50": { "value": "#c65f5f", "original": { "value": "#c65f5f" }, "name": "ids-color-palette-ruby-50", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "ruby", "state": "50" }, "path": [ "ids", "color", "palette", "ruby", "50" ] }, "60": { "value": "#b94e4a", "original": { "value": "#b94e4a" }, "name": "ids-color-palette-ruby-60", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "ruby", "state": "60" }, "path": [ "ids", "color", "palette", "ruby", "60" ] }, "70": { "value": "#ad4242", "original": { "value": "#ad4242" }, "name": "ids-color-palette-ruby-70", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "ruby", "state": "70" }, "path": [ "ids", "color", "palette", "ruby", "70" ] }, "80": { "value": "#a13030", "original": { "value": "#a13030" }, "name": "ids-color-palette-ruby-80", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "ruby", "state": "80" }, "path": [ "ids", "color", "palette", "ruby", "80" ] }, "90": { "value": "#941e1e", "original": { "value": "#941e1e" }, "name": "ids-color-palette-ruby-90", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "ruby", "state": "90" }, "path": [ "ids", "color", "palette", "ruby", "90" ] }, "100": { "value": "#880e0e", "original": { "value": "#880e0e" }, "name": "ids-color-palette-ruby-100", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "ruby", "state": "100" }, "path": [ "ids", "color", "palette", "ruby", "100" ] } }, "slate": { "10": { "value": "#DEE1E8", "original": { "value": "#DEE1E8" }, "name": "ids-color-palette-slate-10", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "slate", "state": "10" }, "path": [ "ids", "color", "palette", "slate", "10" ] }, "20": { "value": "#C8CBD4", "original": { "value": "#C8CBD4" }, "name": "ids-color-palette-slate-20", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "slate", "state": "20" }, "path": [ "ids", "color", "palette", "slate", "20" ] }, "30": { "value": "#ABAEB7", "original": { "value": "#ABAEB7" }, "name": "ids-color-palette-slate-30", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "slate", "state": "30" }, "path": [ "ids", "color", "palette", "slate", "30" ] }, "40": { "value": "#888B94", "original": { "value": "#888B94" }, "name": "ids-color-palette-slate-40", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "slate", "state": "40" }, "path": [ "ids", "color", "palette", "slate", "40" ] }, "50": { "value": "#656871", "original": { "value": "#656871" }, "name": "ids-color-palette-slate-50", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "slate", "state": "50" }, "path": [ "ids", "color", "palette", "slate", "50" ] }, "60": { "value": "#50535A", "original": { "value": "#50535A" }, "name": "ids-color-palette-slate-60", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "slate", "state": "60" }, "path": [ "ids", "color", "palette", "slate", "60" ] }, "70": { "value": "#414247", "original": { "value": "#414247" }, "name": "ids-color-palette-slate-70", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "slate", "state": "70" }, "path": [ "ids", "color", "palette", "slate", "70" ] }, "80": { "value": "#313236", "original": { "value": "#313236" }, "name": "ids-color-palette-slate-80", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "slate", "state": "80" }, "path": [ "ids", "color", "palette", "slate", "80" ] }, "90": { "value": "#212224", "original": { "value": "#212224" }, "name": "ids-color-palette-slate-90", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "slate", "state": "90" }, "path": [ "ids", "color", "palette", "slate", "90" ] }, "100": { "value": "#1C1819", "original": { "value": "#1C1819" }, "name": "ids-color-palette-slate-100", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "slate", "state": "100" }, "path": [ "ids", "color", "palette", "slate", "100" ] } }, "classic-slate": { "10": { "value": "#DEE1E8", "original": { "value": "#DEE1E8" }, "name": "ids-color-palette-classic-slate-10", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "classic-slate", "state": "10" }, "path": [ "ids", "color", "palette", "classic-slate", "10" ] }, "20": { "value": "#C8CBD4", "original": { "value": "#C8CBD4" }, "name": "ids-color-palette-classic-slate-20", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "classic-slate", "state": "20" }, "path": [ "ids", "color", "palette", "classic-slate", "20" ] }, "30": { "value": "#ABAEB7", "original": { "value": "#ABAEB7" }, "name": "ids-color-palette-classic-slate-30", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "classic-slate", "state": "30" }, "path": [ "ids", "color", "palette", "classic-slate", "30" ] }, "40": { "value": "#888B94", "original": { "value": "#888B94" }, "name": "ids-color-palette-classic-slate-40", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "classic-slate", "state": "40" }, "path": [ "ids", "color", "palette", "classic-slate", "40" ] }, "50": { "value": "#656871", "original": { "value": "#656871" }, "name": "ids-color-palette-classic-slate-50", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "classic-slate", "state": "50" }, "path": [ "ids", "color", "palette", "classic-slate", "50" ] }, "60": { "value": "#50535A", "original": { "value": "#50535A" }, "name": "ids-color-palette-classic-slate-60", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "classic-slate", "state": "60" }, "path": [ "ids", "color", "palette", "classic-slate", "60" ] }, "70": { "value": "#414247", "original": { "value": "#414247" }, "name": "ids-color-palette-classic-slate-70", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "classic-slate", "state": "70" }, "path": [ "ids", "color", "palette", "classic-slate", "70" ] }, "80": { "value": "#313236", "original": { "value": "#313236" }, "name": "ids-color-palette-classic-slate-80", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "classic-slate", "state": "80" }, "path": [ "ids", "color", "palette", "classic-slate", "80" ] }, "90": { "value": "#212224", "original": { "value": "#212224" }, "name": "ids-color-palette-classic-slate-90", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "classic-slate", "state": "90" }, "path": [ "ids", "color", "palette", "classic-slate", "90" ] }, "100": { "value": "#1C1819", "original": { "value": "#1C1819" }, "name": "ids-color-palette-classic-slate-100", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "classic-slate", "state": "100" }, "path": [ "ids", "color", "palette", "classic-slate", "100" ] } }, "turquoise": { "10": { "value": "#c0ede3", "original": { "value": "#c0ede3" }, "name": "ids-color-palette-turquoise-10", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "turquoise", "state": "10" }, "path": [ "ids", "color", "palette", "turquoise", "10" ] }, "20": { "value": "#a9e1d6", "original": { "value": "#a9e1d6" }, "name": "ids-color-palette-turquoise-20", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "turquoise", "state": "20" }, "path": [ "ids", "color", "palette", "turquoise", "20" ] }, "30": { "value": "#8ed1c6", "original": { "value": "#8ed1c6" }, "name": "ids-color-palette-turquoise-30", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "turquoise", "state": "30" }, "path": [ "ids", "color", "palette", "turquoise", "30" ] }, "40": { "value": "#7cc0b5", "original": { "value": "#7cc0b5" }, "name": "ids-color-palette-turquoise-40", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "turquoise", "state": "40" }, "path": [ "ids", "color", "palette", "turquoise", "40" ] }, "50": { "value": "#69ada3", "original": { "value": "#69ada3" }, "name": "ids-color-palette-turquoise-50", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "turquoise", "state": "50" }, "path": [ "ids", "color", "palette", "turquoise", "50" ] }, "60": { "value": "#579e95", "original": { "value": "#579e95" }, "name": "ids-color-palette-turquoise-60", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "turquoise", "state": "60" }, "path": [ "ids", "color", "palette", "turquoise", "60" ] }, "70": { "value": "#448d83", "original": { "value": "#448d83" }, "name": "ids-color-palette-turquoise-70", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "turquoise", "state": "70" }, "path": [ "ids", "color", "palette", "turquoise", "70" ] }, "80": { "value": "#317c73", "original": { "value": "#317c73" }, "name": "ids-color-palette-turquoise-80", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "turquoise", "state": "80" }, "path": [ "ids", "color", "palette", "turquoise", "80" ] }, "90": { "value": "#206b62", "original": { "value": "#206b62" }, "name": "ids-color-palette-turquoise-90", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "turquoise", "state": "90" }, "path": [ "ids", "color", "palette", "turquoise", "90" ] }, "100": { "value": "#0e5b52", "original": { "value": "#0e5b52" }, "name": "ids-color-palette-turquoise-100", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "turquoise", "state": "100" }, "path": [ "ids", "color", "palette", "turquoise", "100" ] } }, "white": { "value": "#ffffff", "original": { "value": "#ffffff" }, "name": "ids-color-palette-white", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "white" }, "path": [ "ids", "color", "palette", "white" ] }, "black": { "value": "#000000", "original": { "value": "#000000" }, "name": "ids-color-palette-black", "attributes": { "category": "ids", "type": "color", "item": "palette", "subitem": "black" }, "path": [ "ids", "color", "palette", "black" ] } }, "status": { "base": { "value": "#2578a9", "original": { "value": "{ids.color.brand.primary.alt.value}" }, "name": "ids-color-status-base", "attributes": { "category": "ids", "type": "color", "item": "status", "subitem": "base" }, "path": [ "ids", "color", "status", "base" ] }, "caution": { "value": "#ffd726", "original": { "value": "#ffd726" }, "name": "ids-color-status-caution", "attributes": { "category": "ids", "type": "color", "item": "status", "subitem": "caution" }, "path": [ "ids", "color", "status", "caution" ] }, "danger": { "value": "#e84f4f", "original": { "value": "#e84f4f" }, "name": "ids-color-status-danger", "attributes": { "category": "ids", "type": "color", "item": "status", "subitem": "danger" }, "path": [ "ids", "color", "status", "danger" ] }, "error": { "value": "#e84f4f", "original": { "value": "#e84f4f" }, "name": "ids-color-status-error", "attributes": { "category": "ids", "type": "color", "item": "status", "subitem": "error" }, "path": [ "ids", "color", "status", "error" ] }, "success": { "value": "#80ce4d", "original": { "value": "#80ce4d" }, "name": "ids-color-status-success", "attributes": { "category": "ids", "type": "color", "item": "status", "subitem": "success" }, "path": [ "ids", "color", "status", "success" ] }, "warning": { "value": "#ff9426", "original": { "value": "#ff9426" }, "name": "ids-color-status-warning", "attributes": { "category": "ids", "type": "color", "item": "status", "subitem": "warning" }, "path": [ "ids", "color", "status", "warning" ] }, "info": { "value": "#2578a9", "original": { "value": "{ids.color.palette.azure.70.value}" }, "name": "ids-color-status-info", "attributes": { "category": "ids", "type": "color", "item": "status", "subitem": "info" }, "path": [ "ids", "color", "status", "info" ] }, "status01": { "value": "#e84f4f", "original": { "value": "#e84f4f" }, "name": "ids-color-status-status-01", "attributes": { "category": "ids", "type": "color", "item": "status", "subitem": "status01" }, "path": [ "ids", "color", "status", "status01" ] }, "status02": { "value": "#e84f4f", "original": { "value": "#e84f4f" }, "name": "ids-color-status-status-02", "attributes": { "category": "ids", "type": "color", "item": "status", "subitem": "status02" }, "path": [ "ids", "color", "status", "status02" ] }, "status03": { "value": "#ffd726", "original": { "value": "#ffd726" }, "name": "ids-color-status-status-03", "attributes": { "category": "ids", "type": "color", "item": "status", "subitem": "status03" }, "path": [ "ids", "color", "status", "status03" ] }, "status04": { "value": "#80ce4d", "original": { "value": "#80ce4d" }, "name": "ids-color-status-status-04", "attributes": { "category": "ids", "type": "color", "item": "status", "subitem": "status04" }, "path": [ "ids", "color", "status", "status04" ] }, "status05": { "value": "#2578a9", "original": { "value": "{ids.color.palette.azure.70.value}" }, "name": "ids-color-status-status-05", "attributes": { "category": "ids", "type": "color", "item": "status", "subitem": "status05" }, "path": [ "ids", "color", "status", "status05" ] } }, "brand": { "primary": { "lighter": { "value": "#69b5dd", "original": { "value": "{ids.color.palette.azure.40.value}" }, "name": "ids-color-brand-primary-lighter", "attributes": { "category": "ids", "type": "color", "item": "brand", "subitem": "primary", "state": "lighter" }, "path": [ "ids", "color", "brand", "primary", "lighter" ] }, "base": { "value": "#368ac0", "original": { "value": "{ids.color.palette.azure.60.value}" }, "name": "ids-color-brand-primary-base", "attributes": { "category": "ids", "type": "color", "item": "brand", "subitem": "primary", "state": "base" }, "path": [ "ids", "color", "brand", "primary", "base" ] }, "alt": { "value": "#2578a9", "original": { "value": "{ids.color.palette.azure.70.value}" }, "name": "ids-color-brand-primary-alt", "attributes": { "category": "ids", "type": "color", "item": "brand", "subitem": "primary", "state": "alt" }, "path": [ "ids", "color", "brand", "primary", "alt" ] }, "contrast": { "value": "#ffffff", "original": { "value": "{ids.color.palette.white.value}" }, "name": "ids-color-brand-primary-contrast", "attributes": { "category": "ids", "type": "color", "item": "brand", "subitem": "primary", "state": "contrast" }, "path": [ "ids", "color", "brand", "primary", "contrast" ] } }, "secondary": { "lighter": { "value": "#d8d8d8", "original": { "value": "{ids.color.palette.graphite.20.value}" }, "name": "ids-color-brand-secondary-lighter", "attributes": { "category": "ids", "type": "color", "item": "brand", "subitem": "secondary", "state": "lighter" }, "path": [ "ids", "color", "brand", "secondary", "lighter" ] }, "base": { "value": "#bdbdbd", "original": { "value": "{ids.color.palette.graphite.30.value}" }, "name": "ids-color-brand-secondary-base", "attributes": { "category": "ids", "type": "color", "item": "brand", "subitem": "secondary", "state": "base" }, "path": [ "ids", "color", "brand", "secondary", "base" ] }, "alt": { "value": "#999999", "original": { "value": "{ids.color.palette.graphite.40.value}" }, "name": "ids-color-brand-secondary-alt", "attributes": { "category": "ids", "type": "color", "item": "brand", "subitem": "secondary", "state": "alt" }, "path": [ "ids", "color", "brand", "secondary", "alt" ] }, "contrast": { "value": "#383838", "original": { "value": "{ids.color.palette.graphite.80.value}" }, "name": "ids-color-brand-secondary-contrast", "attributes": { "category": "ids", "type": "color", "item": "brand", "subitem": "secondary", "state": "contrast" }, "path": [ "ids", "color", "brand", "secondary", "contrast" ] } } }, "boxshadow": { "base": { "value": "rgba(0, 0, 0, 0.2)", "original": { "value": "rgba(0, 0, 0, 0.2)" }, "name": "ids-color-boxshadow-base", "attributes": { "category": "ids", "type": "color", "item": "boxshadow", "subitem": "base" }, "path": [ "ids", "color", "boxshadow", "base" ] } }, "border": { "lighter": { "value": "#bdbdbd", "original": { "value": "{ids.color.palette.graphite.30.value}" }, "name": "ids-color-border-lighter", "attributes": { "category": "ids", "type": "color", "item": "border", "subitem": "lighter" }, "path": [ "ids", "color", "border", "lighter" ] }, "base": { "value": "#999999", "original": { "value": "{ids.color.palette.graphite.40.value}" }, "name": "ids-color-border-base", "attributes": { "category": "ids", "type": "color", "item": "border", "subitem": "base" }, "path": [ "ids", "color", "border", "base" ] }, "darker": { "value": "#383838", "original": { "value": "{ids.color.palette.graphite.80.value}" }, "name": "ids-color-border-darker", "attributes": { "category": "ids", "type": "color", "item": "border", "subitem": "darker" }, "path": [ "ids", "color", "border", "darker" ] } }, "font": { "base": { "value": "#1a1a1a", "original": { "value": "{ids.color.palette.graphite.100.value}" }, "name": "ids-color-font-base", "attributes": { "category": "ids", "type": "color", "item": "font", "subitem": "base" }, "path": [ "ids", "color", "font", "base" ] }, "info": { "value": "#5c5c5c", "original": { "value": "{ids.color.palette.graphite.60.value}" }, "name": "ids-color-font-info", "attributes": { "category": "ids", "type": "color", "item": "font", "subitem": "info" }, "path": [ "ids", "color", "font", "info" ] }, "muted": { "value": "#999999", "original": { "value": "{ids.color.palette.graphite.40.value}" }, "name": "ids-color-font-muted", "attributes": { "category": "ids", "type": "color", "item": "font", "subitem": "muted" }, "path": [ "ids", "color", "font", "muted" ] } }, "icon": { "base": { "value": "#999999", "original": { "value": "{ids.color.palette.graphite.40.value}" }, "name": "ids-color-icon-base", "attributes": { "category": "ids", "type": "color", "item": "icon", "subitem": "base" }, "path": [ "ids", "color", "icon", "base" ] } }, "body": { "base": { "value": "#f0f0f0", "original": { "value": "{ids.color.palette.graphite.10.value}" }, "name": "ids-color-body-base", "attributes": { "category": "ids", "type": "color", "item": "body", "subitem": "base" }, "path": [ "ids", "color", "body", "base" ] }, "lightest": { "value": "#ffffff", "original": { "value": "{ids.color.palette.white.value}" }, "name": "ids-color-body-lightest", "attributes": { "category": "ids", "type": "color", "item": "body", "subitem": "lightest" }, "path": [ "ids", "color", "body", "lightest" ] } } }, "font": { "family": { "base": { "value": "helvetica, arial, sans-serif", "original": { "value": "helvetica, arial, sans-serif" }, "name": "ids-font-family-base", "attributes": { "category": "ids", "type": "font", "item": "family", "subitem": "base" }, "path": [ "ids", "font", "family", "base" ] }, "monospace": { "value": "monospace", "original": { "value": "monospace" }, "name": "ids-font-family-monospace", "attributes": { "category": "ids", "type": "font", "item": "family", "subitem": "monospace" }, "path": [ "ids", "font", "family", "monospace" ] } } }, "size": { "font": { "base": { "value": "1.4rem", "original": { "value": "{ids.size.font.md.value}" }, "name": "ids-size-font-base", "attributes": { "category": "ids", "type": "size", "item": "font", "subitem": "base" }, "path": [ "ids", "size", "font", "base" ] }, "xxs": { "value": "0.8rem", "original": { "value": "0.8rem" }, "name": "ids-size-font-xxs", "attributes": { "category": "ids", "type": "size", "item": "font", "subitem": "xxs" }, "path": [ "ids", "size", "font", "xxs" ] }, "xs": { "value": "1.0rem", "original": { "value": "1.0rem" }, "name": "ids-size-font-xs", "attributes": { "category": "ids", "type": "size", "item": "font", "subitem": "xs" }, "path": [ "ids", "size", "font", "xs" ] }, "sm": { "value": "1.2rem", "original": { "value": "1.2rem" }, "name": "ids-size-font-sm", "attributes": { "category": "ids", "type": "size", "item": "font", "subitem": "sm" }, "path": [ "ids", "size", "font", "sm" ] }, "md": { "value": "1.4rem", "original": { "value": "1.4rem" }, "name": "ids-size-font-md", "attributes": { "category": "ids", "type": "size", "item": "font", "subitem": "md" }, "path": [ "ids", "size", "font", "md" ] }, "lg": { "value": "1.8rem", "original": { "value": "1.8rem" }, "name": "ids-size-font-lg", "attributes": { "category": "ids", "type": "size", "item": "font", "subitem": "lg" }, "path": [ "ids", "size", "font", "lg" ] }, "xl": { "value": "2.4rem", "original": { "value": "2.4rem" }, "name": "ids-size-font-xl", "attributes": { "category": "ids", "type": "size", "item": "font", "subitem": "xl" }, "path": [ "ids", "size", "font", "xl" ] }, "px10": { "value": "1rem", "original": { "value": "1rem" }, "name": "ids-size-font-px-10", "attributes": { "category": "ids", "type": "size", "item": "font", "subitem": "px10" }, "path": [ "ids", "size", "font", "px10" ] }, "px12": { "value": "1.2rem", "original": { "value": "1.2rem" }, "name": "ids-size-font-px-12", "attributes": { "category": "ids", "type": "size", "item": "font", "subitem": "px12" }, "path": [ "ids", "size", "font", "px12" ] }, "px14": { "value": "1.4rem", "original": { "value": "1.4rem" }, "name": "ids-size-font-px-14", "attributes": { "category": "ids", "type": "size", "item": "font", "subitem": "px14" }, "path": [ "ids", "size", "font", "px14" ] }, "px16": { "value": "1.6rem", "original": { "value": "1.6rem" }, "name": "ids-size-font-px-16", "attributes": { "category": "ids", "type": "size", "item": "font", "subitem": "px16" }, "path": [ "ids", "size", "font", "px16" ] }, "px20": { "value": "2.0rem", "original": { "value": "2.0rem" }, "name": "ids-size-font-px-20", "attributes": { "category": "ids", "type": "size", "item": "font", "subitem": "px20" }, "path": [ "ids", "size", "font", "px20" ] }, "px24": { "value": "2.4rem", "original": { "value": "2.4rem" }, "name": "ids-size-font-px-24", "attributes": { "category": "ids", "type": "size", "item": "font", "subitem": "px24" }, "path": [ "ids", "size", "font", "px24" ] }, "px28": { "value": "2.8rem", "original": { "value": "2.8rem" }, "name": "ids-size-font-px-28", "attributes": { "category": "ids", "type": "size", "item": "font", "subitem": "px28" }, "path": [ "ids", "size", "font", "px28" ] }, "px32": { "value": "3.2rem", "original": { "value": "3.2rem" }, "name": "ids-size-font-px-32", "attributes": { "category": "ids", "type": "size", "item": "font", "subitem": "px32" }, "path": [ "ids", "size", "font", "px32" ] }, "px40": { "value": "4.0rem", "original": { "value": "4.0rem" }, "name": "ids-size-font-px-40", "attributes": { "category": "ids", "type": "size", "item": "font", "subitem": "px40" }, "path": [ "ids", "size", "font", "px40" ] }, "px48": { "value": "4.8rem", "original": { "value": "4.8rem" }, "name": "ids-size-font-px-48", "attributes": { "category": "ids", "type": "size", "item": "font", "subitem": "px48" }, "path": [ "ids", "size", "font", "px48" ] }, "px60": { "value": "6.0rem", "original": { "value": "6.0rem" }, "name": "ids-size-font-px-60", "attributes": { "category": "ids", "type": "size", "item": "font", "subitem": "px60" }, "path": [ "ids", "size", "font", "px60" ] }, "px72": { "value": "7.2rem", "original": { "value": "7.2rem" }, "name": "ids-size-font-px-72", "attributes": { "category": "ids", "type": "size", "item": "font", "subitem": "px72" }, "path": [ "ids", "size", "font", "px72" ] } }, "icon": { "height": { "value": "17px", "original": { "value": "17px" }, "name": "ids-size-icon-height", "attributes": { "category": "ids", "type": "size", "item": "icon", "subitem": "height" }, "path": [ "ids", "size", "icon", "height" ] }, "width": { "value": "22px", "original": { "value": "22px" }, "name": "ids-size-icon-width", "attributes": { "category": "ids", "type": "size", "item": "icon", "subitem": "width" }, "path": [ "ids", "size", "icon", "width" ] } } }, "number": { "font": { "weight": { "light": { "value": "300", "original": { "value": "300" }, "name": "ids-number-font-weight-light", "attributes": { "category": "ids", "type": "number", "item": "font", "subitem": "weight", "state": "light" }, "path": [ "ids", "number", "font", "weight", "light" ] }, "base": { "value": "400", "original": { "value": "400" }, "name": "ids-number-font-weight-base", "attributes": { "category": "ids", "type": "number", "item": "font", "subitem": "weight", "state": "base" }, "path": [ "ids", "number", "font", "weight", "base" ] }, "bold": { "value": "700", "original": { "value": "700" }, "name": "ids-number-font-weight-bold", "attributes": { "category": "ids", "type": "number", "item": "font", "subitem": "weight", "state": "bold" }, "path": [ "ids", "number", "font", "weight", "bold" ] } }, "line": { "height": { "xs": { "value": "2.2", "original": { "value": "2.2" }, "name": "ids-number-font-line-height-xs", "attributes": { "category": "ids", "type": "number", "item": "font", "subitem": "line", "state": "height" }, "path": [ "ids", "number", "font", "line", "height", "xs" ] }, "sm": { "value": "2.2", "original": { "value": "2.2" }, "name": "ids-number-font-line-height-sm", "attributes": { "category": "ids", "type": "number", "item": "font", "subitem": "line", "state": "height" }, "path": [ "ids", "number", "font", "line", "height", "sm" ] }, "md": { "value": "2.2", "original": { "value": "2.2" }, "name": "ids-number-font-line-height-md", "attributes": { "category": "ids", "type": "number", "item": "font", "subitem": "line", "state": "height" }, "path": [ "ids", "number", "font", "line", "height", "md" ] }, "lg": { "value": "2.2", "original": { "value": "2.2" }, "name": "ids-number-font-line-height-lg", "attributes": { "category": "ids", "type": "number", "item": "font", "subitem": "line", "state": "height" }, "path": [ "ids", "number", "font", "line", "height", "lg" ] }, "xl": { "value": "2.2", "original": { "value": "2.2" }, "name": "ids-number-font-line-height-xl", "attributes": { "category": "ids", "type": "number", "item": "font", "subitem": "line", "state": "height" }, "path": [ "ids", "number", "font", "line", "height", "xl" ] } } } }, "opacity": { "disabled": { "value": "0.5", "original": { "value": "0.5" }, "name": "ids-number-opacity-disabled", "attributes": { "category": "ids", "type": "number", "item": "opacity", "subitem": "disabled" }, "path": [ "ids", "number", "opacity", "disabled" ] } }, "spacing": { "base": { "value": "8px", "original": { "value": "8px" }, "name": "ids-number-spacing-base", "attributes": { "category": "ids", "type": "number", "item": "spacing", "subitem": "base" }, "path": [ "ids", "number", "spacing", "base" ] } }, "border": { "radius": { "sm": { "value": "2px", "original": { "value": "2px" }, "name": "ids-number-border-radius-sm", "attributes": { "category": "ids", "type": "number", "item": "border", "subitem": "radius", "state": "sm" }, "path": [ "ids", "number", "border", "radius", "sm" ] }, "md": { "value": "3px", "original": { "value": "3px" }, "name": "ids-number-border-radius-md", "attributes": { "category": "ids", "type": "number", "item": "border", "subitem": "radius", "state": "md" }, "path": [ "ids", "number", "border", "radius", "md" ] } } } } }, "body": { "color": { "primary": { "background": { "value": "#f0f0f0", "original": { "value": "{ids.color.body.base.value}" }, "name": "body-color-primary-background", "attributes": { "category": "body", "type": "color", "item": "primary", "subitem": "background" }, "path": [ "body", "color", "primary", "background" ] }, "font": { "value": "#1a1a1a", "original": { "value": "{ids.color.font.base.value}" }, "name": "body-color-primary-font", "attributes": { "category": "body", "type": "color", "item": "primary", "subitem": "font" }, "path": [ "body", "color", "primary", "font" ] } }, "secondary": { "background": { "value": "#ffffff", "original": { "value": "{ids.color.body.lightest.value}" }, "name": "body-color-secondary-background", "attributes": { "category": "body", "type": "color", "item": "secondary", "subitem": "background" }, "path": [ "body", "color", "secondary", "background" ] } } } }, "breakpoint": { "lg": { "value": "1280px", "original": { "value": "1280px" }, "name": "breakpoint-lg", "attributes": { "category": "breakpoint", "type": "lg" }, "path": [ "breakpoint", "lg" ] }, "md": { "value": "840px", "original": { "value": "840px" }, "name": "breakpoint-md", "attributes": { "category": "breakpoint", "type": "md" }, "path": [ "breakpoint", "md" ] }, "sm": { "value": "600px", "original": { "value": "600px" }, "name": "breakpoint-sm", "attributes": { "category": "breakpoint", "type": "sm" }, "path": [ "breakpoint", "sm" ] }, "xl": { "value": "1440px", "original": { "value": "1440px" }, "name": "breakpoint-xl", "attributes": { "category": "breakpoint", "type": "xl" }, "path": [ "breakpoint", "xl" ] }, "xs": { "value": "360px", "original": { "value": "360px" }, "name": "breakpoint-xs", "attributes": { "category": "breakpoint", "type": "xs" }, "path": [ "breakpoint", "xs" ] } }, "button": { "color": { "primary": { "active": { "background": { "value": "#2578a9", "original": { "value": "{ids.color.brand.primary.alt.value}" }, "name": "button-color-primary-active-background", "attributes": { "category": "button", "type": "color", "item": "primary", "subitem": "active", "state": "background" }, "path": [ "button", "color", "primary", "active", "background" ] } }, "disabled": { "background": { "value": "#8dc9e6", "original": { "value": "{ids.color.palette.azure.30.value}" }, "name": "button-color-primary-disabled-background", "attributes": { "category": "button", "type": "color", "item": "primary", "subitem": "disabled", "state": "background" }, "path": [ "button", "color", "primary", "disabled", "background" ] }, "border": { "value": "#8dc9e6", "original": { "value": "{ids.color.palette.azure.30.value}" }, "name": "button-color-primary-disabled-border", "attributes": { "category": "button", "type": "color", "item": "primary", "subitem": "disabled", "state": "border" }, "path": [ "button", "color", "primary", "disabled", "border" ] }, "font": { "value": "#f0f0f0", "original": { "value": "{ids.color.palette.graphite.10.value}" }, "name": "button-color-primary-disabled-font", "attributes": { "category": "button", "type": "color", "item": "primary", "subitem": "disabled", "state": "font" }, "path": [ "button", "color", "primary", "disabled", "font" ] }, "icon": { "value": "#f0f0f0", "original": { "value": "{ids.color.palette.graphite.10.value}" }, "name": "button-color-primary-disabled-icon", "attributes": { "category": "button", "type": "color", "item": "primary", "subitem": "disabled", "state": "icon" }, "path": [ "button", "color", "primary", "disabled", "icon" ] } }, "focus": { "background": { "value": "#368ac0", "original": { "value": "{ids.color.brand.primary.base.value}" }, "name": "button-color-primary-focus-background", "attributes": { "category": "button", "type": "color", "item": "primary", "subitem": "focus", "state": "background" }, "path": [ "button", "color", "primary", "focus", "background" ] }, "border": { "value": "#368ac0", "original": { "value": "{ids.color.brand.primary.base.value}" }, "name": "button-color-primary-focus-border", "attributes": { "category": "button", "type": "color", "item": "primary", "subitem": "focus", "state": "border" }, "path": [ "button", "color", "primary", "focus", "border" ] } }, "hover": { "background": { "value": "#2578a9", "original": { "value": "{ids.color.brand.primary.alt.value}" }, "name": "button-color-primary-hover-background", "attributes": { "category": "button", "type": "color", "item": "primary", "subitem": "hover", "state": "background" }, "path": [ "button", "color", "primary", "hover", "background" ] } }, "initial": { "background": { "value": "#368ac0", "original": { "value": "{ids.color.brand.primary.base.value}" }, "name": "button-color-primary-initial-background", "attributes": { "category": "button", "type": "color", "item": "primary", "subitem": "initial", "state": "background" }, "path": [ "button", "color", "primary", "initial", "background" ] }, "font": { "value": "#ffffff", "original": { "value": "{ids.color.brand.primary.contrast.value}" }, "name": "button-color-primary-initial-font", "attributes": { "category": "button", "type": "color", "item": "primary", "subitem": "initial", "state": "font" }, "path": [ "button", "color", "primary", "initial", "font" ] }, "icon": { "value": "#ffffff", "original": { "value": "{button.color.primary.initial.font.value}" }, "name": "button-color-primary-initial-icon", "attributes": { "category": "button", "type": "color", "item": "primary", "subitem": "initial", "state": "icon" }, "path": [ "button", "color", "primary", "initial", "icon" ] } } }, "secondary": { "active": { "background": { "value": "#999999", "original": { "value": "{ids.color.brand.secondary.alt.value}" }, "name": "button-color-secondary-active-background", "attributes": { "category": "button", "type": "color", "item": "secondary", "subitem": "active", "state": "background" }, "path": [ "button", "color", "secondary", "active", "background" ] } }, "disabled": { "background": { "value": "#d8d8d8", "original": { "value": "{ids.color.brand.secondary.lighter.value}" }, "name": "button-color-secondary-disabled-background", "attributes": { "category": "button", "type": "color", "item": "secondary", "subitem": "disabled", "state": "background" }, "path": [ "button", "color", "secondary", "disabled", "background" ] }, "border": { "value": "#d8d8d8", "original": { "value": "{ids.color.brand.secondary.lighter.value}" }, "name": "button-color-secondary-disabled-border", "attributes": { "category": "button", "type": "color", "item": "secondary", "subitem": "disabled", "state": "border" }, "path": [ "button", "color", "secondary", "disabled", "border" ] }, "font": { "value": "#999999", "original": { "value": "{ids.color.brand.secondary.alt.value}" }, "name": "button-color-secondary-disabled-font", "attributes": { "category": "button", "type": "color", "item": "secondary", "subitem": "disabled", "state": "font" }, "path": [ "button", "color", "secondary", "disabled", "font" ] }, "icon": { "value": "#999999", "original": { "value": "{ids.color.brand.secondary.alt.value}" }, "name": "button-color-secondary-disabled-icon", "attributes": { "category": "button", "type": "color", "item": "secondary", "subitem": "disabled", "state": "icon" }, "path": [ "button", "color", "secondary", "disabled", "icon" ] } }, "focus": { "background": { "value": "#368ac0", "original": { "value": "{ids.color.brand.primary.base.value}" }, "name": "button-color-secondary-focus-background", "attributes": { "category": "button", "type": "color", "item": "secondary", "subitem": "focus", "state": "background" }, "path": [ "button", "color", "secondary", "focus", "background" ] }, "border": { "value": "#368ac0", "original": { "value": "{ids.color.brand.primary.base.value}" }, "name": "button-color-secondary-focus-border", "attributes": { "category": "button", "type": "color", "item": "secondary", "subitem": "focus", "state": "border" }, "path": [ "button", "color", "secondary", "focus", "border" ] } }, "hover": { "background": { "value": "#999999", "original": { "value": "{ids.color.brand.secondary.alt.value}" }, "name": "button-color-secondary-hover-background", "attributes": { "category": "button", "type": "color", "item": "secondary", "subitem": "hover", "state": "background" }, "path": [ "button", "color", "secondary", "hover", "background" ] } }, "initial": { "background": { "value": "#bdbdbd", "original": { "value": "{ids.color.brand.secondary.base.value}" }, "name": "button-color-secondary-initial-background", "attributes": { "category": "button", "type": "color", "item": "secondary", "subitem": "initial", "state": "background" }, "path": [ "button", "color", "secondary", "initial", "background" ] }, "font": { "value": "#383838", "original": { "value": "{ids.color.brand.secondary.contrast.value}" }, "name": "button-color-secondary-initial-font", "attributes": { "category": "button", "type": "color", "item": "secondary", "subitem": "initial", "state": "font" }, "path": [ "button", "color", "secondary", "initial", "font" ] }, "icon": { "value": "#383838", "original": { "value": "{button.color.secondary.initial.font.value}" }, "name": "button-color-secondary-initial-icon", "attributes": { "category": "button", "type": "color", "item": "secondary", "subitem": "initial", "state": "icon" }, "path": [ "button", "color", "secondary", "initial", "icon" ] } } }, "tertiary": { "active": { "font": { "value": "#1a1a1a", "original": { "value": "{button.color.tertiary.hover.font.value}" }, "name": "button-color-tertiary-active-font", "attributes": { "category": "button", "type": "color", "item": "tertiary", "subitem": "active", "state": "font" }, "path": [ "button", "color", "tertiary", "active", "font" ] }, "icon": { "value": "#1a1a1a", "original": { "value": "{button.color.tertiary.active.font.value}" }, "name": "button-color-tertiary-active-icon", "attributes": { "category": "button", "type": "color", "item": "tertiary", "subitem": "active", "state": "icon" }, "path": [ "button", "color", "tertiary", "active", "icon" ] } }, "disabled": { "font": { "value": "#999999", "original": { "value": "{ids.color.brand.secondary.alt.value}" }, "name": "button-color-tertiary-disabled-font", "attributes": { "category": "button", "type": "color", "item": "tertiary", "subitem": "disabled", "state": "font" }, "path": [ "button", "color", "tertiary", "disabled", "font" ] }, "icon": { "value": "#999999", "original": { "value": "{ids.color.brand.secondary.alt.value}" }, "name": "button-color-tertiary-disabled-icon", "attributes": { "category": "button", "type": "color", "item": "tertiary", "subitem": "disabled", "state": "icon" }, "path": [ "button", "color", "tertiary", "disabled", "icon" ] } }, "focus": { "font": { "value": "#368ac0", "original": { "value": "{ids.color.brand.primary.base.value}" }, "name": "button-color-tertiary-focus-font", "attributes": { "category": "button", "type": "color", "item": "tertiary", "subitem": "focus", "state": "font" }, "path": [ "button", "color", "tertiary", "focus", "font" ] } }, "hover": { "font": { "value": "#1a1a1a", "original": { "value": "{ids.color.font.base.value}" }, "name": "button-color-tertiary-hover-font", "attributes": { "category": "button", "type": "color", "item": "tertiary", "subitem": "hover", "state": "font" }, "path": [ "button", "color", "tertiary", "hover", "font" ] } }, "initial": { "background": { "value": "transparent", "original": { "value": "transparent" }, "name": "button-color-tertiary-initial-background", "attributes": { "category": "button", "type": "color", "item": "tertiary", "subitem": "initial", "state": "background" }, "path": [ "button", "color", "tertiary", "initial", "background" ] }, "font": { "value": "#5c5c5c", "original": { "value": "{ids.color.font.info.value}" }, "name": "button-color-tertiary-initial-font", "attributes": { "category": "button", "type": "color", "item": "tertiary", "subitem": "initial", "state": "font" }, "path": [ "button", "color", "tertiary", "initial", "font" ] }, "icon": { "value": "#383838", "original": { "value": "{button.color.secondary.initial.font.value}" }, "name": "button-color-tertiary-initial-icon", "attributes": { "category": "button", "type": "color", "item": "tertiary", "subitem": "initial", "state": "icon" }, "path": [ "button", "color", "tertiary", "initial", "icon" ] } } } }, "font": { "align": { "value": "center", "original": { "value": "center" }, "name": "button-font-align", "attributes": { "category": "button", "type": "font", "item": "align" }, "path": [ "button", "font", "align" ] }, "decoration": { "value": "none", "original": { "value": "none" }, "name": "button-font-decoration", "attributes": { "category": "button", "type": "font", "item": "decoration" }, "path": [ "button", "font", "decoration" ] }, "family": { "value": "helvetica, arial, sans-serif", "original": { "value": "{ids.font.family.base.value}" }, "name": "button-font-family", "attributes": { "category": "button", "type": "font", "item": "family" }, "path": [ "button", "font", "family" ] }, "size": { "value": "1.4rem", "original": { "value": "{ids.size.font.base.value}" }, "name": "button-font-size", "attributes": { "category": "button", "type": "font", "item": "size" }, "path": [ "button", "font", "size" ] }, "transform": { "value": "capitalize", "original": { "value": "capitalize" }, "name": "button-font-transform", "attributes": { "category": "button", "type": "font", "item": "transform" }, "path": [ "button", "font", "transform" ] }, "weight": { "value": "700", "original": { "value": "{ids.number.font.weight.bold.value}" }, "name": "button-font-weight", "attributes": { "category": "button", "type": "font", "item": "weight" }, "path": [ "button", "font", "weight" ] } }, "shadow": { "focus": { "boxshadow": { "value": "0 0 0 2px rgba(0, 0, 0, 0.2), 0 0 0 3px #368ac0", "original": { "value": "0 0 0 2px {ids.color.boxshadow.base.value}, 0 0 0 3px {ids.color.brand.primary.base.value}" }, "name": "button-shadow-focus-boxshadow", "attributes": { "category": "button", "type": "shadow", "item": "focus", "subitem": "boxshadow" }, "path": [ "button", "shadow", "focus", "boxshadow" ] } } }, "size": { "border": { "radius": { "value": "2px", "original": { "value": "{ids.number.border.radius.sm.value}" }, "name": "button-size-border-radius", "attributes": { "category": "button", "type": "size", "item": "border", "subitem": "radius" }, "path": [ "button", "size", "border", "radius" ] }, "width": { "value": "1px", "original": { "value": "1px" }, "name": "button-size-border-width", "attributes": { "category": "button", "type": "size", "item": "border", "subitem": "width" }, "path": [ "button", "size", "border", "width" ] } }, "height": { "value": "34px", "original": { "value": "34px" }, "name": "button-size-height", "attributes": { "category": "button", "type": "size", "item": "height" }, "path": [ "button", "size", "height" ] }, "font": { "line": { "height": { "value": "normal", "original": { "value": "normal" }, "name": "button-size-font-line-height", "attributes": { "category": "button", "type": "size", "item": "font", "subitem": "line", "state": "height" }, "path": [ "button", "size", "font", "line", "height" ] } } }, "padding": { "x": { "value": "30px", "original": { "value": "30px" }, "name": "button-size-padding-x", "attributes": { "category": "button", "type": "size", "item": "padding", "subitem": "x" }, "path": [ "button", "size", "padding", "x" ] }, "y": { "value": "0", "original": { "value": "0" }, "name": "button-size-padding-y", "attributes": { "category": "button", "type": "size", "item": "padding", "subitem": "y" }, "path": [ "button", "size", "padding", "y" ] } }, "regular": { "height": { "value": "34px", "original": { "value": "34px" }, "name": "button-size-regular-height", "attributes": { "category": "button", "type": "size", "item": "regular", "subitem": "height" }, "path": [ "button", "size", "regular", "height" ] } }, "compact": { "height": { "value": "25px", "original": { "value": "25px" }, "name": "button-size-compact-height", "attributes": { "category": "button", "type": "size", "item": "compact", "subitem": "height" }, "path": [ "button", "size", "compact", "height" ] } } } }, "checkbox": { "color": { "checked": { "disabled": { "arrow": { "value": "#f4f4f4", "original": { "value": "{checkbox.color.unchecked.disabled.arrow.value}" }, "name": "checkbox-color-checked-disabled-arrow", "attributes": { "category": "checkbox", "type": "color", "item": "checked", "subitem": "disabled", "state": "arrow" }, "path": [ "checkbox", "color", "checked", "disabled", "arrow" ] }, "background": { "value": "#bdbdbd", "original": { "value": "{checkbox.color.unchecked.disabled.border.value}" }, "name": "checkbox-color-checked-disabled-background", "attributes": { "category": "checkbox", "type": "color", "item": "checked", "subitem": "disabled", "state": "background" }, "path": [ "checkbox", "color", "checked", "disabled", "background" ] }, "border": { "value": "#bdbdbd", "original": { "value": "{checkbox.color.unchecked.disabled.border.value}" }, "name": "checkbox-color-checked-disabled-border", "attributes": { "category": "checkbox", "type": "color", "item": "checked", "subitem": "disabled", "state": "border" }, "path": [ "checkbox", "color", "checked", "disabled", "border" ] }, "font": { "value": "#999999", "original": { "value": "{checkbox.color.unchecked.disabled.font.value}" }, "name": "checkbox-color-checked-disabled-font", "attributes": { "category": "checkbox", "type": "color", "item": "checked", "subitem": "disabled", "state": "font" }, "path": [ "checkbox", "color", "checked", "disabled", "font" ] } }, "initial": { "arrow": { "value": "#ffffff", "original": { "value": "{ids.color.brand.primary.contrast.value}" }, "name": "checkbox-color-checked-initial-arrow", "attributes": { "category": "checkbox", "type": "color", "item": "checked", "subitem": "initial", "state": "arrow" }, "path": [ "checkbox", "color", "checked", "initial", "arrow" ] }, "background": { "value": "#368ac0", "original": { "value": "{ids.color.brand.primary.base.value}" }, "name": "checkbox-color-checked-initial-background", "attributes": { "category": "checkbox", "type": "color", "item": "checked", "subitem": "initial", "state": "background" }, "path": [ "checkbox", "color", "checked", "initial", "background" ] }, "border": { "value": "#999999", "original": { "value": "{checkbox.color.unchecked.initial.border.value}" }, "name": "checkbox-color-checked-initial-border", "attributes": { "category": "checkbox", "type": "color", "item": "checked", "subitem": "initial", "state": "border" }, "path": [ "checkbox", "color", "checked", "initial", "border" ] } } }, "unchecked": { "disabled": { "arrow": { "value": "#f4f4f4", "original": { "value": "#f4f4f4" }, "name": "checkbox-color-unchecked-disabled-arrow", "attributes": { "category": "checkbox", "type": "color", "item": "unchecked", "subitem": "disabled", "state": "arrow" }, "path": [ "checkbox", "color", "unchecked", "disabled", "arrow" ] }, "background": { "value": "transparent", "original": { "value": "transparent" }, "name": "checkbox-color-unchecked-disabled-background", "attributes": { "category": "checkbox", "type": "color", "item": "unchecked", "subitem": "disabled", "state": "background" }, "path": [ "checkbox", "color", "unchecked", "disabled", "background" ] }, "border": { "value": "#bdbdbd", "original": { "value": "{ids.color.border.lighter.value}" }, "name": "checkbox-color-unchecked-disabled-border", "attributes": { "category": "checkbox", "type": "color", "item": "unchecked", "subitem": "disabled", "state": "border" }, "path": [ "checkbox", "color", "unchecked", "disabled", "border" ] }, "font": { "value": "#999999", "original": { "value": "{ids.color.font.muted.value}" }, "name": "checkbox-color-unchecked-disabled-font", "attributes": { "category": "checkbox", "type": "color", "item": "unchecked", "subitem": "disabled", "state": "font" }, "path": [ "checkbox", "color", "unchecked", "disabled", "font" ] } }, "hover": { "border": { "value": "#383838", "original": { "value": "{ids.color.border.darker.value}" }, "name": "checkbox-color-unchecked-hover-border", "attributes": { "category": "checkbox", "type": "color", "item": "unchecked", "subitem": "hover", "state": "border" }, "path": [ "checkbox", "color", "unchecked", "hover", "border" ] } }, "initial": { "background": { "value": "transparent", "original": { "value": "transparent" }, "name": "checkbox-color-unchecked-initial-background", "attributes": { "category": "checkbox", "type": "color", "item": "unchecked", "subitem": "initial", "state": "background" }, "path": [ "checkbox", "color", "unchecked", "initial", "background" ] }, "border": { "value": "#999999", "original": { "value": "{ids.color.border.base.value}" }, "name": "checkbox-color-unchecked-initial-border", "attributes": { "category": "checkbox", "type": "color", "item": "unchecked", "subitem": "initial", "state": "border" }, "path": [ "checkbox", "color", "unchecked", "initial", "border" ] }, "font": { "value": "#1a1a1a", "original": { "value": "{ids.color.font.base.value}" }, "name": "checkbox-color-unchecked-initial-font", "attributes": { "category": "checkbox", "type": "color", "item": "unchecked", "subitem": "initial", "state": "font" }, "path": [ "checkbox", "color", "unchecked", "initial", "font" ] } } } }, "shadow": { "focus": { "boxshadow": { "value": "0 0 0 1px rgba(0, 0, 0, 0.2), 0 0 0 2px #368ac0", "original": { "value": "0 0 0 1px {ids.color.boxshadow.base.value}, 0 0 0 2px {ids.color.brand.primary.base.value}" }, "name": "checkbox-shadow-focus-boxshadow", "attributes": { "category": "checkbox", "type": "shadow", "item": "focus", "subitem": "boxshadow" }, "path": [ "checkbox", "shadow", "focus", "boxshadow" ] } } }, "size": { "border": { "radius": { "value": "2px", "original": { "value": "{ids.number.border.radius.sm.value}" }, "name": "checkbox-size-border-radius", "attributes": { "category": "checkbox", "type": "size", "item": "border", "subitem": "radius" }, "path": [ "checkbox", "size", "border", "radius" ] } }, "box": { "height": { "value": "17px", "original": { "value": "17px" }, "name": "checkbox-size-box-height", "attributes": { "category": "checkbox", "type": "size", "item": "box", "subitem": "height" }, "path": [ "checkbox", "size", "box", "height" ] }, "width": { "value": "17px", "original": { "value": "17px" }, "name": "checkbox-size-box-width", "attributes": { "category": "checkbox", "type": "size", "item": "box", "subitem": "width" }, "path": [ "checkbox", "size", "box", "width" ] } }, "check": { "height": { "value": "11px", "original": { "value": "11px" }, "name": "checkbox-size-check-height", "attributes": { "category": "checkbox", "type": "size", "item": "check", "subitem": "height" }, "path": [ "checkbox", "size", "check", "height" ] }, "width": { "value": "5px", "original": { "value": "5px" }, "name": "checkbox-size-check-width", "attributes": { "category": "checkbox", "type": "size", "item": "check", "subitem": "width" }, "path": [ "checkbox", "size", "check", "width" ] } } } }, "dropdown": { "color": { "initial": { "boxshadow": { "base": { "value": "rgba(0, 0, 0, 0.2)", "original": { "value": "{ids.color.boxshadow.base.value}" }, "name": "dropdown-color-initial-boxshadow-base", "attributes": { "category": "dropdown", "type": "color", "item": "initial", "subitem": "boxshadow", "state": "base" }, "path": [ "dropdown", "color", "initial", "boxshadow", "base" ] } }, "font": { "value": "#1a1a1a", "original": { "value": "{ids.color.font.base.value}" }, "name": "dropdown-color-initial-font", "attributes": { "category": "dropdown", "type": "color", "item": "initial", "subitem": "font" }, "path": [ "dropdown", "color", "initial", "font" ] }, "icon": { "value": "#1a1a1a", "original": { "value": "{dropdown.color.initial.font.value}" }, "name": "dropdown-color-initial-icon", "attributes": { "category": "dropdown", "type": "color", "item": "initial", "subitem": "icon" }, "path": [ "dropdown", "color", "initial", "icon" ] } }, "selected": { "background": { "value": "#368ac0", "original": { "value": "{ids.color.brand.primary.base.value}" }, "name": "dropdown-color-selected-background", "attributes": { "category": "dropdown", "type": "color", "item": "selected", "subitem": "background" }, "path": [ "dropdown", "color", "selected", "background" ] }, "font": { "value": "#ffffff", "original": { "value": "{ids.color.palette.white.value}" }, "name": "dropdown-color-selected-font", "attributes": { "category": "dropdown", "type": "color", "item": "selected", "subitem": "font" }, "path": [ "dropdown", "color", "selected", "font" ] } } }, "shadow": { "initial": { "boxshadow": { "value": "0 5px 5px rgba(0, 0, 0, 0.2)", "original": { "value": "0 5px 5px {ids.color.boxshadow.base.value}" }, "name": "dropdown-shadow-initial-boxshadow", "attributes": { "category": "dropdown", "type": "shadow", "item": "initial", "subitem": "boxshadow" }, "path": [ "dropdown", "shadow", "initial", "boxshadow" ] } } }, "size": { "border": { "radius": { "value": "3px", "original": { "value": "{ids.number.border.radius.md.value}" }, "name": "dropdown-size-border-radius", "attributes": { "category": "dropdown", "type": "size", "item": "border", "subitem": "radius" }, "path": [ "dropdown", "size", "border", "radius" ] }, "width": { "value": "1px", "original": { "value": "{input.size.border.width.value}" }, "name": "dropdown-size-border-width", "attributes": { "category": "dropdown", "type": "size", "item": "border", "subitem": "width" }, "path": [ "dropdown", "size", "border", "width" ] } }, "font": { "value": "1.4rem", "original": { "value": "{ids.size.font.base.value}" }, "name": "dropdown-size-font", "attributes": { "category": "dropdown", "type": "size", "item": "font" }, "path": [ "dropdown", "size", "font" ] }, "height": { "max": { "value": "300px", "original": { "value": "300px" }, "name": "dropdown-size-height-max", "attributes": { "category": "dropdown", "type": "size", "item": "height", "subitem": "max" }, "path": [ "dropdown", "size", "height", "max" ] }, "min": { "value": "30px", "original": { "value": "30px" }, "name": "dropdown-size-height-min", "attributes": { "category": "dropdown", "type": "size", "item": "height", "subitem": "min" }, "path": [ "dropdown", "size", "height", "min" ] } }, "regular": { "padding": { "value": "8px 30px 8px 10px", "original": { "value": "8px 30px 8px 10px" }, "name": "dropdown-size-regular-padding", "attributes": { "category": "dropdown", "type": "size", "item": "regular", "subitem": "padding" }, "path": [ "dropdown", "size", "regular", "padding" ] } }, "compact": { "padding": { "value": "5px 16px 5px 5px", "original": { "value": "5px 16px 5px 5px" }, "name": "dropdown-size-compact-padding", "attributes": { "category": "dropdown", "type": "size", "item": "compact", "subitem": "padding" }, "path": [ "dropdown", "size", "compact", "padding" ] } }, "padding": { "value": "8px 30px 8px 10px", "original": { "value": "8px 30px 8px 10px" }, "name": "dropdown-size-padding", "attributes": { "category": "dropdown", "type": "size", "item": "padding" }, "path": [ "dropdown", "size", "padding" ] } } }, "form": { "size": { "field": { "regular": { "margin": { "bottom": { "value": "20px", "original": { "value": "20px" }, "name": "form-size-field-regular-margin-bottom", "attributes": { "category": "form", "type": "size", "item": "field", "subitem": "regular", "state": "margin" }, "path": [ "form", "size", "field", "regular", "margin", "bottom" ] } } }, "compact": { "margin": { "bottom": { "value": "12px", "original": { "value": "12px" }, "name": "form-size-field-compact-margin-bottom", "attributes": { "category": "form", "type": "size", "item": "field", "subitem": "compact", "state": "margin" }, "path": [ "form", "size", "field", "compact", "margin", "bottom" ] } } } } } }, "header": { "color": { "primary": { "background": { "value": "#2578a9", "original": { "value": "{ids.color.brand.primary.alt.value}" }, "name": "header-color-primary-background", "attributes": { "category": "header", "type": "color", "item": "primary", "subitem": "background" }, "path": [ "header", "color", "primary", "background" ] } } } }, "icon": { "color": { "fill": { "value": "#999999", "original": { "value": "{ids.color.icon.base.value}" }, "name": "icon-color-fill", "attributes": { "category": "icon", "type": "color", "item": "fill" }, "path": [ "icon", "color", "fill" ] } }, "size": { "height": { "value": "17px", "original": { "value": "{ids.size.icon.height.value}" }, "name": "icon-size-height", "attributes": { "category": "icon", "type": "size", "item": "height" }, "path": [ "icon", "size", "height" ] }, "width": { "value": "22px", "original": { "value": "{ids.size.icon.width.value}" }, "name": "icon-size-width", "attributes": { "category": "icon", "type": "size", "item": "width" }, "path": [ "icon", "size", "width" ] } } }, "input": { "color": { "disabled": { "background": { "value": "transparent", "original": { "value": "transparent" }, "name": "input-color-disabled-background", "attributes": { "category": "input", "type": "color", "item": "disabled", "subitem": "background" }, "path": [ "input", "color", "disabled", "background" ] }, "border": { "value": "#bdbdbd", "original": { "value": "{ids.color.border.lighter.value}" }, "name": "input-color-disabled-border", "attributes": { "category": "input", "type": "color", "item": "disabled", "subitem": "border" }, "path": [ "input", "color", "disabled", "border" ] }, "font": { "value": "#999999", "original": { "value": "{ids.color.font.muted.value}" }, "name": "input-color-disabled-font", "attributes": { "category": "input", "type": "color", "item": "disabled", "subitem": "font" }, "path": [ "input", "color", "disabled", "font" ] } }, "focus": { "background": { "value": "transparent", "original": { "value": "transparent" }, "name": "input-color-focus-background", "attributes": { "category": "input", "type": "color", "item": "focus", "subitem": "background" }, "path": [ "input", "color", "focus", "background" ] }, "border": { "value": "#368ac0", "original": { "value": "{ids.color.brand.primary.base.value}" }, "name": "input-color-focus-border", "attributes": { "category": "input", "type": "color", "item": "focus", "subitem": "border" }, "path": [ "input", "color", "focus", "border" ] }, "font": { "value": "#1a1a1a", "original": { "value": "{ids.color.font.base.value}" }, "name": "input-color-focus-font", "attributes": { "category": "input", "type": "color", "item": "focus", "subitem": "font" }, "path": [ "input", "color", "focus", "font" ] } }, "hover": { "background": { "value": "transparent", "original": { "value": "transparent" }, "name": "input-color-hover-background", "attributes": { "category": "input", "type": "color", "item": "hover", "subitem": "background" }, "path": [ "input", "color", "hover", "background" ] }, "border": { "value": "#383838", "original": { "value": "{ids.color.border.darker.value}" }, "name": "input-color-hover-border", "attributes": { "category": "input", "type": "color", "item": "hover", "subitem": "border" }, "path": [ "input", "color", "hover", "border" ] } }, "initial": { "background": { "value": "transparent", "original": { "value": "transparent" }, "name": "input-color-initial-background", "attributes": { "category": "input", "type": "color", "item": "initial", "subitem": "background" }, "path": [ "input", "color", "initial", "background" ] }, "border": { "value": "#999999", "original": { "value": "{ids.color.border.base.value}" }, "name": "input-color-initial-border", "attributes": { "category": "input", "type": "color", "item": "initial", "subitem": "border" }, "path": [ "input", "color", "initial", "border" ] }, "font": { "value": "#1a1a1a", "original": { "value": "{ids.color.font.base.value}" }, "name": "input-color-initial-font", "attributes": { "category": "input", "type": "color", "item": "initial", "subitem": "font" }, "path": [ "input", "color", "initial", "font" ] }, "label": { "value": "#5c5c5c", "original": { "value": "{ids.color.font.info.value}" }, "name": "input-color-initial-label", "attributes": { "category": "input", "type": "color", "item": "initial", "subitem": "label" }, "path": [ "input", "color", "initial", "label" ] }, "placeholder": { "value": "#999999", "original": { "value": "{ids.color.font.muted.value}" }, "name": "input-color-initial-placeholder", "attributes": { "category": "input", "type": "color", "item": "initial", "subitem": "placeholder" }, "path": [ "input", "color", "initial", "placeholder" ] } }, "readonly": { "background": { "value": "#d8d8d8", "original": { "value": "{ids.color.brand.secondary.lighter.value}" }, "name": "input-color-readonly-background", "attributes": { "category": "input", "type": "color", "item": "readonly", "subitem": "background" }, "path": [ "input", "color", "readonly", "background" ] }, "border": { "value": "#999999", "original": { "value": "{ids.color.border.base.value}" }, "name": "input-color-readonly-border", "attributes": { "category": "input", "type": "color", "item": "readonly", "subitem": "border" }, "path": [ "input", "color", "readonly", "border" ] }, "font": { "value": "#1a1a1a", "original": { "value": "{ids.color.font.base.value}" }, "name": "input-color-readonly-font", "attributes": { "category": "input", "type": "color", "item": "readonly", "subitem": "font" }, "path": [ "input", "color", "readonly", "font" ] } } }, "shadow": { "initial": { "boxshadow": { "value": "none", "original": { "value": "none" }, "name": "input-shadow-initial-boxshadow", "attributes": { "category": "input", "type": "shadow", "item": "initial", "subitem": "boxshadow" }, "path": [ "input", "shadow", "initial", "boxshadow" ] } } }, "size": { "border": { "radius": { "value": "2px", "original": { "value": "{ids.number.border.radius.sm.value}" }, "name": "input-size-border-radius", "attributes": { "category": "input", "type": "size", "item": "border", "subitem": "radius" }, "path": [ "input", "size", "border", "radius" ] }, "width": { "value": "1px", "original": { "value": "1px" }, "name": "input-size-border-width", "attributes": { "category": "input", "type": "size", "item": "border", "subitem": "width" }, "path": [ "input", "size", "border", "width" ] } }, "height": { "value": "3.4rem", "original": { "value": "3.4rem" }, "name": "input-size-height", "attributes": { "category": "input", "type": "size", "item": "height" }, "path": [ "input", "size", "height" ] }, "font": { "line": { "height": { "value": "16px", "original": { "value": "16px" }, "name": "input-size-font-line-height", "attributes": { "category": "input", "type": "size", "item": "font", "subitem": "line", "state": "height" }, "path": [ "input", "size", "font", "line", "height" ] } } }, "regular": { "height": { "value": "3.4rem", "original": { "value": "3.4rem" }, "name": "input-size-regular-height", "attributes": { "category": "input", "type": "size", "item": "regular", "subitem": "height" }, "path": [ "input", "size", "regular", "height" ] }, "padding": { "value": "0 10px", "original": { "value": "0 10px" }, "name": "input-size-regular-padding", "attributes": { "category": "input", "type": "size", "item": "regular", "subitem": "padding" }, "path": [ "input", "size", "regular", "padding" ] }, "font-size": { "value": "1.4rem", "original": { "value": "1.4rem" }, "name": "input-size-regular-font-size", "attributes": { "category": "input", "type": "size", "item": "regular", "subitem": "font-size" }, "path": [ "input", "size", "regular", "font-size" ] } }, "compact": { "height": { "value": "2.6rem", "original": { "value": "2.6rem" }, "name": "input-size-compact-height", "attributes": { "category": "input", "type": "size", "item": "compact", "subitem": "height" }, "path": [ "input", "size", "compact", "height" ] }, "padding": { "value": "0 5px", "original": { "value": "0 5px" }, "name": "input-size-compact-padding", "attributes": { "category": "input", "type": "size", "item": "compact", "subitem": "padding" }, "path": [ "input", "size", "compact", "padding" ] }, "font-size": { "value": "1.2rem", "original": { "value": "1.2rem" }, "name": "input-size-compact-font-size", "attributes": { "category": "input", "type": "size", "item": "compact", "subitem": "font-size" }, "path": [ "input", "size", "compact", "font-size" ] } }, "padding": { "x": { "value": "12px", "original": { "value": "12px" }, "name": "input-size-padding-x", "attributes": { "category": "input", "type": "size", "item": "padding", "subitem": "x" }, "path": [ "input", "size", "padding", "x" ] }, "y": { "value": "8px", "original": { "value": "8px" }, "name": "input-size-padding-y", "attributes": { "category": "input", "type": "size", "item": "padding", "subitem": "y" }, "path": [ "input", "size", "padding", "y" ] } }, "width": { "lg": { "value": "400px", "original": { "value": "400px" }, "name": "input-size-width-lg", "attributes": { "category": "input", "type": "size", "item": "width", "subitem": "lg" }, "path": [ "input", "size", "width", "lg" ] }, "md": { "value": "300px", "original": { "value": "300px" }, "name": "input-size-width-md", "attributes": { "category": "input", "type": "size", "item": "width", "subitem": "md" }, "path": [ "input", "size", "width", "md" ] }, "sm": { "value": "150px", "original": { "value": "150px" }, "name": "input-size-width-sm", "attributes": { "category": "input", "type": "size", "item": "width", "subitem": "sm" }, "path": [ "input", "size", "width", "sm" ] }, "xs": { "value": "75px", "original": { "value": "75px" }, "name": "input-size-width-xs", "attributes": { "category": "input", "type": "size", "item": "width", "subitem": "xs" }, "path": [ "input", "size", "width", "xs" ] } } } }, "label": { "color": { "initial": { "font": { "value": "#5c5c5c", "original": { "value": "{ids.color.font.info.value}" }, "name": "label-color-initial-font", "attributes": { "category": "label", "type": "color", "item": "initial", "subitem": "font" }, "path": [ "label", "color", "initial", "font" ] } } }, "size": { "regular": { "margin": { "value": "0 0 8px 0", "original": { "value": "0 0 8px 0" }, "name": "label-size-regular-margin", "attributes": { "category": "label", "type": "size", "item": "regular", "subitem": "margin" }, "path": [ "label", "size", "regular", "margin" ] }, "font-size": { "value": "1.2rem", "original": { "value": "1.2rem" }, "name": "label-size-regular-font-size", "attributes": { "category": "label", "type": "size", "item": "regular", "subitem": "font-size" }, "path": [ "label", "size", "regular", "font-size" ] } }, "compact": { "margin": { "value": "0 0 6px 0", "original": { "value": "0 0 6px 0" }, "name": "label-size-compact-margin", "attributes": { "category": "label", "type": "size", "item": "compact", "subitem": "margin" }, "path": [ "label", "size", "compact", "margin" ] }, "font-size": { "value": "1.2rem", "original": { "value": "1.2rem" }, "name": "label-size-compact-font-size", "attributes": { "category": "label", "type": "size", "item": "compact", "subitem": "font-size" }, "path": [ "label", "size", "compact", "font-size" ] } } } }, "link": { "color": { "disabled": { "font": { "value": "#999999", "original": { "value": "{ids.color.font.muted.value}" }, "name": "link-color-disabled-font", "attributes": { "category": "link", "type": "color", "item": "disabled", "subitem": "font" }, "path": [ "link", "color", "disabled", "font" ] } }, "hover": { "font": { "value": "#2578a9", "original": { "value": "{ids.color.brand.primary.alt.value}" }, "name": "link-color-hover-font", "attributes": { "category": "link", "type": "color", "item": "hover", "subitem": "font" }, "path": [ "link", "color", "hover", "font" ] } }, "initial": { "font": { "value": "#368ac0", "original": { "value": "{ids.color.brand.primary.base.value}" }, "name": "link-color-initial-font", "attributes": { "category": "link", "type": "color", "item": "initial", "subitem": "font" }, "path": [ "link", "color", "initial", "font" ] } }, "visited": { "font": { "value": "#9279a6", "original": { "value": "{ids.color.palette.amethyst.60.value}" }, "name": "link-color-visited-font", "attributes": { "category": "link", "type": "color", "item": "visited", "subitem": "font" }, "path": [ "link", "color", "visited", "font" ] } } }, "font": { "initial": { "decoration": { "value": "underline", "original": { "value": "underline" }, "name": "link-font-initial-decoration", "attributes": { "category": "link", "type": "font", "item": "initial", "subitem": "decoration" }, "path": [ "link", "font", "initial", "decoration" ] } } } }, "list": { "color": { "divider": { "border": { "value": "#bdbdbd", "original": { "value": "{ids.color.brand.secondary.base.value}" }, "name": "list-color-divider-border", "attributes": { "category": "list", "type": "color", "item": "divider", "subitem": "border" }, "path": [ "list", "color", "divider", "border" ] } }, "item": { "hover": { "background": { "value": "#d8d8d8", "original": { "value": "{ids.color.brand.secondary.lighter.value}" }, "name": "list-color-item-hover-background", "attributes": { "category": "list", "type": "color", "item": "item", "subitem": "hover", "state": "background" }, "path": [ "list", "color", "item", "hover", "background" ] } }, "initial": { "font": { "value": "#5c5c5c", "original": { "value": "{ids.color.font.info.value}" }, "name": "list-color-item-initial-font", "attributes": { "category": "list", "type": "color", "item": "item", "subitem": "initial", "state": "font" }, "path": [ "list", "color", "item", "initial", "font" ] } }, "selected": { "background": { "value": "#f0f0f0", "original": { "value": "{ids.color.body.base.value}" }, "name": "list-color-item-selected-background", "attributes": { "category": "list", "type": "color", "item": "item", "subitem": "selected", "state": "background" }, "path": [ "list", "color", "item", "selected", "background" ] } } }, "heading": { "initial": { "font": { "value": "#d8d8d8", "original": { "value": "{ids.color.brand.secondary.lighter.value}" }, "name": "list-color-heading-initial-font", "attributes": { "category": "list", "type": "color", "item": "heading", "subitem": "initial", "state": "font" }, "path": [ "list", "color", "heading", "initial", "font" ] } } } } }, "notification": { "color": { "alert": { "initial": { "background": { "value": "#fbe9bf", "original": { "value": "{ids.color.palette.amber.10.value}" }, "name": "notification-color-alert-initial-background", "attributes": { "category": "notification", "type": "color", "item": "alert", "subitem": "initial", "state": "background" }, "path": [ "notification", "color", "alert", "initial", "background" ] }, "font": { "value": "#5c5c5c", "original": { "value": "{ids.color.font.info.value}" }, "name": "notification-color-alert-initial-font", "attributes": { "category": "notification", "type": "color", "item": "alert", "subitem": "initial", "state": "font" }, "path": [ "notification", "color", "alert", "initial", "font" ] } }, "hover": { "font": { "value": "#1a1a1a", "original": { "value": "{ids.color.font.base.value}" }, "name": "notification-color-alert-hover-font", "attributes": { "category": "notification", "type": "color", "item": "alert", "subitem": "hover", "state": "font" }, "path": [ "notification", "color", "alert", "hover", "font" ] } } }, "error": { "initial": { "background": { "value": "#f6caca", "original": { "value": "{ids.color.palette.ruby.10.value}" }, "name": "notification-color-error-initial-background", "attributes": { "category": "notification", "type": "color", "item": "error", "subitem": "initial", "state": "background" }, "path": [ "notification", "color", "error", "initial", "background" ] }, "font": { "value": "#5c5c5c", "original": { "value": "{ids.color.font.info.value}" }, "name": "notification-color-error-initial-font", "attributes": { "category": "notification", "type": "color", "item": "error", "subitem": "initial", "state": "font" }, "path": [ "notification", "color", "error", "initial", "font" ] } }, "hover": { "font": { "value": "#1a1a1a", "original": { "value": "{ids.color.font.base.value}" }, "name": "notification-color-error-hover-font", "attributes": { "category": "notification", "type": "color", "item": "error", "subitem": "hover", "state": "font" }, "path": [ "notification", "color", "error", "hover", "font" ] } } }, "info": { "initial": { "background": { "value": "#c8e9f4", "original": { "value": "{ids.color.palette.azure.10.value}" }, "name": "notification-color-info-initial-background", "attributes": { "category": "notification", "type": "color", "item": "info", "subitem": "initial", "state": "background" }, "path": [ "notification", "color", "info", "initial", "background" ] }, "font": { "value": "#5c5c5c", "original": { "value": "{ids.color.font.info.value}" }, "name": "notification-color-info-initial-font", "attributes": { "category": "notification", "type": "color", "item": "info", "subitem": "initial", "state": "font" }, "path": [ "notification", "color", "info", "initial", "font" ] } }, "hover": { "font": { "value": "#1a1a1a", "original": { "value": "{ids.color.font.base.value}" }, "name": "notification-color-info-hover-font", "attributes": { "category": "notification", "type": "color", "item": "info", "subitem": "hover", "state": "font" }, "path": [ "notification", "color", "info", "hover", "font" ] } } }, "success": { "initial": { "background": { "value": "#d5f6c0", "original": { "value": "{ids.color.palette.emerald.10.value}" }, "name": "notification-color-success-initial-background", "attributes": { "category": "notification", "type": "color", "item": "success", "subitem": "initial", "state": "background" }, "path": [ "notification", "color", "success", "initial", "background" ] }, "font": { "value": "#5c5c5c", "original": { "value": "{ids.color.font.info.value}" }, "name": "notification-color-success-initial-font", "attributes": { "category": "notification", "type": "color", "item": "success", "subitem": "initial", "state": "font" }, "path": [ "notification", "color", "success", "initial", "font" ] } }, "hover": { "font": { "value": "#1a1a1a", "original": { "value": "{ids.color.font.base.value}" }, "name": "notification-color-success-hover-font", "attributes": { "category": "notification", "type": "color", "item": "success", "subitem": "hover", "state": "font" }, "path": [ "notification", "color", "success", "hover", "font" ] } } } } }, "radio": { "color": { "checked": { "disabled": { "background": { "value": "#f0f0f0", "original": { "value": "{ids.color.body.base.value}" }, "name": "radio-color-checked-disabled-background", "attributes": { "category": "radio", "type": "color", "item": "checked", "subitem": "disabled", "state": "background" }, "path": [ "radio", "color", "checked", "disabled", "background" ] }, "border": { "value": "#bdbdbd", "original": { "value": "{radio.color.unchecked.disabled.border.value}" }, "name": "radio-color-checked-disabled-border", "attributes": { "category": "radio", "type": "color", "item": "checked", "subitem": "disabled", "state": "border" }, "path": [ "radio", "color", "checked", "disabled", "border" ] } }, "initial": { "background": { "value": "#ffffff", "original": { "value": "{ids.color.brand.primary.contrast.value}" }, "name": "radio-color-checked-initial-background", "attributes": { "category": "radio", "type": "color", "item": "checked", "subitem": "initial", "state": "background" }, "path": [ "radio", "color", "checked", "initial", "background" ] }, "fill": { "value": "#368ac0", "original": { "value": "{ids.color.brand.primary.base.value}" }, "name": "radio-color-checked-initial-fill", "attributes": { "category": "radio", "type": "color", "item": "checked", "subitem": "initial", "state": "fill" }, "path": [ "radio", "color", "checked", "initial", "fill" ] } } }, "unchecked": { "disabled": { "background": { "value": "transparent", "original": { "value": "transparent" }, "name": "radio-color-unchecked-disabled-background", "attributes": { "category": "radio", "type": "color", "item": "unchecked", "subitem": "disabled", "state": "background" }, "path": [ "radio", "color", "unchecked", "disabled", "background" ] }, "border": { "value": "#bdbdbd", "original": { "value": "{ids.color.border.lighter.value}" }, "name": "radio-color-unchecked-disabled-border", "attributes": { "category": "radio", "type": "color", "item": "unchecked", "subitem": "disabled", "state": "border" }, "path": [ "radio", "color", "unchecked", "disabled", "border" ] }, "label": { "value": "#999999", "original": { "value": "{ids.color.font.muted.value}" }, "name": "radio-color-unchecked-disabled-label", "attributes": { "category": "radio", "type": "color", "item": "unchecked", "subitem": "disabled", "state": "label" }, "path": [ "radio", "color", "unchecked", "disabled", "label" ] } }, "hover": { "border": { "value": "#383838", "original": { "value": "{ids.color.border.darker.value}" }, "name": "radio-color-unchecked-hover-border", "attributes": { "category": "radio", "type": "color", "item": "unchecked", "subitem": "hover", "state": "border" }, "path": [ "radio", "color", "unchecked", "hover", "border" ] } }, "initial": { "background": { "value": "transparent", "original": { "value": "transparent" }, "name": "radio-color-unchecked-initial-background", "attributes": { "category": "radio", "type": "color", "item": "unchecked", "subitem": "initial", "state": "background" }, "path": [ "radio", "color", "unchecked", "initial", "background" ] }, "border": { "value": "#999999", "original": { "value": "{ids.color.border.base.value}" }, "name": "radio-color-unchecked-initial-border", "attributes": { "category": "radio", "type": "color", "item": "unchecked", "subitem": "initial", "state": "border" }, "path": [ "radio", "color", "unchecked", "initial", "border" ] }, "label": { "value": "#1a1a1a", "original": { "value": "{ids.color.font.base.value}" }, "name": "radio-color-unchecked-initial-label", "attributes": { "category": "radio", "type": "color", "item": "unchecked", "subitem": "initial", "state": "label" }, "path": [ "radio", "color", "unchecked", "initial", "label" ] } } } }, "shadow": { "focus": { "boxshadow": { "value": "0 0 0 1px rgba(0, 0, 0, 0.2), 0 0 0 2px #368ac0, 0 0 4px 5px rgba(54, 138, 192, 0.03)", "original": { "value": "0 0 0 1px {ids.color.boxshadow.base.value}, 0 0 0 2px {ids.color.brand.primary.base.value}, 0 0 4px 5px rgba(54, 138, 192, 0.03)" }, "name": "radio-shadow-focus-boxshadow", "attributes": { "category": "radio", "type": "shadow", "item": "focus", "subitem": "boxshadow" }, "path": [ "radio", "shadow", "focus", "boxshadow" ] } } }, "size": { "border": { "radius": { "value": "50%", "original": { "value": "50%" }, "name": "radio-size-border-radius", "attributes": { "category": "radio", "type": "size", "item": "border", "subitem": "radius" }, "path": [ "radio", "size", "border", "radius" ] } }, "inner": { "height": { "value": "4px", "original": { "value": "4px" }, "name": "radio-size-inner-height", "attributes": { "category": "radio", "type": "size", "item": "inner", "subitem": "height" }, "path": [ "radio", "size", "inner", "height" ] }, "width": { "value": "4px", "original": { "value": "4px" }, "name": "radio-size-inner-width", "attributes": { "category": "radio", "type": "size", "item": "inner", "subitem": "width" }, "path": [ "radio", "size", "inner", "width" ] } }, "outer": { "height": { "value": "14px", "original": { "value": "14px" }, "name": "radio-size-outer-height", "attributes": { "category": "radio", "type": "size", "item": "outer", "subitem": "height" }, "path": [ "radio", "size", "outer", "height" ] }, "width": { "value": "14px", "original": { "value": "14px" }, "name": "radio-size-outer-width", "attributes": { "category": "radio", "type": "size", "item": "outer", "subitem": "width" }, "path": [ "radio", "size", "outer", "width" ] } } } }, "textarea": { "size": { "regular": { "height": { "value": "90px", "original": { "value": "90px" }, "name": "textarea-size-regular-height", "attributes": { "category": "textarea", "type": "size", "item": "regular", "subitem": "height" }, "path": [ "textarea", "size", "regular", "height" ] } }, "compact": { "height": { "value": "60px", "original": { "value": "60px" }, "name": "textarea-size-compact-height", "attributes": { "category": "textarea", "type": "size", "item": "compact", "subitem": "height" }, "path": [ "textarea", "size", "compact", "height" ] } } } } }