@sustaina/shared-ui 1.3.0 → 1.3.2

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 (11) hide show
  1. package/README.md +50 -252
  2. package/README.md.local-bak +273 -0
  3. package/dist/index.css +128 -1
  4. package/dist/index.css.map +1 -1
  5. package/dist/index.d.mts +1997 -138
  6. package/dist/index.d.ts +1997 -138
  7. package/dist/index.js +18932 -4528
  8. package/dist/index.js.map +1 -1
  9. package/dist/index.mjs +18721 -4584
  10. package/dist/index.mjs.map +1 -1
  11. package/package.json +40 -14
package/dist/index.css CHANGED
@@ -21,14 +21,134 @@
21
21
  --color-sus-gray-3: #eaeaea;
22
22
  --color-sus-gray-4: #f7fcf9;
23
23
  --color-sus-gray-5: #41875c;
24
+ --color-sus-gray-6: #a7adb8;
25
+ --color-sus-blue-1: #3b69b1;
26
+ --color-sus-blue-2: #1598b0;
27
+ --color-sus-blue-3: #6084c1;
24
28
  --color-sus-primary-1-hover: rgba(50, 100, 70, 1);
25
29
  --color-sus-primary-2-hover: #8db89c;
26
30
  --color-sus-primary-3-hover: #eff5f1;
27
31
  --color-sus-primary-1-active: #dfeae3;
28
32
  --color-sus-secondary-hover: #907b46;
33
+
34
+ /* update ui 22-12-2025 */
35
+ --color-sus-main-accent: #379a2a;
36
+ --color-sus-main-gray: #000000;
37
+ --color-sus-main-background: #ffffff;
38
+ --color-sus-primary-green-1: #fbfefa;
39
+ --color-sus-primary-green-2: #f5fbf4;
40
+ --color-sus-primary-green-3: #e8f7e6;
41
+ --color-sus-primary-green-4: #d9f1d5;
42
+ --color-sus-primary-green-5: #c7eac2;
43
+ --color-sus-primary-green-6: #b0dfaa;
44
+ --color-sus-primary-green-7: #92d089;
45
+ --color-sus-primary-green-8: #64bc59;
46
+ --color-sus-primary-green-9: #379a2a;
47
+ --color-sus-primary-green-10: #338b27;
48
+ --color-sus-primary-green-11: #268019;
49
+ --color-sus-primary-green-12: #203d1c;
50
+ --color-sus-secondary-green-1: #fdfefc;
51
+ --color-sus-secondary-green-2: #f6faf7;
52
+ --color-sus-secondary-green-3: #eaf5ee;
53
+ --color-sus-secondary-green-4: #dceee3;
54
+ --color-sus-secondary-green-5: #cee6d6;
55
+ --color-sus-secondary-green-6: #bcd9c7;
56
+ --color-sus-secondary-green-7: #a4c8b0;
57
+ --color-sus-secondary-green-8: #80b292;
58
+ --color-sus-secondary-green-9: #82b495;
59
+ --color-sus-secondary-green-10: #77a989;
60
+ --color-sus-secondary-green-11: #48785b;
61
+ --color-sus-secondary-green-12: #28392e;
62
+ --color-sus-secondary-gray-1: #fcfcfc;
63
+ --color-sus-secondary-gray-2: #f9f9f9;
64
+ --color-sus-secondary-gray-3: #f0f0f0;
65
+ --color-sus-secondary-gray-4: #e8e8e8;
66
+ --color-sus-secondary-gray-5: #e1e1e1;
67
+ --color-sus-secondary-gray-6: #d9d9d9;
68
+ --color-sus-secondary-gray-7: #cecece;
69
+ --color-sus-secondary-gray-8: #bbbbbb;
70
+ --color-sus-secondary-gray-9: #8c8c8c;
71
+ --color-sus-secondary-gray-10: #818181;
72
+ --color-sus-secondary-gray-11: #636363;
73
+ --color-sus-secondary-gray-12: #1f1f1f;
74
+ --color-sus-alert-positive-1: #92d08b;
75
+ --color-sus-alert-positive-2: #64bc59;
76
+ --color-sus-alert-positive-3: #37742f;
77
+ --color-sus-alert-info-1: #6f9deb;
78
+ --color-sus-alert-info-2: #2e70e2;
79
+ --color-sus-alert-info-3: #144190;
80
+ --color-sus-alert-warning-1: #fffbe6;
81
+ --color-sus-alert-warning-2: #fff3b8;
82
+ --color-sus-alert-warning-3: #ffeb8a;
83
+ --color-sus-alert-warning-4: #ffe45c;
84
+ --color-sus-alert-warning-5: #ffdd2f;
85
+ --color-sus-alert-warning-6: #fed503;
86
+ --color-sus-alert-warning-7: #d1af01;
87
+ --color-sus-alert-warning-8: #a38800;
88
+ --color-sus-alert-warning-9: #756200;
89
+ --color-sus-alert-warning-10: #463c01;
90
+ --color-sus-alert-warning-11: #1a1500;
91
+ --color-sus-alert-negative-1: #fbeaeb;
92
+ --color-sus-alert-negative-2: #f3c4c5;
93
+ --color-sus-alert-negative-3: #ea9f9f;
94
+ --color-sus-alert-negative-4: #e2787a;
95
+ --color-sus-alert-negative-5: #da5256;
96
+ --color-sus-alert-negative-6: #c32a2c;
97
+ --color-sus-alert-negative-7: #ad2527;
98
+ --color-sus-alert-negative-8: #871d1e;
99
+ --color-sus-alert-negative-9: #611516;
100
+ --color-sus-alert-negative-10: #3b0c0d;
101
+ --color-sus-alert-negative-11: #150405;
102
+ --color-sus-button-accent-1: #cecece;
103
+ --color-sus-button-accent-2: #8b8b8b;
104
+ --color-sus-button-accent-3: #646464;
105
+ --color-sus-button-red-1: #ec8f83;
106
+ --color-sus-button-red-2: #bf3630;
107
+ --color-sus-button-red-3: #bb0b0e;
108
+ --color-sus-button-yellow-1: #ffe470;
109
+ --color-sus-button-yellow-2: #ffd503;
110
+ --color-sus-button-yellow-3: #f0c000;
111
+ --color-sus-button-yellowdark-1: #b9a874;
112
+ --color-sus-button-yellowdark-2: #a49053;
113
+ --color-sus-button-yellowdark-3: #8b7a46;
114
+ --color-sus-button-green-1: #a3c8b0;
115
+ --color-sus-button-green-2: #82b495;
116
+ --color-sus-button-green-3: #48785b;
117
+ --color-sus-button-blue-1: #89a9dd;
118
+ --color-sus-button-blue-2: #6084c1;
119
+ --color-sus-button-blue-3: #5177b8;
120
+ --color-sus-button-black-1: #616161;
121
+ --color-sus-button-black-2: #303030;
122
+ --color-sus-button-black-3: #000000;
123
+
124
+ /* animate */
125
+ --animate-sus-spinner: sus-spinner 1s linear infinite;
126
+ @keyframes sus-spinner {
127
+ 0% {
128
+ opacity: 1;
129
+ }
130
+ 10% {
131
+ opacity: 0.7;
132
+ }
133
+ 20% {
134
+ opacity: 0.3;
135
+ }
136
+ 35% {
137
+ opacity: 0.2;
138
+ }
139
+ 50% {
140
+ opacity: 0.1;
141
+ }
142
+ 75% {
143
+ opacity: 0.05;
144
+ }
145
+ 100% {
146
+ opacity: 0;
147
+ }
148
+ }
29
149
  }
