matcha-theme 1.0.25 → 18.0.27

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 (65) hide show
  1. package/core.scss +1210 -0
  2. package/matcha-core.css +62385 -0
  3. package/matcha-core.min.css +1 -0
  4. package/package.json +1 -1
  5. package/README.md +0 -304
  6. package/abstracts/_breakpoints.scss +0 -33
  7. package/abstracts/_colors.scss +0 -469
  8. package/abstracts/_elevation.scss +0 -102
  9. package/abstracts/_functions.scss +0 -398
  10. package/abstracts/_grid.scss +0 -159
  11. package/abstracts/_order.scss +0 -46
  12. package/abstracts/_position.scss +0 -51
  13. package/abstracts/_sizes.scss +0 -166
  14. package/abstracts/_spacings.scss +0 -216
  15. package/abstracts/_typography.scss +0 -124
  16. package/base/_helpers.scss +0 -2183
  17. package/base/_reset.scss +0 -9
  18. package/base/_typography.scss +0 -244
  19. package/components/matcha-audio-player.scss +0 -37
  20. package/components/matcha-buttons.scss +0 -199
  21. package/components/matcha-cards.scss +0 -93
  22. package/components/matcha-color-pick.scss +0 -32
  23. package/components/matcha-draggable.scss +0 -25
  24. package/components/matcha-header.scss +0 -327
  25. package/components/matcha-horizontal-tree.scss +0 -277
  26. package/components/matcha-progress-bar.scss +0 -107
  27. package/components/matcha-scrollbar.scss +0 -36
  28. package/components/matcha-scrollbox-shadow.scss +0 -127
  29. package/components/matcha-table.scss +0 -279
  30. package/fonts/CircularStd-Black.eot +0 -0
  31. package/fonts/CircularStd-Black.svg +0 -3426
  32. package/fonts/CircularStd-Black.ttf +0 -0
  33. package/fonts/CircularStd-Black.woff +0 -0
  34. package/fonts/CircularStd-Black.woff2 +0 -0
  35. package/fonts/CircularStd-Bold.eot +0 -0
  36. package/fonts/CircularStd-Bold.otf +0 -0
  37. package/fonts/CircularStd-Bold.svg +0 -13532
  38. package/fonts/CircularStd-Bold.ttf +0 -0
  39. package/fonts/CircularStd-Bold.woff +0 -0
  40. package/fonts/CircularStd-Bold.woff2 +0 -0
  41. package/fonts/CircularStd-Medium.eot +0 -0
  42. package/fonts/CircularStd-Medium.otf +0 -0
  43. package/fonts/CircularStd-Medium.svg +0 -13511
  44. package/fonts/CircularStd-Medium.ttf +0 -0
  45. package/fonts/CircularStd-Medium.woff +0 -0
  46. package/fonts/CircularStd-Medium.woff2 +0 -0
  47. package/fonts/CircularStd-Regular.eot +0 -0
  48. package/fonts/CircularStd-Regular.otf +0 -0
  49. package/fonts/CircularStd-Regular.svg +0 -2378
  50. package/fonts/CircularStd-Regular.ttf +0 -0
  51. package/fonts/CircularStd-Regular.woff +0 -0
  52. package/fonts/CircularStd-Regular.woff2 +0 -0
  53. package/main.scss +0 -133
  54. package/tokens/_animations.scss +0 -37
  55. package/tokens/_breakpoints.scss +0 -38
  56. package/tokens/_color-tokens.scss +0 -1391
  57. package/tokens/_elevation-tokens.scss +0 -14
  58. package/tokens/_spacing-tokens.scss +0 -96
  59. package/tokens/_typography-tokens.scss +0 -25
  60. package/vendors/angular-editor.scss +0 -56
  61. package/vendors/angular-material-fixes.scss +0 -261
  62. package/vendors/calendar.scss +0 -2880
  63. package/vendors/charts.scss +0 -92
  64. package/vendors/ng5-slider.scss +0 -56
  65. package/vendors/ngx-material-timepicker.scss +0 -50
