diff --git a/src/app/atoms/button/Button.scss b/src/app/atoms/button/Button.scss
index e1a01bb..ea5f000 100644
--- a/src/app/atoms/button/Button.scss
+++ b/src/app/atoms/button/Button.scss
@@ -22,10 +22,9 @@
& .text {
@extend .cp-txt__ellipsis;
}
-
+
&--icon {
@include dir.side(padding, var(--sp-tight), var(--sp-loose));
-
}
.ic-raw {
@include dir.side(margin, 0, var(--sp-extra-tight));
@@ -42,7 +41,6 @@
}
}
-
.btn-surface {
box-shadow: var(--bs-surface-border);
@include color(var(--tc-surface-high), var(--ic-surface-normal));
@@ -78,4 +76,4 @@
@include state.hover(var(--bg-danger-hover));
@include state.focus(var(--bs-danger-outline));
@include state.active(var(--bg-danger-active));
-}
\ No newline at end of file
+}
diff --git a/src/app/molecules/image-pack/ImagePackItem.scss b/src/app/molecules/image-pack/ImagePackItem.scss
index ab1be3a..7655a88 100644
--- a/src/app/molecules/image-pack/ImagePackItem.scss
+++ b/src/app/molecules/image-pack/ImagePackItem.scss
@@ -40,4 +40,4 @@
gap: var(--sp-ultra-tight);
}
}
-}
\ No newline at end of file
+}
diff --git a/src/app/molecules/image-pack/ImagePackUpload.jsx b/src/app/molecules/image-pack/ImagePackUpload.jsx
index ba1e3d8..ed9b733 100644
--- a/src/app/molecules/image-pack/ImagePackUpload.jsx
+++ b/src/app/molecules/image-pack/ImagePackUpload.jsx
@@ -125,7 +125,6 @@ function ImagePackUpload({ onUpload }) {
return (
- {/* Single Upload Section */}
Single Upload
@@ -154,7 +153,6 @@ function ImagePackUpload({ onUpload }) {
- {/* Bulk Upload Section */}
Bulk Upload
@@ -181,7 +179,7 @@ function ImagePackUpload({ onUpload }) {
{bulkFiles.length > 0 && (
{bulkFiles.map((file, index) => (
-
+
handleRemoveBulkFile(index)}
src={CirclePlusIC}
@@ -196,17 +194,6 @@ function ImagePackUpload({ onUpload }) {
)}
-
- {/* Emoji List Section */}
-
-
- Emoji List
-
-
- {/* This section would need to receive the emoji list as a prop */}
- No emojis uploaded yet
-
-
);
}
diff --git a/src/index.scss b/src/index.scss
index 178092a..a79544e 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -307,6 +307,15 @@
--bs-primary-border: inset 0 0 0 1px var(--bg-primary-border);
--bs-primary-outline: 0 0 0 2px var(--bg-primary-border);
+ --bs-positive-border: inset 0 0 0 1px var(--bg-positive-border);
+ --bs-positive-outline: 0 0 0 2px var(--bg-positive-border);
+
+ --bs-caution-border: inset 0 0 0 1px var(--bg-caution-border);
+ --bs-caution-outline: 0 0 0 2px var(--bg-caution-border);
+
+ --bs-danger-border: inset 0 0 0 1px var(--bg-danger-border);
+ --bs-danger-outline: 0 0 0 2px var(--bg-danger-border);
+
/* font styles: font-size, letter-spacing, line-hight */
--fs-h1: 35.6px;
@@ -424,6 +433,20 @@
--bg-overlay-low: rgba(17, 17, 27, 0.8);
--bs-popup: 0 0 16px rgba(17, 17, 27, 0.25);
+ --bs-surface-border: inset 0 0 0 1px var(--bg-surface-border);
+ --bs-surface-outline: 0 0 0 2px var(--bg-surface-border);
+
+ --bs-primary-border: inset 0 0 0 1px var(--bg-primary-border);
+ --bs-primary-outline: 0 0 0 2px var(--bg-primary-border);
+
+ --bs-positive-border: inset 0 0 0 1px var(--bg-positive-border);
+ --bs-positive-outline: 0 0 0 2px var(--bg-positive-border);
+
+ --bs-caution-border: inset 0 0 0 1px var(--bg-caution-border);
+ --bs-caution-outline: 0 0 0 2px var(--bg-caution-border);
+
+ --bs-danger-border: inset 0 0 0 1px var(--bg-danger-border);
+ --bs-danger-outline: 0 0 0 2px var(--bg-danger-border);
}
.butter-theme {