gyeol 0.1.2 → 0.1.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.
package/index.mjs CHANGED
@@ -1,4 +1,4 @@
1
- // 결 gyeol — generated from tokens.json
1
+ // 결 gyeol — generated from tokens.json
2
2
  const tokens = {
3
3
  "gyeol": {
4
4
  "$description": "결 gyeol design tokens (DTCG format). color.<palette>.<light|dark>.<role>",
@@ -716,6 +716,601 @@ const tokens = {
716
716
  "$value": "#f97770"
717
717
  }
718
718
  }
719
+ },
720
+ "chija": {
721
+ "$description": "치자",
722
+ "light": {
723
+ "bg": {
724
+ "$type": "color",
725
+ "$value": "#fbf2e8"
726
+ },
727
+ "bg-2": {
728
+ "$type": "color",
729
+ "$value": "#f4e3d1"
730
+ },
731
+ "ink": {
732
+ "$type": "color",
733
+ "$value": "#2b1800"
734
+ },
735
+ "ink-2": {
736
+ "$type": "color",
737
+ "$value": "#5c4d3b"
738
+ },
739
+ "ink-3": {
740
+ "$type": "color",
741
+ "$value": "#6d6154"
742
+ },
743
+ "line": {
744
+ "$type": "color",
745
+ "$value": "#d8c8b5"
746
+ },
747
+ "paper": {
748
+ "$type": "color",
749
+ "$value": "#fffcf7"
750
+ },
751
+ "accent": {
752
+ "$type": "color",
753
+ "$value": "#914d00"
754
+ },
755
+ "accent-soft": {
756
+ "$type": "color",
757
+ "$value": "#fad7b1"
758
+ },
759
+ "on-accent": {
760
+ "$type": "color",
761
+ "$value": "#fcfcfc"
762
+ },
763
+ "stain": {
764
+ "$type": "color",
765
+ "$value": "#84d672"
766
+ },
767
+ "ok": {
768
+ "$type": "color",
769
+ "$value": "#137738"
770
+ },
771
+ "warn": {
772
+ "$type": "color",
773
+ "$value": "#a15b00"
774
+ },
775
+ "err": {
776
+ "$type": "color",
777
+ "$value": "#be222a"
778
+ }
779
+ },
780
+ "dark": {
781
+ "bg": {
782
+ "$type": "color",
783
+ "$value": "#180d02"
784
+ },
785
+ "bg-2": {
786
+ "$type": "color",
787
+ "$value": "#241402"
788
+ },
789
+ "ink": {
790
+ "$type": "color",
791
+ "$value": "#f3ede7"
792
+ },
793
+ "ink-2": {
794
+ "$type": "color",
795
+ "$value": "#c4b9ac"
796
+ },
797
+ "ink-3": {
798
+ "$type": "color",
799
+ "$value": "#a79c91"
800
+ },
801
+ "line": {
802
+ "$type": "color",
803
+ "$value": "#413221"
804
+ },
805
+ "paper": {
806
+ "$type": "color",
807
+ "$value": "#372818"
808
+ },
809
+ "accent": {
810
+ "$type": "color",
811
+ "$value": "#e9a03e"
812
+ },
813
+ "accent-soft": {
814
+ "$type": "color",
815
+ "$value": "#4e2d00"
816
+ },
817
+ "on-accent": {
818
+ "$type": "color",
819
+ "$value": "#1a0f03"
820
+ },
821
+ "stain": {
822
+ "$type": "color",
823
+ "$value": "#1e7100"
824
+ },
825
+ "ok": {
826
+ "$type": "color",
827
+ "$value": "#62c37a"
828
+ },
829
+ "warn": {
830
+ "$type": "color",
831
+ "$value": "#eeb154"
832
+ },
833
+ "err": {
834
+ "$type": "color",
835
+ "$value": "#f97770"
836
+ }
837
+ }
838
+ },
839
+ "hwangto": {
840
+ "$description": "황토",
841
+ "light": {
842
+ "bg": {
843
+ "$type": "color",
844
+ "$value": "#faf2ec"
845
+ },
846
+ "bg-2": {
847
+ "$type": "color",
848
+ "$value": "#f3e3d9"
849
+ },
850
+ "ink": {
851
+ "$type": "color",
852
+ "$value": "#2a180c"
853
+ },
854
+ "ink-2": {
855
+ "$type": "color",
856
+ "$value": "#5b4c43"
857
+ },
858
+ "ink-3": {
859
+ "$type": "color",
860
+ "$value": "#6c615a"
861
+ },
862
+ "line": {
863
+ "$type": "color",
864
+ "$value": "#d6c7bd"
865
+ },
866
+ "paper": {
867
+ "$type": "color",
868
+ "$value": "#fffcf9"
869
+ },
870
+ "accent": {
871
+ "$type": "color",
872
+ "$value": "#8b4f21"
873
+ },
874
+ "accent-soft": {
875
+ "$type": "color",
876
+ "$value": "#f7d7c2"
877
+ },
878
+ "on-accent": {
879
+ "$type": "color",
880
+ "$value": "#fcfcfc"
881
+ },
882
+ "stain": {
883
+ "$type": "color",
884
+ "$value": "#accb73"
885
+ },
886
+ "ok": {
887
+ "$type": "color",
888
+ "$value": "#137738"
889
+ },
890
+ "warn": {
891
+ "$type": "color",
892
+ "$value": "#a15b00"
893
+ },
894
+ "err": {
895
+ "$type": "color",
896
+ "$value": "#be222a"
897
+ }
898
+ },
899
+ "dark": {
900
+ "bg": {
901
+ "$type": "color",
902
+ "$value": "#170d06"
903
+ },
904
+ "bg-2": {
905
+ "$type": "color",
906
+ "$value": "#23140a"
907
+ },
908
+ "ink": {
909
+ "$type": "color",
910
+ "$value": "#f3ede9"
911
+ },
912
+ "ink-2": {
913
+ "$type": "color",
914
+ "$value": "#c3b8b2"
915
+ },
916
+ "ink-3": {
917
+ "$type": "color",
918
+ "$value": "#a69c96"
919
+ },
920
+ "line": {
921
+ "$type": "color",
922
+ "$value": "#403229"
923
+ },
924
+ "paper": {
925
+ "$type": "color",
926
+ "$value": "#35281f"
927
+ },
928
+ "accent": {
929
+ "$type": "color",
930
+ "$value": "#e3a072"
931
+ },
932
+ "accent-soft": {
933
+ "$type": "color",
934
+ "$value": "#4b2d18"
935
+ },
936
+ "on-accent": {
937
+ "$type": "color",
938
+ "$value": "#1c0e05"
939
+ },
940
+ "stain": {
941
+ "$type": "color",
942
+ "$value": "#4e6801"
943
+ },
944
+ "ok": {
945
+ "$type": "color",
946
+ "$value": "#62c37a"
947
+ },
948
+ "warn": {
949
+ "$type": "color",
950
+ "$value": "#eeb154"
951
+ },
952
+ "err": {
953
+ "$type": "color",
954
+ "$value": "#f97770"
955
+ }
956
+ }
957
+ },
958
+ "oksaek": {
959
+ "$description": "옥색",
960
+ "light": {
961
+ "bg": {
962
+ "$type": "color",
963
+ "$value": "#edf6f5"
964
+ },
965
+ "bg-2": {
966
+ "$type": "color",
967
+ "$value": "#daeaea"
968
+ },
969
+ "ink": {
970
+ "$type": "color",
971
+ "$value": "#0b2121"
972
+ },
973
+ "ink-2": {
974
+ "$type": "color",
975
+ "$value": "#435353"
976
+ },
977
+ "ink-3": {
978
+ "$type": "color",
979
+ "$value": "#5a6666"
980
+ },
981
+ "line": {
982
+ "$type": "color",
983
+ "$value": "#becece"
984
+ },
985
+ "paper": {
986
+ "$type": "color",
987
+ "$value": "#f9fdfd"
988
+ },
989
+ "accent": {
990
+ "$type": "color",
991
+ "$value": "#0f6e6e"
992
+ },
993
+ "accent-soft": {
994
+ "$type": "color",
995
+ "$value": "#c4e6e5"
996
+ },
997
+ "on-accent": {
998
+ "$type": "color",
999
+ "$value": "#fcfcfc"
1000
+ },
1001
+ "stain": {
1002
+ "$type": "color",
1003
+ "$value": "#9ebdff"
1004
+ },
1005
+ "ok": {
1006
+ "$type": "color",
1007
+ "$value": "#137738"
1008
+ },
1009
+ "warn": {
1010
+ "$type": "color",
1011
+ "$value": "#a15b00"
1012
+ },
1013
+ "err": {
1014
+ "$type": "color",
1015
+ "$value": "#be222a"
1016
+ }
1017
+ },
1018
+ "dark": {
1019
+ "bg": {
1020
+ "$type": "color",
1021
+ "$value": "#061212"
1022
+ },
1023
+ "bg-2": {
1024
+ "$type": "color",
1025
+ "$value": "#0a1c1c"
1026
+ },
1027
+ "ink": {
1028
+ "$type": "color",
1029
+ "$value": "#eaf0f0"
1030
+ },
1031
+ "ink-2": {
1032
+ "$type": "color",
1033
+ "$value": "#b2bdbd"
1034
+ },
1035
+ "ink-3": {
1036
+ "$type": "color",
1037
+ "$value": "#96a1a1"
1038
+ },
1039
+ "line": {
1040
+ "$type": "color",
1041
+ "$value": "#293938"
1042
+ },
1043
+ "paper": {
1044
+ "$type": "color",
1045
+ "$value": "#202f2e"
1046
+ },
1047
+ "accent": {
1048
+ "$type": "color",
1049
+ "$value": "#70c1c1"
1050
+ },
1051
+ "accent-soft": {
1052
+ "$type": "color",
1053
+ "$value": "#153c3c"
1054
+ },
1055
+ "on-accent": {
1056
+ "$type": "color",
1057
+ "$value": "#001616"
1058
+ },
1059
+ "stain": {
1060
+ "$type": "color",
1061
+ "$value": "#415b97"
1062
+ },
1063
+ "ok": {
1064
+ "$type": "color",
1065
+ "$value": "#62c37a"
1066
+ },
1067
+ "warn": {
1068
+ "$type": "color",
1069
+ "$value": "#eeb154"
1070
+ },
1071
+ "err": {
1072
+ "$type": "color",
1073
+ "$value": "#f97770"
1074
+ }
1075
+ }
1076
+ },
1077
+ "haneul": {
1078
+ "$description": "하늘",
1079
+ "light": {
1080
+ "bg": {
1081
+ "$type": "color",
1082
+ "$value": "#ebf5fb"
1083
+ },
1084
+ "bg-2": {
1085
+ "$type": "color",
1086
+ "$value": "#d8e9f4"
1087
+ },
1088
+ "ink": {
1089
+ "$type": "color",
1090
+ "$value": "#08202c"
1091
+ },
1092
+ "ink-2": {
1093
+ "$type": "color",
1094
+ "$value": "#41535d"
1095
+ },
1096
+ "ink-3": {
1097
+ "$type": "color",
1098
+ "$value": "#59656d"
1099
+ },
1100
+ "line": {
1101
+ "$type": "color",
1102
+ "$value": "#bccdd8"
1103
+ },
1104
+ "paper": {
1105
+ "$type": "color",
1106
+ "$value": "#f9fdff"
1107
+ },
1108
+ "accent": {
1109
+ "$type": "color",
1110
+ "$value": "#006995"
1111
+ },
1112
+ "accent-soft": {
1113
+ "$type": "color",
1114
+ "$value": "#bfe4fb"
1115
+ },
1116
+ "on-accent": {
1117
+ "$type": "color",
1118
+ "$value": "#fcfcfc"
1119
+ },
1120
+ "stain": {
1121
+ "$type": "color",
1122
+ "$value": "#d1a8ff"
1123
+ },
1124
+ "ok": {
1125
+ "$type": "color",
1126
+ "$value": "#137738"
1127
+ },
1128
+ "warn": {
1129
+ "$type": "color",
1130
+ "$value": "#a15b00"
1131
+ },
1132
+ "err": {
1133
+ "$type": "color",
1134
+ "$value": "#be222a"
1135
+ }
1136
+ },
1137
+ "dark": {
1138
+ "bg": {
1139
+ "$type": "color",
1140
+ "$value": "#051118"
1141
+ },
1142
+ "bg-2": {
1143
+ "$type": "color",
1144
+ "$value": "#071b25"
1145
+ },
1146
+ "ink": {
1147
+ "$type": "color",
1148
+ "$value": "#e9f0f4"
1149
+ },
1150
+ "ink-2": {
1151
+ "$type": "color",
1152
+ "$value": "#b1bdc4"
1153
+ },
1154
+ "ink-3": {
1155
+ "$type": "color",
1156
+ "$value": "#95a0a7"
1157
+ },
1158
+ "line": {
1159
+ "$type": "color",
1160
+ "$value": "#283842"
1161
+ },
1162
+ "paper": {
1163
+ "$type": "color",
1164
+ "$value": "#1e2e37"
1165
+ },
1166
+ "accent": {
1167
+ "$type": "color",
1168
+ "$value": "#64bced"
1169
+ },
1170
+ "accent-soft": {
1171
+ "$type": "color",
1172
+ "$value": "#0e3a50"
1173
+ },
1174
+ "on-accent": {
1175
+ "$type": "color",
1176
+ "$value": "#04141d"
1177
+ },
1178
+ "stain": {
1179
+ "$type": "color",
1180
+ "$value": "#6f4797"
1181
+ },
1182
+ "ok": {
1183
+ "$type": "color",
1184
+ "$value": "#62c37a"
1185
+ },
1186
+ "warn": {
1187
+ "$type": "color",
1188
+ "$value": "#eeb154"
1189
+ },
1190
+ "err": {
1191
+ "$type": "color",
1192
+ "$value": "#f97770"
1193
+ }
1194
+ }
1195
+ },
1196
+ "odi": {
1197
+ "$description": "오디",
1198
+ "light": {
1199
+ "bg": {
1200
+ "$type": "color",
1201
+ "$value": "#f5f1fc"
1202
+ },
1203
+ "bg-2": {
1204
+ "$type": "color",
1205
+ "$value": "#e9e3f6"
1206
+ },
1207
+ "ink": {
1208
+ "$type": "color",
1209
+ "$value": "#20182e"
1210
+ },
1211
+ "ink-2": {
1212
+ "$type": "color",
1213
+ "$value": "#524c5e"
1214
+ },
1215
+ "ink-3": {
1216
+ "$type": "color",
1217
+ "$value": "#65616e"
1218
+ },
1219
+ "line": {
1220
+ "$type": "color",
1221
+ "$value": "#cdc7da"
1222
+ },
1223
+ "paper": {
1224
+ "$type": "color",
1225
+ "$value": "#fdfcff"
1226
+ },
1227
+ "accent": {
1228
+ "$type": "color",
1229
+ "$value": "#6b4e9a"
1230
+ },
1231
+ "accent-soft": {
1232
+ "$type": "color",
1233
+ "$value": "#e3d7fd"
1234
+ },
1235
+ "on-accent": {
1236
+ "$type": "color",
1237
+ "$value": "#fcfcfc"
1238
+ },
1239
+ "stain": {
1240
+ "$type": "color",
1241
+ "$value": "#ff96a9"
1242
+ },
1243
+ "ok": {
1244
+ "$type": "color",
1245
+ "$value": "#137738"
1246
+ },
1247
+ "warn": {
1248
+ "$type": "color",
1249
+ "$value": "#a15b00"
1250
+ },
1251
+ "err": {
1252
+ "$type": "color",
1253
+ "$value": "#be222a"
1254
+ }
1255
+ },
1256
+ "dark": {
1257
+ "bg": {
1258
+ "$type": "color",
1259
+ "$value": "#110d19"
1260
+ },
1261
+ "bg-2": {
1262
+ "$type": "color",
1263
+ "$value": "#1b1426"
1264
+ },
1265
+ "ink": {
1266
+ "$type": "color",
1267
+ "$value": "#efedf4"
1268
+ },
1269
+ "ink-2": {
1270
+ "$type": "color",
1271
+ "$value": "#bcb8c5"
1272
+ },
1273
+ "ink-3": {
1274
+ "$type": "color",
1275
+ "$value": "#a09ca8"
1276
+ },
1277
+ "line": {
1278
+ "$type": "color",
1279
+ "$value": "#383243"
1280
+ },
1281
+ "paper": {
1282
+ "$type": "color",
1283
+ "$value": "#2d2838"
1284
+ },
1285
+ "accent": {
1286
+ "$type": "color",
1287
+ "$value": "#bd9ff2"
1288
+ },
1289
+ "accent-soft": {
1290
+ "$type": "color",
1291
+ "$value": "#3b2d52"
1292
+ },
1293
+ "on-accent": {
1294
+ "$type": "color",
1295
+ "$value": "#140e1d"
1296
+ },
1297
+ "stain": {
1298
+ "$type": "color",
1299
+ "$value": "#9b344c"
1300
+ },
1301
+ "ok": {
1302
+ "$type": "color",
1303
+ "$value": "#62c37a"
1304
+ },
1305
+ "warn": {
1306
+ "$type": "color",
1307
+ "$value": "#eeb154"
1308
+ },
1309
+ "err": {
1310
+ "$type": "color",
1311
+ "$value": "#f97770"
1312
+ }
1313
+ }
719
1314
  }
