@kdcloudjs/shoelace 0.0.1 → 0.0.2

package/dist/shoelace.js

@@ -5,62 +5,71 @@ import {
 } from "./chunks/chunk.T3IJ7FJO.js";
 import "./chunks/chunk.HAL7R4WT.js";
 import {
-  tooltip_default
-} from "./chunks/chunk.WZQW2RF3.js";
+  tree_item_default
+} from "./chunks/chunk.CKGMCN6T.js";
 import {
   visually_hidden_default
 } from "./chunks/chunk.7PW2YQMR.js";
 import {
-  tab_panel_default
-} from "./chunks/chunk.AFVKCXVD.js";
+  textarea_default
+} from "./chunks/chunk.GLHWQGBU.js";
+import {
+  tooltip_default
+} from "./chunks/chunk.WZQW2RF3.js";
 import {
   tree_default
 } from "./chunks/chunk.HJMUNVTE.js";
 import "./chunks/chunk.CIP5B3P6.js";
 import "./chunks/chunk.G7B7WU5W.js";
-import {
-  tree_item_default
-} from "./chunks/chunk.CKGMCN6T.js";
 import "./chunks/chunk.ULVOY2FX.js";
 import "./chunks/chunk.BWVSW6TI.js";
+import {
+  table_default
+} from "./chunks/chunk.7NRJ256R.js";
+import "./chunks/chunk.C5JOSC6T.js";
 import {
   tag_default
 } from "./chunks/chunk.X55OGHMU.js";
-import {
-  textarea_default
-} from "./chunks/chunk.GLHWQGBU.js";
 import "./chunks/chunk.ZAECEDXO.js";
 import "./chunks/chunk.6KE6SBMU.js";
+import {
+  tab_panel_default
+} from "./chunks/chunk.AFVKCXVD.js";
 import "./chunks/chunk.LVAFQGBI.js";
 import "./chunks/chunk.BQSEJD7X.js";
+import "./chunks/chunk.EAKRMFIN.js";
+import "./chunks/chunk.NZ6CH2B7.js";
+import "./chunks/chunk.HN32C22W.js";
+import "./chunks/chunk.TZQ2VPVF.js";
+import "./chunks/chunk.ZO4ROWAE.js";
+import "./chunks/chunk.VFI75L5L.js";
+import "./chunks/chunk.4QORYWC7.js";
+import {
+  switch_default
+} from "./chunks/chunk.LWRNOAGN.js";
 import {
   tab_default
 } from "./chunks/chunk.SVGSK7J6.js";
+import "./chunks/chunk.M4FM4A6G.js";
+import "./chunks/chunk.CNMNUZLG.js";
 import {
   tab_group_default
 } from "./chunks/chunk.3ADKB2M6.js";
 import "./chunks/chunk.GICQNYLY.js";
 import "./chunks/chunk.XJU7WU2G.js";
 import {
-  switch_default
-} from "./chunks/chunk.LWRNOAGN.js";
-import "./chunks/chunk.DLM7C6XL.js";
-import "./chunks/chunk.EU44RQUN.js";
+  skeleton_default
+} from "./chunks/chunk.XC4MRFYW.js";
 import {
   spinner_default
 } from "./chunks/chunk.75OMDLY6.js";
-import {
-  skeleton_default
-} from "./chunks/chunk.XC4MRFYW.js";
-import "./chunks/chunk.L2ZJEQ5W.js";
-import "./chunks/chunk.HTQNKB5E.js";
 import {
   split_panel_default
 } from "./chunks/chunk.CLRGVPKR.js";
 import "./chunks/chunk.23QTCXNR.js";
 import "./chunks/chunk.UAYXD3AN.js";
-import "./chunks/chunk.M4FM4A6G.js";
-import "./chunks/chunk.CNMNUZLG.js";
+import "./chunks/chunk.DLM7C6XL.js";
+import "./chunks/chunk.EU44RQUN.js";
 import {
   resize_observer_default
 } from "./chunks/chunk.BN7I7IZK.js";
