oasis-chat 0.0.3 → 0.0.5
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/README.md +3 -2
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js.map +1 -1
- package/dist/index.umd.js.map +1 -1
- package/dist/oasis-chat.css +1 -0
- package/package.json +6 -3
package/README.md
CHANGED
|
@@ -11,7 +11,8 @@ npm install oasis-chatting
|
|
|
11
11
|
## 사용 예시
|
|
12
12
|
|
|
13
13
|
```js
|
|
14
|
-
import { createButton } from 'oasis-
|
|
14
|
+
import { createButton } from 'oasis-chat';
|
|
15
|
+
import 'oasis-chat/style.css'; // CSS 파일 import 필요
|
|
15
16
|
|
|
16
17
|
const btn = createButton({
|
|
17
18
|
label: 'Hello 버튼',
|
|
@@ -21,7 +22,7 @@ const btn = createButton({
|
|
|
21
22
|
document.body.appendChild(btn);
|
|
22
23
|
```
|
|
23
24
|
|
|
24
|
-
|
|
25
|
+
**중요**: 스타일을 적용하려면 CSS 파일을 반드시 import 해야 합니다.
|
|
25
26
|
|
|
26
27
|
|
|
27
28
|
## 개발/빌드
|
package/dist/index.cjs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs.js","sources":["../src/index.js"],"sourcesContent":["
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":["../src/index.js"],"sourcesContent":["import './style.css';\n\nexport function createButton({ label = '클릭', className = '', onClick } = {}) {\n const button = document.createElement('button');\n button.type = 'button';\n button.className = [\n 'inline-flex items-center justify-center rounded-md',\n 'bg-blue-600 text-white',\n 'px-4 py-2 text-sm font-medium',\n 'shadow-sm hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500',\n 'disabled:opacity-50 disabled:cursor-not-allowed',\n className,\n ]\n .filter(Boolean)\n .join(' ');\n button.textContent = label;\n button.addEventListener('click', (e) => {\n if (typeof onClick === 'function') {\n onClick(e);\n }\n });\n return button;\n}\n"],"names":["createButton","label","className","onClick","button","e"],"mappings":"gFAEO,SAASA,EAAa,CAAE,MAAAC,EAAQ,KAAM,UAAAC,EAAY,GAAI,QAAAC,CAAO,EAAK,GAAI,CAC3E,MAAMC,EAAS,SAAS,cAAc,QAAQ,EAC9C,OAAAA,EAAO,KAAO,SACdA,EAAO,UAAY,CACjB,qDACA,yBACA,gCACA,kFACA,kDACAF,CACJ,EACK,OAAO,OAAO,EACd,KAAK,GAAG,EACXE,EAAO,YAAcH,EACrBG,EAAO,iBAAiB,QAAUC,GAAM,CAClC,OAAOF,GAAY,YACrBA,EAAQE,CAAC,CAEb,CAAC,EACMD,CACT"}
|
package/dist/index.es.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es.js","sources":["../src/index.js"],"sourcesContent":["
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":["../src/index.js"],"sourcesContent":["import './style.css';\n\nexport function createButton({ label = '클릭', className = '', onClick } = {}) {\n const button = document.createElement('button');\n button.type = 'button';\n button.className = [\n 'inline-flex items-center justify-center rounded-md',\n 'bg-blue-600 text-white',\n 'px-4 py-2 text-sm font-medium',\n 'shadow-sm hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500',\n 'disabled:opacity-50 disabled:cursor-not-allowed',\n className,\n ]\n .filter(Boolean)\n .join(' ');\n button.textContent = label;\n button.addEventListener('click', (e) => {\n if (typeof onClick === 'function') {\n onClick(e);\n }\n });\n return button;\n}\n"],"names":["createButton","label","className","onClick","button","e"],"mappings":"AAEO,SAASA,EAAa,EAAE,OAAAC,IAAQ,MAAM,WAAAC,IAAY,IAAI,SAAAC,EAAO,IAAK,IAAI;AAC3E,QAAMC,IAAS,SAAS,cAAc,QAAQ;AAC9C,SAAAA,EAAO,OAAO,UACdA,EAAO,YAAY;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACAF;AAAA,EACJ,EACK,OAAO,OAAO,EACd,KAAK,GAAG,GACXE,EAAO,cAAcH,GACrBG,EAAO,iBAAiB,SAAS,CAACC,MAAM;AACtC,IAAI,OAAOF,KAAY,cACrBA,EAAQE,CAAC;AAAA,EAEb,CAAC,GACMD;AACT;"}
|
package/dist/index.umd.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.umd.js","sources":["../src/index.js"],"sourcesContent":["
|
|
1
|
+
{"version":3,"file":"index.umd.js","sources":["../src/index.js"],"sourcesContent":["import './style.css';\n\nexport function createButton({ label = '클릭', className = '', onClick } = {}) {\n const button = document.createElement('button');\n button.type = 'button';\n button.className = [\n 'inline-flex items-center justify-center rounded-md',\n 'bg-blue-600 text-white',\n 'px-4 py-2 text-sm font-medium',\n 'shadow-sm hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500',\n 'disabled:opacity-50 disabled:cursor-not-allowed',\n className,\n ]\n .filter(Boolean)\n .join(' ');\n button.textContent = label;\n button.addEventListener('click', (e) => {\n if (typeof onClick === 'function') {\n onClick(e);\n }\n });\n return button;\n}\n"],"names":["createButton","label","className","onClick","button","e"],"mappings":"oOAEO,SAASA,EAAa,CAAE,MAAAC,EAAQ,KAAM,UAAAC,EAAY,GAAI,QAAAC,CAAO,EAAK,GAAI,CAC3E,MAAMC,EAAS,SAAS,cAAc,QAAQ,EAC9C,OAAAA,EAAO,KAAO,SACdA,EAAO,UAAY,CACjB,qDACA,yBACA,gCACA,kFACA,kDACAF,CACJ,EACK,OAAO,OAAO,EACd,KAAK,GAAG,EACXE,EAAO,YAAcH,EACrBG,EAAO,iBAAiB,QAAUC,GAAM,CAClC,OAAOF,GAAY,YACrBA,EAAQE,CAAC,CAEb,CAAC,EACMD,CACT"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-900:oklch(21% .034 264.665);--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--font-weight-medium:500;--radius-md:.375rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.inline-flex{display:inline-flex}.min-h-screen{min-height:100vh}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-md{border-radius:var(--radius-md)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-gray-50{background-color:var(--color-gray-50)}.p-8{padding:calc(var(--spacing)*8)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-2{padding-block:calc(var(--spacing)*2)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.text-gray-900{color:var(--color-gray-900)}.text-white{color:var(--color-white)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media(hover:hover){.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "oasis-chat",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.5",
|
|
4
4
|
"description": "Vanilla JS button component with no runtime deps.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"scripts": {
|
|
@@ -31,9 +31,12 @@
|
|
|
31
31
|
"require": "./dist/index.cjs.js",
|
|
32
32
|
"types": "./dist/index.d.ts",
|
|
33
33
|
"default": "./dist/index.es.js"
|
|
34
|
-
}
|
|
34
|
+
},
|
|
35
|
+
"./style.css": "./dist/index.css"
|
|
35
36
|
},
|
|
36
|
-
"sideEffects":
|
|
37
|
+
"sideEffects": [
|
|
38
|
+
"*.css"
|
|
39
|
+
],
|
|
37
40
|
"devDependencies": {
|
|
38
41
|
"@tailwindcss/vite": "^4.1.16",
|
|
39
42
|
"prettier": "^3.6.2",
|