@dereekb/dbx-web 10.1.0 → 10.1.2

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 (49) hide show
  1. package/_index.scss +1 -0
  2. package/calendar/package.json +1 -1
  3. package/esm2022/lib/action/snackbar/action.snackbar.component.mjs +1 -1
  4. package/esm2022/lib/action/transition/transition.safety.dialog.component.mjs +1 -1
  5. package/esm2022/lib/button/button.component.mjs +36 -19
  6. package/esm2022/lib/button/progress/bar.button.component.mjs +3 -3
  7. package/esm2022/lib/button/progress/button.progress.config.mjs +1 -1
  8. package/esm2022/lib/button/progress/spinner.button.component.mjs +3 -3
  9. package/esm2022/lib/extension/download/text/download.text.component.mjs +1 -1
  10. package/esm2022/lib/interaction/filter/filter.wrapper.component.mjs +1 -1
  11. package/esm2022/lib/interaction/popup/popup.controls.buttons.component.mjs +1 -1
  12. package/esm2022/lib/layout/style/style.mjs +8 -5
  13. package/esm2022/lib/layout/text/form.description.component.mjs +8 -10
  14. package/esm2022/lib/layout/text/hint.component.mjs +8 -10
  15. package/esm2022/lib/layout/text/label.block.component.mjs +1 -1
  16. package/esm2022/lib/layout/text/label.component.mjs +8 -10
  17. package/esm2022/lib/layout/text/note.component.mjs +8 -10
  18. package/esm2022/lib/layout/text/notice.component.mjs +8 -10
  19. package/esm2022/lib/layout/text/ok.component.mjs +8 -10
  20. package/esm2022/lib/layout/text/success.component.mjs +8 -10
  21. package/esm2022/lib/layout/text/warn.component.mjs +8 -10
  22. package/esm2022/lib/loading/basic-loading.component.mjs +1 -1
  23. package/esm2022/lib/loading/loading-progress.component.mjs +1 -1
  24. package/esm2022/lib/loading/loading.component.mjs +1 -1
  25. package/fesm2022/dereekb-dbx-web.mjs +100 -96
  26. package/fesm2022/dereekb-dbx-web.mjs.map +1 -1
  27. package/lib/button/_button.scss +23 -9
  28. package/lib/button/button.component.d.ts +15 -7
  29. package/lib/button/progress/button.progress.config.d.ts +5 -4
  30. package/lib/layout/style/_style.scss +30 -61
  31. package/lib/layout/style/style.d.ts +8 -1
  32. package/lib/layout/text/form.description.component.d.ts +4 -1
  33. package/lib/layout/text/hint.component.d.ts +4 -1
  34. package/lib/layout/text/label.component.d.ts +4 -1
  35. package/lib/layout/text/note.component.d.ts +4 -1
  36. package/lib/layout/text/notice.component.d.ts +4 -1
  37. package/lib/layout/text/ok.component.d.ts +4 -1
  38. package/lib/layout/text/success.component.d.ts +4 -1
  39. package/lib/layout/text/warn.component.d.ts +4 -1
  40. package/lib/loading/_loading.scss +9 -0
  41. package/lib/loading/basic-loading.component.d.ts +2 -1
  42. package/lib/loading/loading-progress.component.d.ts +2 -1
  43. package/lib/loading/loading.component.d.ts +2 -1
  44. package/lib/style/_config.scss +23 -1
  45. package/lib/style/_root-variables.scss +67 -0
  46. package/lib/style/_variables.scss +89 -0
  47. package/mapbox/package.json +1 -1
  48. package/package.json +1 -1
  49. package/table/package.json +1 -1
package/lib/style/_variables.scss CHANGED
@@ -21,6 +21,26 @@ $padding-5-var: --dbx-padding-5;
21
21
 
22
22
  $two-column-left-width-var: --dbx-two-column-left-width;
23
23
 
24
+ $dbx-primary-color-var: --dbx-primary-color;
25
+ $dbx-accent-color-var: --dbx-accent-color;
26
+ $dbx-warn-color-var: --dbx-warn-color;
27
+ $dbx-notice-color-var: --dbx-notice-color;
28
+ $dbx-success-color-var: --dbx-success-color;
29
+ $dbx-ok-color-var: --dbx-ok-color;
30
+ $dbx-grey-color-var: --dbx-grey-color;
31
+ $dbx-disabled-color-var: --dbx-disabled-color;
32
+ $dbx-bg-color-var: --dbx-bg-color;
33
+
34
+ $dbx-primary-color-contrast-var: --dbx-primary-color-contrast;
35
+ $dbx-accent-color-contrast-var: --dbx-accent-color-contrast;
36
+ $dbx-warn-color-contrast-var: --dbx-warn-color-contrast;
37
+ $dbx-notice-color-contrast-var: --dbx-notice-color-contrast;
38
+ $dbx-success-color-contrast-var: --dbx-success-color-contrast;
39
+ $dbx-ok-color-contrast-var: --dbx-ok-color-contrast;
40
+ $dbx-grey-color-contrast-var: --dbx-grey-color-contrast;
41
+ $dbx-disabled-color-contrast-var: --dbx-disabled-color-contrast;
42
+ $dbx-bg-color-contrast-var: --dbx-bg-color-contrast;
43
+
24
44
  // vars
