@openedx/paragon 22.0.0-alpha.24 → 22.0.0

package/tokens/src/themes/light/components/Button/warning.json

@@ -1,276 +0,0 @@
-{
-  "color": {
-    "btn": {
-      "text": {
-        "warning": {
-          "value": "{color.btn.bg.warning}",
-          "type": "color",
-          "source": "$btn-warning-color",
-          "modify": [{ "type": "color-yiq" }]
-        },
-        "outline-warning": {
-          "value": "{color.warning.base}", "type": "color", "source": "$btn-warning-outline-color"
-        },
-        "inverse-warning": {
-          "value": "{color.warning.base}", "type": "color", "source": "$btn-warning-inverse-color"
-        },
-        "inverse-outline-warning": {
-          "value": "{color.white}", "type": "color", "source": "$btn-warning-inverse-outline-color"
-        }
-      },
-      "bg": {
-        "warning": { "value": "{color.warning.base}", "type": "color", "source": "$btn-warning-bg" },
-        "outline-warning": { "value": "inherit", "type": "color", "source": "$btn-warning-outline-bg" },
-        "inverse-warning": {
-          "value": "{color.btn.text.inverse-warning}",
-          "type": "color",
-          "source": "$btn-warning-inverse-bg",
-          "modify": [{ "type": "color-yiq" }]
-        },
-        "inverse-outline-warning": { "value": "inherit", "type": "color", "source": "$btn-warning-inverse-outline-bg" }
-      },
-      "border": {
-        "warning": { "value": "{color.btn.bg.warning}", "type": "color", "source": "$btn-warning-border-color" },
-        "outline-warning": {
-          "value": "{color.warning.base}", "type": "color", "source": "$btn-warning-outline-border-color"
-        },
-        "inverse-warning": { "value": "transparent", "type": "color", "source": "$btn-warning-inverse-border-color" },
-        "inverse-outline-warning": {
-          "value": "{color.white}", "type": "color", "source": "$btn-warning-inverse-outline-border-color"
-        }
-      },
-      "hover": {
-        "text": {
-          "warning": {
-            "value": "{color.btn.hover.bg.warning}",
-            "type": "color",
-            "source": "$btn-warning-hover-color",
-            "modify": [{ "type": "color-yiq" }]
-          },
-          "outline-warning": {
-            "value": "{color.theme.hover.warning}", "type": "color", "source": "$btn-warning-outline-hover-color"
-          },
-          "inverse-warning": {
-            "value": "{color.btn.text.inverse-warning}",
-            "type": "color",
-            "source": "$btn-warning-inverse-hover-color",
-            "modify": [{ "type": "darken", "amount": 0.075 }]
-          },
-          "inverse-outline-warning": {
-            "value": "{color.theme.hover.warning}",
-            "type": "color",
-            "source": "$btn-warning-inverse-outline-hover-color"
-          }
-        },
-        "bg": {
-          "warning": {
-            "value": "{color.theme.hover.warning}", "type": "color", "source": "$btn-warning-hover-bg"
-          },
-          "outline-warning": {
-            "value": "{color.warning.100}", "type": "color", "source": "$btn-warning-outline-hover-bg"
-          },
-          "inverse-warning": {
-            "value": "{color.btn.bg.inverse-warning}",
-            "type": "color",
-            "source": "$btn-warning-inverse-hover-bg",
-            "modify": [{ "type": "darken", "amount": 0.075 }]
-          },
-          "inverse-outline-warning": {
-            "value": "{color.warning.100}", "type": "color", "source": "$btn-warning-inverse-outline-hover-bg"
-          }
-        },
-        "border": {
-          "warning": {
-            "value": "{color.theme.hover.warning}", "type": "color", "source": "$btn-warning-hover-border-color"
-          },
-          "outline-warning": {
-            "value": "{color.warning.900}", "type": "color", "source": "$btn-warning-outline-hover-border-color"
-          },
-          "inverse-warning": { "value": "transparent", "type": "color", "source": "$btn-warning-inverse-hover-border-color" },
-          "inverse-outline-warning": {
-            "value": "transparent", "type": "color", "source": "$btn-warning-inverse-outline-hover-border-color"
-          }
-        }
-      },
-      "active": {
-        "text": {
-          "warning": {
-            "value": "{color.btn.active.bg.warning}",
-            "type": "color",
-            "source": "$btn-warning-active-color",
-            "modify": [{ "type": "color-yiq" }]
-          },
-          "outline-warning": {
-            "value": "{color.btn.active.bg.outline-warning}",
-            "type": "color",
-            "source": "$btn-warning-outline-active-color",
-            "modify": [{ "type": "color-yiq" }]
-          },
-          "inverse-warning": {
-            "value": "{color.btn.text.inverse-warning}",
-            "type": "color",
-            "source": "$btn-warning-inverse-active-color",
-            "modify": [{ "type": "darken", "amount": 0.1 }]
-          },
-          "inverse-outline-warning": {
-            "value": "{color.btn.active.bg.inverse-outline-warning}",
-            "type": "color",
-            "source": "$btn-warning-inverse-outline-active-color",
-            "modify": [{ "type": "color-yiq" }] }
-        },
-        "bg": {
-          "warning": {
-            "value": "{color.theme.active.warning}", "type": "color", "source": "$btn-warning-active-bg"
-          },
-          "outline-warning": {
-            "value": "{color.theme.bg.warning}", "type": "color", "source": "$btn-warning-outline-active-bg"
-          },
-          "inverse-warning": { "value": "{color.gray.100}", "type": "color", "source": "$btn-warning-inverse-active-bg" },
-          "inverse-outline-warning": {
-            "value": "{color.theme.bg.warning}",
-            "type": "color",
-            "source": "$btn-warning-inverse-outline-active-bg"
-          }
-        },
-        "border": {
-          "warning": {
-            "value": "{color.theme.active.warning}",
-            "type": "color",
-            "source": "$btn-warning-active-border-color"
-          },
-          "inverse-warning": {
-            "value": "inherit",
-            "type": "color",
-            "source": "$btn-warning-inverse-active-border-color"
-          },
-          "outline-warning": {
-            "value": "{color.theme.active.warning}",
-            "type": "color",
-            "source": "$btn-warning-outline-active-border-color"
-          },
-          "inverse-outline-warning": {
-            "value": "transparent", "type": "color", "source": "$btn-warning-inverse-outline-active-border-color"
-          }
-        }
-      },
-      "focus": {
-        "text": {
-          "warning": { "value": "{color.btn.text.warning}", "type": "color", "source": "$btn-warning-focus-color" },
-          "outline-warning": {
-            "value": "{color.btn.text.outline-warning}",
-            "type": "color",
-            "source": "$btn-warning-outline-focus-color"
-          },
-          "inverse-warning": {
-            "value": "{color.btn.text.inverse-warning}",
-            "type": "color",
-            "source": "$btn-warning-inverse-focus-color"
-          },
-          "inverse-outline-warning": {
-            "value": "{color.btn.text.inverse-outline-warning}",
-            "type": "color",
-            "source": "$btn-warning-inverse-outline-focus-color"
-          }
-        },
-        "border": {
-          "warning": {
-            "value": "{color.btn.border.warning}",
-            "type": "color",
-            "source": "$btn-warning-focus-border-color"
-          },
-          "outline-warning": {
-            "value": "{color.btn.border.outline-warning}",
-            "type": "color",
-            "source": "$btn-warning-outline-focus-border-color"
-          },
-          "inverse-warning": {
-            "value": "{color.btn.border.inverse-warning}",
-            "type": "color",
-            "source": "$btn-warning-inverse-focus-border-color"
-          },
-          "inverse-outline-warning": {
-            "value": "{color.btn.border.inverse-outline-warning}",
-            "type": "color",
-            "source": "$btn-warning-inverse-outline-focus-border-color"
-          }
-        },
-        "bg": {
-          "warning": { "value": "{color.btn.bg.warning}", "type": "color", "source": "$btn-warning-focus-bg" },
-          "outline-warning": { "value": "inherit", "type": "color", "source": "$btn-warning-outline-focus-bg" },
-          "inverse-warning": {
-            "value": "{color.btn.bg.inverse-warning}",
-            "type": "color",
-            "source": "$btn-warning-inverse-focus-bg"
-          },
-          "inverse-outline-warning": {
-            "value": "inherit",
-            "type": "color",
-            "source": "$btn-warning-inverse-outline-focus-bg"
-          }
-        },
-        "outline": {
-          "warning": {
-            "value": "{color.theme.focus.warning}",
-            "type": "color",
-            "source": "$btn-warning-focus-outline-color"
-          },
-          "outline-warning": {
-            "value": "{color.theme.focus.warning}",
-            "type": "color",
-            "source": "$btn-warning-outline-focus-outline-color"
-          },
-          "inverse-warning": {
-            "value": "{color.white}",
-            "type": "color",
-            "source": "$btn-warning-inverse-focus-outline-color"
-          },
-          "inverse-outline-warning": {
-            "value": "inherit",
-            "type": "color",
-            "source": "$btn-warning-inverse-outline-focus-bg"
-          }
-        }
-      },
-      "disabled": {
-        "text": {
-          "warning": { "value": "{color.btn.text.warning}", "type": "color", "source": "$btn-warning-disabled-color" },
-          "outline-warning": {
-            "value": "{color.btn.text.outline-warning}",
-            "type": "color",
-            "source": "$btn-warning-outline-disabled-color"
-          },
-          "inverse-warning": {
-            "value": "{color.warning.base}",
-            "type": "color",
-            "source": "$btn-warning-inverse-disabled-color"
-          },
-          "inverse-outline-warning": {
-            "value": "{color.btn.text.inverse-outline-warning}",
-            "type": "color",
-            "source": "$btn-warning-inverse-outline-disabled-color"
-          }
-        },
-        "bg": {
-          "warning": { "value": "{color.btn.bg.warning}", "type": "color", "source": "$btn-warning-disabled-bg" },
-          "outline-warning": { "value": "inherit", "type": "color", "source": "$btn-warning-outline-disabled-bg" },
-          "inverse-warning": { "value": "inherit", "type": "color", "source": "$btn-warning-inverse-disabled-bg" },
-          "inverse-outline-warning": { "value": "inherit", "type": "color", "source": "$btn-warning-inverse-outline-disabled-bg" }
-        },
-        "border": {
-          "warning": { "value": "{color.btn.border.warning}", "type": "color", "source": "$btn-warning-disabled-border-color" },
-          "outline-warning": {
-            "value": "{color.btn.border.outline-warning}",
-            "type": "color",
-            "source": "$btn-warning-outline-disabled-border-color"
-          },
-          "inverse-warning": { "value": "transparent", "type": "color", "source": "$btn-warning-inverse-disabled-border-color" },
-          "inverse-outline-warning": {
-            "value": "{color.btn.border.inverse-outline-warning}",
-            "type": "color",
-            "source": "$btn-warning-inverse-outline-disabled-border-color"
-          }
-        }
-      }
-    }
-  }
-}

