@pathscale/ui 1.2.5 → 1.2.6

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 (9) hide show
  1. package/dist/components/auth-powered-by/AuthPoweredBy.js +6 -17
  2. package/dist/components/glass-panel/GlassPanel.classes.d.ts +0 -3
  3. package/dist/components/glass-panel/GlassPanel.classes.js +0 -3
  4. package/dist/components/glass-panel/GlassPanel.css +4 -81
  5. package/dist/components/glass-panel/GlassPanel.d.ts +0 -3
  6. package/dist/components/glass-panel/GlassPanel.js +1 -4
  7. package/dist/purge-manifest.json +14910 -15045
  8. package/dist/styles/icons/generated-icons.css +173 -1
  9. package/package.json +11 -4
package/dist/components/auth-powered-by/AuthPoweredBy.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
2
2
  import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
3
3
  import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
4
- var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="inline-flex shrink-0"aria-hidden=true>'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="inline-flex items-center gap-1.5"><span>'), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<a class="underline-offset-4 transition hover:underline">'), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
4
+ var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="inline-flex shrink-0"aria-hidden=true>'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="inline-flex items-center gap-1.5"><span>'), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><a target=_blank rel="noopener noreferrer"class="underline-offset-4 transition hover:underline">');
5
5
  const ALIGN_CLASS = {
6
6
  left: "justify-start text-left",
7
7
  center: "justify-center text-center",
@@ -23,7 +23,8 @@ const AuthPoweredBy_AuthPoweredBy = (props)=>{
23
23
  "className",
24
24
  "dataTheme"
25
25
  ]);
26
- const label = ()=>local.label ?? "Powered by Honey.id";
26
+ const label = ()=>local.label ?? "Secure Auth by Honey";
27
+ const href = ()=>local.href ?? "https://honey.id/";
27
28
  const content = ()=>(()=>{
28
29
  var _el$ = _tmpl$2(), _el$3 = _el$.firstChild;
29
30
  (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
@@ -40,7 +41,7 @@ const AuthPoweredBy_AuthPoweredBy = (props)=>{
40
41
  return _el$;
41
42
  })();
42
43
  return (()=>{
43
- var _el$4 = _tmpl$4();
44
+ var _el$4 = _tmpl$3(), _el$5 = _el$4.firstChild;
44
45
  (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
45
46
  class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("flex w-full", ALIGN_CLASS[local.align ?? "center"], VARIANT_CLASS[local.variant ?? "subtle"], local.class, local.className)
46
47
  }), {
@@ -49,20 +50,8 @@ const AuthPoweredBy_AuthPoweredBy = (props)=>{
49
50
  },
50
51
  "data-slot": "auth-powered-by"
51
52
  }), false, true);
52
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
53
- get when () {
54
- return local.href;
55
- },
56
- get fallback () {
57
- return content();
58
- },
59
- get children () {
60
- var _el$5 = _tmpl$3();
61
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, content);
62
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$5, "href", local.href));
63
- return _el$5;
64
- }
65
- }));
53
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, content);
54
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$5, "href", href()));
66
55
  return _el$4;
67
56
  })();
68
57
  };
package/dist/components/glass-panel/GlassPanel.classes.d.ts CHANGED
@@ -9,9 +9,6 @@ export declare const CLASSES: {
9
9
  };
10
10
  readonly flag: {
11
11
  readonly transparent: "glass-panel--transparent";
12
- readonly toneSecondary: "glass-panel--tone-secondary";
13
- readonly highlight: "glass-panel--highlight";
14
- readonly interactive: "glass-panel--interactive";
15
12
  readonly contentCollapsed: "glass-panel__content--collapsed";
16
13
  readonly contentCollapsible: "glass-panel__content--collapsible";
17
14
  readonly contentInnerHidden: "glass-panel__content-inner--hidden";
package/dist/components/glass-panel/GlassPanel.classes.js CHANGED
@@ -9,9 +9,6 @@ const CLASSES = {
9
9
  },
10
10
  flag: {
11
11
  transparent: "glass-panel--transparent",
12
- toneSecondary: "glass-panel--tone-secondary",
13
- highlight: "glass-panel--highlight",
14
- interactive: "glass-panel--interactive",
15
12
  contentCollapsed: "glass-panel__content--collapsed",
16
13
  contentCollapsible: "glass-panel__content--collapsible",
17
14
  contentInnerHidden: "glass-panel__content-inner--hidden",
package/dist/components/glass-panel/GlassPanel.css CHANGED
@@ -18,13 +18,13 @@
18
18
  );
19
19
  --glass-panel-bottom-highlight: color-mix(
20
20
  in oklab,
21
- var(--glass-bottom-highlight-color, var(--glass-highlight-color, white))
21
+ var(--glass-highlight-color, white)
22
22
  var(--glass-bottom-highlight-opacity, 10%),
23
23
  transparent
24
24
  );
25
25
  --glass-panel-edge-highlight: color-mix(
26
26
  in oklab,
27
- var(--glass-refraction-color, var(--glass-highlight-color, white))
27
+ var(--glass-highlight-color, white)
28
28
  var(--glass-edge-highlight-opacity, 30%),
29
29
  transparent
30
30
  );
@@ -57,7 +57,7 @@
57
57
  );
