@gravitee/ui-particles-angular 7.29.3-gio-button-toggle-cc25dc2 → 7.29.3-gio-button-toggle-92221b7

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gravitee/ui-particles-angular",
3
- "version": "7.29.3-gio-button-toggle-cc25dc2",
3
+ "version": "7.29.3-gio-button-toggle-92221b7",
4
4
  "description": "Gravitee.io - UI Particles Angular",
5
5
  "repository": {
6
6
  "type": "git",
@@ -0,0 +1,114 @@
1
+ /*
2
+ * Copyright (C) 2021 The Gravitee team (http://gravitee.io)
3
+ *
4
+ * Licensed under the Apache License, Version 2.0 (the "License");
5
+ * you may not use this file except in compliance with the License.
6
+ * You may obtain a copy of the License at
7
+ *
8
+ * http://www.apache.org/licenses/LICENSE-2.0
9
+ *
10
+ * Unless required by applicable law or agreed to in writing, software
11
+ * distributed under the License is distributed on an "AS IS" BASIS,
12
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
+ * See the License for the specific language governing permissions and
14
+ * limitations under the License.
15
+ */
16
+ @use 'sass:map';
17
+ @use '@angular/material' as mat;
18
+
19
+ @use '../../scss/gio-mat-palettes.scss' as palettes;
20
+ @use '../../scss/gio-mat-theme-variable' as theme;
21
+
22
+ /**
23
+ * Gravitee.io version of bootstrap "badge" element
24
+ */
25
+ @mixin theme() {
26
+ %gio-badge-base {
27
+ display: inline-flex;
28
+ min-width: 10px;
29
+ align-items: center;
30
+ padding: 4px 8px;
31
+ border-radius: 16px;
32
+ margin-right: 4px;
33
+ margin-left: 4px;
34
+ background-color: mat.get-color-from-palette(palettes.$mat-primary-palette, lighter);
35
+ color: mat.get-color-from-palette(palettes.$mat-primary-palette, lighter-contrast);
36
+ font-size: mat.font-size(theme.$mat-typography, caption);
37
+ font-weight: mat.font-weight(theme.$mat-typography, caption);
38
+ line-height: 16px;
39
+ text-align: center;
40
+ text-transform: capitalize;
41
+ vertical-align: middle;
42
+
43
+ .mat-icon {
44
+ width: inherit;
45
+ max-width: 16px;
46
+ height: inherit;
47
+
48
+ // Set max height & height and width when using SVG icons (i.e. not coming from a web font) otherwise they are just HUGE
49
+ height: 16px;
50
+ max-height: 16px;
51
+ font-size: inherit;
52
+ line-height: inherit;
53
+ vertical-align: middle;
54
+
55
+ &.gio-right {
56
+ margin-left: 4px;
57
+ }
58
+
59
+ &.gio-left {
60
+ margin-right: 4px;
61
+ }
62
+ }
63
+ }
64
+
65
+ .gio-badge {
66
+ @extend %gio-badge-base;
67
+ }
68
+
69
+ .gio-badge-primary {
70
+ @extend %gio-badge-base;
71
+ }
72
+
73
+ .gio-badge-accent {
74
+ @extend %gio-badge-base;
75
+
76
+ background-color: mat.get-color-from-palette(palettes.$mat-accent-palette, lighter);
77
+ color: mat.get-color-from-palette(palettes.$mat-accent-palette, lighter-contrast);
78
+ }
79
+
80
+ .gio-badge-neutral {
81
+ @extend %gio-badge-base;
82
+
83
+ background-color: mat.get-color-from-palette(palettes.$mat-dove-palette, darker10);
84
+ color: mat.get-color-from-palette(palettes.$mat-dove-palette, darker10-contrast);
85
+ }
86
+
87
+ .gio-badge-white {
88
+ @extend %gio-badge-base;
89
+
90
+ background-color: mat.get-color-from-palette(palettes.$mat-basic-palette, white);
91
+ color: mat.get-color-from-palette(palettes.$mat-basic-palette, white-contrast);
92
+ }
93
+
94
+ .gio-badge-success {
95
+ @extend %gio-badge-base;
96
+
97
+ background-color: mat.get-color-from-palette(palettes.$mat-success-palette, lighter);
98
+ color: mat.get-color-from-palette(palettes.$mat-success-palette, lighter-contrast);
99
+ }
100
+
101
+ .gio-badge-error {
102
+ @extend %gio-badge-base;
103
+
104
+ background-color: mat.get-color-from-palette(palettes.$mat-error-palette, lighter);
105
+ color: mat.get-color-from-palette(palettes.$mat-error-palette, lighter-contrast);
106
+ }
107
+
108
+ .gio-badge-warning {
109
+ @extend %gio-badge-base;
110
+
111
+ background-color: mat.get-color-from-palette(palettes.$mat-warning-palette, lighter);
112
+ color: mat.get-color-from-palette(palettes.$mat-warning-palette, lighter-contrast);
113
+ }
114
+ }
@@ -0,0 +1,54 @@
1
+ /*
2
+ * Copyright (C) 2021 The Gravitee team (http://gravitee.io)
3
+ *
4
+ * Licensed under the Apache License, Version 2.0 (the "License");
5
+ * you may not use this file except in compliance with the License.
6
+ * You may obtain a copy of the License at
7
+ *
8
+ * http://www.apache.org/licenses/LICENSE-2.0
9
+ *
10
+ * Unless required by applicable law or agreed to in writing, software
11
+ * distributed under the License is distributed on an "AS IS" BASIS,
12
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
+ * See the License for the specific language governing permissions and
14
+ * limitations under the License.
15
+ */
16
+ @use 'sass:map';
17
+ @use '@angular/material' as mat;
18
+ @use '../../scss/gio-mat-palettes' as palettes;
19
+ @use '../../scss/gio-mat-theme-variable' as theme;
20
+
21
+ $typography: map.get(theme.$mat-theme, typography);
22
+
23
+ @mixin gio-button-toggle-group {
24
+ width: fit-content;
25
+ height: 44px;
26
+ padding: 4px;
27
+ border: solid 1px mat.get-color-from-palette(palettes.$mat-dove-palette, 'darker20');
28
+ margin-bottom: 16px;
29
+
30
+ .mat-button-toggle {
31
+ @include mat.typography-level($typography, body-2);
32
+
33
+ display: flex;
34
+ flex-direction: row;
35
+ align-items: center;
36
+ border-radius: 4px;
37
+ }
38
+
39
+ .mat-button-toggle.mat-button-toggle-checked {
40
+ background-color: mat.get-color-from-palette(palettes.$mat-accent-palette, 'darker20');
41
+ color: mat.get-color-from-palette(palettes.$mat-accent-palette, default-contrast);
42
+ }
43
+
44
+ .mat-button-toggle.mat-button-toggle + .mat-button-toggle {
45
+ border: none;
46
+ margin-left: 8px;
47
+ }
48
+ }
49
+
50
+ @mixin theme() {
51
+ .gio-button-toggle-group {
52
+ @include gio-button-toggle-group;
53
+ }
54
+ }
@@ -0,0 +1,23 @@
1
+ /*
2
+ * Copyright (C) 2021 The Gravitee team (http://gravitee.io)
3
+ *
4
+ * Licensed under the Apache License, Version 2.0 (the "License");
5
+ * you may not use this file except in compliance with the License.
6
+ * You may obtain a copy of the License at
7
+ *
8
+ * http://www.apache.org/licenses/LICENSE-2.0
9
+ *
10
+ * Unless required by applicable law or agreed to in writing, software
11
+ * distributed under the License is distributed on an "AS IS" BASIS,
12
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
+ * See the License for the specific language governing permissions and
14
+ * limitations under the License.
15
+ */
16
+ @use '../../scss/theme/typography/gio-typography' as typo;
17
+
18
+ @mixin theme() {
19
+ .gio-caption-2,
20
+ .gio-caption-strong {
21
+ @include typo.caption-2;
22
+ }
23
+ }
@@ -0,0 +1,23 @@
1
+ /*
2
+ * Copyright (C) 2021 The Gravitee team (http://gravitee.io)
3
+ *
4
+ * Licensed under the Apache License, Version 2.0 (the "License");
5
+ * you may not use this file except in compliance with the License.
6
+ * You may obtain a copy of the License at
7
+ *
8
+ * http://www.apache.org/licenses/LICENSE-2.0
9
+ *
10
+ * Unless required by applicable law or agreed to in writing, software
11
+ * distributed under the License is distributed on an "AS IS" BASIS,
12
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
+ * See the License for the specific language governing permissions and
14
+ * limitations under the License.
15
+ */
16
+ @use '../../scss/theme/typography/gio-typography' as typo;
17
+
18
+ @mixin theme() {
19
+ code,
20
+ .gio-code {
21
+ @include typo.code-typography;
22
+ }
23
+ }
@@ -0,0 +1,22 @@
1
+ /*
2
+ * Copyright (C) 2021 The Gravitee team (http://gravitee.io)
3
+ *
4
+ * Licensed under the Apache License, Version 2.0 (the "License");
5
+ * you may not use this file except in compliance with the License.
6
+ * You may obtain a copy of the License at
7
+ *
8
+ * http://www.apache.org/licenses/LICENSE-2.0
9
+ *
10
+ * Unless required by applicable law or agreed to in writing, software
11
+ * distributed under the License is distributed on an "AS IS" BASIS,
12
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
+ * See the License for the specific language governing permissions and
14
+ * limitations under the License.
15
+ */
16
+ @use '../../scss/theme/typography/gio-typography' as typo;
17
+
18
+ @mixin theme() {
19
+ a {
20
+ @include typo.link-typography;
21
+ }
22
+ }
@@ -0,0 +1,118 @@
1
+ /*
2
+ * Copyright (C) 2021 The Gravitee team (http://gravitee.io)
3
+ *
4
+ * Licensed under the Apache License, Version 2.0 (the "License");
5
+ * you may not use this file except in compliance with the License.
6
+ * You may obtain a copy of the License at
7
+ *
8
+ * http://www.apache.org/licenses/LICENSE-2.0
9
+ *
10
+ * Unless required by applicable law or agreed to in writing, software
11
+ * distributed under the License is distributed on an "AS IS" BASIS,
12
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
+ * See the License for the specific language governing permissions and
14
+ * limitations under the License.
15
+ */
16
+ @use 'sass:map';
17
+ @use '@angular/material' as mat;
18
+
19
+ @use '../../scss/gio-mat-palettes.scss' as palettes;
20
+ @use '../../scss/gio-mat-theme-variable' as theme;
21
+
22
+ /**
23
+ * Gravitee.io version of bootstrap "badge" element dedicated to HTTP verbs
24
+ */
25
+ @mixin theme() {
26
+ %gio-method-badge-base {
27
+ display: inline-flex;
28
+ width: 72px;
29
+ height: 24px;
30
+ align-items: center;
31
+ justify-content: center;
32
+ padding: 4px 8px;
33
+ border-radius: 6px;
34
+ margin-right: 4px;
35
+ margin-left: 4px;
36
+ font-size: mat.font-size(theme.$mat-typography, caption);
37
+ font-weight: mat.font-weight(theme.$mat-typography, caption);
38
+ line-height: 16px;
39
+ text-align: center;
40
+ text-transform: uppercase;
41
+ vertical-align: middle;
42
+ white-space: nowrap;
43
+ }
44
+
45
+ .gio-method-badge {
46
+ @extend %gio-method-badge-base;
47
+ }
48
+
49
+ .gio-method-badge-post {
50
+ @extend %gio-method-badge-base;
51
+
52
+ background-color: mat.get-color-from-palette(palettes.$mat-method-palette, post);
53
+ color: mat.get-color-from-palette(palettes.$mat-method-palette, post-contrast);
54
+ }
55
+
56
+ .gio-method-badge-get {
57
+ @extend %gio-method-badge-base;
58
+
59
+ background-color: mat.get-color-from-palette(palettes.$mat-method-palette, get);
60
+ color: mat.get-color-from-palette(palettes.$mat-method-palette, get-contrast);
61
+ }
62
+
63
+ .gio-method-badge-patch {
64
+ @extend %gio-method-badge-base;
65
+
66
+ background-color: mat.get-color-from-palette(palettes.$mat-method-palette, patch);
67
+ color: mat.get-color-from-palette(palettes.$mat-method-palette, patch-contrast);
68
+ }
69
+
70
+ .gio-method-badge-put {
71
+ @extend %gio-method-badge-base;
72
+
73
+ background-color: mat.get-color-from-palette(palettes.$mat-method-palette, put);
74
+ color: mat.get-color-from-palette(palettes.$mat-method-palette, put-contrast);
75
+ }
76
+
77
+ .gio-method-badge-delete {
78
+ @extend %gio-method-badge-base;
79
+
80
+ background-color: mat.get-color-from-palette(palettes.$mat-method-palette, delete);
81
+ color: mat.get-color-from-palette(palettes.$mat-method-palette, delete-contrast);
82
+ }
83
+
84
+ .gio-method-badge-options {
85
+ @extend %gio-method-badge-base;
86
+
87
+ background-color: mat.get-color-from-palette(palettes.$mat-method-palette, option);
88
+ color: mat.get-color-from-palette(palettes.$mat-method-palette, option-contrast);
89
+ }
90
+
91
+ .gio-method-badge-trace {
92
+ @extend %gio-method-badge-base;
93
+
94
+ background-color: mat.get-color-from-palette(palettes.$mat-method-palette, trace);
95
+ color: mat.get-color-from-palette(palettes.$mat-method-palette, trace-contrast);
96
+ }
97
+
98
+ .gio-method-badge-head {
99
+ @extend %gio-method-badge-base;
100
+
101
+ background-color: mat.get-color-from-palette(palettes.$mat-method-palette, head);
102
+ color: mat.get-color-from-palette(palettes.$mat-method-palette, head-contrast);
103
+ }
104
+
105
+ .gio-method-badge-connect {
106
+ @extend %gio-method-badge-base;
107
+
108
+ background-color: mat.get-color-from-palette(palettes.$mat-method-palette, connect);
109
+ color: mat.get-color-from-palette(palettes.$mat-method-palette, connect-contrast);
110
+ }
111
+
112
+ .gio-method-badge-other {
113
+ @extend %gio-method-badge-base;
114
+
115
+ background-color: mat.get-color-from-palette(palettes.$mat-method-palette, other);
116
+ color: mat.get-color-from-palette(palettes.$mat-method-palette, other-contrast);
117
+ }
118
+ }
@@ -0,0 +1,33 @@
1
+ /*
2
+ * Copyright (C) 2021 The Gravitee team (http://gravitee.io)
3
+ *
4
+ * Licensed under the Apache License, Version 2.0 (the "License");
5
+ * you may not use this file except in compliance with the License.
6
+ * You may obtain a copy of the License at
7
+ *
8
+ * http://www.apache.org/licenses/LICENSE-2.0
9
+ *
10
+ * Unless required by applicable law or agreed to in writing, software
11
+ * distributed under the License is distributed on an "AS IS" BASIS,
12
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
+ * See the License for the specific language governing permissions and
14
+ * limitations under the License.
15
+ */
16
+ @use './gio-badge/gio-badge';
17
+ @use './gio-method-badge/gio-method-badge';
18
+ @use './gio-code/gio-code';
19
+ @use './gio-table-light/gio-table-light';
20
+ @use './gio-link/gio-link';
21
+ @use './gio-caption-2/gio-caption-2';
22
+ @use './gio-button-toggle-group/gio-button-toggle-group';
23
+
24
+ // All Gravitee.io SCSS components to add globally in main.scss
25
+ @mixin all-components() {
26
+ @include gio-badge.theme;
27
+ @include gio-method-badge.theme;
28
+ @include gio-code.theme;
29
+ @include gio-table-light.theme;
30
+ @include gio-link.theme;
31
+ @include gio-caption-2.theme;
32
+ @include gio-button-toggle-group.theme;
33
+ }
@@ -0,0 +1,56 @@
1
+ /*
2
+ * Copyright (C) 2021 The Gravitee team (http://gravitee.io)
3
+ *
4
+ * Licensed under the Apache License, Version 2.0 (the "License");
5
+ * you may not use this file except in compliance with the License.
6
+ * You may obtain a copy of the License at
7
+ *
8
+ * http://www.apache.org/licenses/LICENSE-2.0
9
+ *
10
+ * Unless required by applicable law or agreed to in writing, software
11
+ * distributed under the License is distributed on an "AS IS" BASIS,
12
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
+ * See the License for the specific language governing permissions and
14
+ * limitations under the License.
15
+ */
16
+ @use 'sass:map';
17
+ @use '@angular/material' as mat;
18
+
19
+ @use '../../scss/gio-mat-palettes.scss' as palettes;
20
+ @use '../../scss/gio-mat-theme-variable' as theme;
21
+
22
+ $background: map.get(theme.$mat-theme, background);
23
+ $typography: map.get(theme.$mat-theme, typography);
24
+
25
+ @mixin theme() {
26
+ table.gio-table-light {
27
+ border: 1px solid map.get(palettes.$mat-dove-palette, darker10);
28
+ border-radius: 4px;
29
+ border-collapse: inherit;
30
+ border-spacing: 0;
31
+
32
+ th,
33
+ td {
34
+ padding: 8px;
35
+ border-bottom: 1px solid map.get(palettes.$mat-dove-palette, darker10);
36
+ }
37
+
38
+ thead {
39
+ @include mat.typography-level($typography, 'body-2');
40
+
41
+ background-color: mat.get-color-from-palette(palettes.$mat-dove-palette, default);
42
+ text-align: left;
43
+ text-transform: uppercase;
44
+ }
45
+
46
+ tbody {
47
+ @include mat.typography-level($typography, 'body-1');
48
+
49
+ background-color: mat.get-color-from-palette(palettes.$mat-basic-palette, white);
50
+
51
+ & > tr:last-child > td {
52
+ border-bottom: 0;
53
+ }
54
+ }
55
+ }
56
+ }
@@ -0,0 +1,19 @@
1
+ /*
2
+ * Copyright (C) 2021 The Gravitee team (http://gravitee.io)
3
+ *
4
+ * Licensed under the Apache License, Version 2.0 (the "License");
5
+ * you may not use this file except in compliance with the License.
6
+ * You may obtain a copy of the License at
7
+ *
8
+ * http://www.apache.org/licenses/LICENSE-2.0
9
+ *
10
+ * Unless required by applicable law or agreed to in writing, software
11
+ * distributed under the License is distributed on an "AS IS" BASIS,
12
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
+ * See the License for the specific language governing permissions and
14
+ * limitations under the License.
15
+ */
16
+
17
+ // Forwards mixins to use in scss files
18
+
19
+ @forward './gio-button-toggle-group/gio-button-toggle-group' show gio-button-toggle-group;