30
150
 
31
- /* src/components/advanceSearch/styles/index.css */
151
+ /* src/styles/index.css */
32
152
  .clear-button {
33
153
  width: 15px;
34
154
  height: 15px;
@@ -61,4 +181,11 @@
61
181
  padding: 0;
62
182
  aspect-ratio: 1/1;
63
183
  }
184
+ .hide-scrollbar {
185
+ -ms-overflow-style: none;
186
+ scrollbar-width: none;
187
+ }
188
+ .hide-scrollbar::-webkit-scrollbar {
189
+ display: none;
190
+ }
64
191
  /*# sourceMappingURL=index.css.map */
package/dist/index.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/advanceSearch/styles/index.css"],"sourcesContent":[".clear-button {\n width: 15px;\n height: 15px;\n font-weight: bold;\n border-radius: 50%;\n background-color: black;\n color: white;\n border: 1px solid black;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: background-color 0.15s ease;\n padding: 0;\n cursor: pointer;\n}\n\n.clear-button:hover {\n background-color: #333; /* เข้มขึ้นเวลา hover */\n}\n\n.clear-button .icon {\n width: 13px;\n height: 13px;\n}\n\n.circle-btn {\n width: 24px; /* small size */\n height: 24px; /* same as width */\n border-radius: 50%; /* perfect circle */\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0; /* remove default button padding */\n aspect-ratio: 1/1; /* force square, prevents oval */\n}\n"],"mappings":";AAAA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,eAAa;AACb,iBAAe;AACf,oBAAkB;AAClB,SAAO;AACP,UAAQ,IAAI,MAAM;AAClB,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,cAAY,iBAAiB,MAAM;AACnC,WAAS;AACT,UAAQ;AACV;AAEA,CAhBC,YAgBY;AACX,oBAAkB;AACpB;AAEA,CApBC,aAoBa,CAAC;AACb,SAAO;AACP,UAAQ;AACV;AAEA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,iBAAe;AACf,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,WAAS;AACT,gBAAc,CAAC,CAAC;AAClB;","names":[]}
1
+ {"version":3,"sources":["../src/styles/index.css"],"sourcesContent":[".clear-button {\n width: 15px;\n height: 15px;\n font-weight: bold;\n border-radius: 50%;\n background-color: black;\n color: white;\n border: 1px solid black;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: background-color 0.15s ease;\n padding: 0;\n cursor: pointer;\n}\n\n.clear-button:hover {\n background-color: #333; /* เข้มขึ้นเวลา hover */\n}\n\n.clear-button .icon {\n width: 13px;\n height: 13px;\n}\n\n.circle-btn {\n width: 24px; /* small size */\n height: 24px; /* same as width */\n border-radius: 50%; /* perfect circle */\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0; /* remove default button padding */\n aspect-ratio: 1/1; /* force square, prevents oval */\n}\n\n.hide-scrollbar {\n -ms-overflow-style: none; /* IE, Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n.hide-scrollbar::-webkit-scrollbar {\n display: none; /* Chrome, Safari */\n}\n"],"mappings":";AAAA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,eAAa;AACb,iBAAe;AACf,oBAAkB;AAClB,SAAO;AACP,UAAQ,IAAI,MAAM;AAClB,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,cAAY,iBAAiB,MAAM;AACnC,WAAS;AACT,UAAQ;AACV;AAEA,CAhBC,YAgBY;AACX,oBAAkB;AACpB;AAEA,CApBC,aAoBa,CAAC;AACb,SAAO;AACP,UAAQ;AACV;AAEA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,iBAAe;AACf,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,WAAS;AACT,gBAAc,CAAC,CAAC;AAClB;AAEA,CAAC;AACC,sBAAoB;AACpB,mBAAiB;AACnB;AAEA,CALC,cAKc;AACb,WAAS;AACX;","names":[]}