@kdcloudjs/shoelace 0.0.2 → 1.0.0

package/cdn/chunks/{chunk.M4FZWFCH.js → chunk.XEP3MV3Z.js}

@@ -13,7 +13,7 @@ var button_styles_default = i`
 
   .button {
     display: inline-flex;
-    align-items: stretch;
+    align-items: center;
     justify-content: center;
     width: 100%;
     border-style: solid;
@@ -25,7 +25,7 @@ var button_styles_default = i`
     -webkit-user-select: none;
     white-space: nowrap;
     vertical-align: middle;
-    padding: 0;
+    padding: var(--sl-spacing-x-small);
     transition:
       var(--sl-transition-x-fast) background-color,
       var(--sl-transition-x-fast) color,
@@ -82,20 +82,43 @@ var button_styles_default = i`
     background-color: var(--sl-color-neutral-0);
     border-color: var(--sl-input-border-color);
     color: var(--sl-color-neutral-700);
+    height: var(--sl-input-height-medium);
+    min-height: var(--sl-input-height-medium);
+    padding-top: 0;
+    padding-bottom: 0;
   }
 
   .button--standard.button--default:hover:not(.button--disabled) {
-    background-color: var(--sl-color-primary-50);
-    border-color: var(--sl-color-primary-300);
-    color: var(--sl-color-primary-700);
+    background-color: var(--sl-color-neutral-0);
+    border-color: var(--sl-color-primary-600);
+    color: var(--sl-color-primary-600);
   }
 
   .button--standard.button--default:active:not(.button--disabled) {
-    background-color: var(--sl-color-primary-100);
-    border-color: var(--sl-color-primary-400);
+    background-color: var(--sl-color-neutral-0);
+    border-color: var(--sl-color-primary-700);
     color: var(--sl-color-primary-700);
   }
 
+  /* Default button sizes with custom hover styling */
+  // .button--standard.button--default.button--small:hover:not(.button--disabled) {
+  //   background-color: var(--sl-color-neutral-0);
+  //   border-color: var(--sl-color-primary-600);
+  //   color: var(--sl-color-primary-600);
+  // }
+
+  // .button--standard.button--default.button--medium:hover:not(.button--disabled) {
+  //   background-color: var(--sl-color-neutral-0);
+  //   border-color: var(--sl-color-primary-600);
+  //   color: var(--sl-color-primary-600);
+  // }
+
+  // .button--standard.button--default.button--large:hover:not(.button--disabled) {
+  //   background-color: var(--sl-color-neutral-0);
+  //   border-color: var(--sl-color-primary-600);
+  //   color: var(--sl-color-primary-600);
+  // }
+
   /* Primary */
   .button--standard.button--primary {
     background-color: var(--sl-color-primary-600);
@@ -110,11 +133,19 @@ var button_styles_default = i`
   }
 
   .button--standard.button--primary:active:not(.button--disabled) {
-    background-color: var(--sl-color-primary-600);
-    border-color: var(--sl-color-primary-600);
+    background-color: var(--sl-color-primary-700);
+    border-color: var(--sl-color-primary-700);
     color: var(--sl-color-neutral-0);
   }
 
