@simplysm/solid 13.0.1 → 13.0.3

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 (15) hide show
  1. package/dist/components/data/kanban/Kanban.css +3 -1
  2. package/dist/components/data/sheet/DataSheet.css +11 -11
  3. package/dist/components/display/Card.css +1 -0
  4. package/dist/components/feedback/loading/LoadingContainer.css +2 -0
  5. package/dist/components/form-control/Invalid.js +1 -1
  6. package/dist/components/form-control/Invalid.js.map +1 -1
  7. package/dist/components/form-control/editor/editor.css +5 -5
  8. package/package.json +3 -3
  9. package/src/components/data/kanban/Kanban.css +3 -1
  10. package/src/components/data/sheet/DataSheet.css +11 -11
  11. package/src/components/display/Card.css +1 -0
  12. package/src/components/feedback/loading/LoadingContainer.css +2 -0
  13. package/src/components/form-control/Invalid.tsx +1 -1
  14. package/src/components/form-control/editor/editor.css +5 -5
  15. package/tailwind.css +9 -8
package/dist/components/data/kanban/Kanban.css CHANGED
@@ -3,8 +3,10 @@
3
3
  opacity: 0;
4
4
  height: 0;
5
5
  }
6
+
6
7
  to {
7
8
  opacity: 1;
8
- /*transform: scaleY(1);*/
9
+
10
+ /* transform: scaleY(1); */
9
11
  }
10
12
  }
package/dist/components/data/sheet/DataSheet.css CHANGED
@@ -1,18 +1,10 @@
1
1
  [data-sheet] tbody tr:hover > td {
2
- box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.03);
3
- }
4
-
5
- .dark [data-sheet] tbody tr:hover > td {
6
- box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.04);
2
+ box-shadow: inset 0 0 0 9999px rgb(0 0 0 / 3%);
7
3
  }
8
4
 
9
5
  /* 선택 행 시각 효과 — 호버보다 약간 더 진하게 */
10
6
  [data-sheet] tbody tr[data-selected] > td {
11
- box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.05);
12
- }
13
-
14
- .dark [data-sheet] tbody tr[data-selected] > td {
15
- box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.06);
7
+ box-shadow: inset 0 0 0 9999px rgb(0 0 0 / 5%);
16
8
  }
17
9
 
18
10
  /* 드래그 중인 행 */
@@ -22,5 +14,13 @@
22
14
 
23
15
  /* inside 드롭 대상 행 */
24
16
  [data-sheet] tbody tr[data-drag-over="inside"] > td {
25
- box-shadow: inset 0 0 0 9999px rgba(59, 130, 246, 0.1);
17
+ box-shadow: inset 0 0 0 9999px rgb(59 130 246 / 10%);
18
+ }
19
+
20
+ .dark [data-sheet] tbody tr:hover > td {
21
+ box-shadow: inset 0 0 0 9999px rgb(255 255 255 / 4%);
22
+ }
23
+
24
+ .dark [data-sheet] tbody tr[data-selected] > td {
25
+ box-shadow: inset 0 0 0 9999px rgb(255 255 255 / 6%);
26
26
  }
package/dist/components/display/Card.css CHANGED
@@ -3,6 +3,7 @@
3
3
  opacity: 0;
4
4
  transform: translateY(-1rem);
5
5
  }
