@rokkit/themes 1.0.4 → 1.1.0

package/src/carbon/toc.css

@@ -1,22 +0,0 @@
-/**
- * TableOfContents - Carbon Theme Styles
- *
- * Flat, structured, no border-radius.
- */
-
-[data-style='carbon'] [data-toc] [data-toc-label] {
-  @apply text-surface-z5;
-}
-
-[data-style='carbon'] [data-toc] [data-toc-item] {
-  @apply text-surface-z6;
-}
-
-[data-style='carbon'] [data-toc] [data-toc-item]:hover,
-[data-style='carbon'] [data-toc] [data-toc-item][data-toc-focused] {
-  @apply bg-surface-z2 text-surface-z9 bg-none outline-none;
-}
-
-[data-style='carbon'] [data-toc] [data-toc-item][data-toc-active] {
-  @apply text-primary-z7 border-l-primary-z5 border-l-2;
-}

package/src/carbon/toggle.css

@@ -1,48 +0,0 @@
-/**
- * Toggle - Carbon Theme Styles
- *
- * Square, flat, no border-radius.
- */
-
-/* =============================================================================
-   Toggle Container
-   ============================================================================= */
-
-[data-style='carbon'] [data-toggle] {
-  @apply border-surface-z3 rounded-none border bg-transparent bg-none;
-}
-
-/* =============================================================================
-   Toggle Options
-   ============================================================================= */
-
-[data-style='carbon'] [data-toggle-option] {
-  @apply text-surface-z6 rounded-none border-0 border-solid border-transparent;
-}
-
-[data-style='carbon'] [data-toggle-option]:hover:not(:disabled):not([data-disabled='true']),
-[data-style='carbon'] [data-toggle-option]:focus:not(:disabled):not([data-disabled='true']) {
-  @apply bg-surface-z3 text-surface-z8 bg-none;
-}
-
-/* Selected state */
-[data-style='carbon'] [data-toggle-option][data-selected='true'] {
-  @apply bg-primary-z5 text-on-primary border-b-primary-z5 border-b-2 bg-none;
-}
-
-/* =============================================================================
-   Toggle Icon
-   ============================================================================= */
-
-[data-style='carbon'] [data-toggle-option] [data-toggle-icon] {
-  @apply text-surface-z5;
-}
-
-[data-style='carbon'] [data-toggle-option]:hover:not(:disabled) [data-toggle-icon],
-[data-style='carbon'] [data-toggle-option]:focus:not(:disabled) [data-toggle-icon] {
-  @apply text-surface-z7;
-}
-
-[data-style='carbon'] [data-toggle-option][data-selected='true'] [data-toggle-icon] {
-  @apply text-on-primary;
-}

package/src/carbon/toolbar.css

@@ -1,84 +0,0 @@
-/**
- * Toolbar - Carbon Theme Styles
- *
- * Flat, structured borders. No border-radius.
- */
-
-/* =============================================================================
-   Toolbar Container
-   ============================================================================= */
-
-[data-style='carbon'] [data-toolbar] {
-  @apply bg-transparent bg-none;
-}
-
-/* Position-based borders */
-[data-style='carbon'] [data-toolbar][data-toolbar-position='top'],
-[data-style='carbon'] [data-toolbar]:not([data-toolbar-position]) {
-  @apply border-surface-z3 border-b;
-}
-
-[data-style='carbon'] [data-toolbar][data-toolbar-position='bottom'] {
-  @apply border-surface-z3 border-t;
-}
-
-[data-style='carbon'] [data-toolbar][data-toolbar-position='left'] {
-  @apply border-surface-z3 border-r;
-}
-
-[data-style='carbon'] [data-toolbar][data-toolbar-position='right'] {
-  @apply border-surface-z3 border-l;
-}
-
-/* =============================================================================
-   Toolbar Items
-   ============================================================================= */
-
-[data-style='carbon'] [data-toolbar-item] {
-  @apply text-surface-z6 rounded-none;
-}
-
-[data-style='carbon'] [data-toolbar-item]:hover:not(:disabled):not([data-disabled='true']) {
-  @apply bg-surface-z3 text-surface-z9 bg-none;
-}
-
-[data-style='carbon'] [data-toolbar-item]:focus-visible:not(:disabled):not([data-disabled='true']) {
-  @apply text-surface-z9 border-primary-z5 border-2 bg-none outline-none;
-}
-
-/* Active/pressed state */
-[data-style='carbon'] [data-toolbar-item][data-active='true'] {
-  @apply bg-primary-z2 text-primary-z7 bg-none;
-}
-
-[data-style='carbon'] [data-toolbar-item][data-active='true']:hover:not(:disabled) {
-  @apply bg-primary-z3 text-primary-z8 bg-none;
-}
-
-/* =============================================================================
-   Toolbar Icon
-   ============================================================================= */
-
-[data-style='carbon'] [data-toolbar-item] [data-toolbar-icon] {
-  @apply text-surface-z5;
-}
-
-[data-style='carbon'] [data-toolbar-item]:hover:not(:disabled) [data-toolbar-icon] {
-  @apply text-surface-z8;
-}
-
-[data-style='carbon'] [data-toolbar-item][data-active='true'] [data-toolbar-icon] {
-  @apply text-primary-z6;
-}
-
-/* =============================================================================
-   Separator & Divider
-   ============================================================================= */
-
-[data-style='carbon'] [data-toolbar-separator] {
-  @apply bg-surface-z3 bg-none;
-}
-
-[data-style='carbon'] [data-toolbar-divider] {
-  @apply bg-surface-z3 bg-none;
-}