+  /* Force primary buttons to a fixed height unless overridden by size modifiers */
+  .button--standard.button--primary {
+    height: var(--sl-input-height-medium);
+    min-height: var(--sl-input-height-medium);
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+
   /* Success */
   .button--standard.button--success {
     background-color: var(--sl-color-success-600);
@@ -129,8 +160,8 @@ var button_styles_default = i`
   }
 
   .button--standard.button--success:active:not(.button--disabled) {
-    background-color: var(--sl-color-success-600);
-    border-color: var(--sl-color-success-600);
+    background-color: var(--sl-color-success-700);
+    border-color: var(--sl-color-success-700);
     color: var(--sl-color-neutral-0);
   }
 
@@ -166,8 +197,8 @@ var button_styles_default = i`
   }
 
   .button--standard.button--warning:active:not(.button--disabled) {
-    background-color: var(--sl-color-warning-600);
-    border-color: var(--sl-color-warning-600);
+    background-color: var(--sl-color-warning-700);
+    border-color: var(--sl-color-warning-700);
     color: var(--sl-color-neutral-0);
   }
 
@@ -185,8 +216,8 @@ var button_styles_default = i`
   }
 
   .button--standard.button--danger:active:not(.button--disabled) {
-    background-color: var(--sl-color-danger-600);
-    border-color: var(--sl-color-danger-600);
+    background-color: var(--sl-color-danger-700);
+    border-color: var(--sl-color-danger-700);
     color: var(--sl-color-neutral-0);
   }
 
@@ -197,6 +228,7 @@ var button_styles_default = i`
   .button--outline {
     background: none;
     border: solid 1px;
+    border-radius: var(--sl-border-radius-small);
   }
 
   /* Default */
@@ -208,14 +240,14 @@ var button_styles_default = i`
   .button--outline.button--default:hover:not(.button--disabled),
   .button--outline.button--default.button--checked:not(.button--disabled) {
     border-color: var(--sl-color-primary-600);
-    background-color: var(--sl-color-primary-600);
-    color: var(--sl-color-neutral-0);
+    background-color: var(--sl-color-neutral-0);
+    color: var(--sl-color-primary-600);
   }
 
   .button--outline.button--default:active:not(.button--disabled) {
     border-color: var(--sl-color-primary-700);
-    background-color: var(--sl-color-primary-700);
-    color: var(--sl-color-neutral-0);
+    background-color: var(--sl-color-neutral-0);
+    color: var(--sl-color-primary-700);
   }
 
   /* Primary */
@@ -227,12 +259,13 @@ var button_styles_default = i`
   .button--outline.button--primary:hover:not(.button--disabled),
   .button--outline.button--primary.button--checked:not(.button--disabled) {
     background-color: var(--sl-color-primary-600);
+    border-color: var(--sl-color-primary-600);
     color: var(--sl-color-neutral-0);
   }
 
   .button--outline.button--primary:active:not(.button--disabled) {
-    border-color: var(--sl-color-primary-700);
-    background-color: var(--sl-color-primary-700);
+    border-color: var(--sl-color-primary-800);
+    background-color: var(--sl-color-primary-800);
     color: var(--sl-color-neutral-0);
   }
 
@@ -339,34 +372,34 @@ var button_styles_default = i`
   .button--text:active:not(.button--disabled) {
     background-color: transparent;
     border-color: transparent;
-    color: var(--sl-color-primary-700);
+    color: var(--sl-color-primary-800);
   }
 
   /*
    * Size modifiers
    */
 
-  .button--small {
-    height: auto;
+  .button--standard.button--small {
+    height: var(--sl-input-height-small);
     min-height: var(--sl-input-height-small);
     font-size: var(--sl-button-font-size-small);
-    line-height: calc(var(--sl-input-height-small) - var(--sl-input-border-width) * 2);
+    padding: 0 var(--sl-spacing-x-small);
     border-radius: var(--sl-input-border-radius-small);
   }
 
-  .button--medium {
-    height: auto;
+  .button--standard.button--medium {
+    height: var(--sl-input-height-medium);
     min-height: var(--sl-input-height-medium);
     font-size: var(--sl-button-font-size-medium);
-    line-height: calc(var(--sl-input-height-medium) - var(--sl-input-border-width) * 2);
+    padding: 0 var(--sl-spacing-x-small);
     border-radius: var(--sl-input-border-radius-medium);
   }
 
-  .button--large {
-    height: auto;
+  .button--standard.button--large {
+    height: var(--sl-input-height-large);
     min-height: var(--sl-input-height-large);
     font-size: var(--sl-button-font-size-large);
-    line-height: calc(var(--sl-input-height-large) - var(--sl-input-border-width) * 2);
+    padding: 0 var(--sl-spacing-small);
     border-radius: var(--sl-input-border-radius-large);
   }
 
@@ -377,15 +410,56 @@ var button_styles_default = i`
   .button--pill.button--small {
     border-radius: var(--sl-input-height-small);
   }
+  .button--pill.button--small.button--standard:hover:not(.button--disabled) {
+    background-color: var(--sl-color-neutral-0);
+    border-color: var(--sl-color-primary-600);
+    color: var(--sl-color-primary-600);
+  }
+
+  .button--pill.button--small.button--standard.button--default:active:not(.button--disabled) {
+    background-color: var(--sl-color-neutral-0);
+    border-color: var(--sl-color-primary-700);
+    color: var(--sl-color-primary-700);
+  }
 
   .button--pill.button--medium {
     border-radius: var(--sl-input-height-medium);
   }
 
+  .button--pill.button--medium.button--standard:hover:not(.button--disabled) {
+    background-color: var(--sl-color-neutral-0);
+    border-color: var(--sl-color-primary-600);
+    color: var(--sl-color-primary-600);
+  }
+
+  .button--pill.button--medium.button--standard.button--default:active:not(.button--disabled) {
+    background-color: var(--sl-color-neutral-0);
+    border-color: var(--sl-color-primary-700);
+    color: var(--sl-color-primary-700);
+  }
+
   .button--pill.button--large {
     border-radius: var(--sl-input-height-large);
   }
 
+  .button--pill.button--large.button--standard:hover:not(.button--disabled) {
+    background-color: var(--sl-color-neutral-0);
+    border-color: var(--sl-color-primary-600);
+    color: var(--sl-color-primary-600);
+  }
+
+  .button--pill.button--large.button--standard.button--default:active:not(.button--disabled) {
+    background-color: var(--sl-color-neutral-0);
+    border-color: var(--sl-color-primary-700);
+    color: var(--sl-color-primary-700);
+  }
+
+  .button--standard.button--default.button--disabled {
+    background-color: var(--sl-color-neutral-100);
+    border-color: var(--sl-color-neutral-300);
+    color: var(--sl-color-neutral-500);
+    opacity: 1;
+  }
   /*
    * Circle modifier
    */
@@ -397,17 +471,20 @@ var button_styles_default = i`
 
   .button--circle.button--small {
     width: var(--sl-input-height-small);
-    border-radius: 50%;
+    border-radius: var(--sl-border-radius-circle);
+    padding: 0;
   }
 
   .button--circle.button--medium {
     width: var(--sl-input-height-medium);
-    border-radius: 50%;
+    border-radius: var(--sl-border-radius-circle);
+    padding: 0;
   }
 
   .button--circle.button--large {
     width: var(--sl-input-height-large);
-    border-radius: 50%;
+    border-radius: var(--sl-border-radius-circle);
+    padding: 0;
   }
 
   .button--circle .button__prefix,
@@ -477,69 +554,70 @@ var button_styles_default = i`
    */
 
   .button--has-label.button--small .button__label {
-    padding: 0 var(--sl-spacing-small);
+    // padding: 0 var(--sl-spacing-small);
   }
 
   .button--has-label.button--medium .button__label {
-    padding: 0 var(--sl-spacing-medium);
+    // padding: 0 var(--sl-spacing-medium);
   }
 
   .button--has-label.button--large .button__label {
-    padding: 0 var(--sl-spacing-large);
+    // padding: 0 var(--sl-spacing-large);
   }
 
   .button--has-prefix.button--small {
-    padding-inline-start: var(--sl-spacing-x-small);
+    // padding-inline-start: var(--sl-spacing-x-small);
   }
 
   .button--has-prefix.button--small .button__label {
-    padding-inline-start: var(--sl-spacing-x-small);
+    padding-inline-start: var(--sl-spacing-2x-small);
+    padding-inline-end: var(--sl-spacing-2x-small);
   }
 
-  .button--has-prefix.button--medium {
-    padding-inline-start: var(--sl-spacing-small);
+  .button--has-prefix.button--medium .button__label {
+    padding-inline-start: var(--sl-spacing-2x-small);
+    padding-inline-end: var(--sl-spacing-2x-small);
   }
 
-  .button--has-prefix.button--medium .button__label {
-    padding-inline-start: var(--sl-spacing-small);
+  .button--has-prefix.button--large .button__label {
+    padding-inline-start: var(--sl-spacing-2x-small);
+    padding-inline-end: var(--sl-spacing-2x-small);
   }
 
   .button--has-prefix.button--large {
-    padding-inline-start: var(--sl-spacing-small);
+    // padding-inline-start: var(--sl-spacing-small);
   }
 
   .button--has-prefix.button--large .button__label {
-    padding-inline-start: var(--sl-spacing-small);
+    padding-inline-start: var(--sl-spacing-2x-small);
   }
 
   .button--has-suffix.button--small,
   .button--caret.button--small {
-    padding-inline-end: var(--sl-spacing-x-small);
+    // padding-inline-end: var(--sl-spacing-x-small);
   }
 
   .button--has-suffix.button--small .button__label,
   .button--caret.button--small .button__label {
-    padding-inline-end: var(--sl-spacing-x-small);
-  }
-
-  .button--has-suffix.button--medium,
-  .button--caret.button--medium {
-    padding-inline-end: var(--sl-spacing-small);
+    padding-inline-start: var(--sl-spacing-2x-small);
+    padding-inline-end: var(--sl-spacing-2x-small);
   }
 
   .button--has-suffix.button--medium .button__label,
   .button--caret.button--medium .button__label {
-    padding-inline-end: var(--sl-spacing-small);
-  }
-
-  .button--has-suffix.button--large,
-  .button--caret.button--large {
-    padding-inline-end: var(--sl-spacing-small);
+    padding-inline-start: var(--sl-spacing-2x-small);
+    padding-inline-end: var(--sl-spacing-2x-small);
   }
 
   .button--has-suffix.button--large .button__label,
   .button--caret.button--large .button__label {
-    padding-inline-end: var(--sl-spacing-small);
+    padding-inline-start: var(--sl-spacing-2x-small);
+    padding-inline-end: var(--sl-spacing-2x-small);
+  }
+
+  .button--has-suffix.button--large,
+  .button--caret.button--large {
+    // padding-inline-end: var(--sl-spacing-small);
   }
 
   /*

package/cdn/chunks/{chunk.BN5VAWEF.js → chunk.XJMOUI5V.js}

@@ -1,6 +1,6 @@
 import {
   SlProgressBar
-} from "./chunk.MRNFDFXK.js";
+} from "./chunk.FRQZBLKJ.js";
 
 // src/components/progress-bar/progress-bar.ts
 var progress_bar_default = SlProgressBar;

package/{dist/chunks/chunk.ERVVHGW6.js → cdn/chunks/chunk.XK4LBXDT.js}

@@ -1,6 +1,6 @@
 import {
   SlBreadcrumbItem
-} from "./chunk.JOKODXHH.js";
+} from "./chunk.MXYQ2YHB.js";
 
 // src/react/breadcrumb-item/index.ts
 import * as React from "react";

package/{dist/chunks/chunk.RBIBBYEQ.js → cdn/chunks/chunk.XP2SN5TY.js}

@@ -1,6 +1,6 @@
 import {
   SlTextarea
-} from "./chunk.ZAECEDXO.js";
+} from "./chunk.BOHUHHB2.js";
 
 // src/react/textarea/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.2P2CSRKK.js → chunk.XQZ75PG6.js}

@@ -1,6 +1,6 @@
 import {
   SlCheckbox
-} from "./chunk.7YXZGJWW.js";
+} from "./chunk.GMNTE57E.js";
 
 // src/components/checkbox/checkbox.ts
 var checkbox_default = SlCheckbox;

package/cdn/chunks/{chunk.DUT2WVFL.js → chunk.Y5DKBB6S.js}

@@ -1,6 +1,6 @@
 import {
   SlDrawer
-} from "./chunk.JQRWFVYV.js";
+} from "./chunk.JR6MLRGD.js";
 
 // src/react/drawer/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.LDXTSE2B.js → chunk.YBDLYSR6.js}

@@ -1,6 +1,6 @@
 import {
   SlRadioGroup
-} from "./chunk.675CXAHL.js";
+} from "./chunk.B6UMYXUN.js";
 
 // src/components/radio-group/radio-group.ts
 var radio_group_default = SlRadioGroup;

package/{dist/chunks/chunk.CWKEWJZN.js → cdn/chunks/chunk.YCOYO5Q5.js}

@@ -1,6 +1,6 @@
 import {
   SlDialog
-} from "./chunk.OTVPTYU6.js";
+} from "./chunk.3WDJGGPP.js";
 
 // src/react/dialog/index.ts
 import * as React from "react";

package/{dist/chunks/chunk.KLVSNEIA.js → cdn/chunks/chunk.YO2RCZB4.js}

@@ -1,6 +1,6 @@
 import {
   SlDetails
-} from "./chunk.VWU42Q7Q.js";
+} from "./chunk.OCNWVR4J.js";
 
 // src/react/details/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.HCFW3KUG.js → chunk.YPCLW4PZ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.CMIFVAA5.js";
 import {
   SlIconButton
-} from "./chunk.G63JV5S4.js";
+} from "./chunk.YUBWOTKQ.js";
 import {
   LocalizeController
 } from "./chunk.2SU6QBUU.js";
@@ -20,7 +20,7 @@ import {
   ShoelaceElement,
   e as e2,
   n
-} from "./chunk.HYLK53IJ.js";
+} from "./chunk.U6LIZH2N.js";
 import {
   x
 } from "./chunk.ZKRJ3RUK.js";

package/cdn/chunks/{chunk.YMMX7AB4.js → chunk.YQCNCHZK.js}

@@ -1,6 +1,3 @@
-import {
-  i
-} from "./chunk.ZKRJ3RUK.js";
 import {
   __objRest,
   __publicField,
@@ -462,8 +459,8 @@ var createRow = (table, id, original, rowIndex, depth, subRows, parentId) => {
       }, {});
     }, getMemoOptions(table.options, "debugRows", "getAllCellsByColumnId"))
   };
-  for (let i2 = 0; i2 < table._features.length; i2++) {
-    const feature = table._features[i2];
+  for (let i = 0; i < table._features.length; i++) {
+    const feature = table._features[i];
     feature == null || feature.createRow == null || feature.createRow(row, table);
   }
   return row;
@@ -1689,7 +1686,7 @@ var RowPagination = {
     table.getPageOptions = memo(() => [table.getPageCount()], (pageCount) => {
       let pageOptions = [];
       if (pageCount && pageCount > 0) {
-        pageOptions = [...new Array(pageCount)].fill(null).map((_, i2) => i2);
+        pageOptions = [...new Array(pageCount)].fill(null).map((_, i) => i);
       }
       return pageOptions;
     }, getMemoOptions(table.options, "debugTable", "getPageOptions"));
@@ -2574,14 +2571,14 @@ function getCoreRowModel() {
         depth = 0;
       }
       const rows = [];
-      for (let i2 = 0; i2 < originalRows.length; i2++) {
-        const row = createRow(table, table._getRowId(originalRows[i2], i2, parentRow), originalRows[i2], i2, depth, void 0, parentRow == null ? void 0 : parentRow.id);
+      for (let i = 0; i < originalRows.length; i++) {
+        const row = createRow(table, table._getRowId(originalRows[i], i, parentRow), originalRows[i], i, depth, void 0, parentRow == null ? void 0 : parentRow.id);
         rowModel.flatRows.push(row);
         rowModel.rowsById[row.id] = row;
         rows.push(row);
         if (table.options.getSubRows) {
           var _row$originalSubRows;
-          row.originalSubRows = table.options.getSubRows(originalRows[i2], i2);
+          row.originalSubRows = table.options.getSubRows(originalRows[i], i);
           if ((_row$originalSubRows = row.originalSubRows) != null && _row$originalSubRows.length) {
             row.subRows = accessRows(row.originalSubRows, depth + 1, row);
           }
@@ -2634,46 +2631,11 @@ var TableController = class {
   }
 };
 
-// src/components/table/table.style.ts
-var table_style_default = i`
-  :host {
-    display: contents;
-  }
-  .table-wrapper {
-    zoom: 1;
-    position: relative;
-    clear: both;
-    box-sizing: border-box;
-    margin: 0;
-    padding: 0;
-  }
-  .table-bordered > .table-container {
-    border: var(--sl-table-cell-border-width) solid var(--sl-table-cell-border);
-    border-inline-end: none;
-    border-block-end: none;
-  }
-`;
-var tableCommonCss = i`
-  :host {
-    display: contents;
-  }
-  .table {
-    border-collapse: separate;
-    border-spacing: 0;
-    font-size: inherit;
-    display: table;
-    width: 100%;
-    table-layout: fixed;
-  }
-`;
-
 export {
   createColumnHelper,
   getCoreRowModel,
   flexRender,
-  TableController,
-  table_style_default,
-  tableCommonCss
+  TableController
 };
 /*! Bundled license information:
 

package/cdn/chunks/{chunk.HJNLDS3G.js → chunk.YSDEXDWJ.js}

@@ -10,7 +10,7 @@ import {
 import {
   ShoelaceElement,
   n
-} from "./chunk.HYLK53IJ.js";
+} from "./chunk.U6LIZH2N.js";
 import {
   x
 } from "./chunk.ZKRJ3RUK.js";

package/{dist/chunks/chunk.X6LJJSVD.js → cdn/chunks/chunk.YSZADQYN.js}

@@ -1,6 +1,6 @@
 import {
   SlTable
-} from "./chunk.C5JOSC6T.js";
+} from "./chunk.FAKWCEXF.js";
 
 // src/react/table/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.G63JV5S4.js → chunk.YUBWOTKQ.js}

@@ -13,7 +13,7 @@ import {
 } from "./chunk.ZLZKOPYV.js";
 import {
   SlIcon
-} from "./chunk.CNYZO7IJ.js";
+} from "./chunk.EN6IZDYW.js";
 import {
   component_styles_default
 } from "./chunk.EFE6XYM5.js";
@@ -22,7 +22,7 @@ import {
   e as e2,
   n,
   r
-} from "./chunk.HYLK53IJ.js";
+} from "./chunk.U6LIZH2N.js";
 import {
   __decorateClass
 } from "./chunk.IMHLNNT7.js";

package/cdn/chunks/{chunk.II3JSTXQ.js → chunk.Z67N6G2D.js}

@@ -1,6 +1,6 @@
 import {
   SlTextarea
-} from "./chunk.2H34YVVG.js";
+} from "./chunk.BOHUHHB2.js";
 
 // src/components/textarea/textarea.ts
 var textarea_default = SlTextarea;

package/cdn/chunks/{chunk.GAVMNLOD.js → chunk.ZBHMCLJF.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.EFE6XYM5.js";
 import {
   ShoelaceElement
-} from "./chunk.HYLK53IJ.js";
+} from "./chunk.U6LIZH2N.js";
 import {
   x
 } from "./chunk.ZKRJ3RUK.js";