package/tokens/src/themes/light/components/Card.json

@@ -1,40 +0,0 @@
-{
-  "color": {
-    "card": {
-      "base": { "value": "inherit", "type": "color", "source": "$card-color" },
-      "bg": {
-        "base": { "value": "{color.bg.base}", "type": "color", "source": "$card-bg" },
-        "dark": { "value": "{color.primary.500}", "type": "color", "source": "$card-bg-dark" },
-        "muted": { "value": "{color.light.200}", "type": "color", "source": "$card-bg-muted" }
-      },
-      "border": {
-        "base": { 
-          "value": "{color.black}",
-          "type": "color",
-          "source": "$card-border-color",
-          "modify": [{
-            "type": "alpha",
-            "amount": 0.125
-          }]
-        },
-        "focus": {
-          "base": {
-            "value": "{color.primary.500}",
-            "type": "color",
-            "source": "$card-border-focus-color",
-            "modify": [{
-              "type": "alpha",
-              "amount": 0.5
-            }]
-          },
-          "dark": {
-            "value": "{color.theme.focus.primary}",
-            "type": "color",
-            "source": "$card-border-focus-color-dark"
-          }
-        }
-      },
-      "divider-bg": { "value": "{color.light.400}", "type": "color", "source": "$card-divider-bg" }
-    }
-  }
-}