6
+
6
7
  to {
7
8
  opacity: 1;
8
9
  transform: none;
package/dist/components/feedback/loading/LoadingContainer.css CHANGED
@@ -2,6 +2,7 @@
2
2
  0% {
3
3
  transform: scaleX(0);
4
4
  }
5
+
5
6
  60%,
6
7
  100% {
7
8
  transform: scaleX(1);
@@ -13,6 +14,7 @@
13
14
  50% {
14
15
  transform: scaleX(0);
15
16
  }
17
+
16
18
  100% {
17
19
  transform: scaleX(1);
18
20
  }
package/dist/components/form-control/Invalid.js CHANGED
@@ -32,7 +32,7 @@ const Invalid = (props) => {
32
32
  var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
33
33
  _$spread(_el$, _$mergeProps(rest, {
34
34
  get ["class"]() {
35
- return twMerge("relative inline-block", local.class);
35
+ return twMerge("relative inline", local.class);
36
36
  }
37
37
  }), false, true);
38
38
  _$insert(_el$, () => local.children, _el$2);
package/dist/components/form-control/Invalid.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/components/form-control/Invalid.tsx"],
4
- "mappings": ";;;;;;;;;AAAA,SAA+BA,cAAcC,kBAAkB;AAC/D,OAAOC,UAAU;AACjB,SAASC,eAAe;AACxB,OAAO;AASP,MAAMC,iBAAiBF,KACrB,6BACA,yBACA,iBACA,iCACF;AAEA,MAAMG,mBAAmBH,KACvB,8BACA,qBACA,6BACA,aACF;AAEO,MAAMI,UAA0CC,WAAU;AAC/D,QAAM,CAACC,OAAOC,IAAI,IAAIR,WAAWM,OAAO,CAAC,WAAW,SAAS,UAAU,CAAC;AAExE,MAAIG;AAGJV,eAAa,MAAM;AACjB,UAAMW,MAAMH,MAAMI,WAAW;AAC7BF,kBAAcG,kBAAkBF,GAAG;EACrC,CAAC;AAED,QAAMG,yBAA0BC,OAAkB;AAChD,UAAMC,YAAaD,EAAEE,cAA8BC;AACnD,QAAI,CAACF,UAAW;AAChB,UAAMG,YAAYH,UAAUI,wBAAwB;AACpD,QAAID,aAAaA,cAAcJ,EAAEE,eAAe;AAC9CE,gBAAUE,MAAM;IAClB;EACF;AAEA,UAAA,MAAA;AAAA,QAAAC,OAAAC,OAAA,GAAAC,QAAAF,KAAAG,YAAAC,QAAAF,MAAAG;AAAAC,aAAAN,MAAAO,aACWpB,MAAI;MAAA,KAAA,OAAA,IAAA;AAAA,eAASN,QAAQ,yBAAyBK,MAAMsB,KAAK;MAAC;IAAA,CAAA,GAAA,OAAA,IAAA;AAAAC,aAAAT,MAAA,MAChEd,MAAMwB,UAAQR,KAAA;AAAAS,gBAAAT,OACHpB,cAAc;AAAAsB,UAAAQ,iBAAA,SAOfpB,sBAAsB;AAAA,QAAAqB,QAL1BzB;AAAa,WAAAyB,UAAA,aAAAC,MAAAD,OAAAT,KAAA,IAAbhB,gBAAagB;AAAAO,gBAAAP,OAEXrB,gBAAgB;AAAAgC,aAAAC,SAAAC,mBAAAf,OAAA,YAJsBhB,MAAMI,WAAW,QAAQ,KAAK,UAAU,MAAM,CAAA;AAAA,WAAAU;EAAA,GAAA;AAWnG;",
4
+ "mappings": ";;;;;;;;;AAAA,SAA+BA,cAAcC,kBAAkB;AAC/D,OAAOC,UAAU;AACjB,SAASC,eAAe;AACxB,OAAO;AASP,MAAMC,iBAAiBF,KACrB,6BACA,yBACA,iBACA,iCACF;AAEA,MAAMG,mBAAmBH,KACvB,8BACA,qBACA,6BACA,aACF;AAEO,MAAMI,UAA0CC,WAAU;AAC/D,QAAM,CAACC,OAAOC,IAAI,IAAIR,WAAWM,OAAO,CAAC,WAAW,SAAS,UAAU,CAAC;AAExE,MAAIG;AAGJV,eAAa,MAAM;AACjB,UAAMW,MAAMH,MAAMI,WAAW;AAC7BF,kBAAcG,kBAAkBF,GAAG;EACrC,CAAC;AAED,QAAMG,yBAA0BC,OAAkB;AAChD,UAAMC,YAAaD,EAAEE,cAA8BC;AACnD,QAAI,CAACF,UAAW;AAChB,UAAMG,YAAYH,UAAUI,wBAAwB;AACpD,QAAID,aAAaA,cAAcJ,EAAEE,eAAe;AAC9CE,gBAAUE,MAAM;IAClB;EACF;AAEA,UAAA,MAAA;AAAA,QAAAC,OAAAC,OAAA,GAAAC,QAAAF,KAAAG,YAAAC,QAAAF,MAAAG;AAAAC,aAAAN,MAAAO,aACWpB,MAAI;MAAA,KAAA,OAAA,IAAA;AAAA,eAASN,QAAQ,mBAAmBK,MAAMsB,KAAK;MAAC;IAAA,CAAA,GAAA,OAAA,IAAA;AAAAC,aAAAT,MAAA,MAC1Dd,MAAMwB,UAAQR,KAAA;AAAAS,gBAAAT,OACHpB,cAAc;AAAAsB,UAAAQ,iBAAA,SAOfpB,sBAAsB;AAAA,QAAAqB,QAL1BzB;AAAa,WAAAyB,UAAA,aAAAC,MAAAD,OAAAT,KAAA,IAAbhB,gBAAagB;AAAAO,gBAAAP,OAEXrB,gBAAgB;AAAAgC,aAAAC,SAAAC,mBAAAf,OAAA,YAJsBhB,MAAMI,WAAW,QAAQ,KAAK,UAAU,MAAM,CAAA;AAAA,WAAAU;EAAA,GAAA;AAWnG;",
5
5
  "names": ["createEffect", "splitProps", "clsx", "twMerge", "indicatorClass", "hiddenInputClass", "Invalid", "props", "local", "rest", "hiddenInputEl", "msg", "message", "setCustomValidity", "handleHiddenInputFocus", "e", "container", "currentTarget", "parentElement", "focusable", "findFirstFocusableChild", "focus", "_el$", "_tmpl$", "_el$2", "firstChild", "_el$3", "nextSibling", "_$spread", "_$mergeProps", "class", "_$insert", "children", "_$className", "addEventListener", "_ref$", "_$use", "_$effect", "_$p", "_$setStyleProperty"]
6
6
  }
package/dist/components/form-control/editor/editor.css CHANGED
@@ -26,16 +26,16 @@
26
26
  vertical-align: top;
27
27
  }
28
28
 
29
- .dark [data-rich-text-editor] .tiptap table td,
30
- .dark [data-rich-text-editor] .tiptap table th {
31
- border-color: #4b5563;
32
- }
33
-
34
29
  [data-rich-text-editor] .tiptap table th {
35
30
  background-color: #f3f4f6;
36
31
  font-weight: 600;
37
32
  }
38
33
 
34
+ .dark [data-rich-text-editor] .tiptap table td,
35
+ .dark [data-rich-text-editor] .tiptap table th {
36
+ border-color: #4b5563;
37
+ }
38
+
39
39
  .dark [data-rich-text-editor] .tiptap table th {
40
40
  background-color: #374151;
41
41
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@simplysm/solid",
3
- "version": "13.0.1",
3
+ "version": "13.0.3",
4
4
  "description": "심플리즘 패키지 - SolidJS 라이브러리",
5
5
  "repository": {
6
6
  "type": "git",
@@ -49,8 +49,8 @@
49
49
  "solid-tiptap": "^0.8.0",
50
50
  "tailwind-merge": "^3.4.0",
51
51
  "tailwindcss": "^3.4.19",
52
- "@simplysm/core-browser": "13.0.1",
53
- "@simplysm/core-common": "13.0.1"
52
+ "@simplysm/core-common": "13.0.3",
53
+ "@simplysm/core-browser": "13.0.3"
54
54
  },
55
55
  "devDependencies": {
56
56
  "@solidjs/testing-library": "^0.8.10"
package/src/components/data/kanban/Kanban.css CHANGED
@@ -3,8 +3,10 @@
3
3
  opacity: 0;
4
4
  height: 0;
5
5
  }
6
+
6
7
  to {
7
8
  opacity: 1;
8
- /*transform: scaleY(1);*/
9
+
10
+ /* transform: scaleY(1); */
9
11
  }
10
12
  }
package/src/components/data/sheet/DataSheet.css CHANGED
@@ -1,18 +1,10 @@
1
1
  [data-sheet] tbody tr:hover > td {
2
- box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.03);
3
- }
4
-
5
- .dark [data-sheet] tbody tr:hover > td {
6
- box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.04);
2
+ box-shadow: inset 0 0 0 9999px rgb(0 0 0 / 3%);
7
3
  }
