less-plugin-dls
Version:
Less plugin for Baidu Light DLS.
2,254 lines • 210 kB
JSON
{
"dls-color-brand": {
"value": "#0054e6",
"type": "color",
"global": true
},
"dls-color-brand-0": {
"value": "#fff",
"type": "color",
"global": true
},
"dls-color-brand-1": {
"value": "#ebf2ff",
"type": "color",
"global": true
},
"dls-color-brand-2": {
"value": "#dce9ff",
"type": "color",
"global": true
},
"dls-color-brand-3": {
"value": "#bfd7ff",
"type": "color",
"global": true
},
"dls-color-brand-4": {
"value": "#95bcff",
"type": "color",
"global": true
},
"dls-color-brand-5": {
"value": "#5e99ff",
"type": "color",
"global": true
},
"dls-color-brand-6": {
"value": "#1a6eff",
"type": "color",
"global": true
},
"dls-color-brand-7": {
"value": "#0054e6",
"type": "color",
"global": true
},
"dls-color-brand-8": {
"value": "#0047c4",
"type": "color",
"global": true
},
"dls-color-brand-9": {
"value": "#003796",
"type": "color",
"global": true
},
"dls-color-brand-10": {
"value": "#00225c",
"type": "color",
"global": true
},
"dls-color-brand-11": {
"value": "#000",
"type": "color",
"global": true
},
"dls-color-info": {
"value": "#0054e6",
"type": "color",
"global": true
},
"dls-color-info-0": {
"value": "#fff",
"type": "color",
"global": true
},
"dls-color-info-1": {
"value": "#ebf2ff",
"type": "color",
"global": true
},
"dls-color-info-2": {
"value": "#dce9ff",
"type": "color",
"global": true
},
"dls-color-info-3": {
"value": "#bfd7ff",
"type": "color",
"global": true
},
"dls-color-info-4": {
"value": "#95bcff",
"type": "color",
"global": true
},
"dls-color-info-5": {
"value": "#5e99ff",
"type": "color",
"global": true
},
"dls-color-info-6": {
"value": "#1a6eff",
"type": "color",
"global": true
},
"dls-color-info-7": {
"value": "#0054e6",
"type": "color",
"global": true
},
"dls-color-info-8": {
"value": "#0047c4",
"type": "color",
"global": true
},
"dls-color-info-9": {
"value": "#003796",
"type": "color",
"global": true
},
"dls-color-info-10": {
"value": "#00225c",
"type": "color",
"global": true
},
"dls-color-info-11": {
"value": "#000",
"type": "color",
"global": true
},
"dls-color-success": {
"value": "#009940",
"type": "color",
"global": true
},
"dls-color-success-0": {
"value": "#fff",
"type": "color",
"global": true
},
"dls-color-success-1": {
"value": "#ebfff3",
"type": "color",
"global": true
},
"dls-color-success-2": {
"value": "#daffe9",
"type": "color",
"global": true
},
"dls-color-success-3": {
"value": "#baffd7",
"type": "color",
"global": true
},
"dls-color-success-4": {
"value": "#8bffbb",
"type": "color",
"global": true
},
"dls-color-success-5": {
"value": "#4dff97",
"type": "color",
"global": true
},
"dls-color-success-6": {
"value": "#00cc55",
"type": "color",
"global": true
},
"dls-color-success-7": {
"value": "#009940",
"type": "color",
"global": true
},
"dls-color-success-8": {
"value": "#008236",
"type": "color",
"global": true
},
"dls-color-success-9": {
"value": "#00632a",
"type": "color",
"global": true
},
"dls-color-success-10": {
"value": "#003d1a",
"type": "color",
"global": true
},
"dls-color-success-11": {
"value": "#000",
"type": "color",
"global": true
},
"dls-color-warning": {
"value": "#f27318",
"type": "color",
"global": true
},
"dls-color-warning-0": {
"value": "#fff",
"type": "color",
"global": true
},
"dls-color-warning-1": {
"value": "#fff3eb",
"type": "color",
"global": true
},
"dls-color-warning-2": {
"value": "#ffecdf",
"type": "color",
"global": true
},
"dls-color-warning-3": {
"value": "#ffdfc9",
"type": "color",
"global": true
},
"dls-color-warning-4": {
"value": "#ffcca8",
"type": "color",
"global": true
},
"dls-color-warning-5": {
"value": "#ffb37d",
"type": "color",
"global": true
},
"dls-color-warning-6": {
"value": "#ff9448",
"type": "color",
"global": true
},
"dls-color-warning-7": {
"value": "#f27318",
"type": "color",
"global": true
},
"dls-color-warning-8": {
"value": "#ce5600",
"type": "color",
"global": true
},
"dls-color-warning-9": {
"value": "#9d4200",
"type": "color",
"global": true
},
"dls-color-warning-10": {
"value": "#612800",
"type": "color",
"global": true
},
"dls-color-warning-11": {
"value": "#000",
"type": "color",
"global": true
},
"dls-color-error": {
"value": "#d9150b",
"type": "color",
"global": true
},
"dls-color-error-0": {
"value": "#fff",
"type": "color",
"global": true
},
"dls-color-error-1": {
"value": "#ffeceb",
"type": "color",
"global": true
},
"dls-color-error-2": {
"value": "#ffdedc",
"type": "color",
"global": true
},
"dls-color-error-3": {
"value": "#ffc4c0",
"type": "color",
"global": true
},
"dls-color-error-4": {
"value": "#ff9d98",
"type": "color",
"global": true
},
"dls-color-error-5": {
"value": "#ff6a63",
"type": "color",
"global": true
},
"dls-color-error-6": {
"value": "#ff2b20",
"type": "color",
"global": true
},
"dls-color-error-7": {
"value": "#d9150b",
"type": "color",
"global": true
},
"dls-color-error-8": {
"value": "#b80900",
"type": "color",
"global": true
},
"dls-color-error-9": {
"value": "#8d0700",
"type": "color",
"global": true
},
"dls-color-error-10": {
"value": "#570400",
"type": "color",
"global": true
},
"dls-color-error-11": {
"value": "#000",
"type": "color",
"global": true
},
"dls-color-gray-0": {
"value": "#fff",
"type": "color",
"global": true
},
"dls-color-gray-1": {
"value": "#f6f7fa",
"type": "color",
"global": true
},
"dls-color-gray-2": {
"value": "#ebedf5",
"type": "color",
"global": true
},
"dls-color-gray-3": {
"value": "#e2e6f0",
"type": "color",
"global": true
},
"dls-color-gray-4": {
"value": "#d3d9e6",
"type": "color",
"global": true
},
"dls-color-gray-5": {
"value": "#c5ccdb",
"type": "color",
"global": true
},
"dls-color-gray-6": {
"value": "#a8b0bf",
"type": "color",
"global": true
},
"dls-color-gray-7": {
"value": "#848b99",
"type": "color",
"global": true
},
"dls-color-gray-8": {
"value": "#545b66",
"type": "color",
"global": true
},
"dls-color-gray-9": {
"value": "#191b1e",
"type": "color",
"global": true
},
"dls-color-gray-10": {
"value": "#0a0b0d",
"type": "color",
"global": true
},
"dls-color-gray-11": {
"value": "#000",
"type": "color",
"global": true
},
"dls-color-translucent-0": {
"value": "transparent",
"type": "color",
"global": true
},
"dls-color-translucent-1": {
"value": "rgba(109, 159, 247, 0.07)",
"type": "color",
"global": true
},
"dls-color-translucent-2": {
"value": "rgba(108, 156, 240, 0.1)",
"type": "color",
"global": true
},
"dls-color-translucent-3": {
"value": "rgba(102, 146, 222, 0.15)",
"type": "color",
"global": true
},
"dls-color-translucent-4": {
"value": "rgba(96, 134, 199, 0.2)",
"type": "color",
"global": true
},
"dls-color-translucent-5": {
"value": "rgba(90, 119, 168, 0.3)",
"type": "color",
"global": true
},
"dls-color-translucent-6": {
"value": "rgba(83, 101, 138, 0.5)",
"type": "color",
"global": true
},
"dls-color-translucent-7": {
"value": "rgba(73, 86, 107, 0.8)",
"type": "color",
"global": true
},
"dls-color-translucent-8": {
"value": "rgba(46, 52, 64, 0.9)",
"type": "color",
"global": true
},
"dls-color-translucent-9": {
"value": "rgba(13, 15, 18, 0.95)",
"type": "color",
"global": true
},
"dls-color-translucent-10": {
"value": "rgba(4, 4, 5, 0.95)",
"type": "color",
"global": true
},
"dls-color-translucent-11": {
"value": "#000",
"type": "color",
"global": true
},
"dls-font-family": {
"value": "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei\", sans-serif",
"type": "font",
"global": true
},
"dls-font-family-number": {
"value": "\"Baidu Number\", sans-serif",
"type": "font",
"global": true
},
"dls-font-size-0": {
"value": "12px",
"type": "length",
"global": true
},
"dls-font-size-1": {
"value": "14px",
"type": "length",
"global": true
},
"dls-font-size-2": {
"value": "16px",
"type": "length",
"global": true
},
"dls-font-size-3": {
"value": "18px",
"type": "length",
"global": true
},
"dls-font-size-4": {
"value": "20px",
"type": "length",
"global": true
},
"dls-font-size-5": {
"value": "24px",
"type": "length",
"global": true
},
"dls-font-size-6": {
"value": "32px",
"type": "length",
"global": true
},
"dls-font-weight-1": {
"value": "400",
"type": "numeric",
"global": true
},
"dls-font-weight-2": {
"value": "500",
"type": "numeric",
"global": true
},
"dls-font-weight-3": {
"value": "600",
"type": "numeric",
"global": true
},
"dls-line-height-1": {
"value": "1.4",
"type": "length",
"global": true
},
"dls-line-height-2": {
"value": "1.6",
"type": "length",
"global": true
},
"dls-line-height-3": {
"value": "1.8",
"type": "length",
"global": true
},
"dls-spacing-unit": {
"value": "4px",
"type": "length",
"global": true
},
"dls-padding-unit": {
"value": "4px",
"type": "length",
"global": true
},
"dls-height-unit": {
"value": "4px",
"type": "length",
"global": true
},
"dls-spacing-1": {
"value": "4px",
"type": "length",
"global": true
},
"dls-spacing-2": {
"value": "8px",
"type": "length",
"global": true
},
"dls-spacing-3": {
"value": "12px",
"type": "length",
"global": true
},
"dls-spacing-4": {
"value": "16px",
"type": "length",
"global": true
},
"dls-spacing-5": {
"value": "24px",
"type": "length",
"global": true
},
"dls-spacing-6": {
"value": "32px",
"type": "length",
"global": true
},
"dls-spacing-7": {
"value": "40px",
"type": "length",
"global": true
},
"dls-height-xs": {
"value": "24px",
"type": "length",
"global": true
},
"dls-height-s": {
"value": "28px",
"type": "length",
"global": true
},
"dls-height-m": {
"value": "32px",
"type": "length",
"global": true
},
"dls-height-l": {
"value": "36px",
"type": "length",
"global": true
},
"dls-height-xl": {
"value": "40px",
"type": "length",
"global": true
},
"dls-foreground-color-reverse": {
"value": "#fff",
"type": "color",
"global": true
},
"dls-foreground-color-primary-reverse": {
"value": "#fff",
"type": "color",
"global": true
},
"dls-foreground-color-primary": {
"value": "#0054e6",
"type": "color",
"global": true
},
"dls-foreground-color-primary-hover": {
"value": "#1a6eff",
"type": "color",
"global": true
},
"dls-foreground-color-primary-active": {
"value": "#0047c4",
"type": "color",
"global": true
},
"dls-foreground-color-primary-disabled": {
"value": "#95bcff",
"type": "color",
"global": true
},
"dls-foreground-color-neutral": {
"value": "rgba(13, 15, 18, 0.95)",
"type": "color",
"global": true
},
"dls-foreground-color-neutral-hover": {
"value": "rgba(46, 52, 64, 0.9)",
"type": "color",
"global": true
},
"dls-foreground-color-neutral-active": {
"value": "#000",
"type": "color",
"global": true
},
"dls-foreground-color-neutral-disabled": {
"value": "rgba(83, 101, 138, 0.5)",
"type": "color",
"global": true
},
"dls-foreground-color-neutral-strong": {
"value": "#000",
"type": "color",
"global": true
},
"dls-foreground-color-neutral-strong-hover": {
"value": "rgba(4, 4, 5, 0.95)",
"type": "color",
"global": true
},
"dls-foreground-color-neutral-strong-active": {
"value": "#000",
"type": "color",
"global": true
},
"dls-foreground-color-neutral-strong-disabled": {
"value": "rgba(83, 101, 138, 0.5)",
"type": "color",
"global": true
},
"dls-foreground-color-neutral-light": {
"value": "rgba(46, 52, 64, 0.9)",
"type": "color",
"global": true
},
"dls-foreground-color-neutral-light-hover": {
"value": "rgba(73, 86, 107, 0.8)",
"type": "color",
"global": true
},
"dls-foreground-color-neutral-light-active": {
"value": "rgba(13, 15, 18, 0.95)",
"type": "color",
"global": true
},
"dls-foreground-color-neutral-light-disabled": {
"value": "rgba(83, 101, 138, 0.5)",
"type": "color",
"global": true
},
"dls-foreground-color-neutral-weak": {
"value": "rgba(73, 86, 107, 0.8)",
"type": "color",
"global": true
},
"dls-foreground-color-neutral-weak-hover": {
"value": "rgba(46, 52, 64, 0.9)",
"type": "color",
"global": true
},
"dls-foreground-color-neutral-weak-active": {
"value": "rgba(13, 15, 18, 0.95)",
"type": "color",
"global": true
},
"dls-foreground-color-neutral-weak-disabled": {
"value": "rgba(90, 119, 168, 0.3)",
"type": "color",
"global": true
},
"dls-foreground-color-neutral-dim": {
"value": "rgba(83, 101, 138, 0.5)",
"type": "color",
"global": true
},
"dls-foreground-color-neutral-dim-hover": {
"value": "rgba(73, 86, 107, 0.8)",
"type": "color",
"global": true
},
"dls-foreground-color-neutral-dim-active": {
"value": "rgba(46, 52, 64, 0.9)",
"type": "color",
"global": true
},
"dls-foreground-color-neutral-dim-disabled": {
"value": "rgba(102, 146, 222, 0.15)",
"type": "color",
"global": true
},
"dls-foreground-color-neutral-subtle": {
"value": "rgba(90, 119, 168, 0.3)",
"type": "color",
"global": true
},
"dls-foreground-color-neutral-subtle-hover": {
"value": "rgba(83, 101, 138, 0.5)",
"type": "color",
"global": true
},
"dls-foreground-color-neutral-subtle-active": {
"value": "rgba(73, 86, 107, 0.8)",
"type": "color",
"global": true
},
"dls-foreground-color-neutral-subtle-disabled": {
"value": "rgba(102, 146, 222, 0.15)",
"type": "color",
"global": true
},
"dls-foreground-color-neutral-highlightable": {
"value": "rgba(13, 15, 18, 0.95)",
"type": "color",
"global": true
},
"dls-foreground-color-neutral-highlightable-hover": {
"value": "#1a6eff",
"type": "color",
"global": true
},
"dls-foreground-color-neutral-highlightable-active": {
"value": "#0047c4",
"type": "color",
"global": true
},
"dls-foreground-color-neutral-highlightable-disabled": {
"value": "rgba(83, 101, 138, 0.5)",
"type": "color",
"global": true
},
"dls-foreground-color-info-primary": {
"value": "#0054e6",
"type": "color",
"global": true
},
"dls-foreground-color-info-primary-disabled": {
"value": "#95bcff",
"type": "color",
"global": true
},
"dls-foreground-color-success-primary": {
"value": "#009940",
"type": "color",
"global": true
},
"dls-foreground-color-success-primary-disabled": {
"value": "#8bffbb",
"type": "color",
"global": true
},
"dls-foreground-color-warning-primary": {
"value": "#ff9448",
"type": "color",
"global": true
},
"dls-foreground-color-warning-primary-disabled": {
"value": "#ffcca8",
"type": "color",
"global": true
},
"dls-foreground-color-error-primary": {
"value": "#d9150b",
"type": "color",
"global": true
},
"dls-foreground-color-error-primary-disabled": {
"value": "#ff9d98",
"type": "color",
"global": true
},
"dls-foreground-color-highlighted": {
"value": "#f27318",
"type": "color",
"global": true
},
"dls-background-color-base-1": {
"value": "#fff",
"type": "color",
"global": true
},
"dls-background-color-base-1-hover": {
"value": "#f6f7fa",
"type": "color",
"global": true
},
"dls-background-color-base-1-active": {
"value": "#e2e6f0",
"type": "color",
"global": true
},
"dls-background-color-base-1-disabled": {
"value": "#fff",
"type": "color",
"global": true
},
"dls-background-color-base-2": {
"value": "#f6f7fa",
"type": "color",
"global": true
},
"dls-background-color-base-2-hover": {
"value": "#ebedf5",
"type": "color",
"global": true
},
"dls-background-color-base-2-active": {
"value": "#e2e6f0",
"type": "color",
"global": true
},
"dls-background-color-base-2-disabled": {
"value": "#f6f7fa",
"type": "color",
"global": true
},
"dls-background-color-base-3": {
"value": "#ebedf5",
"type": "color",
"global": true
},
"dls-background-color-base-3-hover": {
"value": "#e2e6f0",
"type": "color",
"global": true
},
"dls-background-color-base-3-active": {
"value": "#d3d9e6",
"type": "color",
"global": true
},
"dls-background-color-base-3-disabled": {
"value": "#f6f7fa",
"type": "color",
"global": true
},
"dls-background-color-primary": {
"value": "#0054e6",
"type": "color",
"global": true
},
"dls-background-color-primary-hover": {
"value": "#1a6eff",
"type": "color",
"global": true
},
"dls-background-color-primary-active": {
"value": "#0047c4",
"type": "color",
"global": true
},
"dls-background-color-primary-disabled": {
"value": "#dce9ff",
"type": "color",
"global": true
},
"dls-border-color-primary": {
"value": "transparent",
"type": "color",
"global": true
},
"dls-border-color-primary-disabled": {
"value": "transparent",
"type": "color",
"global": true
},
"dls-background-color-info-primary": {
"value": "#0054e6",
"type": "color",
"global": true
},
"dls-background-color-info-primary-hover": {
"value": "#1a6eff",
"type": "color",
"global": true
},
"dls-background-color-info-primary-active": {
"value": "#0047c4",
"type": "color",
"global": true
},
"dls-background-color-info-primary-disabled": {
"value": "#dce9ff",
"type": "color",
"global": true
},
"dls-border-color-info-primary": {
"value": "transparent",
"type": "color",
"global": true
},
"dls-border-color-info-primary-disabled": {
"value": "transparent",
"type": "color",
"global": true
},
"dls-background-color-success-primary": {
"value": "#009940",
"type": "color",
"global": true
},
"dls-background-color-success-primary-hover": {
"value": "#00cc55",
"type": "color",
"global": true
},
"dls-background-color-success-primary-active": {
"value": "#008236",
"type": "color",
"global": true
},
"dls-background-color-success-primary-disabled": {
"value": "#daffe9",
"type": "color",
"global": true
},
"dls-border-color-success-primary": {
"value": "transparent",
"type": "color",
"global": true
},
"dls-border-color-success-primary-disabled": {
"value": "transparent",
"type": "color",
"global": true
},
"dls-background-color-warning-primary": {
"value": "#ff9448",
"type": "color",
"global": true
},
"dls-background-color-warning-primary-hover": {
"value": "#ffb37d",
"type": "color",
"global": true
},
"dls-background-color-warning-primary-active": {
"value": "#f27318",
"type": "color",
"global": true
},
"dls-background-color-warning-primary-disabled": {
"value": "#ffecdf",
"type": "color",
"global": true
},
"dls-border-color-warning-primary": {
"value": "transparent",
"type": "color",
"global": true
},
"dls-border-color-warning-primary-disabled": {
"value": "transparent",
"type": "color",
"global": true
},
"dls-background-color-error-primary": {
"value": "#d9150b",
"type": "color",
"global": true
},
"dls-background-color-error-primary-hover": {
"value": "#ff2b20",
"type": "color",
"global": true
},
"dls-background-color-error-primary-active": {
"value": "#b80900",
"type": "color",
"global": true
},
"dls-background-color-error-primary-disabled": {
"value": "#ffdedc",
"type": "color",
"global": true
},
"dls-border-color-error-primary": {
"value": "transparent",
"type": "color",
"global": true
},
"dls-border-color-error-primary-disabled": {
"value": "transparent",
"type": "color",
"global": true
},
"dls-background-color-neutral-primary": {
"value": "#a8b0bf",
"type": "color",
"global": true
},
"dls-background-color-neutral-primary-hover": {
"value": "#848b99",
"type": "color",
"global": true
},
"dls-background-color-neutral-primary-active": {
"value": "#545b66",
"type": "color",
"global": true
},
"dls-background-color-neutral-primary-disabled": {
"value": "#e2e6f0",
"type": "color",
"global": true
},
"dls-border-color-neutral-primary": {
"value": "transparent",
"type": "color",
"global": true
},
"dls-border-color-neutral-primary-disabled": {
"value": "transparent",
"type": "color",
"global": true
},
"dls-background-color-info": {
"value": "#ebf2ff",
"type": "color",
"global": true
},
"dls-background-color-info-hover": {
"value": "#dce9ff",
"type": "color",
"global": true
},
"dls-background-color-info-active": {
"value": "#bfd7ff",
"type": "color",
"global": true
},
"dls-background-color-info-disabled": {
"value": "#ebf2ff",
"type": "color",
"global": true
},
"dls-border-color-info": {
"value": "#95bcff",
"type": "color",
"global": true
},
"dls-border-color-info-disabled": {
"value": "#bfd7ff",
"type": "color",
"global": true
},
"dls-background-color-success": {
"value": "#ebfff3",
"type": "color",
"global": true
},
"dls-background-color-success-hover": {
"value": "#daffe9",
"type": "color",
"global": true
},
"dls-background-color-success-active": {
"value": "#baffd7",
"type": "color",
"global": true
},
"dls-background-color-success-disabled": {
"value": "#ebfff3",
"type": "color",
"global": true
},
"dls-border-color-success": {
"value": "#8bffbb",
"type": "color",
"global": true
},
"dls-border-color-success-disabled": {
"value": "#baffd7",
"type": "color",
"global": true
},
"dls-background-color-warning": {
"value": "#fff3eb",
"type": "color",
"global": true
},
"dls-background-color-warning-hover": {
"value": "#ffecdf",
"type": "color",
"global": true
},
"dls-background-color-warning-active": {
"value": "#ffdfc9",
"type": "color",
"global": true
},
"dls-background-color-warning-disabled": {
"value": "#fff3eb",
"type": "color",
"global": true
},
"dls-border-color-warning": {
"value": "#ffcca8",
"type": "color",
"global": true
},
"dls-border-color-warning-disabled": {
"value": "#ffdfc9",
"type": "color",
"global": true
},
"dls-background-color-error": {
"value": "#ffeceb",
"type": "color",
"global": true
},
"dls-background-color-error-hover": {
"value": "#ffdedc",
"type": "color",
"global": true
},
"dls-background-color-error-active": {
"value": "#ffc4c0",
"type": "color",
"global": true
},
"dls-background-color-error-disabled": {
"value": "#ffeceb",
"type": "color",
"global": true
},
"dls-border-color-error": {
"value": "#ff9d98",
"type": "color",
"global": true
},
"dls-border-color-error-disabled": {
"value": "#ffc4c0",
"type": "color",
"global": true
},
"dls-background-color-neutral": {
"value": "#ebedf5",
"type": "color",
"global": true
},
"dls-background-color-neutral-hover": {
"value": "#e2e6f0",
"type": "color",
"global": true
},
"dls-background-color-neutral-active": {
"value": "#d3d9e6",
"type": "color",
"global": true
},
"dls-background-color-neutral-disabled": {
"value": "#f6f7fa",
"type": "color",
"global": true
},
"dls-border-color-neutral": {
"value": "#c5ccdb",
"type": "color",
"global": true
},
"dls-border-color-neutral-disabled": {
"value": "#e2e6f0",
"type": "color",
"global": true
},
"dls-background-color-current": {
"value": "#ebf2ff",
"type": "color",
"global": true
},
"dls-background-color-current-hover": {
"value": "#dce9ff",
"type": "color",
"global": true
},
"dls-background-color-current-active": {
"value": "#bfd7ff",
"type": "color",
"global": true
},
"dls-background-color-current-disabled": {
"value": "#ebf2ff",
"type": "color",
"global": true
},
"dls-border-color-current": {
"value": "#0054e6",
"type": "color",
"global": true
},
"dls-border-color-current-disabled": {
"value": "#bfd7ff",
"type": "color",
"global": true
},
"dls-background-color-strong": {
"value": "#fff",
"type": "color",
"global": true
},
"dls-background-color-strong-hover": {
"value": "#ebf2ff",
"type": "color",
"global": true
},
"dls-background-color-strong-active": {
"value": "#dce9ff",
"type": "color",
"global": true
},
"dls-background-color-strong-disabled": {
"value": "#ebf2ff",
"type": "color",
"global": true
},
"dls-border-color-strong": {
"value": "#0054e6",
"type": "color",
"global": true
},
"dls-border-color-strong-disabled": {
"value": "#bfd7ff",
"type": "color",
"global": true
},
"dls-background-color-error-strong": {
"value": "#fff",
"type": "color",
"global": true
},
"dls-background-color-error-strong-hover": {
"value": "#ffeceb",
"type": "color",
"global": true
},
"dls-background-color-error-strong-active": {
"value": "#ffdedc",
"type": "color",
"global": true
},
"dls-background-color-error-strong-disabled": {
"value": "#ffeceb",
"type": "color",
"global": true
},
"dls-border-color-error-strong": {
"value": "#d9150b",
"type": "color",
"global": true
},
"dls-border-color-error-strong-disabled": {
"value": "#ffc4c0",
"type": "color",
"global": true
},
"dls-background-color-fillable": {
"value": "#fff",
"type": "color",
"global": true
},
"dls-background-color-fillable-hover": {
"value": "#ebedf5",
"type": "color",
"global": true
},
"dls-background-color-fillable-active": {
"value": "#d3d9e6",
"type": "color",
"global": true
},
"dls-background-color-fillable-disabled": {
"value": "#f6f7fa",
"type": "color",
"global": true
},
"dls-border-color-fillable": {
"value": "#d3d9e6",
"type": "color",
"global": true
},
"dls-border-color-fillable-hover": {
"value": "#a8b0bf",
"type": "color",
"global": true
},
"dls-border-color-fillable-active": {
"value": "#a8b0bf",
"type": "color",
"global": true
},
"dls-border-color-fillable-disabled": {
"value": "#e2e6f0",
"type": "color",
"global": true
},
"dls-background-color-pressable": {
"value": "#fff",
"type": "color",
"global": true
},
"dls-background-color-pressable-hover": {
"value": "#f6f7fa",
"type": "color",
"global": true
},
"dls-background-color-pressable-active": {
"value": "#e2e6f0",
"type": "color",
"global": true
},
"dls-background-color-pressable-disabled": {
"value": "#f6f7fa",
"type": "color",
"global": true
},
"dls-border-color-pressable": {
"value": "#e2e6f0",
"type": "color",
"global": true
},
"dls-border-color-pressable-hover": {
"value": "#d3d9e6",
"type": "color",
"global": true
},
"dls-border-color-pressable-active": {
"value": "#d3d9e6",
"type": "color",
"global": true
},
"dls-border-color-pressable-disabled": {
"value": "#e2e6f0",
"type": "color",
"global": true
},
"dls-background-color-translucent": {
"value": "rgba(0, 0, 0, 0.6)",
"type": "color",
"global": true
},
"dls-background-color-translucent-hover": {
"value": "rgba(0, 0, 0, 0.5)",
"type": "color",
"global": true
},
"dls-background-color-translucent-active": {
"value": "rgba(0, 0, 0, 0.7)",
"type": "color",
"global": true
},
"dls-background-color-translucent-disabled": {
"value": "rgba(0, 0, 0, 0.2)",
"type": "color",
"global": true
},
"dls-border-color-translucent": {
"value": "transparent",
"type": "color",
"global": true
},
"dls-border-color-translucent-disabled": {
"value": "transparent",
"type": "color",
"global": true
},
"dls-background-color-translucent-reverse": {
"value": "transparent",
"type": "color",
"global": true
},
"dls-background-color-translucent-reverse-hover": {
"value": "rgba(255, 255, 255, 0.15)",
"type": "color",
"global": true
},
"dls-background-color-translucent-reverse-active": {
"value": "rgba(255, 255, 255, 0.25)",
"type": "color",
"global": true
},
"dls-background-color-translucent-reverse-disabled": {
"value": "transparent",
"type": "color",
"global": true
},
"dls-border-color-translucent-reverse": {
"value": "transparent",
"type": "color",
"global": true
},
"dls-border-color-translucent-reverse-disabled": {
"value": "transparent",
"type": "color",
"global": true
},
"dls-background-color-modal": {
"value": "rgba(0, 0, 0, 0.6)",
"type": "color",
"global": true
},
"dls-line-color-0": {
"value": "#ebedf5",
"type": "color",
"global": true
},
"dls-line-color-1": {
"value": "#e2e6f0",
"type": "color",
"global": true
},
"dls-line-color-2": {
"value": "#d3d9e6",
"type": "color",
"global": true
},
"dls-border-radius-0": {
"value": "2px",
"type": "length",
"global": true
},
"dls-border-radius-1": {
"value": "4px",
"type": "length",
"global": true
},
"dls-border-radius-2": {
"value": "6px",
"type": "length",
"global": true
},
"dls-border-radius-3": {
"value": "10px",
"type": "length",
"global": true
},
"dls-border-radius-4": {
"value": "16px",
"type": "length",
"global": true
},
"dls-shadow-color": {
"value": "#000",
"type": "color",
"global": true
},
"dls-shadow-1": {
"value": "0 4px 10px rgba(0, 0, 0, 0.03), 0 3px 9px rgba(0, 0, 0, 0.02), 0 2px 8px rgba(0, 0, 0, 0.01)",
"type": "complex",
"global": true
},
"dls-shadow-2": {
"value": "0 6px 28px 2px rgba(0, 0, 0, 0.04), 0 4px 26px 2px rgba(0, 0, 0, 0.03), 0 2px 24px 1px rgba(0, 0, 0, 0.02)",
"type": "complex",
"global": true
},
"dls-shadow-3": {
"value": "0 6px 32px 2px rgba(0, 0, 0, 0.06), 0 5px 30px 1px rgba(0, 0, 0, 0.05), 0 4px 28px 1px rgba(0, 0, 0, 0.04)",
"type": "complex",
"global": true
},
"dls-shadow-4": {
"value": "0 1px 8px rgba(0, 0, 0, 0.06), 0 7px 14px 2px rgba(0, 0, 0, 0.05), 0 8px 16px 4px rgba(0, 0, 0, 0.04)",
"type": "complex",
"global": true
},
"dls-shadow-color-light": {
"value": "#000",
"type": "color",
"global": true
},
"dls-shadow-light-1": {
"value": "0 4px 10px rgba(0, 0, 0, 0.03), 0 3px 9px rgba(0, 0, 0, 0.02), 0 2px 8px rgba(0, 0, 0, 0.01)",
"type": "complex",
"global": true
},
"dls-shadow-light-2": {
"value": "0 6px 28px 2px rgba(0, 0, 0, 0.04), 0 4px 26px 2px rgba(0, 0, 0, 0.03), 0 2px 24px 1px rgba(0, 0, 0, 0.02)",
"type": "complex",
"global": true
},
"dls-shadow-light-3": {
"value": "0 6px 32px 2px rgba(0, 0, 0, 0.06), 0 5px 30px 1px rgba(0, 0, 0, 0.05), 0 4px 28px 1px rgba(0, 0, 0, 0.04)",
"type": "complex",
"global": true
},
"dls-shadow-opacity-focus": {
"value": "0.2",
"type": "complex",
"global": true
},
"dls-shadow-spread-focus": {
"value": "2px",
"type": "complex",
"global": true
},
"dls-shadow-color-focus": {
"value": "#1a6eff",
"type": "color",
"global": true
},
"dls-shadow-color-error-focus": {
"value": "#ff2b20",
"type": "color",
"global": true
},
"dls-shadow-focus": {
"value": "0 0 0 2px rgba(26, 110, 255, 0.2)",
"type": "complex",
"global": true
},
"dls-shadow-error-focus": {
"value": "0 0 0 2px rgba(255, 43, 32, 0.2)",
"type": "complex",
"global": true
},
"dls-background-color-focus": {
"value": "#dce9ff",
"type": "color",
"global": true
},
"dls-border-color-focus": {
"value": "#0054e6",
"type": "color",
"global": true
},
"dls-border-color-error-focus": {
"value": "#d9150b",
"type": "color",
"global": true
},
"dls-icon-size-normal": {
"value": "calc(1em + 2px)",
"type": "length",
"global": true
},
"dls-icon-size-minor": {
"value": "calc(1em + 2px)",
"type": "length",
"global": true
},
"dls-icon-size-aux": {
"value": "calc(1em + 2px)",
"type": "length",
"global": true
},
"dls-icon-color-aux": {
"value": "rgba(73, 86, 107, 0.8)",
"type": "color",
"global": true
},
"dls-icon-color-aux-disabled": {
"value": "rgba(83, 101, 138, 0.5)",
"type": "color",
"global": true
},
"dls-transition-duration-instant": {
"value": "100ms",
"type": "length",
"global": true
},
"dls-transition-duration-fast": {
"value": "200ms",
"type": "length",
"global": true
},
"dls-transition-duration-normal": {
"value": "300ms",
"type": "length",
"global": true
},
"dls-transition-duration-slow": {
"value": "400ms",
"type": "length",
"global": true
},
"dls-transition-timing-function-ease": {
"value": "ease",
"type": "unknown",
"global": true
},
"dls-transition-timing-function-ease-in": {
"value": "ease-in",
"type": "unknown",
"global": true
},
"dls-transition-timing-function-ease-out": {
"value": "ease-out",
"type": "unknown",
"global": true
},
"dls-transition-timing-function-linear": {
"value": "linear",
"type": "unknown",
"global": true
},
"dls-button-font-size-xs": {
"value": "12px",
"type": "length",
"global": false
},
"dls-button-font-size-s": {
"value": "12px",
"type": "length",
"global": false
},
"dls-button-font-size-m": {
"value": "14px",
"type": "length",
"global": false
},
"dls-button-font-size-l": {
"value": "16px",
"type": "length",
"global": false
},
"dls-button-font-size-xl": {
"value": "16px",
"type": "length",
"global": false
},
"dls-button-height-xs": {
"value": "24px",
"type": "length",
"global": false
},
"dls-button-height-s": {
"value": "28px",
"type": "length",
"global": false
},
"dls-button-height-m": {
"value": "32px",
"type": "length",
"global": false
},
"dls-button-height-l": {
"value": "36px",
"type": "length",
"global": false
},
"dls-button-height-xl": {
"value": "40px",
"type": "length",
"global": false
},
"dls-button-padding-xs": {
"value": "8px",
"type": "length",
"global": false
},
"dls-button-padding-s": {
"value": "12px",
"type": "length",
"global": false
},
"dls-button-padding-m": {
"value": "16px",
"type": "length",
"global": false
},
"dls-button-padding-l": {
"value": "20px",
"type": "length",
"global": false
},
"dls-button-padding-xl": {
"value": "20px",
"type": "length",
"global": false
},
"dls-button-border-radius-xs": {
"value": "4px",
"type": "length",
"global": false
},
"dls-button-border-radius-s": {
"value": "4px",
"type": "length",
"global": false
},
"dls-button-border-radius-m": {
"value": "4px",
"type": "length",
"global": false
},
"dls-button-border-radius-l": {
"value": "4px",
"type": "length",
"global": false
},
"dls-button-border-radius-xl": {
"value": "4px",
"type": "length",
"global": false
},
"dls-button-content-spacing": {
"value": "4px",
"type": "length",
"global": false
},
"dls-button-font-color-normal": {
"value": "rgba(13, 15, 18, 0.95)",
"type": "color",
"global": false
},
"dls-button-font-color-normal-disabled": {
"value": "rgba(83, 101, 138, 0.5)",
"type": "color",
"global": false
},
"dls-button-border-color-normal": {
"value": "transparent",
"type": "color",
"global": false
},
"dls-button-border-color-normal-hover": {
"value": "transparent",
"type": "color",
"global": false
},
"dls-button-border-color-normal-active": {
"value": "transparent",
"type": "color",
"global": false
},
"dls-button-border-color-normal-disabled": {
"value": "transparent",
"type": "color",
"global": false
},
"dls-button-background-color-normal": {
"value": "#ebedf5",
"type": "color",
"global": false
},
"dls-button-background-color-normal-hover": {
"value": "#e2e6f0",
"type": "color",
"global": false
},
"dls-button-background-color-normal-focus": {
"value": "#e2e6f0",
"type": "color",
"global": false
},
"dls-button-background-color-normal-active": {
"value": "#d3d9e6",
"type": "color",
"global": false
},
"dls-button-background-color-normal-disabled": {
"value": "#f6f7fa",
"type": "color",
"global": false
},
"dls-button-font-color-basic": {
"value": "rgba(13, 15, 18, 0.95)",
"type": "color",
"global": false
},
"dls-button-font-color-basic-disabled": {
"value": "rgba(83, 101, 138, 0.5)",
"type": "color",
"global": false
},
"dls-button-border-color-basic": {
"value": "#e2e6f0",
"type": "color",
"global": false
},
"dls-button-border-color-basic-hover": {
"value": "#d3d9e6",
"type": "color",
"global": false
},
"dls-button-border-color-basic-active": {
"value": "#d3d9e6",
"type": "color",
"global": false
},
"dls-button-border-color-basic-disabled": {
"value": "#e2e6f0",
"type": "color",
"global": false
},
"dls-button-background-color-basic": {
"value": "#fff",
"type": "color",
"global": false
},
"dls-button-background-color-basic-hover": {
"value": "#f6f7fa",
"type": "color",
"global": false
},
"dls-button-background-color-basic-focus": {
"value": "#f6f7fa",
"type": "color",
"global": false
},
"dls-button-background-color-basic-active": {
"value": "#e2e6f0",
"type": "color",
"global": false
},
"dls-button-background-color-basic-disabled": {
"value": "#f6f7fa",
"type": "color",
"global": false
},
"dls-button-font-color-strong": {
"value": "#0054e6",
"type": "color",
"global": false
},
"dls-button-font-color-strong-disabled": {
"value": "#95bcff",
"type": "color",
"global": false
},
"dls-button-border-color-strong": {
"value": "#0054e6",
"type": "color",
"global": false
},
"dls-button-border-color-strong-hover": {
"value": "#0054e6",
"type": "color",
"global": false
},
"dls-button-border-color-strong-active": {
"value": "#0054e6",
"type": "color",
"global": false
},
"dls-button-border-color-strong-disabled": {
"value": "#bfd7ff",
"type": "color",
"global": false
},
"dls-button-background-color-strong": {
"value": "#fff",
"type": "color",
"global": false
},
"dls-button-background-color-strong-hover": {
"value": "#ebf2ff",
"type": "color",
"global": false
},
"dls-button-background-color-strong-focus": {
"value": "#ebf2ff",
"type": "color",
"global": false
},
"dls-button-background-color-strong-active": {
"value": "#dce9ff",
"type": "color",
"global": false
},
"dls-button-background-color-strong-disabled": {
"value": "#ebf2ff",
"type": "color",
"global": false
},
"dls-button-font-color-primary": {
"value": "#fff",
"type": "color",
"global": false
},
"dls-button-font-color-primary-disabled": {
"value": "#fff",
"type": "color",
"global": false
},
"dls-button-border-color-primary": {
"value": "transparent",
"type": "color",
"global": false
},
"dls-button-border-color-primary-hover": {
"value": "transparent",
"type": "color",
"global": false
},
"dls-button-border-color-primary-active": {
"value": "transparent",
"type": "color",
"global": false
},
"dls-button-border-color-primary-disabled": {
"value": "transparent",
"type": "color",
"global": false
},
"dls-button-background-color-primary": {
"value": "#0054e6",
"type": "color",
"global": false
},
"dls-button-background-color-primary-hover": {
"value": "#1a6eff",
"type": "color",
"global": false
},
"dls-button-background-color-primary-focus": {
"value": "#1a6eff",
"type": "color",
"global": false
},
"dls-button-background-color-primary-active": {
"value": "#0047c4",
"type": "color",
"global": false
},
"dls-button-background-color-primary-disabled": {
"value": "#dce9ff",
"type": "color",
"global": false
},
"dls-button-font-color-translucent": {
"value": "#fff",
"type": "color",
"global": false
},
"dls-button-font-color-translucent-disabled": {
"value": "rgba(255, 255, 255, 0.6)",
"type": "color",
"global": false
},
"dls-button-border-color-translucent": {
"value": "transparent",
"type": "color",
"global": false
},
"dls-button-border-color-translucent-hover": {
"value": "transparent",
"type": "color",
"global": false
},
"dls-button-border-color-translucent-active": {
"value": "transparent",
"type": "color",
"global": false
},
"dls-button-border-color-translucent-disabled": {
"value": "transparent",
"type": "color",
"global": false
},
"dls-button-background-color-translucent": {
"value": "rgba(0, 0, 0, 0.6)",
"type": "color",
"global": false
},
"dls-button-background-color-translucent-hover": {
"value": "rgba(0, 0, 0, 0.5)",
"type": "color",
"global": false
},
"dls-button-background-color-translucent-focus": {
"value": "rgba(0, 0, 0, 0.5)",
"type": "color",
"global": false
},
"dls-button-background-color-translucent-active": {
"value": "rgba(0, 0, 0, 0.7)",
"type": "color",
"global": false
},
"dls-button-background-color-translucent-disabled": {
"value": "rgba(0, 0, 0, 0.2)",
"type": "color",
"global": false
},
"dls-button-font-color-text": {
"value": "rgba(13, 15, 18, 0.95)",
"type": "color",
"global": false
},
"dls-button-font-color-text-hover": {
"value": "rgba(46, 52, 64, 0.9)",
"type": "color",
"global": false
},
"dls-button-font-color-text-focus": {
"value": "rgba(13, 15, 18, 0.95)",
"type": "color",
"global": false
},
"dls-button-font-color-text-active": {
"value": "#000",
"type": "color",
"global": false
},
"dls-button-font-color-text-disabled": {
"value": "rgba(83, 101, 138, 0.5)",
"type": "color",
"global": false
},
"dls-button-font-color-text-strong": {
"value": "#0054e6",
"type": "color",
"global": false
},
"dls-button-font-color-text-strong-hover": {
"value": "#1a6eff",
"type": "color",
"global": false
},
"dls-button-font-color-text-strong-focus": {
"value": "#0054e6",
"type": "color",
"global": false
},
"dls-button-font-color-text-strong-active": {
"value": "#0047c4",
"type": "color",
"global": false
},
"dls-button-font-color-text-strong-disabled": {
"value": "#95bcff",
"type": "color",
"global": false
},
"dls-button-font-color-text-aux": {
"value": "rgba(73, 86, 107, 0.8)",
"type": "color",
"global": false
},
"dls-button-font-color-text-aux-hover": {
"value": "rgba(46, 52, 64, 0.9)",
"type": "color",
"global": false
},
"dls-button-font-color-text-aux-focus": {
"value": "rgba(73, 86, 107, 0.8)",
"type": "color",
"global": false
},
"dls-button-font-color-text-aux-active": {
"value": "rgba(13, 15, 18, 0.95)",
"type": "color",
"global": false
},
"dls-button-font-color-text-aux-disabled": {
"value": "rgba(90, 119, 168, 0.3)",
"type": "color",
"global": false
},
"dls-button-font-color-text-subtle": {
"value": "rgba(90, 119, 168, 0.3)",
"type": "color",
"global": false
},
"dls-button-font-color-text-subtle-hover": {
"value": "rgba(83, 101, 138, 0.5)",
"type": "color",
"global": false
},
"dls-button-font-color-text-subtle-focus": {
"value": "rgba(90, 119, 168, 0.3)",
"type": "color",
"global": false
},
"dls-button-font-color-text-subtle-active": {
"value": "rgba(73, 86, 107, 0.8)",
"type": "color",
"global": false
},
"dls-button-font-color-text-subtle-disabled": {
"value": "rgba(102, 146, 222, 0.15)",
"type": "color",
"global": false
},
"dls-button-background-color-text": {
"value": "transparent",
"type": "color",
"global": false
},
"dls-button-background-color-text-hover": {
"value": "transparent",
"type": "color",
"global": false
},
"dls-button-background-color-text-focus": {
"value": "transparent",
"type": "color",
"global": false
},
"dls-button-background-color-text-active": {
"value": "transparent",
"type": "color",
"global": false
},
"dls-button-background-color-text-disabled": {
"value": "transparent",
"type": "color",
"global": false
},
"dls-button-padding-text": {
"value": "2px",
"type": "length",
"global": false
},
"dls-button-font-color-ghost": {
"value": "rgba(13, 15, 18, 0.95)",
"type": "color",
"global": false
},
"dls-button-font-color-ghost-disabled": {
"value": "rgba(83, 101, 138, 0.5)",
"type": "color",
"global": false
},
"dls-button-border-color-ghost": {
"value": "transparent",
"type": "color",
"global": false
},
"dls-button-border-color-ghost-disabled": {
"value": "transparent",
"type": "color",
"global": false
},
"dls-button-background-color-ghost": {
"value": "transparent",
"type": "color",
"global": false
},
"dls-button-background-color-ghost-hover": {
"value": "#f6f7fa",
"type": "color",
"global": false
},
"dls-button-background-color-ghost-focus": {
"value": "#f6f7fa",
"type": "color",
"global": false
},
"dls-button-background-color-ghost-active": {
"value": "#e2e6f0",
"type": "color",
"global": false
},
"dls-button-background-color-ghost-disabled": {
"value": "transparent",
"type": "color",
"global": false
},
"dls-button-font-color-ghost-strong": {
"value": "#0054e6",
"type": "color",
"global": false
},
"dls-button-font-color-ghost-strong-disabled": {
"value": "#95bcff",
"type": "color",
"global": false
},
"dls-button-border-color-ghost-strong": {
"value": "transparent",
"type": "color",
"global": false
},
"dls-button-border-color-ghost-strong-disabled": {
"value": "transparent",
"type": "color",
"global": false
},
"dls-button-background-color-ghost-strong": {
"value": "transparent",
"type": "color",
"global": false
},
"dls-button-background-color-ghost-strong-hover": {
"value": "#ebf2ff",
"type": "color",
"global": false
},
"dls-button-background-color-ghost-strong-focus": {
"value": "#ebf2ff",
"type": "color",
"global": false
},
"dls-button-background-color-ghost-strong-active": {
"value": "#dce9ff",
"type": "color",
"global": false
},
"dls-button-background-color-ghost-strong-disabled": {
"value": "transparent",
"type": "color",
"global": false
},
"dls-button-font-color-ghost-aux": {
"value": "rgba(73, 86, 107, 0.8)",
"type": "color",
"global": false
},
"dls-button-font-color-ghost-aux-disabled": {
"value": "rgba(90, 119, 168, 0.3)",
"type": "color",
"global": false
},
"dls-button-border-color-ghost-aux": {
"value": "transparent",
"type": "color",
"global": false
},
"dls-button-border-color-ghost-aux-disabled": {
"value": "transparent",
"type": "color",
"global": false
},
"dls-button-background-color-ghost-aux": {
"value": "transparent",
"type": "color