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 {