package/tokens/src/themes/light/components/Carousel.json

@@ -1,45 +0,0 @@
-{
-  "color": {
-    "carousel": {
-      "control": {
-        "base": { "value": "{color.white}", "type": "color", "source": "$carousel-control-color" }
-      },
-      "indicator": {
-        "active-bg": { "value": "{color.white}", "type": "color", "source": "$carousel-indicator-active-bg" }
-      },
-      "caption": { "value": "{color.white}", "type": "color", "source": "$carousel-caption-color" }
-    }
-  },
-  "content": {
-    "carousel": {
-      "control": {
-        "bg": {
-          "prev-icon": {
-            "value": "url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='{color.carousel.control.base}' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e\")",
-            "type": "file",
-            "source": "$carousel-control-prev-icon-bg",
-            "outputReferences": false,
-            "modify": [{ "type": "str-replace", "toReplace": "#", "replaceWith": "%23" }]
-          },
-          "next-icon": {
-            "value": "url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='{color.carousel.control.base}' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e\")",
-            "type": "file",
-            "source": "$carousel-control-next-icon-bg",
-            "outputReferences": false,
-            "modify": [{ "type": "str-replace", "toReplace": "#", "replaceWith": "%23" }]
-          }
-        }
-      }
-    }
-  },
-  "other": {
-    "carousel": {
-      "control": {
-        "opacity": {
-          "base": { "value": ".5", "type": "ratio", "source": "$carousel-control-opacity" },
-          "hover": { "value": ".9", "type": "ratio", "source": "$carousel-control-hover-opacity" }
-        }
-      }
-    }
-  }
-}

