@design-factory/styles 21.0.0-next.0 → 21.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.
- package/README.md +30 -1
- package/bundle.css +2 -2
- package/package.json +11 -4
- package/scss/_common.mixins.scss +10 -10
- package/scss/_common.root.scss +0 -31
- package/scss/_common.scss +14 -10
- package/scss/_common.variables.scss +13 -59
- package/scss/_variables.scss +12 -8
- package/scss/bootstrap/_functions.scss +55 -0
- package/scss/bootstrap/_mixins-override.scss +8 -52
- package/scss/bootstrap/_variables.scss +235 -355
- package/scss/bundle.scss +5 -6
- package/scss/components/accordion/_accordion.variables.scss +1 -1
- package/scss/components/alert/_alert.scss +1 -1
- package/scss/components/badge/_badge.scss +1 -1
- package/scss/components/brand-color/_brand-color.mixins.scss +0 -2
- package/scss/components/brand-color/_brand-color.scss +0 -7
- package/scss/components/button/_button.mixins.scss +1 -1
- package/scss/components/button/_button.namespace.scss +42 -0
- package/scss/components/button/_button.scss +12 -12
- package/scss/components/button/_button.variables.scss +11 -4
- package/scss/components/card/_card.scss +4 -0
- package/scss/components/card/_card.variables.scss +1 -1
- package/scss/components/carousel/_carousel.namespace.scss +8 -0
- package/scss/components/checkbox/_checkbox.scss +14 -16
- package/scss/components/checkbox/_checkbox.variables.scss +2 -1
- package/scss/components/collapse/_collapse.scss +1 -1
- package/scss/components/datepicker/_datepicker.scss +16 -2
- package/scss/components/drawer/_drawer.scss +44 -10
- package/scss/components/dropdown/_dropdown.scss +2 -2
- package/scss/components/dropdown/_dropdown.variables.scss +1 -1
- package/scss/components/form/_form.scss +13 -5
- package/scss/components/form/_form.variables.scss +9 -3
- package/scss/components/icon/_amadeus-icon.scss +1 -1
- package/scss/components/inputs/_inputs.mixin.scss +0 -13
- package/scss/components/inputs/_inputs.scss +6 -39
- package/scss/components/inputs/_inputs.variables.scss +7 -0
- package/scss/components/link/_link.scss +1 -1
- package/scss/components/list-group/_list-group.scss +5 -5
- package/scss/components/media/_media.scss +1 -1
- package/scss/components/modal/_modal.namespace.scss +13 -0
- package/scss/components/modal/_modal.scss +6 -1
- package/scss/components/navbar/_navbar.scss +3 -2
- package/scss/components/pagination/_pagination.namespace.scss +15 -0
- package/scss/components/pagination/_pagination.scss +35 -34
- package/scss/components/pagination/_pagination.variables.scss +2 -2
- package/scss/components/popover/_popover.scss +2 -2
- package/scss/components/popover/_popover.variables.scss +1 -1
- package/scss/components/radio/_radio.scss +12 -12
- package/scss/components/rating/_rating.scss +1 -1
- package/scss/components/scrollspy/_scrollspy.scss +22 -1
- package/scss/components/select/_select.namespace.scss +13 -0
- package/scss/components/select/_select.scss +33 -17
- package/scss/components/select/_select.variables.scss +4 -6
- package/scss/components/sidenav/_sidenav-deprecated.scss +1 -1
- package/scss/components/sidenav/_sidenav.scss +26 -0
- package/scss/components/slider/_slider.scss +7 -7
- package/scss/components/speechbubble/_speechbubble.scss +6 -10
- package/scss/components/stepper/_stepper.scss +2 -2
- package/scss/components/table/_advancedtables.scss +8 -3
- package/scss/components/tabs/_tabs.scss +6 -1
- package/scss/components/toast/_toast.variables.scss +2 -1
- package/scss/components/toggle/_toggle.scss +2 -2
- package/scss/namespace.scss +54 -33
- package/scss/utilities.scss +0 -1
- package/scss/_new-brand-common.variables.scss +0 -7
- package/scss/bootstrap/_variables-dark.scss +0 -86
- package/scss/components/brand-color/_brand-color.variables.scss +0 -146
- package/scss/components/brand-color/_brand-color_container.scss +0 -23
- package/scss/components/button/_button_container.scss +0 -47
- package/scss/components/pagination/_pagination_container.scss +0 -17
- package/scss/components/popover/_popover_container.scss +0 -214
- package/scss/components/spinner/_spinner_container.scss +0 -43
- package/scss/components/tooltip/_tooltip_container.scss +0 -116
- package/scss/themes/brand2023/_variables.scss +0 -315
- package/scss/utilities/_common.utilities.scss +0 -98
- package/scss/utilities/_form.mixins.scss +0 -26
- package/scss/utilities/_rgb.scss +0 -10
package/README.md
CHANGED
|
@@ -4,10 +4,39 @@
|
|
|
4
4
|
|
|
5
5
|
Design Factory Styles is the package containing the styles used by Amadeus Design System, Design Factory.
|
|
6
6
|
|
|
7
|
+
Design Factory is an InnerSource design system made of:
|
|
8
|
+
|
|
9
|
+
- A UI library for Amadeus external and internal interfaces and applications, based on our four pillars
|
|
10
|
+
- A set of design and coding best practices
|
|
11
|
+
- A cross-functional community from all Amadeus business units
|
|
12
|
+
|
|
13
|
+
If you want to get more information about Design Factory, please contact [Design Factory team](mailto:DesignFactory@amadeus.com).
|
|
14
|
+
|
|
15
|
+
## Architecture
|
|
16
|
+
|
|
17
|
+
The Design Factory is composed of multiple projects and you can install the package that fits your requirements.
|
|
18
|
+
|
|
19
|
+
- `@design-factory/tokens` includes the Design Tokens that empower the Design System
|
|
20
|
+
- `@design-factory/styles` includes the styles, composed of utilities and component styles
|
|
21
|
+
- `@design-factory/design-factory` contains Angular components and utilities. They will be migrated to the following package
|
|
22
|
+
- `@design-factory/angular` contains the new SideNav and will grow to include all Design Factory Angular components
|
|
23
|
+
|
|
7
24
|
## Exports
|
|
8
25
|
|
|
9
26
|
The package `@design-factory/styles` exports the following entry points:
|
|
10
27
|
|
|
11
|
-
- `@design-factory/styles/scss/*` exposes all sass files
|
|
12
28
|
- `@design-factory/styles/bundle` exposes the full css bundle
|
|
13
29
|
- `@design-factory/styles/assets/*` exposes the assets, mostly fonts
|
|
30
|
+
- `@design-factory/styles/scss/*` exposes all sass files
|
|
31
|
+
|
|
32
|
+
## Dependencies
|
|
33
|
+
|
|
34
|
+
There are not dependencies required when using the full css bundle.
|
|
35
|
+
|
|
36
|
+
When using the sass, the dependencies are [Bootstrap 5](https://getbootstrap.com), [AgnosUI](https://www.agnosui.dev), [Ng-select](https://ng-select.github.io/ng-select#/data-sources) and [Ag-grid](https://www.ag-grid.com/).
|
|
37
|
+
|
|
38
|
+
The supported versions are:
|
|
39
|
+
|
|
40
|
+
| Df Styles | Bootstrap CSS | Ng-select | Ag-grid | AgnosUI |
|
|
41
|
+
| --------- | ------------- | --------- | ------- | ------- |
|
|
42
|
+
| 21.0.x | 5.3.8 | 21.x | 35.x | 0.10.x |
|