8
4
 
9
5
  /* 선택 행 시각 효과 — 호버보다 약간 더 진하게 */
10
6
  [data-sheet] tbody tr[data-selected] > td {
11
- box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.05);
12
- }
13
-
14
- .dark [data-sheet] tbody tr[data-selected] > td {
15
- box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.06);
7
+ box-shadow: inset 0 0 0 9999px rgb(0 0 0 / 5%);
16
8
  }
17
9
 
18
10
  /* 드래그 중인 행 */
@@ -22,5 +14,13 @@
22
14
 
23
15
  /* inside 드롭 대상 행 */
24
16
  [data-sheet] tbody tr[data-drag-over="inside"] > td {
25
- box-shadow: inset 0 0 0 9999px rgba(59, 130, 246, 0.1);
17
+ box-shadow: inset 0 0 0 9999px rgb(59 130 246 / 10%);
18
+ }
19
+
20
+ .dark [data-sheet] tbody tr:hover > td {
21
+ box-shadow: inset 0 0 0 9999px rgb(255 255 255 / 4%);
22
+ }
23
+
24
+ .dark [data-sheet] tbody tr[data-selected] > td {
25
+ box-shadow: inset 0 0 0 9999px rgb(255 255 255 / 6%);
26
26
  }
package/src/components/display/Card.css CHANGED
@@ -3,6 +3,7 @@
3
3
  opacity: 0;