package/src/carbon/tree.css

@@ -1,135 +0,0 @@
-/**
- * Tree - Carbon Theme Styles
- *
- * Flat tree, fill-based selection, no border-radius.
- */
-
-/* =============================================================================
-   Tree Container
-   ============================================================================= */
-
-[data-style='carbon'] [data-tree]:focus-within {
-  @apply outline-none;
-}
-
-/* =============================================================================
-   Tree Toggle Button
-   ============================================================================= */
-
-[data-style='carbon'] [data-tree-toggle-btn] {
-  @apply text-surface-z4 rounded-none;
-}
-
-[data-style='carbon'] [data-tree-toggle-btn]:hover {
-  @apply bg-surface-z2 text-surface-z6 bg-none;
-}
-
-/* =============================================================================
-   Tree Item Content
-   ============================================================================= */
-
-[data-style='carbon'] [data-tree-item-content] {
-  @apply text-surface-z7 rounded-none;
-}
-
-[data-style='carbon'] [data-tree-item-content]:hover:not(:disabled),
-[data-style='carbon'] [data-tree-item-content]:focus:not(:disabled) {
-  @apply bg-surface-z2 text-surface-z9 bg-none outline-none;
-}
-
-/* Focus visible for keyboard navigation */
-[data-style='carbon'] [data-tree-item-content]:focus-visible {
-  @apply border-primary-z5 border-2 outline-none;
-}
-
-/* Active/selected state */
-[data-style='carbon'] [data-tree-item-content][data-active='true'] {
-  @apply bg-primary-z2 text-primary-z8 bg-none;
-}
-
-[data-style='carbon'] [data-tree-item-content][data-active='true']:hover:not(:disabled) {
-  @apply bg-primary-z3 text-primary-z9 bg-none;
-}
-
-/* Reset gradients */
-[data-style='carbon'] [data-tree]:focus-within [data-tree-item-content][data-active='true'] {
-  @apply bg-primary-z2 bg-none;
-}
-
-[data-style='carbon']
-  [data-tree]:focus-within
-  [data-tree-item-content][data-active='true']:hover:not(:disabled) {
-  @apply bg-primary-z3 bg-none;
-}
-
-[data-style='carbon'] [data-tree]:not(:focus-within) [data-tree-item-content][data-active='true'] {
-  @apply bg-primary-z2 bg-none;
-}
-
-/* =============================================================================
-   Item Elements
-   ============================================================================= */
-
-[data-style='carbon'] [data-tree-item-content] [data-item-icon] {
-  @apply text-surface-z5;
-}
-
-[data-style='carbon'] [data-tree-item-content]:hover:not(:disabled) [data-item-icon] {
-  @apply text-surface-z6;
-}
-
-[data-style='carbon'] [data-tree-item-content][data-active='true'] [data-item-icon] {
-  @apply text-primary-z5;
-}
-
-[data-style='carbon'] [data-tree-item-content] [data-item-description] {
-  @apply text-surface-z5;
-}
-
-[data-style='carbon'] [data-tree-item-content][data-active='true'] [data-item-description] {
-  @apply text-primary-z6;
-}
-
-[data-style='carbon'] [data-tree-item-content] [data-item-badge] {
-  @apply text-surface-z6 border-surface-z4 rounded-none border bg-transparent bg-none;
-}
-
-[data-style='carbon'] [data-tree-item-content][data-active='true'] [data-item-badge] {
-  @apply text-primary-z7 border-primary-z4;
-}
-
-[data-style='carbon']
-  [data-tree]:focus-within
-  [data-tree-item-content][data-active='true']
-  [data-item-badge] {
-  @apply bg-none;
-}
-
-[data-style='carbon']
-  [data-tree]:not(:focus-within)
-  [data-tree-item-content][data-active='true']
-  [data-item-badge] {
-  @apply bg-none;
-}
-
-/* =============================================================================
-   Multi-Selection
-   ============================================================================= */
-
-[data-style='carbon'] [data-tree-node][data-selected='true'] [data-tree-item-content] {
-  @apply bg-primary-z2 text-primary-z7 bg-none;
-}
-
-[data-style='carbon']
-  [data-tree]:focus-within
-  [data-tree-node][data-selected='true']
-  [data-tree-item-content] {
-  @apply bg-primary-z2 text-primary-z8 bg-none;
-}
-
-[data-style='carbon']
-  [data-tree-node][data-selected='true']
-  [data-tree-item-content]
-  [data-item-icon] {
-  @apply text-primary-z5;
-}

