@haiilo/catalyst 0.15.2 → 1.0.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 (131) hide show
  1. package/dist/catalyst/catalyst.css +2 -2
  2. package/dist/catalyst/catalyst.esm.js +1 -1
  3. package/dist/catalyst/catalyst.esm.js.map +1 -1
  4. package/dist/catalyst/index.cdn.js +7 -17
  5. package/dist/catalyst/index.esm.js +1 -1
  6. package/dist/catalyst/p-081aece8.entry.js +10 -0
  7. package/dist/catalyst/p-081aece8.entry.js.map +1 -0
  8. package/dist/catalyst/p-10b0d7a2.js +10 -0
  9. package/dist/catalyst/p-10b0d7a2.js.map +1 -0
  10. package/dist/catalyst/{p-a255bd64.js → p-f80e3399.js} +1 -1
  11. package/dist/catalyst/p-f80e3399.js.map +1 -0
  12. package/dist/catalyst/scss/_variables.scss +4 -13
  13. package/dist/catalyst/scss/core/_nav.scss +1 -1
  14. package/dist/catalyst/scss/core/_typography.scss +20 -11
  15. package/dist/catalyst/scss/index.scss +0 -52
  16. package/dist/cjs/cat-alert_23.cjs.entry.js +7534 -0
  17. package/dist/cjs/cat-alert_23.cjs.entry.js.map +1 -0
  18. package/dist/cjs/{cat-notification-6a438ad1.js → cat-notification-bcb9fb86.js} +14 -12
  19. package/dist/cjs/cat-notification-bcb9fb86.js.map +1 -0
  20. package/dist/cjs/catalyst.cjs.js +2 -2
  21. package/dist/cjs/catalyst.cjs.js.map +1 -1
  22. package/dist/cjs/{index-c7955116.js → index-8ab22379.js} +1 -1
  23. package/dist/cjs/index-8ab22379.js.map +1 -0
  24. package/dist/cjs/index.cjs.js +1 -1
  25. package/dist/cjs/loader.cjs.js +2 -2
  26. package/dist/cjs/loader.cjs.js.map +1 -1
  27. package/dist/collection/collection-manifest.json +1 -2
  28. package/dist/collection/components/cat-alert/cat-alert.css +12 -13
  29. package/dist/collection/components/cat-badge/cat-badge.css +7 -9
  30. package/dist/collection/components/cat-card/cat-card.css +1 -1
  31. package/dist/collection/components/cat-checkbox/cat-checkbox.css +15 -1
  32. package/dist/collection/components/cat-input/cat-input.css +12 -1
  33. package/dist/collection/components/cat-radio/cat-radio.css +12 -1
  34. package/dist/collection/components/cat-select/cat-select.css +121 -552
  35. package/dist/collection/components/cat-select/cat-select.js +534 -343
  36. package/dist/collection/components/cat-select/cat-select.js.map +1 -1
  37. package/dist/collection/components/{cat-select-remote-test/cat-select-remote-test.js → cat-select-demo/cat-select-demo.js} +71 -7
  38. package/dist/collection/components/cat-select-demo/cat-select-demo.js.map +1 -0
  39. package/dist/collection/components/cat-tabs/cat-tabs.css +1 -1
  40. package/dist/collection/components/cat-textarea/cat-textarea.css +5 -1
  41. package/dist/collection/components/cat-toggle/cat-toggle.css +16 -1
  42. package/dist/collection/index.cdn.js +7 -17
  43. package/dist/collection/index.js.map +1 -1
  44. package/dist/collection/scss/_variables.scss +4 -13
  45. package/dist/collection/scss/core/_nav.scss +1 -1
  46. package/dist/collection/scss/core/_typography.scss +20 -11
  47. package/dist/collection/scss/index.scss +0 -52
  48. package/dist/components/cat-alert.js +1 -1
  49. package/dist/components/cat-alert.js.map +1 -1
  50. package/dist/components/cat-avatar.js +1 -118
  51. package/dist/components/cat-avatar.js.map +1 -1
  52. package/dist/components/cat-avatar2.js +122 -0
  53. package/dist/components/cat-avatar2.js.map +1 -0
  54. package/dist/components/cat-badge.js +1 -1
  55. package/dist/components/cat-badge.js.map +1 -1
  56. package/dist/components/cat-button2.js.map +1 -1
  57. package/dist/components/cat-card.js +1 -1
  58. package/dist/components/cat-card.js.map +1 -1
  59. package/dist/components/cat-checkbox2.js +1 -1
  60. package/dist/components/cat-checkbox2.js.map +1 -1
  61. package/dist/components/cat-input.js +1 -1
  62. package/dist/components/cat-input.js.map +1 -1
  63. package/dist/components/cat-modal.js.map +1 -1
  64. package/dist/components/cat-radio.js +1 -1
  65. package/dist/components/cat-radio.js.map +1 -1
  66. package/dist/components/cat-scrollable2.js.map +1 -1
  67. package/dist/components/{cat-select-remote.d.ts → cat-select-demo.d.ts} +4 -4
  68. package/dist/components/{cat-select-remote-test.js → cat-select-demo.js} +81 -13
  69. package/dist/components/cat-select-demo.js.map +1 -0
  70. package/dist/components/cat-select.js +1 -7864
  71. package/dist/components/cat-select.js.map +1 -1
  72. package/dist/components/{cat-select-remote2.js → cat-select2.js} +26 -19
  73. package/dist/components/cat-select2.js.map +1 -0
  74. package/dist/components/cat-tabs.js +1 -1
  75. package/dist/components/cat-tabs.js.map +1 -1
  76. package/dist/components/cat-textarea.js +1 -1
  77. package/dist/components/cat-textarea.js.map +1 -1
  78. package/dist/components/cat-toast-demo.js +13 -5
  79. package/dist/components/cat-toast-demo.js.map +1 -1
  80. package/dist/components/cat-toggle.js +1 -1
  81. package/dist/components/cat-toggle.js.map +1 -1
  82. package/dist/components/first-tabbable.js +110 -12
  83. package/dist/components/first-tabbable.js.map +1 -1
  84. package/dist/components/focus-trap.esm.js +27 -10
  85. package/dist/components/focus-trap.esm.js.map +1 -1
  86. package/dist/components/index.d.ts +1 -2
  87. package/dist/components/index.js +1 -2
  88. package/dist/components/index.js.map +1 -1
  89. package/dist/components/loglevel.js +1 -5
  90. package/dist/components/loglevel.js.map +1 -1
  91. package/dist/esm/cat-alert_23.entry.js +7508 -0
  92. package/dist/esm/cat-alert_23.entry.js.map +1 -0
  93. package/dist/esm/{cat-notification-5b6a2cd9.js → cat-notification-8bcf6fa2.js} +15 -11
  94. package/dist/esm/cat-notification-8bcf6fa2.js.map +1 -0
  95. package/dist/esm/catalyst.js +2 -2
  96. package/dist/esm/catalyst.js.map +1 -1
  97. package/dist/esm/{index-17d2bcf3.js → index-df195301.js} +1 -1
  98. package/dist/esm/index-df195301.js.map +1 -0
  99. package/dist/esm/index.js +1 -1
  100. package/dist/esm/loader.js +2 -2
  101. package/dist/esm/loader.js.map +1 -1
  102. package/dist/types/components/{cat-select-remote → cat-select}/autosize.d.ts +0 -0
  103. package/dist/types/components/cat-select/cat-select.d.ts +116 -58
  104. package/dist/types/components/cat-select-demo/cat-select-demo.d.ts +8 -0
  105. package/dist/types/components.d.ts +16 -138
  106. package/dist/types/index.d.ts +1 -4
  107. package/package.json +9 -11
  108. package/dist/catalyst/p-7fff102c.entry.js +0 -12
  109. package/dist/catalyst/p-7fff102c.entry.js.map +0 -1
  110. package/dist/catalyst/p-933b6a7a.js +0 -10
  111. package/dist/catalyst/p-933b6a7a.js.map +0 -1
  112. package/dist/catalyst/p-a255bd64.js.map +0 -1
  113. package/dist/cjs/cat-alert_24.cjs.entry.js +0 -15171
  114. package/dist/cjs/cat-alert_24.cjs.entry.js.map +0 -1
  115. package/dist/cjs/cat-notification-6a438ad1.js.map +0 -1
  116. package/dist/cjs/index-c7955116.js.map +0 -1
  117. package/dist/collection/components/cat-select-remote/cat-select-remote.css +0 -210
  118. package/dist/collection/components/cat-select-remote/cat-select-remote.js +0 -818
  119. package/dist/collection/components/cat-select-remote/cat-select-remote.js.map +0 -1
  120. package/dist/collection/components/cat-select-remote-test/cat-select-remote-test.js.map +0 -1
  121. package/dist/components/cat-select-remote-test.d.ts +0 -11
  122. package/dist/components/cat-select-remote-test.js.map +0 -1
  123. package/dist/components/cat-select-remote.js +0 -8
  124. package/dist/components/cat-select-remote.js.map +0 -1
  125. package/dist/components/cat-select-remote2.js.map +0 -1
  126. package/dist/esm/cat-alert_24.entry.js +0 -15144
  127. package/dist/esm/cat-alert_24.entry.js.map +0 -1
  128. package/dist/esm/cat-notification-5b6a2cd9.js.map +0 -1
  129. package/dist/esm/index-17d2bcf3.js.map +0 -1
  130. package/dist/types/components/cat-select-remote/cat-select-remote.d.ts +0 -164
  131. package/dist/types/components/cat-select-remote-test/cat-select-remote-test.d.ts +0 -6