package/tokens/src/themes/light/components/Chip.json

@@ -1,19 +0,0 @@
-{
-  "color": {
-    "chip": {
-      "text": {
-        "light": { "value": "{color.black}", "type": "color", "source": "$chip-light-color" },
-        "dark": { "value": "{color.white}", "type": "color", "source": "$chip-dark-color" }
-      },
-      "bg": {
-        "light": { "value": "{color.light.500}", "type": "color", "source": "$chip-light-bg" },
-        "dark": { "value": "{color.dark.200}", "type": "color", "source": "$chip-dark-bg" }
-      }
-    }
-  },
-  "other": {
-    "chip": {
-      "opacity-disabled": { "value": ".3", "type": "ratio", "source": "$chip-disable-opacity" }
-    }
-  }
-}

package/tokens/src/themes/light/components/CloseButton.json

@@ -1,10 +0,0 @@
-{
-  "color": {
-    "close-button": { "value": "{color.black}", "type": "color", "source": "$close-color" }
-  },
-  "elevation": {
-    "close-button": {
-      "text-shadow": { "value": "0 1px 0 {color.white}", "type": "shadow", "source": "$close-text-shadow" }
-    }
-  }
-}

package/tokens/src/themes/light/components/Code.json

@@ -1,23 +0,0 @@
-{
-  "color": {
-    "code": {
-      "base": { "value": "#E83E8C", "type": "color", "source": "$code-color" },
-      "kbd": {
-        "base": { "value": "{color.white}", "type": "color", "source": "$kbd-color" },
-        "bg": { "value": "{color.gray.700}", "type": "color", "source": "$kbd-bg" }
-      },
-      "pre": { "value": "{color.gray.900}", "type": "color", "source": "$pre-color" }
-    }
-  },
-  "elevation": {
-    "code": {
-      "kbd": {
-        "box-shadow": {
-          "value": "none",
-          "type": "shadow",
-          "source": "$kbd-box-shadow"
-        }
-      }
-    }
-  }
-}

