@daracl/form 0.0.17 → 0.0.19

package/style/themes/_common.scss

@@ -0,0 +1,18 @@
+// 모든 테마에서 값이 같은 변수. 테마별 값이 필요하면 각 테마 파일에서 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: 3px,
+  field-padding-right: 15px,
+  line-height: 1.2em,
+  line-height-lg: 1.5em,
+  font-size-sm: 12px,
+  font-size: 14px,
+  font-size-lg: 16px,
+);

package/style/themes/_dark.scss

@@ -0,0 +1,32 @@
+@use "sass:map";
+@use "./common" as *;
+
+// dark 테마 - ui-grid dark 테마 색상 기준
+$theme: map.merge(
+  $theme-common,
+  (
+    border-color: #585858,
+    font-color: #e0e0e0,
+    font-hover-color: #ffffff,
+    font-disable-color: #ebebeb,
+    button-bg: #5a5a5a,
+    button-bg-hover: #727272,
+    tab-bg: #2c2c2c,
+    tab-bg-hover: #3c3c3c,
+    input-bg: #2a2a2a,
+    input-color: #f0f0f0,
+    input-disabled-bg: #555,
+    bg-grid-header: #1a1717,
+    icon-color: #fffbfb,
+    color-danger: #ff6b6b,
+    background-danger: #ff6b6b,
+    invalid-font-color: #ff9b9b,
+    invalid-border-color: #ff5e5e,
+    invalid-background-color: #3a1f1f,
+    tooltip-background: #444,
+
+    body-bg: #1a1a1a,
+    body-bg-thin: #444343,
+    body-bg-hover: #565555,
+  )
+);

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,26 @@
+@use "sass:map";
+@use "./common" as *;
+
+// 기본(light) 테마 - ui-grid light 테마 색상 기준
+$theme: map.merge(
+  $theme-common,
+  (
+    border-color: #cdcdcd,
+    font-color: #686868,
+    font-hover-color: #3a3d41,
+    font-disable-color: #ebebeb,
+    button-bg: #ffffff,
+    button-bg-hover: #e3e3e3,
+    tab-bg: #f6f6f6,
+    tab-bg-hover: #ebebeb,
+    input-bg: #fff,
+    input-color: #212529,
+    input-disabled-bg: #ebebeb,
+    bg-grid-header: #f1f1f1,
+    icon-color: #5f6368,
+
+    body-bg: #ffffff,
+    body-bg-thin: #f0f0f0,
+    body-bg-hover: #d2d2d2,
+  )
+);

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 {};