package/src/carbon/upload-progress.css

@@ -1,102 +0,0 @@
-/**
- * UploadProgress - Carbon Theme Styles
- *
- * Status colors, flat progress fill, action buttons.
- */
-
-/* =============================================================================
-   Header
-   ============================================================================= */
-
-[data-style='carbon'] [data-upload-header] {
-  @apply text-surface-z7;
-}
-
-[data-style='carbon'] [data-upload-clear] {
-  @apply border-surface-z4 text-surface-z6 bg-surface-z2 rounded-none border;
-}
-
-[data-style='carbon'] [data-upload-clear]:hover {
-  @apply bg-surface-z4 text-surface-z9;
-}
-
-/* =============================================================================
-   File Rows
-   ============================================================================= */
-
-[data-style='carbon'] [data-upload-file-status] {
-  @apply text-surface-z7;
-}
-
-[data-style='carbon'] [data-upload-file-status]:hover {
-  @apply bg-surface-z2;
-}
-
-/* =============================================================================
-   File Elements
-   ============================================================================= */
-
-[data-style='carbon'] [data-upload-file-icon] {
-  @apply text-surface-z5;
-}
-
-[data-style='carbon'] [data-upload-file-size] {
-  @apply text-surface-z5;
-}
-
-/* =============================================================================
-   Progress Bar
-   ============================================================================= */
-
-[data-style='carbon'] [data-upload-bar] {
-  @apply bg-surface-z3;
-}
-
-[data-style='carbon'] [data-upload-fill] {
-  @apply bg-primary-z5 bg-none;
-}
-
-/* =============================================================================
-   Status Colors
-   ============================================================================= */
-
-[data-style='carbon'] [data-upload-file-status][data-status='uploading'] [data-upload-status] {
-  @apply text-primary-z6;
-}
-
-[data-style='carbon'] [data-upload-file-status][data-status='done'] [data-upload-status] {
-  @apply text-green-500;
-}
-
-[data-style='carbon'] [data-upload-file-status][data-status='error'] [data-upload-status] {
-  @apply text-red-500;
-}
-
-[data-style='carbon'] [data-upload-file-status][data-status='pending'] [data-upload-status] {
-  @apply text-surface-z5;
-}
-
-/* Status-based file icon tinting */
-[data-style='carbon'] [data-upload-file-status][data-status='done'] [data-upload-file-icon] {
-  @apply text-green-500;
-}
-
-[data-style='carbon'] [data-upload-file-status][data-status='error'] [data-upload-file-icon] {
-  @apply text-red-500;
-}
-
-/* =============================================================================
-   Action Buttons
-   ============================================================================= */
-
-[data-style='carbon'] [data-upload-actions] button {
-  @apply text-surface-z5 rounded-none;
-}
-
-[data-style='carbon'] [data-upload-actions] button:hover {
-  @apply bg-surface-z3 text-surface-z9;
-}
-
-[data-style='carbon'] [data-upload-file-status][data-status='error'] [data-upload-retry]:hover {
-  @apply text-primary-z7;
-}

package/src/carbon/upload-target.css

