@tylertech/forge 3.14.0-dev.5 → 3.14.1

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 (23) hide show
  1. package/custom-elements.json +11729 -11176
  2. package/dist/secret/forge-secret.css +6 -0
  3. package/esm/button-area/button-area.js +17 -6
  4. package/esm/calendar/calendar-adapter.js +10 -0
  5. package/esm/calendar/calendar-menu/calendar-menu-adapter.js +3 -1
  6. package/esm/expansion-panel/expansion-panel.js +6 -4
  7. package/esm/index.d.ts +4 -3
  8. package/esm/index.js +7 -4
  9. package/esm/secret/index.d.ts +3 -0
  10. package/esm/secret/index.js +16 -0
  11. package/esm/secret/secret.d.ts +138 -0
  12. package/esm/secret/secret.js +331 -0
  13. package/esm/secret/secret.scss.js +9 -0
  14. package/esm/split-view/split-view-panel/split-view-panel.scss.js +1 -1
  15. package/package.json +5 -5
  16. package/sass/core/styles/tokens/secret/_tokens.scss +27 -0
  17. package/sass/secret/_core.scss +170 -0
  18. package/sass/secret/_token-utils.scss +25 -0
  19. package/sass/secret/forge-secret.scss +111 -0
  20. package/sass/secret/index.scss +1 -0
  21. package/sass/secret/secret.scss +104 -0
  22. package/vscode.css-custom-data.json +484 -412
  23. package/vscode.html-custom-data.json +553 -501
package/sass/secret/forge-secret.scss ADDED
@@ -0,0 +1,111 @@
1
+ @use './core' as *;
2
+
3
+ .forge-secret {
4
+ @include tokens;
5
+ @include host;
6
+ @include base;
7
+
8
+ &__content {
9
+ @include content;
10
+ }
11
+
12
+ &__button {
13
+ @include button;
14
+ }
15
+
16
+ &__text-button {
17
+ @include text-button;
18
+ }
19
+
20
+ &__icon {
21
+ @include icon;
22
+ }
23
+
24
+ &--show-on-hover:where(:hover, :has(:where(.forge-secret__button, .forge-secret__text-button):focus-visible)) {
25
+ .forge-secret__content {
26
+ filter: none !important;
27
+
28
+ &::before {
29
+ display: none;
30
+ }
31
+ }
32
+
33
+ &.forge-secret--masked:not(.forge-secret--block) {
34
+ .forge-secret__content {
35
+ display: inline-block !important;
36
+ }
37
+
38
+ .forge-secret__masked {
39
+ &::before {
40
+ display: none;
41
+ }
42
+ }
43
+ }
44
+
45
+ .forge-secret__text-button {
46
+ @include text-button-open;
47
+ }
48
+ }
49
+
50
+ &--block {
51
+ @include host-block;
52
+ @include base-block;
53
+
54
+ .forge-secret__content {
55
+ @include content-block;
56
+ }
57
+ }
58
+
59
+ &:has(:where(.forge-secret__button, .forge-secret__text-button):not([aria-expanded='true'])) {
60
+ @include closed;
61
+
62
+ cursor: unset;
63
+
64
+ .forge-secret__content {
65
+ interactivity: inert;
66
+ user-select: none;
67
+ }
68
+
69
+ &:where(.forge-secret--blur, .forge-secret--block.forge-secret--masked) {
70
+ .forge-secret__content {
71
+ @include content-blur;
72
+ }
73
+ }
74
+
75
+ &.forge-secret--masked:not(.forge-secret--block) {
76
+ .forge-secret__content {
77
+ display: none;
78
+ }
79
+
80
+ .forge-secret__masked {
81
+ &::before {
82
+ content: attr(data-mask);
83
+ }
84
+ }
85
+ }
86
+
87
+ &.forge-secret--noise {
88
+ .forge-secret__content {
89
+ @include content-noise;
90
+ }
91
+ }
92
+ }
93
+
94
+ &:has(:where(.forge-secret__button, .forge-secret__text-button)[aria-expanded='true']) {
95
+ .forge-secret__text-button {
96
+ @include text-button-open;
97
+ }
98
+
99
+ &:not(.forge-secret--block) {
100
+ .forge-secret__content {
101
+ @include content-inline-open;
102
+ }
103
+ }
104
+ }
105
+ }
106
+
107
+ @media (prefers-reduced-motion: reduce) {
108
+ .forge-secret {
109
+ @include override(transition-duration, 0, 'value');
110
+ }
111
+ }
package/sass/secret/index.scss ADDED
@@ -0,0 +1 @@
1
+ @forward './core';
package/sass/secret/secret.scss ADDED
@@ -0,0 +1,104 @@
1
+ @use './core' as *;
2
+ @use '../utils/mixins' as utils;
3
+
4
+ :host {
5
+ @include host;
6
+ }
7
+
8
+ :host([hidden]) {
9
+ display: none;
10
+ }
11
+
12
+ .forge-secret {
13
+ @include tokens;
14
+ }
15
+
16
+ .forge-secret {
17
+ @include base;
18
+ }
19
+
20
+ .reverse {
21
+ @include base-reverse;
22
+ }
23
+
24
+ .content {
25
+ @include content;
26
+ }
27
+
28
+ .blur {
29
+ @include content-blur;
30
+ }
31
+
32
+ .masked {
33
+ @include content-masked;
34
+ }
35
+
36
+ .noise {
37
+ @include content-noise;
38
+ }
39
+
40
+ .button {
41
+ @include button;
42
+ }
43
+
44
+ .icon {
45
+ @include icon;
46
+ }
47
+
48
+ .text-button {
49
+ @include text-button;
50
+ }
51
+
52
+ .show-on-hover:where(:hover, :has(button:focus-visible)) {
53
+ .content {
54
+ @include content-forced-open;
55
+ }
56
+
57
+ .masked {
58
+ @include content-masked-forced-open;
59
+ }
60
+
61
+ .text-button {
62
+ @include text-button-open;
63
+ }
64
+ }
65
+
66
+ :host(:state(open)) {
67
+ .text-button {
68
+ @include text-button-open;
69
+ }
70
+ }
71
+
72
+ :host(:not(:state(open))) {
73
+ .forge-secret {
74
+ @include closed;
75
+ }
76
+ }
77
+
78
+ :host(:not(:state(block)):state(open)) {
79
+ .content {
80
+ @include content-inline-open;
81
+ }
82
+ }
83
+
84
+ :host(:state(block)) {
85
+ @include host-block;
86
+
87
+ .forge-secret {
88
+ @include base-block;
89
+ }
90
+
91
+ .content {
92
+ @include content-block;
93
+ }
94
+ }
95
+
96
+ @media (prefers-reduced-motion: reduce) {
97
+ .forge-secret {
98
+ @include override(transition-duration, 0, 'value');
99
+ }
100
+ }
101
+
102
+ [hidden] {
103
+ display: none;
104
+ }