@iyulab/components 0.1.3 → 0.1.4

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 (73) hide show
  1. package/CHANGELOG.md +18 -15
  2. package/LICENSE +20 -20
  3. package/README.md +33 -33
  4. package/dist/assets/icons/arrow-clockwise.svg.js +1 -1
  5. package/dist/assets/icons/arrow-down.svg.js +1 -1
  6. package/dist/assets/icons/arrow-up.svg.js +1 -1
  7. package/dist/assets/icons/ban.svg.js +1 -1
  8. package/dist/assets/icons/check-circle-fill.svg.js +1 -1
  9. package/dist/assets/icons/check-lg.svg.js +1 -1
  10. package/dist/assets/icons/chevron-down.svg.js +1 -1
  11. package/dist/assets/icons/chevron-left.svg.js +1 -1
  12. package/dist/assets/icons/chevron-right.svg.js +1 -1
  13. package/dist/assets/icons/chevron-up.svg.js +1 -1
  14. package/dist/assets/icons/copy.svg.js +1 -1
  15. package/dist/assets/icons/dash-lg.svg.js +1 -1
  16. package/dist/assets/icons/exclamation-circle-fill.svg.js +1 -1
  17. package/dist/assets/icons/exclamation-triangle-fill.svg.js +1 -1
  18. package/dist/assets/icons/info-circle-fill.svg.js +1 -1
  19. package/dist/assets/icons/layout-sidebar.svg.js +1 -1
  20. package/dist/assets/icons/lightbulb-fill.svg.js +1 -1
  21. package/dist/assets/icons/lightbulb-off.svg.js +1 -1
  22. package/dist/assets/icons/lightbulb.svg.js +1 -1
  23. package/dist/assets/icons/mic-fill.svg.js +1 -1
  24. package/dist/assets/icons/mic-mute-fill.svg.js +1 -1
  25. package/dist/assets/icons/paperclip.svg.js +1 -1
  26. package/dist/assets/icons/pencil-square.svg.js +1 -1
  27. package/dist/assets/icons/plus-lg.svg.js +1 -1
  28. package/dist/assets/icons/search.svg.js +1 -1
  29. package/dist/assets/icons/speedometer.svg.js +1 -1
  30. package/dist/assets/icons/x-lg.svg.js +1 -1
  31. package/dist/assets/styles/dark.css +125 -125
  32. package/dist/assets/styles/dark.css.js +1 -1
  33. package/dist/assets/styles/light.css +126 -126
  34. package/dist/assets/styles/light.css.js +1 -1
  35. package/dist/components/BaseElement.styles.js +0 -1
  36. package/dist/components/divider/Divider.d.ts +25 -0
  37. package/dist/components/divider/Divider.js +89 -0
  38. package/dist/components/{split-panel/Splitter.styles.js → divider/Divider.styles.js} +20 -10
  39. package/dist/components/divider/index.d.ts +7 -0
  40. package/dist/components/icon/Icon.d.ts +3 -7
  41. package/dist/components/icon/Icon.js +8 -15
  42. package/dist/components/index.d.ts +1 -0
  43. package/dist/components/panel/Panel.d.ts +0 -1
  44. package/dist/components/panel/Panel.js +0 -4
  45. package/dist/components/progress-bar/ProgressBar.d.ts +1 -1
  46. package/dist/components/progress-ring/ProgressRing.js +3 -1
  47. package/dist/components/split-panel/SplitPanel.d.ts +8 -12
  48. package/dist/components/split-panel/SplitPanel.js +63 -88
  49. package/dist/components/split-panel/SplitPanel.styles.js +16 -1
  50. package/dist/components/tooltip/Tooltip.d.ts +8 -12
  51. package/dist/components/tooltip/Tooltip.js +39 -38
  52. package/dist/components/tooltip/Tooltip.styles.js +4 -4
  53. package/dist/components/tree/Tree.d.ts +2 -14
  54. package/dist/components/tree/Tree.js +9 -49
  55. package/dist/components/tree/Tree.styles.js +5 -5
  56. package/dist/components/tree-item/TreeItem.d.ts +10 -29
  57. package/dist/components/tree-item/TreeItem.js +63 -95
  58. package/dist/components/tree-item/TreeItem.styles.js +10 -41
  59. package/dist/index.js +1 -0
  60. package/dist/integrations/react/UDivider.d.ts +8 -0
  61. package/dist/integrations/react/UDivider.js +10 -0
  62. package/dist/integrations/react/index.d.ts +1 -0
  63. package/dist/integrations/react/index.js +1 -0
  64. package/dist/internals/icon-helpers.d.ts +32 -0
  65. package/dist/internals/{icons.js → icon-helpers.js} +10 -4
  66. package/dist/internals/index.d.ts +1 -1
  67. package/dist/utilities/theme.js +16 -13
  68. package/package.json +57 -57
  69. package/dist/components/split-panel/SplitPanel.types.d.ts +0 -2
  70. package/dist/components/split-panel/Splitter.d.ts +0 -17
  71. package/dist/components/split-panel/Splitter.js +0 -45
  72. package/dist/internals/icons.d.ts +0 -6
  73. /package/dist/components/{split-panel/Splitter.styles.d.ts → divider/Divider.styles.d.ts} +0 -0