58
58
  --glass-panel-depth-bottom-glow: color-mix(
59
59
  in oklab,
60
- var(--glass-bottom-highlight-color, var(--glass-highlight-color, white))
60
+ var(--glass-highlight-color, white)
61
61
  var(--glass-depth-bottom-glow-opacity, 12%),
62
62
  transparent
63
63
  );
@@ -134,83 +134,6 @@
134
134
  display: none;
135
135
  }
136
136
 
137
- .glass-panel--tone-secondary:not(.glass-panel--transparent) {
138
- background: color-mix(
139
- in oklab,
140
- var(--glass-background-color, white)
141
- var(
142
- --glass-app-secondary-surface-opacity,
143
- var(--glass-app-surface-elevated-opacity, 0%)
144
- ),
145
- transparent
146
- );
147
- border-color: color-mix(
148
- in oklab,
149
- var(--glass-border-color, white)
150
- var(
151
- --glass-app-secondary-border-opacity,
152
- var(--glass-app-border-opacity, 0%)
153
- ),
154
- transparent
155
- );
156
- }
157
-
158
- .glass-panel--highlight:not(.glass-panel--transparent) {
159
- background: linear-gradient(
160
- 135deg,
161
- color-mix(
162
- in oklab,
163
- var(--color-primary) var(--glass-app-highlight-tint-opacity, 14%),
164
- transparent
165
- ),
166
- color-mix(
167
- in oklab,
168
- var(--glass-highlight-color, white)
169
- var(--glass-app-highlight-surface-opacity, 12%),
170
- transparent
171
- )
172
- );
173
- border-color: color-mix(
174
- in oklab,
175
- var(--color-primary) var(--glass-app-highlight-border-opacity, 28%),
176
- transparent
177
- );
178
- box-shadow: var(--glass-shadow-depth, 0 8px 32px rgb(0 0 0 / 10%)), 0
179
- 10px 24px
180
- color-mix(
181
- in oklab,
182
- var(--color-primary) var(--glass-app-highlight-glow-opacity, 12%),
183
- transparent
184
- ), inset 0 1px 0 var(--glass-panel-highlight), inset 0 -1px 0
185
- var(--glass-panel-bottom-highlight);
186
- }
187
-
188
- .glass-panel--interactive:not(.glass-panel--transparent) {
189
- cursor: pointer;
190
- }
191
-
192
- .glass-panel--interactive:not(.glass-panel--transparent):hover {
193
- background: linear-gradient(
194
- 135deg,
195
- color-mix(
196
- in oklab,
197
- var(--color-primary) var(--glass-app-hover-tint-opacity, 8%),
198
- transparent
199
- ),
200
- color-mix(
201
- in oklab,
202
- var(--glass-highlight-color, white)
203
- var(--glass-app-hover-surface-opacity, 8%),
204
- transparent
205
- )
206
- );
207
- border-color: color-mix(
208
- in oklab,
209
- var(--color-primary) var(--glass-app-hover-border-opacity, 18%),
210
- transparent
211
- );
212
- }
213
-
214
137
  .glass-panel__header-button {
215
138
  display: flex;
216
139
  width: 100%;
@@ -282,7 +205,7 @@
282
205
  circle at 50% 45%,
283
206
  color-mix(
284
207
  in oklab,
285
- var(--glass-depth-color, var(--glass-highlight-color, white))
208
+ var(--glass-highlight-color, white)
286
209
  var(--glass-depth-surface-opacity, 8%),
287
210
  transparent
288
211
  )
package/dist/components/glass-panel/GlassPanel.d.ts CHANGED
@@ -12,9 +12,6 @@ export type GlassPanelProps = IComponentBaseProps & JSX.HTMLAttributes<HTMLDivEl
12
12
  transparent?: boolean;
13
13
  paddingX?: string;
14
14
  paddingY?: string;
15
- tone?: "default" | "secondary";
16
- highlight?: boolean;
17
- interactive?: boolean;
18
15
  };
19
16
  declare const GlassPanel: (props: GlassPanelProps) => JSX.Element;
20
17
  export default GlassPanel;
package/dist/components/glass-panel/GlassPanel.js CHANGED
@@ -16,9 +16,6 @@ const GlassPanel = (props)=>{
16
16
  "transparent",
17
17
  "paddingX",
18
18
  "paddingY",
19
- "tone",
20
- "highlight",
21
- "interactive",
22
19
  "children",
23
20
  "class",
24
21
  "className",
@@ -35,7 +32,7 @@ const GlassPanel = (props)=>{
35
32
  if (!isControlled()) setInternalOpen(next);
36
33
  local.onToggle?.(next);
37
34
  };
38
- const containerClasses = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.base, local.transparent && __WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.flag.transparent, "secondary" === local.tone && __WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.flag.toneSecondary, local.highlight && __WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.flag.highlight, local.interactive && __WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.flag.interactive, local.class, local.className);
35
+ const containerClasses = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.base, local.transparent && __WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.flag.transparent, local.class, local.className);
39
36
  const contentClasses = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.slot.content, local.collapsible && __WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.flag.contentCollapsible, local.collapsible && !isOpen() && __WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.flag.contentCollapsed, (!local.collapsible || isOpen()) && !(local.paddingX || local.paddingY) && __WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.size[size()], local.paddingX, local.paddingY);
40
37
  return (()=>{
41
38
  var _el$ = _tmpl$2(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.nextSibling, _el$8 = _el$4.nextSibling, _el$9 = _el$8.firstChild;