@internetarchive/collection-browser 4.3.1-alpha-webdev8257.0 → 4.3.1

package/dist/src/styles/tile-action-styles.d.ts

@@ -1,14 +0,0 @@
-/**
- * Shared styles for tile action buttons rendered in grid, list-detail, and
- * list-compact display modes. Layout positioning is handled by each tile
- * component; these styles cover only the button appearance and the row
- * container's default flex behavior.
- *
- * Customizable via CSS custom properties:
- *  - `--tileActionColor` (default: #d9534f)
- *  - `--tileActionBg` (default: #fff)
- *  - `--tileActionBorderColor` (default: #d9534f)
- *  - `--tileActionHoverBg` (default: rgba(217, 83, 79, 0.1))
- *  - `--tileActionHoverColor` (defaults to --tileActionColor)
- */
-export declare const tileActionStyles: import("lit").CSSResult;

package/dist/src/styles/tile-action-styles.js

@@ -1,52 +0,0 @@
-import { css } from 'lit';
-/**
- * Shared styles for tile action buttons rendered in grid, list-detail, and
- * list-compact display modes. Layout positioning is handled by each tile
- * component; these styles cover only the button appearance and the row
- * container's default flex behavior.
- *
- * Customizable via CSS custom properties:
- *  - `--tileActionColor` (default: #d9534f)
- *  - `--tileActionBg` (default: #fff)
- *  - `--tileActionBorderColor` (default: #d9534f)
- *  - `--tileActionHoverBg` (default: rgba(217, 83, 79, 0.1))
- *  - `--tileActionHoverColor` (defaults to --tileActionColor)
- */
-export const tileActionStyles = css `
-  .tile-actions {
-    flex-shrink: 0;
-    display: flex;
-    gap: var(--tileActionGap, 0);
-  }
-
-  .tile-action-btn {
-    flex: 1;
-    padding: 6px 5px;
-    border: 2px solid var(--tileActionBorderColor, #d9534f);
-    border-radius: var(--tileActionBorderRadius, 0);
-    /* Inherit from the surrounding tile rather than the UA default for <button> */
-    font-family: inherit;
-    font-size: 1.2rem;
-    font-weight: bold;
-    cursor: pointer;
-    color: var(--tileActionColor, #d9534f);
-    background: var(--tileActionBg, #fff);
-    transition:
-      background 0.15s,
-      color 0.15s;
-  }
-
-  /*
-   * When buttons are flush against each other (no gap), overlap their shared
-   * edge by 1px so adjacent borders don't double up.
-   */
-  .tile-action-btn + .tile-action-btn {
-    margin-left: -1px;
-  }
-
-  .tile-action-btn:hover {
-    background: var(--tileActionHoverBg, rgba(217, 83, 79, 0.2));
-    color: var(--tileActionHoverColor, var(--tileActionColor, #d9534f));
-  }
-`;
-//# sourceMappingURL=tile-action-styles.js.map

package/dist/src/styles/tile-action-styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tile-action-styles.js","sourceRoot":"","sources":["../../../src/styles/tile-action-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoClC,CAAC","sourcesContent":["import { css } from 'lit';\n\n/**\n * Shared styles for tile action buttons rendered in grid, list-detail, and\n * list-compact display modes. Layout positioning is handled by each tile\n * component; these styles cover only the button appearance and the row\n * container's default flex behavior.\n *\n * Customizable via CSS custom properties:\n *  - `--tileActionColor` (default: #d9534f)\n *  - `--tileActionBg` (default: #fff)\n *  - `--tileActionBorderColor` (default: #d9534f)\n *  - `--tileActionHoverBg` (default: rgba(217, 83, 79, 0.1))\n *  - `--tileActionHoverColor` (defaults to --tileActionColor)\n */\nexport const tileActionStyles = css`\n  .tile-actions {\n    flex-shrink: 0;\n    display: flex;\n    gap: var(--tileActionGap, 0);\n  }\n\n  .tile-action-btn {\n    flex: 1;\n    padding: 6px 5px;\n    border: 2px solid var(--tileActionBorderColor, #d9534f);\n    border-radius: var(--tileActionBorderRadius, 0);\n    /* Inherit from the surrounding tile rather than the UA default for <button> */\n    font-family: inherit;\n    font-size: 1.2rem;\n    font-weight: bold;\n    cursor: pointer;\n    color: var(--tileActionColor, #d9534f);\n    background: var(--tileActionBg, #fff);\n    transition:\n      background 0.15s,\n      color 0.15s;\n  }\n\n  /*\n   * When buttons are flush against each other (no gap), overlap their shared\n   * edge by 1px so adjacent borders don't double up.\n   */\n  .tile-action-btn + .tile-action-btn {\n    margin-left: -1px;\n  }\n\n  .tile-action-btn:hover {\n    background: var(--tileActionHoverBg, rgba(217, 83, 79, 0.2));\n    color: var(--tileActionHoverColor, var(--tileActionColor, #d9534f));\n  }\n`;\n"]}

package/src/styles/tile-action-styles.ts

@@ -1,52 +0,0 @@
-import { css } from 'lit';
-
-/**
- * Shared styles for tile action buttons rendered in grid, list-detail, and
- * list-compact display modes. Layout positioning is handled by each tile
- * component; these styles cover only the button appearance and the row
- * container's default flex behavior.
- *
- * Customizable via CSS custom properties:
- *  - `--tileActionColor` (default: #d9534f)
- *  - `--tileActionBg` (default: #fff)
- *  - `--tileActionBorderColor` (default: #d9534f)
- *  - `--tileActionHoverBg` (default: rgba(217, 83, 79, 0.1))
- *  - `--tileActionHoverColor` (defaults to --tileActionColor)
- */
-export const tileActionStyles = css`
-  .tile-actions {
-    flex-shrink: 0;
-    display: flex;
-    gap: var(--tileActionGap, 0);
-  }
-
-  .tile-action-btn {
-    flex: 1;
-    padding: 6px 5px;
-    border: 2px solid var(--tileActionBorderColor, #d9534f);
-    border-radius: var(--tileActionBorderRadius, 0);
-    /* Inherit from the surrounding tile rather than the UA default for <button> */
-    font-family: inherit;
-    font-size: 1.2rem;
-    font-weight: bold;
-    cursor: pointer;
-    color: var(--tileActionColor, #d9534f);
-    background: var(--tileActionBg, #fff);
-    transition:
-      background 0.15s,
-      color 0.15s;
-  }
-
-  /*
-   * When buttons are flush against each other (no gap), overlap their shared
-   * edge by 1px so adjacent borders don't double up.
-   */
-  .tile-action-btn + .tile-action-btn {
-    margin-left: -1px;
-  }
-
-  .tile-action-btn:hover {
-    background: var(--tileActionHoverBg, rgba(217, 83, 79, 0.2));
-    color: var(--tileActionHoverColor, var(--tileActionColor, #d9534f));
-  }
-`;