Skip to content

Commit 19cf4e6

Browse files
emir-karabegemir-karabeg
committed
feat(light): button variant updates and controls consolidation
1 parent 176f1a2 commit 19cf4e6

File tree

61 files changed

+346
-629
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

61 files changed

+346
-629
lines changed

‎apps/sim/app/_styles/globals.css‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -181,7 +181,7 @@
181181
--surface-1: #1e1e1e;
182182
--surface-2: #232323;
183183
--surface-3: #242424;
184-
--surface-4: #272727;
184+
--surface-4: #282828;
185185
--border: #2c2c2c;
186186
--surface-5: #363636;
187187
--surface-11: #3d3d3d;
@@ -224,7 +224,7 @@
224224
--font-weight-semibold: 550;
225225

226226
/* RGB for opacity usage */
227-
--surface-4-rgb: 37 37 37;
227+
--surface-4-rgb: 40 40 40;
228228
--surface-5-rgb: 39 39 39;
229229
--surface-7-rgb: 44 44 44;
230230
--surface-9-rgb: 54 54 54;

‎apps/sim/app/templates/[id]/template.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -732,7 +732,7 @@ export default function TemplateDetails({ isWorkspaceContext = false }: Template
732732
<>
733733
{!currentUserId ? (
734734
<Button
735-
variant='primary'
735+
variant='tertiary'
736736
onClick={() => {
737737
const callbackUrl =
738738
isWorkspaceContext && workspaceId
@@ -748,7 +748,7 @@ export default function TemplateDetails({ isWorkspaceContext = false }: Template
748748
</Button>
749749
) : isWorkspaceContext ? (
750750
<Button
751-
variant='primary'
751+
variant='tertiary'
752752
onClick={handleUseTemplate}
753753
disabled={isUsing}
754754
className='!text-[#FFFFFF] h-[32px] rounded-[6px] px-[12px] text-[14px]'

‎apps/sim/app/workspace/[workspaceId]/knowledge/[id]/[documentId]/components/create-chunk-modal/create-chunk-modal.tsx‎

Lines changed: 2 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -157,7 +157,7 @@ export function CreateChunkModal({
157157
Cancel
158158
</Button>
159159
<Button
160-
variant='primary'
160+
variant='tertiary'
161161
onClick={handleCreateChunk}
162162
type='button'
163163
disabled={!isFormValid || isCreating}
@@ -193,12 +193,7 @@ export function CreateChunkModal({
193193
>
194194
Keep Editing
195195
</Button>
196-
<Button
197-
variant='primary'
198-
onClick={handleConfirmDiscard}
199-
type='button'
200-
className='!bg-[var(--text-error)] !text-white hover:!bg-[var(--text-error)]/90'
201-
>
196+
<Button variant='destructive' onClick={handleConfirmDiscard} type='button'>
202197
Discard Changes
203198
</Button>
204199
</ModalFooter>

‎apps/sim/app/workspace/[workspaceId]/knowledge/[id]/[documentId]/components/delete-chunk-modal/delete-chunk-modal.tsx‎

Lines changed: 1 addition & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -78,12 +78,7 @@ export function DeleteChunkModal({
7878
<Button variant='active' disabled={isDeleting} onClick={onClose}>
7979
Cancel
8080
</Button>
81-
<Button
82-
variant='primary'
83-
onClick={handleDeleteChunk}
84-
disabled={isDeleting}
85-
className='!bg-[var(--text-error)] !text-white hover:!bg-[var(--text-error)]/90'
86-
>
81+
<Button variant='destructive' onClick={handleDeleteChunk} disabled={isDeleting}>
8782
{isDeleting ? <>Deleting...</> : <>Delete</>}
8883
</Button>
8984
</ModalFooter>

‎apps/sim/app/workspace/[workspaceId]/knowledge/[id]/[documentId]/components/document-tags-modal/document-tags-modal.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -487,7 +487,7 @@ export function DocumentTagsModal({
487487
Cancel
488488
</Button>
489489
<Button
490-
variant='primary'
490+
variant='tertiary'
491491
onClick={saveDocumentTag}
492492
className='flex-1'
493493
disabled={!canSaveTag}
@@ -608,7 +608,7 @@ export function DocumentTagsModal({
608608
Cancel
609609
</Button>
610610
<Button
611-
variant='primary'
611+
variant='tertiary'
612612
onClick={saveDocumentTag}
613613
className='flex-1'
614614
disabled={

‎apps/sim/app/workspace/[workspaceId]/knowledge/[id]/[documentId]/components/edit-chunk-modal/edit-chunk-modal.tsx‎

Lines changed: 2 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -275,7 +275,7 @@ export function EditChunkModal({
275275
</Button>
276276
{userPermissions.canEdit && (
277277
<Button
278-
variant='primary'
278+
variant='tertiary'
279279
onClick={handleSaveContent}
280280
type='button'
281281
disabled={!isFormValid || isSaving || !hasUnsavedChanges || isNavigating}
@@ -318,12 +318,7 @@ export function EditChunkModal({
318318
>
319319
Keep Editing
320320
</Button>
321-
<Button
322-
variant='primary'
323-
onClick={handleConfirmDiscard}
324-
type='button'
325-
className='!bg-[var(--text-error)] !text-white hover:!bg-[var(--text-error)]/90'
326-
>
321+
<Button variant='destructive' onClick={handleConfirmDiscard} type='button'>
327322
Discard Changes
328323
</Button>
329324
</ModalFooter>

‎apps/sim/app/workspace/[workspaceId]/knowledge/[id]/[documentId]/document.tsx‎

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -242,7 +242,7 @@ function DocumentLoading({
242242
className='flex-1 border-0 bg-transparent px-0 font-medium text-[var(--text-secondary)] text-small leading-none placeholder:text-[var(--text-subtle)] focus-visible:ring-0 focus-visible:ring-offset-0'
243243
/>
244244
</div>
245-
<Button disabled variant='primary' className='h-[32px] rounded-[6px]'>
245+
<Button disabled variant='tertiary' className='h-[32px] rounded-[6px]'>
246246
Create Chunk
247247
</Button>
248248
</div>
@@ -882,7 +882,7 @@ export function Document({
882882
<Button
883883
onClick={() => setIsCreateChunkModalOpen(true)}
884884
disabled={documentData?.processingStatus === 'failed' || !userPermissions.canEdit}
885-
variant='primary'
885+
variant='tertiary'
886886
className='h-[32px] rounded-[6px]'
887887
>
888888
Create Chunk
@@ -1245,10 +1245,9 @@ export function Document({
12451245
Cancel
12461246
</Button>
12471247
<Button
1248-
variant='primary'
1248+
variant='destructive'
12491249
onClick={handleDeleteDocument}
12501250
disabled={isDeletingDocument}
1251-
className='!bg-[var(--text-error)] !text-white hover:!bg-[var(--text-error)]/90'
12521251
>
12531252
{isDeletingDocument ? 'Deleting...' : 'Delete Document'}
12541253
</Button>

‎apps/sim/app/workspace/[workspaceId]/knowledge/[id]/base.tsx‎

Lines changed: 5 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -193,7 +193,7 @@ function KnowledgeBaseLoading({ knowledgeBaseName }: KnowledgeBaseLoadingProps)
193193
className='flex-1 border-0 bg-transparent px-0 font-medium text-[var(--text-secondary)] text-small leading-none placeholder:text-[var(--text-subtle)] focus-visible:ring-0 focus-visible:ring-offset-0'
194194
/>
195195
</div>
196-
<Button disabled variant='primary' className='h-[32px] rounded-[6px]'>
196+
<Button disabled variant='tertiary' className='h-[32px] rounded-[6px]'>
197197
Add Documents
198198
</Button>
199199
</div>
@@ -999,7 +999,7 @@ export function KnowledgeBase({
999999
<Button
10001000
onClick={handleAddDocuments}
10011001
disabled={userPermissions.canEdit !== true}
1002-
variant='primary'
1002+
variant='tertiary'
10031003
className='h-[32px] rounded-[6px]'
10041004
>
10051005
Add Documents
@@ -1330,12 +1330,7 @@ export function KnowledgeBase({
13301330
>
13311331
Cancel
13321332
</Button>
1333-
<Button
1334-
variant='primary'
1335-
onClick={handleDeleteKnowledgeBase}
1336-
disabled={isDeleting}
1337-
className='!bg-[var(--text-error)] !text-white hover:!bg-[var(--text-error)]/90'
1338-
>
1333+
<Button variant='destructive' onClick={handleDeleteKnowledgeBase} disabled={isDeleting}>
13391334
{isDeleting ? 'Deleting...' : 'Delete Knowledge Base'}
13401335
</Button>
13411336
</ModalFooter>
@@ -1362,11 +1357,7 @@ export function KnowledgeBase({
13621357
>
13631358
Cancel
13641359
</Button>
1365-
<Button
1366-
variant='primary'
1367-
onClick={confirmDeleteDocument}
1368-
className='!bg-[var(--text-error)] !text-white hover:!bg-[var(--text-error)]/90'
1369-
>
1360+
<Button variant='destructive' onClick={confirmDeleteDocument}>
13701361
Delete Document
13711362
</Button>
13721363
</ModalFooter>
@@ -1387,12 +1378,7 @@ export function KnowledgeBase({
13871378
<Button variant='active' onClick={() => setShowBulkDeleteModal(false)}>
13881379
Cancel
13891380
</Button>
1390-
<Button
1391-
variant='primary'
1392-
onClick={confirmBulkDelete}
1393-
disabled={isBulkOperating}
1394-
className='!bg-[var(--text-error)] !text-white hover:!bg-[var(--text-error)]/90'
1395-
>
1381+
<Button variant='destructive' onClick={confirmBulkDelete} disabled={isBulkOperating}>
13961382
{isBulkOperating
13971383
? 'Deleting...'
13981384
: `Delete ${selectedDocuments.size} Document${selectedDocuments.size === 1 ? '' : 's'}`}

‎apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/add-documents-modal/add-documents-modal.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -352,7 +352,7 @@ export function AddDocumentsModal({
352352
Cancel
353353
</Button>
354354
<Button
355-
variant='primary'
355+
variant='tertiary'
356356
type='button'
357357
onClick={handleUpload}
358358
disabled={files.length === 0 || isUploading}

‎apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/base-tags-modal/base-tags-modal.tsx‎

Lines changed: 2 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -373,7 +373,7 @@ export function BaseTagsModal({ open, onOpenChange, knowledgeBaseId }: BaseTagsM
373373
Cancel
374374
</Button>
375375
<Button
376-
variant='primary'
376+
variant='tertiary'
377377
onClick={saveTagDefinition}
378378
className='flex-1'
379379
disabled={!canSaveTag() || isSavingTag}
@@ -434,12 +434,7 @@ export function BaseTagsModal({ open, onOpenChange, knowledgeBaseId }: BaseTagsM
434434
>
435435
Cancel
436436
</Button>
437-
<Button
438-
variant='primary'
439-
onClick={confirmDeleteTag}
440-
disabled={isDeletingTag}
441-
className='!bg-[var(--text-error)] !text-white hover:!bg-[var(--text-error)]/90'
442-
>
437+
<Button variant='destructive' onClick={confirmDeleteTag} disabled={isDeletingTag}>
443438
{isDeletingTag ? <>Deleting...</> : 'Delete Tag'}
444439
</Button>
445440
</ModalFooter>

0 commit comments

Comments
 (0)