@@ -1,50 +0,0 @@
-/**
- * UploadTarget - Carbon Theme Styles
- *
- * Flat drop zone with structured borders, no border-radius.
- */
-
-/* =============================================================================
-   Drop Zone
-   ============================================================================= */
-
-[data-style='carbon'] [data-upload-target] {
-  @apply border-surface-z4 text-surface-z6 rounded-none border-2;
-}
-
-[data-style='carbon'] [data-upload-target]:hover:not([data-disabled]) {
-  @apply border-surface-z5 text-surface-z7 bg-surface-z2;
-}
-
-[data-style='carbon'] [data-upload-target]:focus-visible:not([data-disabled]) {
-  @apply border-primary-z5 border-2 outline-none;
-}
-
-/* Drag-over highlight */
-[data-style='carbon'] [data-upload-target][data-dragging] {
-  @apply border-primary-z5 bg-primary-z2 text-primary-z7;
-}
-
-/* =============================================================================
-   Upload Icon
-   ============================================================================= */
-
-[data-style='carbon'] [data-upload-target] [data-upload-icon] {
-  @apply text-surface-z5;
-}
-
-[data-style='carbon'] [data-upload-target][data-dragging] [data-upload-icon] {
-  @apply text-primary-z6;
-}
-
-/* =============================================================================
-   Browse Button
-   ============================================================================= */
-
-[data-style='carbon'] [data-upload-target] [data-upload-button] {
-  @apply border-surface-z4 text-surface-z7 bg-surface-z3 rounded-none border;
-}
-
-[data-style='carbon'] [data-upload-target] [data-upload-button]:hover:not(:disabled) {
-  @apply bg-surface-z4 text-surface-z9;
-}

package/src/daisy-ui/button.css

