@testgorilla/tgo-ui 1.11.30 → 1.12.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 (40) hide show
  1. package/components/button/button.component.d.ts +14 -3
  2. package/components/button/button.model.d.ts +2 -1
  3. package/components/dropdown/dropdown.model.d.ts +1 -0
  4. package/components/icon/icon.component.d.ts +8 -1
  5. package/components/spinner/spinner.component.d.ts +14 -3
  6. package/esm2022/components/accordion/accordion.component.mjs +1 -1
  7. package/esm2022/components/alert-banner/alert-banner.component.mjs +2 -2
  8. package/esm2022/components/autocomplete/autocomplete.component.mjs +1 -1
  9. package/esm2022/components/avatar/avatar.component.mjs +1 -1
  10. package/esm2022/components/badge/badge.component.mjs +1 -1
  11. package/esm2022/components/banner-action/banner-action.component.mjs +1 -1
  12. package/esm2022/components/button/button.component.mjs +56 -18
  13. package/esm2022/components/button/button.model.mjs +1 -1
  14. package/esm2022/components/datepicker/datepicker.component.mjs +1 -1
  15. package/esm2022/components/dialog/dialog.component.mjs +1 -1
  16. package/esm2022/components/dropdown/dropdown.component.mjs +3 -3
  17. package/esm2022/components/dropdown/dropdown.model.mjs +1 -1
  18. package/esm2022/components/empty-state/empty-state.component.mjs +1 -1
  19. package/esm2022/components/field/field.component.mjs +1 -1
  20. package/esm2022/components/file-upload/file-upload.component.mjs +2 -2
  21. package/esm2022/components/icon/icon.component.mjs +23 -4
  22. package/esm2022/components/icon-label/icon-label.component.mjs +1 -1
  23. package/esm2022/components/navbar/navbar.component.mjs +1 -1
  24. package/esm2022/components/page-header/page-header.component.mjs +1 -1
  25. package/esm2022/components/side-sheet/side-sheet.component.mjs +1 -1
  26. package/esm2022/components/slider/slider.component.mjs +1 -1
  27. package/esm2022/components/snackbar/snackbar.component.mjs +2 -2
  28. package/esm2022/components/spinner/spinner.component.mjs +16 -3
  29. package/esm2022/components/step/step.component.mjs +1 -1
  30. package/esm2022/components/stepper/stepper.component.mjs +1 -1
  31. package/esm2022/components/tabs/tabs.component.mjs +1 -1
  32. package/esm2022/components/tag/tag.component.mjs +1 -1
  33. package/esm2022/utils/color-contrast.mjs +42 -28
  34. package/fesm2022/testgorilla-tgo-ui.mjs +157 -73
  35. package/fesm2022/testgorilla-tgo-ui.mjs.map +1 -1
  36. package/package.json +1 -1
  37. package/src/assets/images/premium.png +0 -0
  38. package/src/theme/_variables.scss +42 -0
  39. package/utils/color-contrast.d.ts +2 -1
  40. package/src/assets/images/premium.svg +0 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@testgorilla/tgo-ui",
3
- "version": "1.11.30",
3
+ "version": "1.12.0",
4
4
  "lint-staged": {
5
5
  "src/**/*.ts": [
6
6
  "eslint --fix",
package/src/assets/images/premium.png ADDED
Binary file
package/src/theme/_variables.scss CHANGED
@@ -47,6 +47,48 @@ $box-shadow: #00000014;
47
47
 
48
48
  $navigation-subtitle: #528593;
49
49
 
50
+ // new colors
51
+ $brand-dark: #A90686;
52
+ $brand-default: #D410AA;
53
+ $brand-30: #FF54DA;
54
+ $brand-20: #FFB3EE;
55
+ $brand-10: #FFE6FA;
56
+
57
+ $grayscale-default: #666666;
58
+ $grayscale-30: #A7A7A7;
59
+ $grayscale-20: #D3D3D3;
60
+ $grayscale-10: #E9E9E9;
61
+ $grayscale-0: #F4F4F4;
62
+
63
+ $black: #242424;
64
+
65
+ $accent-dark: #FFF5ED;
66
+ $accent-default: #FFFAF6;
67
+
68
+ $informative-dark: #1A47AA;
69
+ $informative-default: #0165FC;
70
+ $informative-30: #277CFD;
71
+ $informative-20: #99C1FE;
72
+ $informative-10: #D9E8FF;
73
+
74
+ $success-dark: #88B901;
75
+ $success-default: #A0D900;
76
+ $success-30: #C6E866;
77
+ $success-20: #E2F4B3;
78
+ $success-10: #F5FAE3;
79
+
80
+ $danger-dark: #E02800;
81
+ $danger-default: #FF3003;
82
+ $danger-30: #FF6E4F;
83
+ $danger-20: #FFAC9A;
84
+ $danger-10: #FFEAE6;
85
+
86
+ $warning-dark: #D07D00;
87
+ $warning-default: #FF9A03;
88
+ $warning-30: #FFC268;
89
+ $warning-20: #FFE1B3;
90
+ $warning-10: #FFF5E6;
91
+
50
92
  //resposive breakpoints
51
93
  $breakpoints: (
52
94
  'small': 320px,
package/utils/color-contrast.d.ts CHANGED
@@ -5,5 +5,6 @@
5
5
  *
6
6
  * @param hexColor color in hex format
7
7
  * @param typeEvent interaction event
8
+ * @param theme
8
9
  */
9
- export declare const adjustLightness: (hexColor: string, typeEvent: 'hover' | 'pressed' | 'disabled') => string;
10
+ export declare const adjustLightness: (hexColor: string, typeEvent: 'hover' | 'pressed' | 'disabled', theme?: 'new' | 'classic') => string;
package/src/assets/images/premium.svg DELETED
@@ -1,4 +0,0 @@
1
- <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M24.5 12C24.5 18.6274 19.1274 24 12.5 24C5.87258 24 0.5 18.6274 0.5 12C0.5 5.37258 5.87258 0 12.5 0C19.1274 0 24.5 5.37258 24.5 12Z" fill="white"/>
3
- <path fill-rule="evenodd" clip-rule="evenodd" d="M23 12C23 17.799 18.299 22.5 12.5 22.5C6.70101 22.5 2 17.799 2 12C2 6.20101 6.70101 1.5 12.5 1.5C18.299 1.5 23 6.20101 23 12ZM24.5 12C24.5 18.6274 19.1274 24 12.5 24C5.87258 24 0.5 18.6274 0.5 12C0.5 5.37258 5.87258 0 12.5 0C19.1274 0 24.5 5.37258 24.5 12ZM17.4015 5.25H7.59872L4.06543 10.5499L12.5001 20.6715L20.9348 10.5499L17.4015 5.25ZM6.40149 9.75L7.77352 7.69196L8.45953 9.75H6.40149ZM6.60138 11.25H8.95953L10.5316 15.9663L6.60138 11.25ZM18.3988 11.25L14.4686 15.9663L16.0407 11.25H18.3988ZM10.5407 11.25H14.4595L12.5001 17.1283L10.5407 11.25ZM10.0407 9.75H14.9595L15.9595 6.75H9.04067L10.0407 9.75ZM18.5987 9.75H16.5407L17.2267 7.69196L18.5987 9.75Z" fill="#CCA45F"/>
4
- </svg>