@stn-uiux/pub-ui 0.1.82 → 0.1.85
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/dist/{chunk-6FEWLKVE.js → chunk-2TRZNWCA.js} +32 -2
- package/dist/chunk-2TRZNWCA.js.map +1 -0
- package/dist/{chunk-AJLP3Y53.js → chunk-2VSSPMZ3.js} +2 -2
- package/dist/{chunk-AJLP3Y53.js.map → chunk-2VSSPMZ3.js.map} +1 -1
- package/dist/chunk-5QPBSOJ6.js +9 -0
- package/dist/chunk-5QPBSOJ6.js.map +1 -0
- package/dist/{chunk-AOS3IX4T.js → chunk-65B7YUTE.js} +2 -1
- package/dist/{chunk-AOS3IX4T.js.map → chunk-65B7YUTE.js.map} +1 -1
- package/dist/chunk-APXT43OG.js +232 -0
- package/dist/chunk-APXT43OG.js.map +1 -0
- package/dist/chunk-ERZPIKPF.js +1 -0
- package/dist/chunk-FLKGJJD5.js +45 -0
- package/dist/chunk-FLKGJJD5.js.map +1 -0
- package/dist/{chunk-N46UQH6L.js → chunk-K6TWXWIO.js} +11 -2
- package/dist/chunk-K6TWXWIO.js.map +1 -0
- package/dist/chunk-N4PVFFKV.js +38 -0
- package/dist/chunk-N4PVFFKV.js.map +1 -0
- package/dist/chunk-NYZMUDVK.js +12 -0
- package/dist/chunk-NYZMUDVK.js.map +1 -0
- package/dist/chunk-QJN2Z6RG.js +160 -0
- package/dist/chunk-QJN2Z6RG.js.map +1 -0
- package/dist/chunk-W7K3FSAX.js +24 -0
- package/dist/chunk-W7K3FSAX.js.map +1 -0
- package/dist/cli.js +17 -17
- package/dist/components.d.ts +1 -1
- package/dist/components.js +1 -1
- package/dist/data/index.d.ts +7 -2
- package/dist/data/index.js +142 -92
- package/dist/data/stnCard.d.ts +1 -1
- package/dist/data/stnCard.js +1 -1
- package/dist/data/stnDatePicker.d.ts +41 -10
- package/dist/data/stnDatePicker.js +9 -3
- package/dist/data/stnEmptyState.d.ts +35 -0
- package/dist/data/stnEmptyState.js +19 -0
- package/dist/data/stnEmptyState.js.map +1 -0
- package/dist/data/stnPackageVersion.d.ts +2 -2
- package/dist/data/stnPackageVersion.js +1 -1
- package/dist/data/stnPopover.d.ts +18 -0
- package/dist/data/stnPopover.js +9 -0
- package/dist/data/stnPopover.js.map +1 -0
- package/dist/data/stnSplitView.d.ts +16 -0
- package/dist/data/stnSplitView.js +11 -0
- package/dist/data/stnSplitView.js.map +1 -0
- package/dist/data/stnStepCards.d.ts +32 -0
- package/dist/data/stnStepCards.js +7 -0
- package/dist/data/stnStepCards.js.map +1 -0
- package/dist/data/stnStepper.d.ts +78 -0
- package/dist/data/stnStepper.js +7 -0
- package/dist/data/stnStepper.js.map +1 -0
- package/dist/data/stnTree.d.ts +3 -0
- package/dist/data/stnTree.js +1 -1
- package/dist/data/stnTypography.d.ts +17 -1
- package/dist/data/stnTypography.js +7 -1
- package/dist/index.d.ts +7 -2
- package/dist/index.js +143 -93
- package/package.json +1 -1
- package/styles/@assets/images/empty-state/forbidden.png +0 -0
- package/styles/@assets/images/empty-state/load-failed.png +0 -0
- package/styles/@assets/images/empty-state/maintenance.png +0 -0
- package/styles/@assets/images/empty-state/network.png +0 -0
- package/styles/@assets/images/empty-state/no-data.png +0 -0
- package/styles/@assets/images/empty-state/not-found.png +0 -0
- package/styles/@assets/images/empty-state/search-empty.png +0 -0
- package/styles/@assets/images/empty-state/server-error.png +0 -0
- package/styles/@assets/images/empty-state/timeout.png +0 -0
- package/styles/@assets/images/empty-state/unauthorized.png +0 -0
- package/styles/components/stn-card.css +49 -13
- package/styles/components/stn-checkbox.css +1 -1
- package/styles/components/stn-date-picker.css +252 -45
- package/styles/components/stn-date-range-field.css +2 -2
- package/styles/components/stn-drawer.css +2 -2
- package/styles/components/stn-dropdown.css +2 -2
- package/styles/components/stn-empty-state.css +238 -0
- package/styles/components/stn-popover.css +52 -0
- package/styles/components/stn-radio.css +1 -1
- package/styles/components/stn-slider.css +1 -1
- package/styles/components/stn-stepper.css +570 -0
- package/styles/components/stn-switch.css +1 -1
- package/styles/components/stn-table.css +39 -1
- package/styles/components/stn-text-field.css +5 -1
- package/styles/components/stn-tooltip.css +1 -1
- package/styles/layouts/stn-container.css +8 -0
- package/styles/layouts/stn-layer0-bg.css +18 -17
- package/styles/patterns/stn-login-card.css +6 -0
- package/styles/patterns/stn-split-view.css +130 -0
- package/styles/patterns/stn-step-cards.css +60 -0
- package/styles/patterns/stn-tree.css +9 -0
- package/styles/style-pub.css +5 -0
- package/styles/tokens/stn-colors-semantic.css +54 -0
- package/styles/tokens/stn-elevation.css +1 -0
- package/styles/tokens/stn-size-semantic.css +37 -0
- package/styles/tokens/stn-size.css +1 -0
- package/styles/tokens/stn-spacing-semantic.css +11 -0
- package/styles/tokens/stn-typography-semantic.css +7 -1
- package/styles/tokens/stn-typography.css +16 -0
- package/dist/chunk-6FEWLKVE.js.map +0 -1
- package/dist/chunk-N46UQH6L.js.map +0 -1
- package/dist/chunk-THTVXGTK.js +0 -9
- package/dist/chunk-THTVXGTK.js.map +0 -1
- package/dist/chunk-WKQLAHIG.js +0 -1
- package/dist/chunk-YBNEQ5LB.js +0 -75
- package/dist/chunk-YBNEQ5LB.js.map +0 -1
- /package/dist/{chunk-WKQLAHIG.js.map → chunk-ERZPIKPF.js.map} +0 -0
package/dist/chunk-YBNEQ5LB.js
DELETED
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
STN_DATE_RANGE_FIELD_HTML
|
|
3
|
-
} from "./chunk-5F63CMM7.js";
|
|
4
|
-
|
|
5
|
-
// src/data/stnDatePicker.ts
|
|
6
|
-
var STN_DATE_PICKER_NAME = "Date range picker";
|
|
7
|
-
var STN_DATE_PICKER_KO_NAME = "\uAE30\uAC04 \uC120\uD0DD \uB2EC\uB825";
|
|
8
|
-
var STN_DATE_PICKER_INTRO = "\uB2EC\uB825 \uC544\uC774\uCF58 \uD074\uB9AD \uC2DC \uC5F4\uB9AC\uB294 **\uAE30\uAC04 \uC120\uD0DD \uD31D\uC5C5**\uC785\uB2C8\uB2E4. 2\uAC1C\uC6D4 \uB2EC\uB825 \xB7 \uBC94\uC704 \uD558\uC774\uB77C\uC774\uD2B8 \xB7 \uC2DC\xB7\uBD84\xB7\uCD08(optional) \xB7 \uD655\uC778 \uBC84\uD2BC. \uD2B8\uB9AC\uAC70\uB294 `StnDateRangeField`\uC640 \uB3D9\uC77C \uC2A4\uCF00\uC77C(S/M/L)\uC774\uBA70, \uD1B5\uD569 \uC870\uB9BD\uC740 `StnDateRangePickerField` \xB7 \uD31D\uC5C5\uB9CC \uC4F0\uB824\uBA74 `StnDateRangePicker`. Pub HTML `ant-picker-dropdown` \xB7 `--calendar-*` \uD1A0\uD070.";
|
|
9
|
-
var STN_DATE_PICKER_PART_ROWS = [
|
|
10
|
-
{
|
|
11
|
-
part: "Trigger",
|
|
12
|
-
component: "StnDateRangeField",
|
|
13
|
-
note: "\uAE30\uAC04 \uD45C\uC2DC + \uB2EC\uB825 \uC544\uC774\uCF58 \xB7 TextField S/M/L \uC2A4\uCF00\uC77C"
|
|
14
|
-
},
|
|
15
|
-
{
|
|
16
|
-
part: "Field + popup",
|
|
17
|
-
component: "StnDateRangePickerField",
|
|
18
|
-
note: "\uD2B8\uB9AC\uAC70 + portal \uD31D\uC5C5 \xB7 \uAC80\uC0C9\uC870\uAC74 \uB4F1 \uAE30\uBCF8 \uC0AC\uC6A9"
|
|
19
|
-
},
|
|
20
|
-
{
|
|
21
|
-
part: "Panel only",
|
|
22
|
-
component: "StnDateRangePicker",
|
|
23
|
-
note: "\uB2EC\uB825\xB7\uC2DC\uAC04\xB7\uD655\uC778 UI\uB9CC \xB7 \uCEE4\uC2A4\uD140 \uC575\uCEE4\uC5D0 \uC5F0\uACB0"
|
|
24
|
-
}
|
|
25
|
-
];
|
|
26
|
-
var STN_DATE_PICKER_SPEC = [
|
|
27
|
-
{ property: "Calendar", value: "2 months side-by-side", note: "\uBC94\uC704 \uC120\uD0DD \xB7 in-range \uD558\uC774\uB77C\uC774\uD2B8" },
|
|
28
|
-
{ property: "Time", value: "optional `showTime`", note: "\uC2DC\xB7\uBD84\xB7\uCD08 \uCEEC\uB7FC" },
|
|
29
|
-
{ property: "Apply", value: "\uD655\uC778 button", note: "\uC801\uC6A9 \uD6C4 \uD31D\uC5C5 \uB2EB\uAE30" },
|
|
30
|
-
{ property: "CSS", value: "stn-date-picker.css", note: "--calendar-* \uD1A0\uD070" }
|
|
31
|
-
];
|
|
32
|
-
var STN_DATE_PICKER_USAGE = `import { StnDateRangePickerField } from '@stn-uiux/pub-ui-react'
|
|
33
|
-
|
|
34
|
-
const [range, setRange] = useState({
|
|
35
|
-
start: new Date('2024-02-07T09:22:34'),
|
|
36
|
-
end: new Date('2024-03-07T09:22:34'),
|
|
37
|
-
})
|
|
38
|
-
|
|
39
|
-
<StnDateRangePickerField
|
|
40
|
-
size="M"
|
|
41
|
-
value={range}
|
|
42
|
-
onChange={setRange}
|
|
43
|
-
showTime
|
|
44
|
-
aria-label="Search period"
|
|
45
|
-
/>`;
|
|
46
|
-
var STN_DATE_PICKER_USAGE_HTML = `${STN_DATE_RANGE_FIELD_HTML}
|
|
47
|
-
|
|
48
|
-
<!-- \uB2EC\uB825 \uD328\uB110 \u2014 stn-date-picker.css \xB7 ant-picker-dropdown -->
|
|
49
|
-
<div class="stn-date-picker ant-picker-dropdown" role="dialog" aria-label="\uAE30\uAC04 \uC120\uD0DD">
|
|
50
|
-
<!-- 2-month calendar \xB7 showTime columns \xB7 \uD655\uC778 button -->
|
|
51
|
-
</div>`;
|
|
52
|
-
var STN_DATE_PICKER_PANEL_USAGE = `import { StnDateRangePicker } from '@stn-uiux/pub-ui-react'
|
|
53
|
-
|
|
54
|
-
<StnDateRangePicker
|
|
55
|
-
open
|
|
56
|
-
value={{ start, end }}
|
|
57
|
-
onChange={setDraft}
|
|
58
|
-
onApply={(next) => { setRange(next); setOpen(false) }}
|
|
59
|
-
onClose={() => setOpen(false)}
|
|
60
|
-
showTime
|
|
61
|
-
/>`;
|
|
62
|
-
var STN_DATE_PICKER_WEEKDAYS = ["\uC77C", "\uC6D4", "\uD654", "\uC218", "\uBAA9", "\uAE08", "\uD1A0"];
|
|
63
|
-
|
|
64
|
-
export {
|
|
65
|
-
STN_DATE_PICKER_NAME,
|
|
66
|
-
STN_DATE_PICKER_KO_NAME,
|
|
67
|
-
STN_DATE_PICKER_INTRO,
|
|
68
|
-
STN_DATE_PICKER_PART_ROWS,
|
|
69
|
-
STN_DATE_PICKER_SPEC,
|
|
70
|
-
STN_DATE_PICKER_USAGE,
|
|
71
|
-
STN_DATE_PICKER_USAGE_HTML,
|
|
72
|
-
STN_DATE_PICKER_PANEL_USAGE,
|
|
73
|
-
STN_DATE_PICKER_WEEKDAYS
|
|
74
|
-
};
|
|
75
|
-
//# sourceMappingURL=chunk-YBNEQ5LB.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/data/stnDatePicker.ts"],"sourcesContent":["import { STN_DATE_RANGE_FIELD_HTML } from './stnDateRangeField'\n\nexport type StnDateRange = {\n start: Date | null\n end: Date | null\n}\n\nexport const STN_DATE_PICKER_NAME = 'Date range picker'\n\nexport const STN_DATE_PICKER_KO_NAME = '기간 선택 달력'\n\nexport const STN_DATE_PICKER_INTRO =\n '달력 아이콘 클릭 시 열리는 **기간 선택 팝업**입니다. 2개월 달력 · 범위 하이라이트 · 시·분·초(optional) · 확인 버튼. 트리거는 `StnDateRangeField`와 동일 스케일(S/M/L)이며, 통합 조립은 `StnDateRangePickerField` · 팝업만 쓰려면 `StnDateRangePicker`. Pub HTML `ant-picker-dropdown` · `--calendar-*` 토큰.'\n\nexport const STN_DATE_PICKER_PART_ROWS = [\n {\n part: 'Trigger',\n component: 'StnDateRangeField',\n note: '기간 표시 + 달력 아이콘 · TextField S/M/L 스케일',\n },\n {\n part: 'Field + popup',\n component: 'StnDateRangePickerField',\n note: '트리거 + portal 팝업 · 검색조건 등 기본 사용',\n },\n {\n part: 'Panel only',\n component: 'StnDateRangePicker',\n note: '달력·시간·확인 UI만 · 커스텀 앵커에 연결',\n },\n] as const\n\nexport const STN_DATE_PICKER_SPEC = [\n { property: 'Calendar', value: '2 months side-by-side', note: '범위 선택 · in-range 하이라이트' },\n { property: 'Time', value: 'optional `showTime`', note: '시·분·초 컬럼' },\n { property: 'Apply', value: '확인 button', note: '적용 후 팝업 닫기' },\n { property: 'CSS', value: 'stn-date-picker.css', note: '--calendar-* 토큰' },\n] as const\n\nexport const STN_DATE_PICKER_USAGE = `import { StnDateRangePickerField } from '@stn-uiux/pub-ui-react'\n\nconst [range, setRange] = useState({\n start: new Date('2024-02-07T09:22:34'),\n end: new Date('2024-03-07T09:22:34'),\n})\n\n<StnDateRangePickerField\n size=\"M\"\n value={range}\n onChange={setRange}\n showTime\n aria-label=\"Search period\"\n/>`\n\nexport const STN_DATE_PICKER_USAGE_HTML = `${STN_DATE_RANGE_FIELD_HTML}\n\n<!-- 달력 패널 — stn-date-picker.css · ant-picker-dropdown -->\n<div class=\"stn-date-picker ant-picker-dropdown\" role=\"dialog\" aria-label=\"기간 선택\">\n <!-- 2-month calendar · showTime columns · 확인 button -->\n</div>`\n\nexport const STN_DATE_PICKER_PANEL_USAGE = `import { StnDateRangePicker } from '@stn-uiux/pub-ui-react'\n\n<StnDateRangePicker\n open\n value={{ start, end }}\n onChange={setDraft}\n onApply={(next) => { setRange(next); setOpen(false) }}\n onClose={() => setOpen(false)}\n showTime\n/>`\n\nexport const STN_DATE_PICKER_WEEKDAYS = ['일', '월', '화', '수', '목', '금', '토'] as const\n"],"mappings":";;;;;AAOO,IAAM,uBAAuB;AAE7B,IAAM,0BAA0B;AAEhC,IAAM,wBACX;AAEK,IAAM,4BAA4B;AAAA,EACvC;AAAA,IACE,MAAM;AAAA,IACN,WAAW;AAAA,IACX,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,WAAW;AAAA,IACX,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,WAAW;AAAA,IACX,MAAM;AAAA,EACR;AACF;AAEO,IAAM,uBAAuB;AAAA,EAClC,EAAE,UAAU,YAAY,OAAO,yBAAyB,MAAM,yEAAyB;AAAA,EACvF,EAAE,UAAU,QAAQ,OAAO,uBAAuB,MAAM,0CAAW;AAAA,EACnE,EAAE,UAAU,SAAS,OAAO,uBAAa,MAAM,gDAAa;AAAA,EAC5D,EAAE,UAAU,OAAO,OAAO,uBAAuB,MAAM,4BAAkB;AAC3E;AAEO,IAAM,wBAAwB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAe9B,IAAM,6BAA6B,GAAG,yBAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAO/D,IAAM,8BAA8B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWpC,IAAM,2BAA2B,CAAC,UAAK,UAAK,UAAK,UAAK,UAAK,UAAK,QAAG;","names":[]}
|
|
File without changes
|