package/dist/collection/components/cat-badge/cat-badge.css CHANGED
@@ -4,7 +4,7 @@
4
4
  /* stylelint-disable value-keyword-case */
5
5
  /* stylelint-enable value-keyword-case */
6
6
  :host {
7
- display: inline-flex;
7
+ display: inline-block;
8
8
  max-width: 100%;
9
9
  vertical-align: baseline;
10
10
  }
@@ -15,16 +15,14 @@
15
15
 
16
16
  .badge {
17
17
  font: inherit;
18
- flex: 1 1 auto;
19
18
  display: inline-flex;
20
19
  align-items: center;
21
20
  justify-content: center;
22
21
  border-radius: 0.125rem;
23
22
  text-decoration: none;
24
- width: 100%;
25
23
  box-sizing: border-box;
24
+ width: 100%;
26
25
  line-height: 1;
27
- white-space: nowrap;
28
26
  }
29
27
  .badge slot {
30
28
  display: inline-block;
@@ -91,35 +89,35 @@
91
89
  .badge-xs {
92
90
  height: 1rem;
93
91
  min-width: 1rem;
94
- font-size: 12px;
92
+ font-size: 0.75rem;
95
93
  padding: 0 0.25rem;
96
94
  }
97
95
 
98
96
  .badge-s {
99
97
  height: 1.5rem;
100
98
  min-width: 1.5rem;
101
- font-size: 12px;
99
+ font-size: 0.75rem;
102
100
  padding: 0 0.5rem;
103
101
  }
104
102
 
105
103
  .badge-m {
106
104
  height: 2rem;
107
105
  min-width: 2rem;
108
- font-size: 13px;
106
+ font-size: 0.875rem;
109
107
  padding: 0 0.75rem;
110
108
  }
111
109
 
112
110
  .badge-l {
113
111
  height: 2.5rem;
114
112
  min-width: 2.5rem;
115
- font-size: 15px;
113
+ font-size: 0.9375rem;
116
114
  padding: 0 1rem;
117
115
  }
118
116
 
119
117
  .badge-xl {
120
118
  height: 3rem;
121
119
  min-width: 3rem;
122
- font-size: 18px;
120
+ font-size: 1.125rem;
123
121
  padding: 0 1rem;
124
122
  }
125
123
 
package/dist/collection/components/cat-card/cat-card.css CHANGED
@@ -20,7 +20,7 @@
20
20
  }