@@ -68,15 +77,17 @@ import "./chunks/chunk.YLDJOKCS.js";
 import "./chunks/chunk.5VKIB4HA.js";
 import {
   select_default
-} from "./chunks/chunk.XZMKR5AT.js";
-import "./chunks/chunk.D35KLOSK.js";
+} from "./chunks/chunk.SPESSCEK.js";
+import "./chunks/chunk.PYPJRNCG.js";
 import "./chunks/chunk.VZI2ZFJZ.js";
 import "./chunks/chunk.V2OL7VMD.js";
 import "./chunks/chunk.XNOUITPX.js";
+import "./chunks/chunk.L2ZJEQ5W.js";
+import "./chunks/chunk.HTQNKB5E.js";
 import {
   range_default
-} from "./chunks/chunk.TJ7FQ5JT.js";
-import "./chunks/chunk.34M4NQTX.js";
+} from "./chunks/chunk.AJWLSTGS.js";
+import "./chunks/chunk.RVLVEN75.js";
 import "./chunks/chunk.5D6IT2SR.js";
 import {
   rating_default
@@ -87,47 +98,47 @@ import {
   relative_time_default
 } from "./chunks/chunk.6UYZKYOJ.js";
 import "./chunks/chunk.5SZZZQEY.js";
+import {
+  radio_default
+} from "./chunks/chunk.3T5GL6TK.js";
 import {
   radio_button_default
 } from "./chunks/chunk.HA4NNNEB.js";
-import {
-  qr_code_default
-} from "./chunks/chunk.XUO6GY5S.js";
-import "./chunks/chunk.IVLRZTWU.js";
-import "./chunks/chunk.2IHMH66B.js";
+import "./chunks/chunk.VSF3CBXU.js";
+import "./chunks/chunk.2P5EQCYK.js";
 import {
   radio_group_default
 } from "./chunks/chunk.K7WXS3HY.js";
 import "./chunks/chunk.U4UBCQGL.js";
 import "./chunks/chunk.B63YXDJO.js";
+import {
+  progress_bar_default
+} from "./chunks/chunk.PVQ25BF2.js";
 import {
   progress_ring_default
 } from "./chunks/chunk.IMQAXOY4.js";
+import "./chunks/chunk.RE456CM4.js";
+import "./chunks/chunk.XOSELTMG.js";
 import {
-  popup_default
-} from "./chunks/chunk.6N23A6X7.js";
-import {
-  radio_default
-} from "./chunks/chunk.3T5GL6TK.js";
+  qr_code_default
+} from "./chunks/chunk.XUO6GY5S.js";
+import "./chunks/chunk.IVLRZTWU.js";
+import "./chunks/chunk.2IHMH66B.js";
 import "./chunks/chunk.A6VUIAK5.js";
 import "./chunks/chunk.FKMWLPHV.js";
-import "./chunks/chunk.VSF3CBXU.js";
-import "./chunks/chunk.2P5EQCYK.js";
 import {
   option_default
 } from "./chunks/chunk.4HTO3EML.js";
 import "./chunks/chunk.S7XMGNRC.js";
 import "./chunks/chunk.FXXKMG2P.js";
 import {
-  progress_bar_default
-} from "./chunks/chunk.PVQ25BF2.js";
+  popup_default
+} from "./chunks/chunk.6N23A6X7.js";
 import "./chunks/chunk.DO6G64SD.js";
 import "./chunks/chunk.GXC456DW.js";
-import "./chunks/chunk.RE456CM4.js";
-import "./chunks/chunk.XOSELTMG.js";
 import {
   menu_item_default
-} from "./chunks/chunk.65J32A7O.js";
+} from "./chunks/chunk.VMSYUJJG.js";
 import {
   menu_label_default
 } from "./chunks/chunk.D3KZIOYI.js";
@@ -138,15 +149,15 @@ import {
 } from "./chunks/chunk.TEPNXV2U.js";
 import "./chunks/chunk.YSTDXP43.js";
 import "./chunks/chunk.2W6X55FG.js";
+import {
+  input_default
+} from "./chunks/chunk.HMJG4GPR.js";
 import {
   menu_default
 } from "./chunks/chunk.HWOUAQ7Z.js";
 import "./chunks/chunk.BMTK6KWU.js";
 import "./chunks/chunk.VVA35HTY.js";
