@rokkit/themes 1.0.0-next.132 → 1.0.0-next.135

package/src/minimal/tree.css

@@ -9,7 +9,7 @@
    ============================================================================= */
 
 [data-style='minimal'] [data-tree]:focus-within {
-	@apply outline-none;
+  @apply outline-none;
 }
 
 /* =============================================================================
@@ -17,11 +17,11 @@
    ============================================================================= */
 
 [data-style='minimal'] [data-tree-toggle-btn] {
-	@apply text-surface-z4;
+  @apply text-surface-z4;
 }
 
 [data-style='minimal'] [data-tree-toggle-btn]:hover {
-	@apply text-surface-z6;
+  @apply text-surface-z6;
 }
 
 /* =============================================================================
@@ -29,26 +29,26 @@
    ============================================================================= */
 
 [data-style='minimal'] [data-tree-item-content] {
-	@apply text-surface-z7;
+  @apply text-surface-z7;
 }
 
 [data-style='minimal'] [data-tree-item-content]:hover:not(:disabled),
 [data-style='minimal'] [data-tree-item-content]:focus:not(:disabled) {
-	@apply text-surface-z9 outline-none;
+  @apply text-surface-z9 outline-none;
 }
 
 /* Focus visible for keyboard navigation */
 [data-style='minimal'] [data-tree-item-content]:focus-visible {
-	@apply outline-none ring-1 ring-surface-z5;
+  @apply ring-surface-z5 ring-1 outline-none;
 }
 
 /* Active/selected state */
 [data-style='minimal'] [data-tree-item-content][data-active='true'] {
-	@apply text-primary-z7 border-primary-z4 border-l-2;
+  @apply text-primary-z7 border-primary-z4 border-l-2;
 }
 
 [data-style='minimal'] [data-tree-item-content][data-active='true']:hover:not(:disabled) {
-	@apply text-primary-z8;
+  @apply text-primary-z8;
 }
 
 /* =============================================================================
@@ -56,31 +56,31 @@
    ============================================================================= */
 
 [data-style='minimal'] [data-tree-item-content] [data-item-icon] {
-	@apply text-surface-z5;
+  @apply text-surface-z5;
 }
 
 [data-style='minimal'] [data-tree-item-content]:hover:not(:disabled) [data-item-icon] {
-	@apply text-surface-z6;
+  @apply text-surface-z6;
 }
 
 [data-style='minimal'] [data-tree-item-content][data-active='true'] [data-item-icon] {
-	@apply text-primary-z5;
+  @apply text-primary-z5;
 }
 
 [data-style='minimal'] [data-tree-item-content] [data-item-description] {
-	@apply text-surface-z5;
+  @apply text-surface-z5;
 }
 
 [data-style='minimal'] [data-tree-item-content][data-active='true'] [data-item-description] {
-	@apply text-primary-z6;
+  @apply text-primary-z6;
 }
 
 [data-style='minimal'] [data-tree-item-content] [data-item-badge] {
-	@apply text-surface-z6 bg-transparent border-surface-z4 border;
+  @apply text-surface-z6 border-surface-z4 border bg-transparent;
 }
 
 [data-style='minimal'] [data-tree-item-content][data-active='true'] [data-item-badge] {
-	@apply text-primary-z7 border-primary-z4;
+  @apply text-primary-z7 border-primary-z4;
 }
 
 /* =============================================================================
@@ -88,13 +88,19 @@
    ============================================================================= */
 
 [data-style='minimal'] [data-tree-node][data-selected='true'] [data-tree-item-content] {
-	@apply text-primary-z7 border-primary-z3 border-l-2;
+  @apply text-primary-z7 border-primary-z3 border-l-2;
 }
 