@@ -1,2 +0,0 @@
1
- /** 분할 패널의 방향을 나타내는 타입입니다. */
2
- export type PanelOrientation = 'horizontal' | 'vertical';
@@ -1,17 +0,0 @@
1
- import { BaseElement } from '../BaseElement.js';
2
- import { PanelOrientation } from './SplitPanel.types.js';
3
- /**
4
- * Splitter 컴포넌트는 SplitPanel의 패널들 사이에 배치되는 디바이더입니다.
5
- * 사용자가 드래그하여 패널의 크기를 조절할 수 있습니다.
6
- */
7
- export declare class Splitter extends BaseElement {
8
- static styles: import('lit').CSSResultGroup[];
9
- static dependencies: Record<string, typeof BaseElement>;
10
- /** 드래그 중인지 여부를 나타냅니다. */
11
- dragging: boolean;
12
- /** 분할 방향을 설정합니다. */
13
- orientation: PanelOrientation;
14
- render(): import('lit-html').TemplateResult<1>;
15
- /** 스플리터의 크기를 반환합니다. */
16
- get size(): number;
17
- }
@@ -1,45 +0,0 @@
1
- import { html } from 'lit';
2
- import { state, property } from 'lit/decorators.js';
3
- import { BaseElement } from '../BaseElement.js';
4
- import { styles } from './Splitter.styles.js';
5
-
6
- var __defProp = Object.defineProperty;
7
- var __decorateClass = (decorators, target, key, kind) => {
8
- var result = void 0 ;
9
- for (var i = decorators.length - 1, decorator; i >= 0; i--)
10
- if (decorator = decorators[i])
11
- result = (decorator(target, key, result) ) || result;
12
- if (result) __defProp(target, key, result);
13
- return result;
14
- };
15
- class Splitter extends BaseElement {
16
- constructor() {
17
- super(...arguments);
18
- this.dragging = false;
19
- this.orientation = "horizontal";
20
- }
21
- static {
22
- this.styles = [super.styles, styles];
23
- }
24
- static {
25
- this.dependencies = {};
26
- }
27
- render() {
28
- return html`
29
- <div class="handler" ?dragging=${this.dragging}></div>
30
- `;
31
- }
32
- /** 스플리터의 크기를 반환합니다. */
33
- get size() {
34
- const sizeStr = getComputedStyle(this).getPropertyValue("--splitter-size").trim();
35
- return parseFloat(sizeStr) || 2;
36
- }
37
- }
38
- __decorateClass([
39
- state()
40
- ], Splitter.prototype, "dragging");
41
- __decorateClass([
42
- property({ type: String, reflect: true })
43
- ], Splitter.prototype, "orientation");
44
-
45
- export { Splitter };
@@ -1,6 +0,0 @@
1
- /**
2
- * 내부적으로 사용되는 아이콘 레지스트리입니다.
3
- * SVG 아이콘 파일을 이름과 매핑하여 저장합니다.
4
- * 아이콘 파일은 '../assets/icons/' 경로에서 자동으로 로드됩니다.
5
- */
6
- export declare const icons: Map<string, string>;