@pselleh/cba-brand 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/.github/dependabot.yml +7 -0
  2. package/.github/renovate.json +33 -0
  3. package/.github/workflows/add-depr-ticket-to-depr-board.yml +19 -0
  4. package/.github/workflows/add-remove-label-on-comment.yml +20 -0
  5. package/.github/workflows/commitlint.yml +10 -0
  6. package/.github/workflows/release.yml +29 -0
  7. package/.github/workflows/self-assign-issue.yml +12 -0
  8. package/.nvmrc +1 -0
  9. package/LICENSE +671 -0
  10. package/Makefile +5 -0
  11. package/README.md +68 -0
  12. package/catalog-info.yaml +21 -0
  13. package/dist/core.css +0 -0
  14. package/dist/core.css.map +1 -0
  15. package/dist/core.min.css +2 -0
  16. package/dist/light.css +4516 -0
  17. package/dist/light.css.map +1 -0
  18. package/dist/light.min.css +2 -0
  19. package/dist/theme-urls.json +21 -0
  20. package/docs/decisions/0001-record-architecture-decisions.rst +32 -0
  21. package/docs/decisions/0002-no-dependencies.rst +24 -0
  22. package/docs/decisions/0003-minimal-breaking-changes.rst +26 -0
  23. package/docs/how-to/design-tokens-support.rst +142 -0
  24. package/docs/how-to/style_dictionary_tokens.webp +0 -0
  25. package/favicon.ico +0 -0
  26. package/logo-trademark.png +0 -0
  27. package/logo-trademark.svg +4 -0
  28. package/logo-white.png +0 -0
  29. package/logo-white.svg +4 -0
  30. package/logo.png +0 -0
  31. package/logo.svg +4 -0
  32. package/package.json +26 -0
  33. package/paragon/_fonts.scss +1 -0
  34. package/paragon/_overrides.scss +2 -0
  35. package/paragon/_variables.scss +2 -0
  36. package/paragon/build/core/custom-media-breakpoints.css +16 -0
  37. package/paragon/build/core/index.css +2 -0
  38. package/paragon/build/core/variables.css +667 -0
  39. package/paragon/build/themes/light/index.css +2 -0
  40. package/paragon/build/themes/light/utility-classes.css +2453 -0
  41. package/paragon/build/themes/light/variables.css +2063 -0
  42. package/paragon/core.scss +4 -0
  43. package/paragon/images/card-imagecap-fallback.png +0 -0
  44. package/paragon/tokens/.gitkeep +0 -0
package/README.md ADDED
@@ -0,0 +1,68 @@
1
+ # Open edX Brand Package Interface
2
+
3
+ This project contains the default branding assets and style used in Open edX
4
+ applications. It is published on npm as `@openedx/brand-openedx`.
5
+
6
+ The file structure serves as an interface to be implemented for custom
7
+ branding and theming of Open edX.
8
+
9
+ ## How to use this package
10
+
11
+ Applications in Open edX are configured by default to include this
12
+ package for branding assets and theming visual style.
13
+
14
+ To use a custom brand and theme\...
15
+
16
+ 1. Fork or copy this project. Ensure that it lives in a location
17
+ accessible to Open edX applications during asset builds. This may be
18
+ a published git repo, npm, or local folder depending on your
19
+ situation.
20
+ 2. Replace the assets in this project with your own logos or SASS
21
+ theme. Match the filenames exactly. Open edX applications refer to
22
+ these files by their filepath. Refer to the brand for edx.org at
23
+ <https://github.com/edx/brand> for an example.
24
+
25
+ If you are working with Design tokens and CSS varibles please follow the guide
26
+ [Paragon Design Tokens Compatibility](./docs/how-to/design-tokens-support.rst)
27
+
28
+ 3. Configure your Open edX instance to consume your custom brand
29
+ package. Refer to this documentation on configuring the platform:
30
+ https://docs.openedx.org/projects/openedx-proposals/en/latest/architectural-decisions/oep-0048-brand-customization.html
31
+ \[TODO: Add a link to documentation on configuring in Open edX MFE
32
+ pipelines when it exists\]
33
+ 4. Rebuild the assets and microfrontends in your Open edX instance to
34
+ see the new brand reflected. \[TODO: Add link to relevant
35
+ documentation when it is completed\].
36
+
37
+ ## Files this package must make available
38
+
39
+ `/logo.svg`
40
+
41
+ ![logo](/logo.svg)
42
+
43
+ `/logo-trademark.svg` A variant of the logo with a trademark ® or ™.
44
+ Note: This file must be present. If you don\'t have a trademark variant
45
+ of your logo, copy your regular logo and use that.
46
+
47
+ ![logo](/logo-trademark.svg)
48
+
49
+ `/logo-white.svg` A variant of the logo for use on dark backgrounds
50
+
51
+ ![logo](/logo-white.svg)
52
+
53
+ `/favicon.ico` A site favicon
54
+
55
+ ![favicon](/favicon.ico)
56
+
57
+ `/paragon/images/card-imagecap-fallback.png` A variant of the default
58
+ fallback image for [Card.ImageCap] component.
59
+
60
+ ![card-imagecap-fallback](/paragon/images/card-imagecap-fallback.png)
61
+
62
+ `/paragon/fonts.scss`, `/paragon/_variables.scss`,
63
+ `/paragon/_overrides.scss` A SASS theme for
64
+ [\@edx/paragon](https://github.com/openedx/paragon). Theming
65
+ documentation in Paragon is coming soon. In the meantime, you can start
66
+ a theme by the contents of [\_variables.scss (after line
67
+ 7)](https://github.com/openedx/paragon/blob/master/scss/core/_variables.scss#L7-L1046)
68
+ file from the Paragon repository into this file.
@@ -0,0 +1,21 @@
1
+ # This file records information about this repo. Its use is described in OEP-55:
2
+ # https://open-edx-proposals.readthedocs.io/en/latest/processes/oep-0055-proc-project-maintainers.html
3
+
4
+ apiVersion: backstage.io/v1alpha1
5
+ kind: Component
6
+ metadata:
7
+ name: 'brand-openedx'
8
+ description: "The frontend component includes the default branding assets and styles used in Open edX applications."
9
+ links:
10
+ - url: "https://github.com/openedx/brand-openedx"
11
+ title: "Open edX Brand Package Interface"
12
+ icon: "Web"
13
+ - url: "https://github.com/openedx/brand-openedx/blob/master/README.md"
14
+ title: "README"
15
+ icon: "Article"
16
+ annotations:
17
+ openedx.org/arch-interest-groups: ""
18
+ spec:
19
+ owner: group:committers-brand-openedx
20
+ type: 'library'
21
+ lifecycle: 'production'
package/dist/core.css ADDED
File without changes
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"names":[],"mappings":"","file":"core.css"}
@@ -0,0 +1,2 @@
1
+
2
+ /*# sourceMappingURL=core.css.map */