@@ -1,196 +0,0 @@
-/**
- * Button - DaisyUI Theme Styles
- *
- * Pill-shaped buttons with bold solid fills, no borders.
- * Focus: outline-2 with offset (DaisyUI signature).
- */
-
-/* =============================================================================
-   Default Style (filled)
-   ============================================================================= */
-
-[data-style='daisy-ui'] [data-button][data-style='default'][data-variant='default'],
-[data-style='daisy-ui'] [data-button]:not([data-style])[data-variant='default'],
-[data-style='daisy-ui'] [data-button][data-style='default']:not([data-variant]),
-[data-style='daisy-ui'] [data-button]:not([data-style]):not([data-variant]) {
-  @apply bg-surface-z3 text-surface-z8 rounded-full border-0 border-transparent bg-none;
-}
-
-[data-style='daisy-ui'] [data-button][data-style='default'][data-variant='primary'],
-[data-style='daisy-ui'] [data-button]:not([data-style])[data-variant='primary'] {
-  @apply bg-primary-z5 text-on-primary rounded-full border-0 border-transparent bg-none;
-}
-
-[data-style='daisy-ui'] [data-button][data-style='default'][data-variant='secondary'],
-[data-style='daisy-ui'] [data-button]:not([data-style])[data-variant='secondary'] {
-  @apply bg-secondary-z4 text-on-secondary rounded-full border-0 border-transparent bg-none;
-}
-
-[data-style='daisy-ui'] [data-button][data-style='default'][data-variant='accent'],
-[data-style='daisy-ui'] [data-button]:not([data-style])[data-variant='accent'] {
-  @apply bg-accent-z4 text-on-accent rounded-full border-0 border-transparent bg-none;
-}
-
-[data-style='daisy-ui'] [data-button][data-style='default'][data-variant='danger'],
-[data-style='daisy-ui'] [data-button]:not([data-style])[data-variant='danger'] {
-  @apply bg-danger-z4 text-on-danger rounded-full border-0 border-transparent bg-none;
-}
-
-/* =============================================================================
-   Outline Style
-   ============================================================================= */
-
-[data-style='daisy-ui'] [data-button][data-style='outline'][data-variant='default'],
-[data-style='daisy-ui'] [data-button][data-style='outline']:not([data-variant]) {
-  @apply border-surface-z5 text-surface-z7 rounded-full border bg-transparent;
-}
-
-[data-style='daisy-ui'] [data-button][data-style='outline'][data-variant='primary'] {
-  @apply border-primary-z5 text-primary-z6 rounded-full border bg-transparent;
-}
-
-[data-style='daisy-ui'] [data-button][data-style='outline'][data-variant='secondary'] {
-  @apply border-secondary-z5 text-secondary-z6 rounded-full border bg-transparent;
-}
-
-[data-style='daisy-ui'] [data-button][data-style='outline'][data-variant='accent'] {
-  @apply border-accent-z4 text-accent-z6 rounded-full border bg-transparent;
-}
-
-[data-style='daisy-ui'] [data-button][data-style='outline'][data-variant='danger'] {
-  @apply border-danger-z4 text-danger-z5 rounded-full border bg-transparent;
-}
-
-/* =============================================================================
-   Ghost Style
-   ============================================================================= */
-
-[data-style='daisy-ui'] [data-button][data-style='ghost'] {
-  @apply rounded-full border-transparent bg-transparent;
-}
-
-[data-style='daisy-ui'] [data-button][data-style='ghost'][data-variant='default'],
-[data-style='daisy-ui'] [data-button][data-style='ghost']:not([data-variant]) {
-  @apply text-surface-z7;
-}
-
-[data-style='daisy-ui'] [data-button][data-style='ghost'][data-variant='primary'] {
-  @apply text-primary-z6;
-}
-
-[data-style='daisy-ui'] [data-button][data-style='ghost'][data-variant='secondary'] {
-  @apply text-secondary-z6;
-}
-
-[data-style='daisy-ui'] [data-button][data-style='ghost'][data-variant='accent'] {
-  @apply text-accent-z6;
-}
-
-[data-style='daisy-ui'] [data-button][data-style='ghost'][data-variant='danger'] {
-  @apply text-danger-z5;
-}
-
-/* =============================================================================
-   Gradient Style
-   ============================================================================= */
-
-[data-style='daisy-ui'] [data-button][data-style='gradient'][data-variant='default'],
-[data-style='daisy-ui'] [data-button][data-style='gradient']:not([data-variant]) {
-  @apply from-surface-z3 to-surface-z1 text-surface-z10 rounded-full bg-gradient-to-br;
-}
-
-[data-style='daisy-ui'] [data-button][data-style='gradient'][data-variant='primary'] {
-  @apply from-primary-z5 to-primary-z3 text-on-primary rounded-full bg-gradient-to-br;
-}
-
-[data-style='daisy-ui'] [data-button][data-style='gradient'][data-variant='secondary'] {
-  @apply from-secondary-z5 to-secondary-z3 text-on-secondary rounded-full bg-gradient-to-br;
-}
-
-[data-style='daisy-ui'] [data-button][data-style='gradient'][data-variant='accent'] {
-  @apply from-accent-z5 to-accent-z3 text-on-accent rounded-full bg-gradient-to-br;
-}
-
-[data-style='daisy-ui'] [data-button][data-style='gradient'][data-variant='danger'] {
-  @apply from-danger-z5 to-danger-z3 text-on-danger rounded-full bg-gradient-to-br;
-}
-
-[data-style='daisy-ui']
-  [data-button][data-style='gradient']:hover:not(:disabled):not([data-disabled]) {
-  opacity: 0.9;
-}
-
-/* =============================================================================
-   Link Style
-   ============================================================================= */
-
-[data-style='daisy-ui'] [data-button][data-style='link'][data-variant='default'],
-[data-style='daisy-ui'] [data-button][data-style='link']:not([data-variant]) {
-  @apply text-surface-z7;
-}
-
-[data-style='daisy-ui'] [data-button][data-style='link'][data-variant='primary'] {
-  @apply text-primary-z6;
-}
-
-[data-style='daisy-ui'] [data-button][data-style='link'][data-variant='secondary'] {
-  @apply text-secondary-z6;
-}
-
-[data-style='daisy-ui'] [data-button][data-style='link'][data-variant='accent'] {
-  @apply text-accent-z6;
-}
-
-[data-style='daisy-ui'] [data-button][data-style='link'][data-variant='danger'] {
-  @apply text-danger-z5;
-}
-
-[data-style='daisy-ui'] [data-button][data-style='link']:hover:not(:disabled):not([data-disabled]) {
-  @apply text-surface-z9;
-}
-
-/* =============================================================================
-   Hover States
-   ============================================================================= */
-
-[data-style='daisy-ui']
-  [data-button][data-style='default']:hover:not(:disabled):not([data-disabled]),
-[data-style='daisy-ui'] [data-button]:not([data-style]):hover:not(:disabled):not([data-disabled]) {
-  opacity: 0.9;
-}
-
-[data-style='daisy-ui']
-  [data-button][data-style='outline']:hover:not(:disabled):not([data-disabled]) {
-  @apply bg-surface-z2 bg-none;
-}
-
-[data-style='daisy-ui']
-  [data-button][data-style='ghost']:hover:not(:disabled):not([data-disabled]) {
-  @apply bg-surface-z2;
-}
-
-/* =============================================================================
-   Focus
-   ============================================================================= */
-
-[data-style='daisy-ui'] [data-button]:focus-visible {
-  @apply outline-primary-z5 outline outline-2 outline-offset-2;
-}
-
-/* =============================================================================
-   Button Group — override pill radius for connected appearance
-   ============================================================================= */
-
-[data-style='daisy-ui'] [data-button-group] [data-button] {
-  border-radius: 0;
-}
-
-[data-style='daisy-ui'] [data-button-group] [data-button]:first-child {
-  border-top-left-radius: 9999px;
-  border-bottom-left-radius: 9999px;
-}
-
-[data-style='daisy-ui'] [data-button-group] [data-button]:last-child {
-  border-top-right-radius: 9999px;
-  border-bottom-right-radius: 9999px;
-}