25
45
  $vh100: var($vh100-var);
26
46
 
@@ -54,3 +74,72 @@ $padding-map: (
54
74
  );
55
75
 
56
76
  $two-column-left-width: var($two-column-left-width-var);
77
+
78
+ $dbx-primary-color: var($dbx-primary-color-var);
79
+ $dbx-accent-color: var($dbx-accent-color-var);
80
+ $dbx-warn-color: var($dbx-warn-color-var);
81
+ $dbx-notice-color: var($dbx-notice-color-var);
82
+ $dbx-success-color: var($dbx-success-color-var);
83
+ $dbx-ok-color: var($dbx-ok-color-var);
84
+ $dbx-grey-color: var($dbx-grey-color-var);
85
+ $dbx-disabled-color: var($dbx-disabled-color-var);
86
+ $dbx-bg-color: var($dbx-bg-color-var);
87
+
88
+ $dbx-primary-color-contrast: var($dbx-primary-color-contrast-var);
89
+ $dbx-accent-color-contrast: var($dbx-accent-color-contrast-var);
90
+ $dbx-warn-color-contrast: var($dbx-warn-color-contrast-var);
91
+ $dbx-notice-color-contrast: var($dbx-notice-color-contrast-var);
92
+ $dbx-success-color-contrast: var($dbx-success-color-contrast-var);
93
+ $dbx-ok-color-contrast: var($dbx-ok-color-contrast-var);
94
+ $dbx-grey-color-contrast: var($dbx-grey-color-contrast-var);
95
+ $dbx-disabled-color-contrast: var($dbx-disabled-color-contrast-var);
96
+ $dbx-bg-color-contrast: var($dbx-bg-color-contrast-var);
97
+
98
+ $dbx-theme-colors-main: (
99
+ 'primary': (
100
+ 'color': $dbx-primary-color,
101
+ 'contrast': $dbx-primary-color-contrast
102
+ ),
103
+ 'accent': (
104
+ 'color': $dbx-accent-color,
105
+ 'contrast': $dbx-accent-color-contrast
106
+ ),
107
+ 'warn': (
108
+ 'color': $dbx-warn-color,
109
+ 'contrast': $dbx-warn-color-contrast
110
+ )
111
+ );
112
+
113
+ $dbx-theme-extra-colors-main: (
114
+ 'notice': (
115
+ 'color': $dbx-notice-color,
116
+ 'contrast': $dbx-notice-color-contrast
117
+ ),
118
+ 'success': (
119
+ 'color': $dbx-success-color,
120
+ 'contrast': $dbx-success-color-contrast
121
+ ),
122
+ 'ok': (
123
+ 'color': $dbx-ok-color,
124
+ 'contrast': $dbx-ok-color-contrast
125
+ ),
126
+ 'grey': (
127
+ 'color': $dbx-grey-color-contrast,
128
+ 'contrast': $dbx-grey-color
129
+ )
130
+ );
131
+
132
+ $dbx-theme-colors-main-and-extra: map.merge($dbx-theme-colors-main, $dbx-theme-extra-colors-main);
133
+
134
+ $dbx-theme-extra-colors-secondary: (
135
+ 'disabled': (
136
+ 'color': $dbx-disabled-color-contrast,
137
+ 'contrast': $dbx-disabled-color
138
+ ),
139
+ 'bg': (
140
+ 'color': $dbx-bg-color-contrast,
141
+ 'contrast': $dbx-bg-color
142
+ )
143
+ );
144
+
145
+ $dbx-theme-extra-colors-main-and-secondary: map.merge($dbx-theme-extra-colors-main, $dbx-theme-extra-colors-secondary);
package/mapbox/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dereekb/dbx-web/mapbox",
3
- "version": "10.1.0",
3
+ "version": "10.1.2",
4
4
  "module": "fesm2022/dereekb-dbx-web-mapbox.mjs",
5
5
  "typings": "index.d.ts",
6
6
  "exports": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dereekb/dbx-web",
3
- "version": "10.1.0",
3
+ "version": "10.1.2",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^16.2.12",
6
6
  "@angular/core": "^16.2.12",
package/table/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dereekb/dbx-web/table",
3
- "version": "10.1.0",
3
+ "version": "10.1.2",
4
4
  "module": "fesm2022/dereekb-dbx-web-table.mjs",
5
5
  "typings": "index.d.ts",
6
6
  "exports": {