-[data-style='minimal'] [data-tree]:focus-within [data-tree-node][data-selected='true'] [data-tree-item-content] {
-	@apply text-primary-z7 border-primary-z4 border-l-2;
+[data-style='minimal']
+  [data-tree]:focus-within
+  [data-tree-node][data-selected='true']
+  [data-tree-item-content] {
+  @apply text-primary-z7 border-primary-z4 border-l-2;
 }
 
-[data-style='minimal'] [data-tree-node][data-selected='true'] [data-tree-item-content] [data-item-icon] {
-	@apply text-primary-z5;
+[data-style='minimal']
+  [data-tree-node][data-selected='true']
+  [data-tree-item-content]
+  [data-item-icon] {
+  @apply text-primary-z5;
 }

package/src/rokkit/button.css

@@ -101,7 +101,8 @@
   @apply from-danger-z5 to-danger-z3 text-on-danger bg-gradient-to-br;
 }
 
-[data-style='rokkit'] [data-button][data-style='gradient']:hover:not(:disabled):not([data-disabled]) {
+[data-style='rokkit']
+  [data-button][data-style='gradient']:hover:not(:disabled):not([data-disabled]) {
   filter: brightness(1.1);
 }
 
@@ -141,38 +142,66 @@
 }
 
 /* Outline style hover */
-[data-style='rokkit'] [data-button][data-style='outline']:hover:not(:disabled):not([data-disabled])[data-variant='default'],
-[data-style='rokkit'] [data-button][data-style='outline']:hover:not(:disabled):not([data-disabled]):not([data-variant]) {
+[data-style='rokkit']
+  [data-button][data-style='outline']:hover:not(:disabled):not(
+    [data-disabled]
+  )[data-variant='default'],
+[data-style='rokkit']
+  [data-button][data-style='outline']:hover:not(:disabled):not([data-disabled]):not(
+    [data-variant]
+  ) {
   @apply from-surface-z2 to-surface-z1 bg-gradient-to-b;
 }
 
-[data-style='rokkit'] [data-button][data-style='outline']:hover:not(:disabled):not([data-disabled])[data-variant='primary'] {
+[data-style='rokkit']
+  [data-button][data-style='outline']:hover:not(:disabled):not(
+    [data-disabled]
+  )[data-variant='primary'] {
   @apply from-primary-z2 to-primary-z1 bg-gradient-to-b;
 }
 
-[data-style='rokkit'] [data-button][data-style='outline']:hover:not(:disabled):not([data-disabled])[data-variant='secondary'] {
+[data-style='rokkit']
+  [data-button][data-style='outline']:hover:not(:disabled):not(
+    [data-disabled]
+  )[data-variant='secondary'] {
   @apply from-secondary-z2 to-secondary-z1 bg-gradient-to-b;
 }
 
-[data-style='rokkit'] [data-button][data-style='outline']:hover:not(:disabled):not([data-disabled])[data-variant='danger'] {
+[data-style='rokkit']
+  [data-button][data-style='outline']:hover:not(:disabled):not(
+    [data-disabled]
+  )[data-variant='danger'] {
   @apply from-danger-z2 to-danger-z1 bg-gradient-to-b;
 }
 
 /* Ghost style hover */
-[data-style='rokkit'] [data-button][data-style='ghost']:hover:not(:disabled):not([data-disabled])[data-variant='default'],
-[data-style='rokkit'] [data-button][data-style='ghost']:hover:not(:disabled):not([data-disabled]):not([data-variant]) {
+[data-style='rokkit']
+  [data-button][data-style='ghost']:hover:not(:disabled):not(
+    [data-disabled]
+  )[data-variant='default'],
+[data-style='rokkit']
+  [data-button][data-style='ghost']:hover:not(:disabled):not([data-disabled]):not([data-variant]) {
   @apply bg-surface-z2;
 }
 
-[data-style='rokkit'] [data-button][data-style='ghost']:hover:not(:disabled):not([data-disabled])[data-variant='primary'] {
+[data-style='rokkit']
+  [data-button][data-style='ghost']:hover:not(:disabled):not(
+    [data-disabled]
+  )[data-variant='primary'] {
   @apply bg-primary-z1;
 }
 
-[data-style='rokkit'] [data-button][data-style='ghost']:hover:not(:disabled):not([data-disabled])[data-variant='secondary'] {
+[data-style='rokkit']
+  [data-button][data-style='ghost']:hover:not(:disabled):not(
+    [data-disabled]
+  )[data-variant='secondary'] {
   @apply bg-secondary-z1;
 }
 
-[data-style='rokkit'] [data-button][data-style='ghost']:hover:not(:disabled):not([data-disabled])[data-variant='danger'] {
+[data-style='rokkit']
+  [data-button][data-style='ghost']:hover:not(:disabled):not(
+    [data-disabled]
+  )[data-variant='danger'] {
   @apply bg-danger-z1;
 }
 

package/src/rokkit/card.css

@@ -1,4 +1,4 @@
- * Card - Rokkit Theme Styles
+* Card - Rokkit Theme Styles
  *
  * Rich gradients, elevated shadows, and vibrant surface styling.
  */
@@ -8,23 +8,25 @@
    ============================================================================= */
 
 [data-style='rokkit'] [data-card] {
-	@apply from-surface-z2 to-surface-z1 border-surface-z5 text-surface-z9 border bg-gradient-to-b shadow-lg;
+  @apply from-surface-z2 to-surface-z1 border-surface-z5 text-surface-z9 border bg-gradient-to-b shadow-lg;
 }
 
 /* Interactive cards (buttons) */
 [data-style='rokkit'] [data-card][data-card-interactive] {
-	cursor: pointer;
-	transition: transform 0.2s ease, box-shadow 0.2s ease;
+  cursor: pointer;
+  transition:
+    transform 0.2s ease,
+    box-shadow 0.2s ease;
 }
 
 [data-style='rokkit'] [data-card][data-card-interactive]:hover {
-	@apply shadow-xl;
-	transform: translateY(-2px);
+  @apply shadow-xl;
+  transform: translateY(-2px);
 }
 
 [data-style='rokkit'] [data-card][data-card-interactive]:active {
-	@apply shadow-lg;
-	transform: translateY(0);
+  @apply shadow-lg;
+  transform: translateY(0);
 }
 
 /* =============================================================================
@@ -32,15 +34,15 @@
    ============================================================================= */
 
 [data-style='rokkit'] [data-card-header] {
-	@apply border-surface-z4 border-b;
+  @apply border-surface-z4 border-b;
 }
 
 [data-style='rokkit'] [data-card-body] {
-	@apply text-surface-z8;
+  @apply text-surface-z8;
 }
 
 [data-style='rokkit'] [data-card-footer] {
-	@apply border-surface-z4 border-t text-surface-z7;
+  @apply border-surface-z4 text-surface-z7 border-t;
 }
 
 /* =============================================================================
@@ -48,7 +50,7 @@
    ============================================================================= */
 
 [data-style='rokkit'] [data-card][data-card-interactive]:focus-visible {
-	@apply ring-primary-z5 ring-2 outline-none;
+  @apply ring-primary-z5 ring-2 outline-none;
 }
 
 /* =============================================================================
@@ -57,6 +59,6 @@
 
 [data-style='rokkit'] [data-card][data-card-interactive][data-disabled],
 [data-style='rokkit'] [data-card][data-card-interactive]:disabled {
-	@apply opacity-50 cursor-not-allowed;
-	transform: none;
+  @apply cursor-not-allowed opacity-50;
+  transform: none;
 }

package/src/rokkit/floating-navigation.css

@@ -41,11 +41,11 @@
 }
 
 [data-style='rokkit'] [data-floating-nav-item]:hover {
-  @apply from-surface-z2 to-surface-z1 bg-gradient-to-b text-surface-z10;
+  @apply from-surface-z2 to-surface-z1 text-surface-z10 bg-gradient-to-b;
 }
 
 [data-style='rokkit'] [data-floating-nav-item][data-active] {
-  @apply from-primary-z5/10 to-primary-z5/5 bg-gradient-to-b text-primary-z7;
+  @apply from-primary-z5/10 to-primary-z5/5 text-primary-z7 bg-gradient-to-b;
 }
 
 [data-style='rokkit'] [data-floating-nav-item]:focus-visible {

package/src/rokkit/input.css

@@ -39,7 +39,9 @@
 }
 
 /* Standard inputs inside wrapper */
-[data-style='rokkit'] [data-input-root] input:not([type='checkbox'], [type='radio'], [type='color']),
+[data-style='rokkit']
+  [data-input-root]
+  input:not([type='checkbox'], [type='radio'], [type='color']),
 [data-style='rokkit'] [data-input-root] select {
   @apply bg-surface-z2 text-surface-z8 rounded-md border-none px-3 focus:outline-none;
   font-size: 0.875rem;
@@ -53,13 +55,13 @@
 
 /* Select inside input-root: remove trigger styles since input-root provides the border */
 [data-style='rokkit'] [data-input-root] [data-select-trigger] {
-  @apply border-none bg-surface-z2 text-surface-z8 rounded-md shadow-none ring-0 focus:outline-none;
+  @apply bg-surface-z2 text-surface-z8 rounded-md border-none shadow-none ring-0 focus:outline-none;
   background-image: none;
 }
 
 /* Suppress standalone select open-state ring/border when inside input-root */
 [data-style='rokkit'] [data-input-root] [data-select][data-open='true'] [data-select-trigger] {
-  @apply border-none ring-0 shadow-none;
+  @apply border-none shadow-none ring-0;
 }
 
 [data-style='rokkit'] [data-input-root] input::placeholder,
@@ -74,14 +76,16 @@
 
 /* Checkbox icon: theme-colored */
 [data-style='rokkit'] [data-checkbox-icon] {
-  @apply text-surface-z5 cursor-pointer transition-colors text-lg rounded;
+  @apply text-surface-z5 cursor-pointer rounded text-lg transition-colors;
 }
 
 [data-style='rokkit'] [data-checkbox-icon]:focus-visible {
-  @apply outline-2 outline-primary-z4 outline-offset-2;
+  @apply outline-primary-z4 outline-2 outline-offset-2;
 }
 
-[data-style='rokkit'] [data-checkbox-root][data-variant='custom']:has(input:checked) [data-checkbox-icon] {
+[data-style='rokkit']
+  [data-checkbox-root][data-variant='custom']:has(input:checked)
+  [data-checkbox-icon] {
   @apply text-primary-z6;
 }
 

package/src/rokkit/list.css

@@ -27,7 +27,9 @@
 
 /* Hover and focus (keyboard navigation) */
 [data-style='rokkit'] [data-list] [data-list-item]:hover:not(:disabled):not([data-disabled='true']),
-[data-style='rokkit'] [data-list] [data-list-item]:focus:not(:disabled):not([data-disabled='true']) {
+[data-style='rokkit']
+  [data-list]
+  [data-list-item]:focus:not(:disabled):not([data-disabled='true']) {
   @apply from-surface-z3 to-surface-z2 text-surface-z10 bg-gradient-to-r outline-none;
 }
 
@@ -63,7 +65,10 @@
   @apply text-primary-z6;
 }
 
-[data-style='rokkit'] [data-list]:focus-within [data-list-item][data-active='true'] [data-item-icon] {
+[data-style='rokkit']
+  [data-list]:focus-within
+  [data-list-item][data-active='true']
+  [data-item-icon] {
   @apply text-primary-z9;
 }
 

package/src/rokkit/range.css

@@ -9,11 +9,11 @@
    ============================================================================= */
 
 [data-style='rokkit'] [data-range-bar] {
-	@apply bg-surface-z2 border-surface-z3 border;
+  @apply bg-surface-z2 border-surface-z3 border;
 }
 
 [data-style='rokkit'] [data-range-selected] {
-	@apply from-primary to-secondary bg-gradient-to-r;
+  @apply from-primary to-secondary bg-gradient-to-r;
 }
 
 /* =============================================================================
@@ -21,16 +21,16 @@
    ============================================================================= */
 
 [data-style='rokkit'] [data-range-thumb] {
-	@apply bg-secondary border-secondary shadow-lg;
+  @apply bg-secondary border-secondary shadow-lg;
 }
 
 [data-style='rokkit'] [data-range-thumb][data-sliding] {
-	@apply shadow-xl;
-	box-shadow: 0 0 0 4px color-mix(in srgb, var(--color-secondary) 30%, transparent);
+  @apply shadow-xl;
+  box-shadow: 0 0 0 4px color-mix(in srgb, var(--color-secondary) 30%, transparent);
 }
 
 [data-style='rokkit'] [data-range-thumb]:focus-visible {
-	box-shadow: 0 0 0 4px color-mix(in srgb, var(--color-secondary) 30%, transparent);
+  box-shadow: 0 0 0 4px color-mix(in srgb, var(--color-secondary) 30%, transparent);
 }
 
 /* =============================================================================
@@ -38,15 +38,15 @@
    ============================================================================= */
 
 [data-style='rokkit'] [data-range-tick] {
-	@apply text-surface-z6;
+  @apply text-surface-z6;
 }
 
 [data-style='rokkit'] [data-tick-bar] {
-	@apply border-surface-z5;
+  @apply border-surface-z5;
 }
 
 [data-style='rokkit'] [data-tick-label] {
-	@apply text-surface-z6;
+  @apply text-surface-z6;
 }
 
 /* =============================================================================
@@ -54,9 +54,9 @@
    ============================================================================= */
 
 [data-style='rokkit'] [data-range][data-disabled] [data-range-thumb] {
-	@apply bg-surface-z4 border-surface-z4;
+  @apply bg-surface-z4 border-surface-z4;
 }
 
 [data-style='rokkit'] [data-range][data-disabled] [data-range-selected] {
-	@apply bg-surface-z4;
+  @apply bg-surface-z4;
 }

package/src/rokkit/search-filter.css

@@ -9,15 +9,15 @@
    ============================================================================= */
 
 [data-style='rokkit'] [data-search-input] {
-	@apply text-surface-z8 border-surface-z4 border bg-transparent;
+  @apply text-surface-z8 border-surface-z4 border bg-transparent;
 }
 
 [data-style='rokkit'] [data-search-input]:focus {
-	@apply border-primary-z5 ring-1 ring-primary-z4;
+  @apply border-primary-z5 ring-primary-z4 ring-1;
 }
 
 [data-style='rokkit'] [data-search-input]::placeholder {
-	@apply text-surface-z5;
+  @apply text-surface-z5;
 }
 
 /* =============================================================================
@@ -25,11 +25,11 @@
    ============================================================================= */
 
 [data-style='rokkit'] [data-search-clear] {
-	@apply text-surface-z5;
+  @apply text-surface-z5;
 }
 
 [data-style='rokkit'] [data-search-clear]:hover {
-	@apply text-surface-z8;
+  @apply text-surface-z8;
 }
 
 /* =============================================================================
@@ -37,13 +37,13 @@
    ============================================================================= */
 
 [data-style='rokkit'] [data-search-tag] {
-	@apply text-surface-z7 from-surface-z3 to-surface-z2 border-surface-z4 border bg-gradient-to-b;
+  @apply text-surface-z7 from-surface-z3 to-surface-z2 border-surface-z4 border bg-gradient-to-b;
 }
 
 [data-style='rokkit'] [data-search-tag-remove] {
-	@apply text-surface-z5;
+  @apply text-surface-z5;
 }
 
 [data-style='rokkit'] [data-search-tag-remove]:hover {
-	@apply text-surface-z9;
+  @apply text-surface-z9;
 }