-import {
-  input_default
-} from "./chunks/chunk.QNJTII53.js";
-import "./chunks/chunk.HHCGT72U.js";
+import "./chunks/chunk.NQARUHR5.js";
 import "./chunks/chunk.ZLIGP6HZ.js";
 import "./chunks/chunk.KZJNDGFO.js";
 import {
@@ -167,8 +178,8 @@ import {
   icon_default
 } from "./chunks/chunk.N3QVR4J3.js";
 import {
-  drawer_default
-} from "./chunks/chunk.5EPA6SQU.js";
+  dropdown_default
+} from "./chunks/chunk.FWDGIR3U.js";
 import {
   format_bytes_default
 } from "./chunks/chunk.QH353KMG.js";
@@ -183,16 +194,16 @@ import {
 import "./chunks/chunk.MB7KNGYL.js";
 import {
   dialog_default
-} from "./chunks/chunk.XXVI32S7.js";
+} from "./chunks/chunk.EDJO5LM2.js";
 import {
   divider_default
 } from "./chunks/chunk.Q7SUWESY.js";
 import "./chunks/chunk.SQIDSWT5.js";
 import "./chunks/chunk.SUSCR7CI.js";
 import {
-  dropdown_default
-} from "./chunks/chunk.FWDGIR3U.js";
-import "./chunks/chunk.T6T4FBJN.js";
+  drawer_default
+} from "./chunks/chunk.LAJ7CWJL.js";
+import "./chunks/chunk.LNULGODS.js";
 import "./chunks/chunk.BRQKZQRB.js";
 import {
   copy_button_default
@@ -206,7 +217,7 @@ import {
 } from "./chunks/chunk.JFSQ56GS.js";
 import "./chunks/chunk.VWU42Q7Q.js";
 import "./chunks/chunk.J7PLVEQM.js";
-import "./chunks/chunk.OJKCXI5Z.js";
+import "./chunks/chunk.OTVPTYU6.js";
 import "./chunks/chunk.EMN3H5QW.js";
 import "./chunks/chunk.RWUUFNUL.js";
 import "./chunks/chunk.G5RKA5HF.js";
@@ -220,11 +231,11 @@ import "./chunks/chunk.2QRAV5FA.js";
 import "./chunks/chunk.NQ44LUGM.js";
 import {
   color_picker_default
-} from "./chunks/chunk.UMAFED3Y.js";
-import "./chunks/chunk.GKHJH7GQ.js";
+} from "./chunks/chunk.SCWM4TJB.js";
+import "./chunks/chunk.YCSFZDGI.js";
 import "./chunks/chunk.OH57EZ77.js";
 import "./chunks/chunk.YKKSQ2FG.js";
-import "./chunks/chunk.6SOJUF6E.js";
+import "./chunks/chunk.FWRQ35BX.js";
 import "./chunks/chunk.NFHCWV5S.js";
 import "./chunks/chunk.ESELY2US.js";
 import "./chunks/chunk.67ZQ6PMR.js";
@@ -236,8 +247,7 @@ import "./chunks/chunk.O6CEROC7.js";
 import {
   card_default
 } from "./chunks/chunk.KDA5NOB4.js";
-import "./chunks/chunk.YOY67QCJ.js";
-import "./chunks/chunk.A5D6FTFY.js";
+import "./chunks/chunk.OTP7XFTZ.js";
 import {
   carousel_default
 } from "./chunks/chunk.QOS2AJDC.js";
@@ -252,8 +262,8 @@ import "./chunks/chunk.GI7VDIWX.js";
 import "./chunks/chunk.SI4ACBFK.js";
 import {
   button_default
-} from "./chunks/chunk.UGX6W73S.js";
-import "./chunks/chunk.A5EGNDJA.js";
+} from "./chunks/chunk.PBWQWEVM.js";
+import "./chunks/chunk.F5P4JGGP.js";
 import "./chunks/chunk.RG5YP4E7.js";
 import "./chunks/chunk.7DUCI5S4.js";
 import "./chunks/chunk.3RPBFEDE.js";
@@ -263,45 +273,55 @@ import {
 } from "./chunks/chunk.CSAG57R3.js";
 import "./chunks/chunk.5NLYBKUE.js";
 import "./chunks/chunk.2OUC42YY.js";