21
21
 
22
22
  ::slotted(:last-child) {
23
- margin-bottom: 0;
23
+ margin-bottom: 0 !important;
24
24
  }
25
25
 
26
26
  ::slotted(.cat-card-pull) {
package/dist/collection/components/cat-checkbox/cat-checkbox.css CHANGED
@@ -13,7 +13,11 @@
13
13
  font-size: 0.875rem;
14
14
  line-height: 1rem;
15
15
  font-weight: var(--cat-font-weight-body, 400);
16
- margin: 0;
16
+ margin: 0 !important;
17
+ }
18
+
19
+ :host-context(.cat-error) .hint-section {
20
+ color: #d9340d;
17
21
  }
18
22
 
19
23
  :host {
@@ -109,6 +113,16 @@ input {
109
113
  outline-offset: 1px;
110
114
  }
111
115
 
116
+ :host(.cat-error) .box {
117
+ border: 1px solid #d9340d;
118
+ }
119
+ :host(.cat-error) :checked + .box,
120
+ :host(.cat-error) :indeterminate + .box {
121
+ background-color: #d9340d;
122
+ border-color: #d9340d;
123
+ stroke: white;
124
+ }
125
+
112
126
  .label {
113
127
  flex: 1 1 auto;
114
128
  min-width: 0;
package/dist/collection/components/cat-input/cat-input.css CHANGED
@@ -13,7 +13,11 @@
13
13
  font-size: 0.875rem;
14
14
  line-height: 1rem;
15
15
  font-weight: var(--cat-font-weight-body, 400);
16
- margin: 0;
16
+ margin: 0 !important;
17
+ }
18
+
19
+ :host-context(.cat-error) .hint-section {
20
+ color: #d9340d;
17
21
  }
18
22
 
19
23
  :host {
@@ -57,6 +61,13 @@
57
61
  outline: 2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));
58
62
  }
59
63
 
64
+ :host(.cat-error) .input-wrapper {
65
+ box-shadow: 0 0 0 1px #d9340d;
66
+ }
67
+ :host(.cat-error) .input-wrapper:not(.input-disabled):hover {
68
+ box-shadow: 0 0 0 2px #d9340d;
69
+ }
70
+
60
71
  label {
61
72
  align-self: flex-start;
62
73
  }
package/dist/collection/components/cat-radio/cat-radio.css CHANGED
@@ -13,7 +13,11 @@
13
13
  font-size: 0.875rem;
14
14
  line-height: 1rem;
15
15
  font-weight: var(--cat-font-weight-body, 400);
16
- margin: 0;
16
+ margin: 0 !important;
17
+ }
18
+
19
+ :host-context(.cat-error) .hint-section {
20
+ color: #d9340d;
17
21
  }
18
22
 
19
23
  :host {
@@ -79,6 +83,13 @@ input:focus-visible {
79
83
  outline-offset: 1px;
80
84
  }
81
85
 
86
+ :host(.cat-error) input {
87
+ border-color: #d9340d;
88
+ }
89
+ :host(.cat-error) .circle {
90
+ background-color: #d9340d;
91
+ }
92
+
82
93
  .label {
83
94
  flex: 1 1 auto;
84
95
  }