package/tokens/src/themes/light/components/DataTable.json

@@ -1,26 +0,0 @@
-{
-  "color": {
-    "data-table": {
-      "bg": {
-        "base": { "value": "{color.bg.base}", "type": "color", "source": "$data-table-background-color" },
-        "is-loading": {
-          "value": "{color.white}",
-          "type": "color",
-          "source": "$data-table-is-loading-bg",
-          "modify": [
-            {
-              "type": "alpha",
-              "amount": 0.7
-            }
-          ]
-        }
-      },
-      "border": { "value": "{color.gray.200}", "type": "color", "source": "$data-table-border-color" }
-    }
-  },
-  "elevation": {
-    "data-table": {
-      "box-shadow": { "value": "{elevation.box-shadow.sm}", "type": "shadow", "source": "$data-table-box-shadow" }
-    }
-  }
-}

package/tokens/src/themes/light/components/Dropdown.json

@@ -1,41 +0,0 @@
-{
-  "color": {
-    "dropdown": {
-      "text": { "value": "{color.body.base}", "type": "color", "source": "$dropdown-color" },
-      "header": { "value": "{color.gray.500}", "type": "color", "source": "$dropdown-header-color" },
-      "bg": { "value": "{color.bg.base}", "type": "color", "source": "$dropdown-bg" },
-      "border": {
-        "value": "{color.black}",
-        "type": "color",
-        "source": "$dropdown-border-color",
-        "modify": [{
-          "type": "alpha",
-          "amount": 0.15
-        }]
-      },
-      "divider-bg": { "value": "{color.gray.100}", "type": "color", "source": "$dropdown-divider-bg" },
-      "link": {
-        "base": { "value": "{color.gray.900}", "type": "color", "source": "$dropdown-link-color" },
-        "hover": {
-          "base": { 
-            "value": "{color.gray.900}", 
-            "type": "color", 
-            "source": "$dropdown-link-hover-color",
-            "modify": [{ "type": "darken", "amount": 0.5 }]
-          },
-          "bg": { "value": "{color.light.300}", "type": "color", "source": "$dropdown-link-hover-bg" }
-        },
-        "active": {
-          "base": { "value": "{color.active}", "type": "color", "source": "$dropdown-link-active-color" },
-          "bg": { "value": "{color.bg.active}", "type": "color", "source": "$dropdown-link-active-bg" }
-        },
-        "disabled": { "value": "{color.disabled}", "type": "color", "source": "$dropdown-link-disabled-color" }
-      }
-    }
-  },
-  "elevation": {
-    "dropdown": {
-      "box-shadow": { "value": "none", "type": "shadow", "source": "$dropdown-box-shadow" }
-    }
-  }
-}

package/tokens/src/themes/light/components/Dropzone.json

@@ -1,23 +0,0 @@
-{
-  "color": {
-    "dropzone": {
-      "error-wrapper": {
-        "value": "{color.danger.500}", "type": "color", "source": "$dropzone-error-wrapper-color"
-      },
-      "restriction-msg": {
-        "value": "{color.gray.500}", "type": "color", "source": "$dropzone-restriction-msg-color"
-      },
-      "border": {
-        "base": { "value": "{color.gray.500}", "type": "color", "source": "$dropzone-border-color-default" }
-      }
-    }
-  },
-  "elevation": {
-    "dropzone": {
-      "hover": { "value": "inset 0 0 0 2px {color.info.300}", "type": "shadow", "source": "$dropzone-box-shadow-hover" },
-      "focus": { "value": "inset 0 0 0 2px {color.info.300}", "type": "shadow", "source": "$dropzone-box-shadow-focus" },
-      "active": { "value": "inset 0 0 0 2px {color.primary.500}", "type": "shadow", "source": "$dropzone-box-shadow-active" },
-      "error": { "value": "inset 0 0 0 2px {color.danger.300}", "type": "shadow", "source": "$dropzone-box-shadow-error" }
-    }
-  }
-}