-import "./chunks/chunk.OTP7XFTZ.js";
-import {
-  breadcrumb_default
-} from "./chunks/chunk.CKI5JNFU.js";
+import "./chunks/chunk.YOY67QCJ.js";
+import "./chunks/chunk.A5D6FTFY.js";
 import {
   badge_default
 } from "./chunks/chunk.562QVLHR.js";
-import "./chunks/chunk.U2ET3HWZ.js";
-import "./chunks/chunk.WQC6OWUE.js";
+import {
+  breadcrumb_default
+} from "./chunks/chunk.CKI5JNFU.js";
+import "./chunks/chunk.G4EYRYPW.js";
+import "./chunks/chunk.P4NYDBZP.js";
 import {
   breadcrumb_item_default
 } from "./chunks/chunk.MXT3TWSF.js";
 import "./chunks/chunk.JOKODXHH.js";
 import "./chunks/chunk.Q5P7Y2HU.js";
-import {
-  animated_image_default
-} from "./chunks/chunk.WIKIRG5N.js";
-import "./chunks/chunk.W7S6DL6O.js";
-import "./chunks/chunk.M3A4TKTU.js";
 import {
   avatar_default
 } from "./chunks/chunk.IB5CAIOM.js";
 import "./chunks/chunk.RWS55LOH.js";
 import "./chunks/chunk.K35GSB4N.js";
-import "./chunks/chunk.G4EYRYPW.js";
-import "./chunks/chunk.P4NYDBZP.js";
+import {
+  animation_default
+} from "./chunks/chunk.C2S6DUQY.js";
+import "./chunks/chunk.KRMK4QEF.js";
+import "./chunks/chunk.XVVDUPMB.js";
+import {
+  getAnimationNames,
+  getEasingNames
+} from "./chunks/chunk.TJOP7HQP.js";
+import "./chunks/chunk.U2ET3HWZ.js";
+import "./chunks/chunk.WQC6OWUE.js";
 import {
   alert_default
-} from "./chunks/chunk.X7Q5WZYG.js";
-import "./chunks/chunk.BAB4SFBU.js";
+} from "./chunks/chunk.DENOFRR7.js";
+import "./chunks/chunk.AYTZX3TS.js";
 import "./chunks/chunk.LD4M4QGE.js";
 import "./chunks/chunk.SAHEF66Y.js";
 import "./chunks/chunk.6I2T3DLI.js";
 import "./chunks/chunk.K7JGTRV7.js";
 import "./chunks/chunk.B4BZKR24.js";
 import "./chunks/chunk.AJ3ENQ5C.js";
-import "./chunks/chunk.NYIIDP5N.js";
 import "./chunks/chunk.6CTB5ZDJ.js";
 import "./chunks/chunk.7BTDLTNI.js";
