@daracl/form 0.0.17 → 0.0.18

package/style/themes/_common.scss

@@ -0,0 +1,13 @@
+// 모든 테마에서 값이 같은 변수. 테마별 값이 필요하면 각 테마 파일에서 override 한다.
+$theme-common: (
+  color-danger: #d9534f,
+  background-danger: #d9534f,
+  invalid-font-color: #ff4136,
+  invalid-border-color: #ffb6b4,
+  invalid-background-color: #fdd,
+  tooltip-background: #3e3e3e,
+  tooltip-color: #fff,
+  field-margin-top: 10px,
+  field-padding-top: 5px,
+  field-padding-right: 15px,
+);

package/style/themes/_dark.scss

@@ -0,0 +1,20 @@
+@use "sass:map";
+@use "./common" as *;
+
+// dark 테마
+$theme: map.merge(
+  $theme-common,
+  (
+    border-color: #41444c,
+    font-color: #b9bdc1,
+    font-hover-color: #f5f3f3,
+    button-bg: #435ebe,
+    button-bg-hover: #3950a2,
+    tab-bg: #23418f,
+    tab-bg-hover: #516db1,
+    input-bg: transparent,
+    input-color: #c6cddb,
+    input-disabled-bg: #878787,
+    bg-grid-header: #878787,
+  )
+);

package/style/themes/_index.scss

@@ -0,0 +1,14 @@
+@use "light";
+@use "dark";
+
+@forward "mixin";
+@forward "common";
+
+// 테마 추가시 아래 map 에 추가할 것.
+$themes: (
+  light: light.$theme,
+  dark: dark.$theme,
+);
+
+// 기본 테마 설정
+$default-theme: light;

package/style/themes/_light.scss

@@ -0,0 +1,20 @@
+@use "sass:map";
+@use "./common" as *;
+
+// 기본(light) 테마
+$theme: map.merge(
+  $theme-common,
+  (
+    border-color: #dfe1e5,
+    font-color: #686868,
+    font-hover-color: #3a3d41,
+    button-bg: #f6f6f6,
+    button-bg-hover: #ebebeb,
+    tab-bg: #f6f6f6,
+    tab-bg-hover: #ebebeb,
+    input-bg: #fff,
+    input-color: #212529,
+    input-disabled-bg: #ebebeb,
+    bg-grid-header: #f1f1f1,
+  )
+);

package/style/themes/_mixin.scss

@@ -0,0 +1,6 @@
+// 테마 map 을 CSS 변수(--key: value)로 출력한다.
+@mixin theme($theme) {
+  @each $key, $value in $theme {
+    --#{$key}: #{$value};
+  }
+}

package/dist/commonVender.d.ts

@@ -1 +0,0 @@
-export {};