@@ -1,92 +0,0 @@
1
- @mixin vendor-chart($theme) {
2
- $primary: map-get($theme, primary);
3
- $accent: map-get($theme, accent);
4
- $warn: map-get($theme, warn);
5
- $background: map-get($theme, background);
6
- $foreground: map-get($theme, foreground);
7
-
8
- // Fixer wrappers
9
- .matcha-card,
10
- .matcha-card-flat,
11
- .matcha-section {
12
-
13
- //Google Chart
14
- google-chart {
15
- width: 100% !important;
16
- max-width: 100% !important;
17
- min-width: 100% !important;
18
- height: 100%;
19
- }
20
-
21
- google-chart * {
22
- max-width: 100% !important;
23
- }
24
- }
25
-
26
- #ngxcharts {
27
- ngx-charts-chart {
28
- svg {
29
- height: 400px;
30
- width: 400px;
31
-
32
- g {}
33
- }
34
- }
35
- }
36
-
37
- .chart-legend {
38
- background-color: transparent;
39
- padding: 0;
40
- width: 200px !important;
41
- min-width: 200px;
42
- max-width: 300px;
43
- display: -webkit-box;
44
- display: flex;
45
- right: 0;
46
-
47
- div {
48
- width: 100% !important;
49
- }
50
-
51
- .legend-labels {
52
- background: transparent !important;
53
-
54
- .active {
55
- .legend-label-text {
56
- color: map-get($foreground, label);
57
- }
58
- }
59
- }
60
-
61
- .legend-label-color {
62
- border-radius: 12px !important;
63
- }
64
-
65
- .legend-label-text {
66
- font-weight: normal;
67
- font-size: 16px !important;
68
- line-height: 20px;
69
- color: map-get($foreground, text);
70
- }
71
- }
72
-
73
- // Large devices (tablets and small monitors, 1024px and up < 1440px)
74
- @media (min-width: 1024px) {
75
- .chart-legend {
76
- margin: 0 24px 0 0;
77
- border-radius: 8px;
78
- position: absolute;
79
- background-color: map-get($background, background-alpha);
80
- @include elevation(1);
81
- }
82
- }
83
-
84
- .pie-chart {
85
- .pie-label {
86
- fill: map-get($foreground, label);
87
- font-size: 16px !important;
88
- line-height: 20px;
89
- padding: 8px;
90
- }
91
- }
92
- }
@@ -1,56 +0,0 @@
1
- @mixin vendor-ng-5-theme($theme) {
2
- $accent: map-get($theme, accent);
3
- $background: map-get($theme, background);
4
- $foreground: map-get($theme, foreground);
5
-
6
- .ng5-slider {
7
- &.animate {
8
- .ng5-slider-pointer {
9
- transition: all 50ms linear !important;
10
- }
11
- }
12
-
13
- .ng5-slider-bubble {
14
- bottom: 20px;
15
- padding: 0;
16
- margin: 0px auto;
17
- background: map-get($background, card);
18
- color: map-get($foreground, label);
19
- transition: all 50ms linear !important;
20
- }
21
-
22
- .ng5-slider-bar {
23
- background-color: map-get($background, disabled);
24
- }
25
-
26
- .ng5-slider-pointer,
27
- .ng5-slider-selection {
28
- background-color: map-get($accent, default);
29
- }
30
-
31
- .ng5-slider-pointer:after {
32
- width: 16px;
33
- height: 16px;
34
- position: absolute;
35
- top: 8px;
36
- left: 8px;
37
- border-radius: 8px;
38
- background-color: map-get($background, card);
39
- }
40
-
41
- .ng5-slider-pointer:active:after {
42
- background-color: map-get($background, card);
43
- }
44
-
45
- .ng5-slider-pointer.ng5-slider-active:after {
46
- width: 16px;
47
- height: 16px;
48
- position: absolute;
49
- top: 8px;
50
- left: 8px;
51
- border-radius: 8px;
52
- background: map-get($background, background);
53
- background-color: map-get($background, background);
54
- }
55
- }
56
- }
@@ -1,50 +0,0 @@
1
- @mixin vendor-ngx-material-timepicker($theme) {
2
- $primary: map-get($theme, primary);
3
- $accent: map-get($theme, accent);
4
- $warn: map-get($theme, warn);
5
- $background: map-get($theme, background);
6
- $foreground: map-get($theme, foreground);
7
-
8
- ngx-material-timepicker-container {
9
- z-index: 10000;
10
-
11
- .timepicker__header,
12
- .clock-face__number>span.active {
13
- background-color: map-get($accent, default) !important;
14
- }
15
-
16
- .timepicker-dial__control {
17
- color: map-color($foreground, text-inverse, 0.5) !important;
18
- }
19
-
20
- .clock-face__number>span.active,
21
- .dial__control,
22
- .timepicker-dial__item_active,
23
- .timepicker-dial__time {
24
- color: map-get($foreground, text-inverse) !important;
25
- }
26
-
27
- .timepicker-button {
28
- color: map-get($accent, default) !important;
29
- }
30
-
31
- .timepicker__body,
32
- .timepicker__actions {
33
- background-color: map-get($background, card) !important;
34
- }
35
-
36
- .clock-face__clock-hand,
37
- .clock-face__clock-hand_minute {
38
- background-color: map-get($accent, default) !important;
39
- }
40
-
41
- .clock-face__clock-hand_minute::before {
42
- border-color: map-get($accent, default) !important;
43
- background-color: map-get($background, card) !important;
44
- }
45
-
46
- .clock-face {
47
- background-color: map-get($background, background) !important;
48
- }
49
- }
50
- }