+import "./chunks/chunk.NYIIDP5N.js";
+import "./chunks/chunk.HPCLRZ2S.js";
+import {
+  animated_image_default
+} from "./chunks/chunk.CYWSTMF7.js";
+import "./chunks/chunk.5KVADYZC.js";
 import "./chunks/chunk.LXNDNLGT.js";
 import "./chunks/chunk.QLXRCYS4.js";
 import {
@@ -310,23 +330,14 @@ import {
 } from "./chunks/chunk.ZL53POKZ.js";
 import "./chunks/chunk.P7ZG6EMR.js";
 import "./chunks/chunk.3TFKS637.js";
+import "./chunks/chunk.GMYPQTFK.js";
+import "./chunks/chunk.TUVJKY7S.js";
+import "./chunks/chunk.VAOOYX3C.js";
 import {
   getBasePath,
   setBasePath
 } from "./chunks/chunk.3Y6SB6QS.js";
-import "./chunks/chunk.HPCLRZ2S.js";
-import {
-  animation_default
-} from "./chunks/chunk.2R5EAE6M.js";
-import "./chunks/chunk.VU6KBEG4.js";
-import {
-  getAnimationNames,
-  getEasingNames
-} from "./chunks/chunk.TJOP7HQP.js";
-import "./chunks/chunk.GMYPQTFK.js";
-import "./chunks/chunk.TUVJKY7S.js";
-import "./chunks/chunk.VAOOYX3C.js";
-import "./chunks/chunk.XVVDUPMB.js";
+import "./chunks/chunk.M3A4TKTU.js";
 import "./chunks/chunk.KAW7D32O.js";
 export {
   alert_default as SlAlert,
@@ -381,6 +392,7 @@ export {
   tab_default as SlTab,
   tab_group_default as SlTabGroup,
   tab_panel_default as SlTabPanel,
+  table_default as SlTable,
   tag_default as SlTag,
   textarea_default as SlTextarea,
   tooltip_default as SlTooltip,

package/dist/themes/light.css

@@ -423,7 +423,7 @@
   --sl-toggle-size-medium: 1.25rem;
   --sl-toggle-size-large: 1.5rem;
 
-  --sl-overlay-background-color: hsl(0, 0%, 10.2%/ 30%);
+  --sl-overlay-background-color: hsl(0, 0%, 10.2%/30%);
 
   --sl-panel-background-color: var(--sl-color-neutral-0);
   --sl-panel-border-color: var(--sl-color-neutral-200);
@@ -439,11 +439,72 @@
   --sl-tooltip-padding: var(--sl-spacing-small);
   --sl-tooltip-arrow-size: 6px;
 
+  --sl-table-background: var(--kdds-g-color-surface-container-1, #ffffff);
+  --sl-table-header-background: var(
+    --kdds-g-color-surface-container-3,
+    #f2f2f2
+  );
+  --sl-table-cell-background: var(--kdds-g-color-surface-container-1, #ffffff);
+  --sl-table-row-background-hover: var(
+    --kdds-g-color-surface-container-2,
+    #f5f5f5
+  );
+  --sl-table-row-background-active: var(
+    --kdds-g-color-accent-container-5,
+    #f2f6ff
+  );
+  --sl-table-cell-edit-background-hover: var(
+    --kdds-g-color-surface-container-1,
+    #ffffff
+  );
+  --sl-table-expand-row-background: var(
+    --kdds-g-color-neutral-base-92,
+    #eaeaea
+  );
+  --sl-table-icon-color-default: var(--kdds-g-color-on-surface-3, #666666);
+  --sl-table-icon-color-hover: var(--kdds-g-color-accent-1, #5582f3);
+  --sl-table-mask: rgba(255, 255, 255, 0.65);
+  --sl-table-range-selection-background: var(
+    --kdds-g-color-info-base-95,
+    #f2f9ff
+  );
+
+  --sl-table-column-header-padding: var(--kdds-g-spacing-5, 0.75rem);
+  --sl-table-cell-padding: var(--kdds-g-spacing-5, 0.75rem);
+  --sl-table-default-text-margin-vertical: calc(
+    16 * 0.875 / var(--kdds-base-font-size, 16) * 1rem
+  );
+
+  --sl-table-cell-border-width: var(--kdds-g-sizing-border-1, 1px);
+  --sl-table-cell-border: var(--kdds-g-color-border-2, #d9d9d9);
+  --sl-table-cell-border-focus: var(--kdds-g-color-accent-1, #5582f3);
+  --sl-table-cell-edit-border: var(--kdds-g-color-border-2, #d9d9d9);
+  --sl-table-cell-edit-border-hover: var(
+    --kdds-g-color-border-accent-1,
+    #5582f3
+  );
+  --sl-table-cell-edit-border-radius: var(--kdds-g-radius-border-1, 0.125rem);
+  --sl-table-cell-edit-border-width: var(--kdds-g-sizing-border-1, 1px);
+  --sl-table-range-selection-border: var(--kdds-g-color-info-1, #276ff5);
+
+  --sl-table-header-line-height: calc(
+    16 * 1.75 / var(--kdds-base-font-size, 16) * 1rem
+  );
+  --sl-table-cell-color: var(--kdds-g-color-on-surface-4, #212121);
+  --sl-table-cell-line-height: calc(
+    16 * 2 / var(--kdds-base-font-size, 16) * 1rem
+  );
+  --sl-table-default-text-color: var(--kdds-g-color-on-surface-3, #666666);
+  --sl-table-font-size: var(--kdds-g-font-scale-3);
+
+  --sl-table-drag-handle-width: var(--kdds-g-icon-sizing-1, 0.5rem);
+
   --sl-z-index-drawer: 700;
   --sl-z-index-dialog: 800;
   --sl-z-index-dropdown: 900;
   --sl-z-index-toast: 950;
   --sl-z-index-tooltip: 1000;
+  --sl-z-index-table-overlay: 1100;
 }
 
 @supports (scrollbar-gutter: stable) {

package/dist/themes/light.styles.js

@@ -427,7 +427,7 @@ export default css`
     --sl-toggle-size-medium: 1.25rem;
     --sl-toggle-size-large: 1.5rem;
 
-    --sl-overlay-background-color: hsl(0, 0%, 10.2%/ 30%);
+    --sl-overlay-background-color: hsl(0, 0%, 10.2%/30%);
 
     --sl-panel-background-color: var(--sl-color-neutral-0);
     --sl-panel-border-color: var(--sl-color-neutral-200);
@@ -443,11 +443,75 @@ export default css`
     --sl-tooltip-padding: var(--sl-spacing-small);
     --sl-tooltip-arrow-size: 6px;
 
+    --sl-table-background: var(--kdds-g-color-surface-container-1, #ffffff);
+    --sl-table-header-background: var(
+      --kdds-g-color-surface-container-3,
+      #f2f2f2
+    );
+    --sl-table-cell-background: var(
+      --kdds-g-color-surface-container-1,
+      #ffffff
+    );
+    --sl-table-row-background-hover: var(
+      --kdds-g-color-surface-container-2,
+      #f5f5f5
+    );
+    --sl-table-row-background-active: var(
+      --kdds-g-color-accent-container-5,
+      #f2f6ff
+    );
+    --sl-table-cell-edit-background-hover: var(
+      --kdds-g-color-surface-container-1,
+      #ffffff
+    );
+    --sl-table-expand-row-background: var(
+      --kdds-g-color-neutral-base-92,
+      #eaeaea
+    );
+    --sl-table-icon-color-default: var(--kdds-g-color-on-surface-3, #666666);
+    --sl-table-icon-color-hover: var(--kdds-g-color-accent-1, #5582f3);
+    --sl-table-mask: rgba(255, 255, 255, 0.65);
+    --sl-table-range-selection-background: var(
+      --kdds-g-color-info-base-95,
+      #f2f9ff
+    );
+
+    --sl-table-column-header-padding: var(--kdds-g-spacing-5, 0.75rem);
+    --sl-table-cell-padding: var(--kdds-g-spacing-5, 0.75rem);
+    --sl-table-default-text-margin-vertical: calc(
+      16 * 0.875 / var(--kdds-base-font-size, 16) * 1rem
+    );
+
+    --sl-table-cell-border-width: var(--kdds-g-sizing-border-1, 1px);
+    --sl-table-cell-border: var(--kdds-g-color-border-2, #d9d9d9);
+    --sl-table-cell-border-focus: var(--kdds-g-color-accent-1, #5582f3);
+    --sl-table-cell-edit-border: var(--kdds-g-color-border-2, #d9d9d9);
+    --sl-table-cell-edit-border-hover: var(
+      --kdds-g-color-border-accent-1,
+      #5582f3
+    );
+    --sl-table-cell-edit-border-radius: var(--kdds-g-radius-border-1, 0.125rem);
+    --sl-table-cell-edit-border-width: var(--kdds-g-sizing-border-1, 1px);
+    --sl-table-range-selection-border: var(--kdds-g-color-info-1, #276ff5);
+
+    --sl-table-header-line-height: calc(
+      16 * 1.75 / var(--kdds-base-font-size, 16) * 1rem
+    );
+    --sl-table-cell-color: var(--kdds-g-color-on-surface-4, #212121);
+    --sl-table-cell-line-height: calc(
+      16 * 2 / var(--kdds-base-font-size, 16) * 1rem
+    );
+    --sl-table-default-text-color: var(--kdds-g-color-on-surface-3, #666666);
+    --sl-table-font-size: var(--kdds-g-font-scale-3);
+
+    --sl-table-drag-handle-width: var(--kdds-g-icon-sizing-1, 0.5rem);
+
     --sl-z-index-drawer: 700;
     --sl-z-index-dialog: 800;
     --sl-z-index-dropdown: 900;
     --sl-z-index-toast: 950;
     --sl-z-index-tooltip: 1000;
+    --sl-z-index-table-overlay: 1100;
   }
 
   @supports (scrollbar-gutter: stable) {