720
1315
  },
721
1316
  "font": {
@@ -918,25 +1513,25 @@ const tokens = {
918
1513
  }
919
1514
  }
920
1515
  }
921
- };
922
-
923
- export const palettes = ["meok", "jjok", "cheongja", "songhwa", "yeonji", "jaju"];
924
- export const themes = ["dark", "light", "system"];
925
-
926
- /** <html data-palette> 값을 바꿔요. */
927
- export function setPalette(palette, el = document.documentElement) {
928
- el.setAttribute("data-palette", palette);
929
- }
930
-
931
- /** <html data-theme> 값을 바꿔요. */
932
- export function setTheme(theme, el = document.documentElement) {
933
- el.setAttribute("data-theme", theme);
934
- }
935
-
936
- /** 팔레트·테마·역할로 HEX 색을 돌려줘요. 예) color("meok", "dark", "accent") */
937
- export function color(palette, theme, role) {
938
- return tokens.gyeol.color[palette][theme][role].$value;
939
- }
940
-
941
- export { tokens };
942
- export default tokens;
1516
+ };
1517
+
1518
+ export const palettes = ["meok", "jjok", "cheongja", "songhwa", "yeonji", "jaju", "chija", "hwangto", "oksaek", "haneul", "odi"];
1519
+ export const themes = ["dark", "light", "system"];
1520
+
1521
+ /** <html data-palette> 값을 바꿔요. */
1522
+ export function setPalette(palette, el = document.documentElement) {
1523
+ el.setAttribute("data-palette", palette);
1524
+ }
1525
+
1526
+ /** <html data-theme> 값을 바꿔요. */
1527
+ export function setTheme(theme, el = document.documentElement) {
1528
+ el.setAttribute("data-theme", theme);
1529
+ }
1530
+
1531
+ /** 팔레트·테마·역할로 HEX 색을 돌려줘요. 예) color("meok", "dark", "accent") */
1532
+ export function color(palette, theme, role) {
1533
+ return tokens.gyeol.color[palette][theme][role].$value;
1534
+ }
1535
+
1536
+ export { tokens };
1537
+ export default tokens;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "gyeol",
3
- "version": "0.1.2",
3
+ "version": "0.1.3",
4
4
  "description": "결 gyeol — 한지를 겹겹이 올리는 디자인 시스템. CSS, Tailwind preset, DTCG design tokens.",
5
5
  "license": "MIT",
6
6
  "repository": {