4
4
  transform: translateY(-1rem);
5
5
  }
6
+
6
7
  to {
7
8
  opacity: 1;
8
9
  transform: none;
package/src/components/feedback/loading/LoadingContainer.css CHANGED
@@ -2,6 +2,7 @@
2
2
  0% {
3
3
  transform: scaleX(0);
4
4
  }
5
+
5
6
  60%,
6
7
  100% {
7
8
  transform: scaleX(1);
@@ -13,6 +14,7 @@
13
14
  50% {
14
15
  transform: scaleX(0);
15
16
  }
17
+
16
18
  100% {
17
19
  transform: scaleX(1);
18
20
  }
package/src/components/form-control/Invalid.tsx CHANGED
@@ -45,7 +45,7 @@ export const Invalid: ParentComponent<InvalidProps> = (props) => {
45
45
  };
46
46
 
47
47
  return (
48
- <div {...rest} class={twMerge("relative inline-block", local.class)}>
48
+ <div {...rest} class={twMerge("relative inline", local.class)}>
49
49
  {local.children}
50
50
  <div class={indicatorClass} style={{ display: (local.message ?? "") !== "" ? "block" : "none" }} />
51
51
  <input
package/src/components/form-control/editor/editor.css CHANGED
@@ -26,16 +26,16 @@
26
26
  vertical-align: top;
27
27
  }
28
28
 
29
- .dark [data-rich-text-editor] .tiptap table td,
30
- .dark [data-rich-text-editor] .tiptap table th {
31
- border-color: #4b5563;
32
- }
33
-
34
29
  [data-rich-text-editor] .tiptap table th {
35
30
  background-color: #f3f4f6;
36
31
  font-weight: 600;
37
32
  }
38
33
 
34
+ .dark [data-rich-text-editor] .tiptap table td,
35
+ .dark [data-rich-text-editor] .tiptap table th {
36
+ border-color: #4b5563;
37
+ }
38
+
39
39
  .dark [data-rich-text-editor] .tiptap table th {
40
40
  background-color: #374151;
41
41
  }
package/tailwind.css CHANGED
@@ -3,6 +3,7 @@
3
3
  @layer base {
4
4
  html {
5
5
  font-size: 12px;
6
+
6
7
  @apply bg-white text-base-900;
7
8
  }
8
9
 
@@ -28,38 +29,38 @@
28
29
  }
29
30
 
30
31
  ::-webkit-scrollbar-track {
31
- background-color: rgba(0, 0, 0, 0.08);
32
+ background-color: rgb(0 0 0 / 8%);
32
33
  }
33
34
 
34
35
  ::-webkit-scrollbar-thumb {
35
- background-color: rgba(0, 0, 0, 0.2);
36
+ background-color: rgb(0 0 0 / 20%);
36
37
  border-radius: 0.25rem;
37
38
  }
38
39
 
39
40
  ::-webkit-scrollbar-thumb:hover {
40
- background-color: rgba(0, 0, 0, 0.3);
41
+ background-color: rgb(0 0 0 / 30%);
41
42
  }
42
43
 
43
44
  ::-webkit-scrollbar-corner {
44
- background-color: rgba(0, 0, 0, 0.08);
45
+ background-color: rgb(0 0 0 / 8%);
45
46
  }
46
47
 
47
48
  /* 다크모드 스크롤바 - zinc 계열 중립 톤 */
48
49
  .dark ::-webkit-scrollbar-track {
49
- background-color: rgba(161, 161, 170, 0.1);
50
+ background-color: rgb(161 161 170 / 10%);
50
51
  }
51
52
 
52
53
  .dark ::-webkit-scrollbar-thumb {
53
- background-color: rgba(161, 161, 170, 0.25);
54
+ background-color: rgb(161 161 170 / 25%);
54
55
  border-radius: 0.25rem;
55
56
  }
56
57
 
57
58
  .dark ::-webkit-scrollbar-thumb:hover {
58
- background-color: rgba(161, 161, 170, 0.4);
59
+ background-color: rgb(161 161 170 / 40%);
59
60
  }
60
61
 
61
62
  .dark ::-webkit-scrollbar-corner {
62
- background-color: rgba(161, 161, 170, 0.1);
63
+ background-color: rgb(161 161 170 / 10%);
63
64
  }
64
65
 
65
66
  /* 텍스트 선택 영역 */