@internetarchive/elements 0.2.7-alpha-webdev8429.2 → 0.2.7

package/dist/src/themes/theme-styles.js

@@ -1,91 +1,91 @@
 import { css } from 'lit';
-const themeStyles = css `
-  :host {
-    /*
-    BASE STYLES
-    Default fallback values for theme styles. Assumes 16px root font size.
-    To adjust values, use theme styles below.
-    */
-
-    /* Typography */
-    --default-font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
-
-    /* Sizing */
-    --default-icon-width: 1.25rem;
-    --default-padding-sm: 5px;
-    --default-combo-box-width: auto;
-    --default-search-bar-width: auto;
-    --default-search-bar-height: 30px;
-    --default-font-size-standard: 0.875rem; /* 14px with 16px root font size */
-    --default-font-size-lg: 2.25rem; /* 36px with 16px root font size */
-
-    /* Colors */
-    --true-white: #fff;
-    --off-white: #fbfbfd;
-    --dark-gray: #2c2c2c;
-    --light-gray: #666;
-    --classic-red: #e51c23;
-    --mint-green: #31a481;
-    --navy-blue: #194880;
-    --bright-blue: #4b64ff;
-
-    /*
-    ADJUSTABLE STYLES
-    To be adjusted by setting i.e. --ia-theme-link-color at the :root or component level.
-    */
-
-    /* Text */
-    --base-font-family: var(
-      --ia-theme-base-font-family,
-      var(--default-font-family)
-    );
-    --primary-text-color: var(--ia-theme-primary-text-color, var(--dark-gray));
-    --secondary-text-color: var(
-      --ia-theme-secondary-text-color,
-      var(--light-gray)
-    );
-    --link-color: var(--ia-theme-link-color, var(--bright-blue));
-
-    /* Sizing */
-    --icon-width: var(--ia-theme-icon-width, var(--default-icon-width));
-    --padding-sm: var(--ia-theme-padding-sm, var(--default-padding-sm));
-    --search-bar-height: var(
-      --ia-theme-search-bar-height,
-      var(--default-search-bar-height)
-    );
-    --search-bar-width: var(
-      --ia-theme-search-bar-width,
-      var(--default-search-bar-width)
-    );
-    --combo-box-width: var(
-      --ia-theme-combo-box-width,
-      var(--default-combo-box-width)
-    );
-    --font-size-standard: var(
-      --ia-theme-font-size-standard,
-      var(--default-font-size-standard)
-    );
-    --font-size-lg: var(--ia-theme-font-size-lg, var(--default-font-size-lg));
-
-    /* Backgrounds and fills */
-    --primary-background-color: var(
-      --ia-theme-primary-background-color,
-      var(--off-white)
-    );
-    --secondary-background-color: var(
-      --ia-theme-secondary-background-color,
-      var(--true-white)
-    );
-
-    /* State colors */
-    --primary-cta-fill: var(--ia-theme-primary-cta-fill, var(--navy-blue));
-    --primary-cta-text-color: var(
-      --ia-theme-primary-cta-text-color,
-      var(--true-white)
-    );
-    --color-success: var(--ia-theme-color-success, var(--mint-green));
-    --color-danger: var(--ia-theme-color-danger, var(--classic-red));
-  }
+const themeStyles = css `
+  :host {
+    /*
+    BASE STYLES
+    Default fallback values for theme styles. Assumes 16px root font size.
+    To adjust values, use theme styles below.
+    */
+
+    /* Typography */
+    --default-font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+
+    /* Sizing */
+    --default-icon-width: 1.25rem;
+    --default-padding-sm: 5px;
+    --default-combo-box-width: auto;
+    --default-search-bar-width: auto;
+    --default-search-bar-height: 30px;
+    --default-font-size-standard: 0.875rem; /* 14px with 16px root font size */
+    --default-font-size-lg: 2.25rem; /* 36px with 16px root font size */
+
+    /* Colors */
+    --true-white: #fff;
+    --off-white: #fbfbfd;
+    --dark-gray: #2c2c2c;
+    --light-gray: #666;
+    --classic-red: #e51c23;
+    --mint-green: #31a481;
+    --navy-blue: #194880;
+    --bright-blue: #4b64ff;
+
+    /*
+    ADJUSTABLE STYLES
+    To be adjusted by setting i.e. --ia-theme-link-color at the :root or component level.
+    */
+
+    /* Text */
+    --base-font-family: var(
+      --ia-theme-base-font-family,
+      var(--default-font-family)
+    );
+    --primary-text-color: var(--ia-theme-primary-text-color, var(--dark-gray));
+    --secondary-text-color: var(
+      --ia-theme-secondary-text-color,
+      var(--light-gray)
+    );
+    --link-color: var(--ia-theme-link-color, var(--bright-blue));
+
+    /* Sizing */
+    --icon-width: var(--ia-theme-icon-width, var(--default-icon-width));
+    --padding-sm: var(--ia-theme-padding-sm, var(--default-padding-sm));
+    --search-bar-height: var(
+      --ia-theme-search-bar-height,
+      var(--default-search-bar-height)
+    );
+    --search-bar-width: var(
+      --ia-theme-search-bar-width,
+      var(--default-search-bar-width)
+    );
+    --combo-box-width: var(
+      --ia-theme-combo-box-width,
+      var(--default-combo-box-width)
+    );
+    --font-size-standard: var(
+      --ia-theme-font-size-standard,
+      var(--default-font-size-standard)
+    );
+    --font-size-lg: var(--ia-theme-font-size-lg, var(--default-font-size-lg));
+
+    /* Backgrounds and fills */
+    --primary-background-color: var(
+      --ia-theme-primary-background-color,
+      var(--off-white)
+    );
+    --secondary-background-color: var(
+      --ia-theme-secondary-background-color,
+      var(--true-white)
+    );
+
+    /* State colors */
+    --primary-cta-fill: var(--ia-theme-primary-cta-fill, var(--navy-blue));
+    --primary-cta-text-color: var(
+      --ia-theme-primary-cta-text-color,
+      var(--true-white)
+    );
+    --color-success: var(--ia-theme-color-success, var(--mint-green));
+    --color-danger: var(--ia-theme-color-danger, var(--classic-red));
+  }
 `;
 export default themeStyles;
 //# sourceMappingURL=theme-styles.js.map

package/dist/src/themes/theme-styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme-styles.js","sourceRoot":"","sources":["../../../src/themes/theme-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuFtB,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import { css } from 'lit';\r\n\r\nconst themeStyles = css`\r\n  :host {\r\n    /*\r\n    BASE STYLES\r\n    Default fallback values for theme styles. Assumes 16px root font size.\r\n    To adjust values, use theme styles below.\r\n    */\r\n\r\n    /* Typography */\r\n    --default-font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n\r\n    /* Sizing */\r\n    --default-icon-width: 1.25rem;\r\n    --default-padding-sm: 5px;\r\n    --default-combo-box-width: auto;\r\n    --default-search-bar-width: auto;\r\n    --default-search-bar-height: 30px;\r\n    --default-font-size-standard: 0.875rem; /* 14px with 16px root font size */\r\n    --default-font-size-lg: 2.25rem; /* 36px with 16px root font size */\r\n\r\n    /* Colors */\r\n    --true-white: #fff;\r\n    --off-white: #fbfbfd;\r\n    --dark-gray: #2c2c2c;\r\n    --light-gray: #666;\r\n    --classic-red: #e51c23;\r\n    --mint-green: #31a481;\r\n    --navy-blue: #194880;\r\n    --bright-blue: #4b64ff;\r\n\r\n    /*\r\n    ADJUSTABLE STYLES\r\n    To be adjusted by setting i.e. --ia-theme-link-color at the :root or component level.\r\n    */\r\n\r\n    /* Text */\r\n    --base-font-family: var(\r\n      --ia-theme-base-font-family,\r\n      var(--default-font-family)\r\n    );\r\n    --primary-text-color: var(--ia-theme-primary-text-color, var(--dark-gray));\r\n    --secondary-text-color: var(\r\n      --ia-theme-secondary-text-color,\r\n      var(--light-gray)\r\n    );\r\n    --link-color: var(--ia-theme-link-color, var(--bright-blue));\r\n\r\n    /* Sizing */\r\n    --icon-width: var(--ia-theme-icon-width, var(--default-icon-width));\r\n    --padding-sm: var(--ia-theme-padding-sm, var(--default-padding-sm));\r\n    --search-bar-height: var(\r\n      --ia-theme-search-bar-height,\r\n      var(--default-search-bar-height)\r\n    );\r\n    --search-bar-width: var(\r\n      --ia-theme-search-bar-width,\r\n      var(--default-search-bar-width)\r\n    );\r\n    --combo-box-width: var(\r\n      --ia-theme-combo-box-width,\r\n      var(--default-combo-box-width)\r\n    );\r\n    --font-size-standard: var(\r\n      --ia-theme-font-size-standard,\r\n      var(--default-font-size-standard)\r\n    );\r\n    --font-size-lg: var(--ia-theme-font-size-lg, var(--default-font-size-lg));\r\n\r\n    /* Backgrounds and fills */\r\n    --primary-background-color: var(\r\n      --ia-theme-primary-background-color,\r\n      var(--off-white)\r\n    );\r\n    --secondary-background-color: var(\r\n      --ia-theme-secondary-background-color,\r\n      var(--true-white)\r\n    );\r\n\r\n    /* State colors */\r\n    --primary-cta-fill: var(--ia-theme-primary-cta-fill, var(--navy-blue));\r\n    --primary-cta-text-color: var(\r\n      --ia-theme-primary-cta-text-color,\r\n      var(--true-white)\r\n    );\r\n    --color-success: var(--ia-theme-color-success, var(--mint-green));\r\n    --color-danger: var(--ia-theme-color-danger, var(--classic-red));\r\n  }\r\n`;\r\n\r\nexport default themeStyles;\r\n"]}
+{"version":3,"file":"theme-styles.js","sourceRoot":"","sources":["../../../src/themes/theme-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuFtB,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import { css } from 'lit';\n\nconst themeStyles = css`\n  :host {\n    /*\n    BASE STYLES\n    Default fallback values for theme styles. Assumes 16px root font size.\n    To adjust values, use theme styles below.\n    */\n\n    /* Typography */\n    --default-font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n\n    /* Sizing */\n    --default-icon-width: 1.25rem;\n    --default-padding-sm: 5px;\n    --default-combo-box-width: auto;\n    --default-search-bar-width: auto;\n    --default-search-bar-height: 30px;\n    --default-font-size-standard: 0.875rem; /* 14px with 16px root font size */\n    --default-font-size-lg: 2.25rem; /* 36px with 16px root font size */\n\n    /* Colors */\n    --true-white: #fff;\n    --off-white: #fbfbfd;\n    --dark-gray: #2c2c2c;\n    --light-gray: #666;\n    --classic-red: #e51c23;\n    --mint-green: #31a481;\n    --navy-blue: #194880;\n    --bright-blue: #4b64ff;\n\n    /*\n    ADJUSTABLE STYLES\n    To be adjusted by setting i.e. --ia-theme-link-color at the :root or component level.\n    */\n\n    /* Text */\n    --base-font-family: var(\n      --ia-theme-base-font-family,\n      var(--default-font-family)\n    );\n    --primary-text-color: var(--ia-theme-primary-text-color, var(--dark-gray));\n    --secondary-text-color: var(\n      --ia-theme-secondary-text-color,\n      var(--light-gray)\n    );\n    --link-color: var(--ia-theme-link-color, var(--bright-blue));\n\n    /* Sizing */\n    --icon-width: var(--ia-theme-icon-width, var(--default-icon-width));\n    --padding-sm: var(--ia-theme-padding-sm, var(--default-padding-sm));\n    --search-bar-height: var(\n      --ia-theme-search-bar-height,\n      var(--default-search-bar-height)\n    );\n    --search-bar-width: var(\n      --ia-theme-search-bar-width,\n      var(--default-search-bar-width)\n    );\n    --combo-box-width: var(\n      --ia-theme-combo-box-width,\n      var(--default-combo-box-width)\n    );\n    --font-size-standard: var(\n      --ia-theme-font-size-standard,\n      var(--default-font-size-standard)\n    );\n    --font-size-lg: var(--ia-theme-font-size-lg, var(--default-font-size-lg));\n\n    /* Backgrounds and fills */\n    --primary-background-color: var(\n      --ia-theme-primary-background-color,\n      var(--off-white)\n    );\n    --secondary-background-color: var(\n      --ia-theme-secondary-background-color,\n      var(--true-white)\n    );\n\n    /* State colors */\n    --primary-cta-fill: var(--ia-theme-primary-cta-fill, var(--navy-blue));\n    --primary-cta-text-color: var(\n      --ia-theme-primary-cta-text-color,\n      var(--true-white)\n    );\n    --color-success: var(--ia-theme-color-success, var(--mint-green));\n    --color-danger: var(--ia-theme-color-danger, var(--classic-red));\n  }\n`;\n\nexport default themeStyles;\n"]}

package/package.json

@@ -1,120 +1,120 @@
-{
-  "name": "@internetarchive/elements",
-  "version": "0.2.7-alpha-webdev8429.2",
-  "description": "A web component library from the Internet Archive.",
-  "license": "AGPL-3.0-only",
-  "types": "./dist/src/elements/index.d.ts",
-  "type": "module",
-  "publishConfig": {
-    "access": "public"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/internetarchive/elements.git"
-  },
-  "bugs": {
-    "url": "https://github.com/internetarchive/elements/issues"
-  },
-  "scripts": {
-    "dev": "wireit",
-    "build": "wireit",
-    "clean": "wireit",
-    "lint": "wireit",
-    "format": "wireit",
-    "circular": "wireit",
-    "prepare": "wireit",
-    "test": "wireit",
-    "ghpages:build": "wireit"
-  },
-  "dependencies": {
-    "@lit/localize": "^0.12.2",
-    "@internetarchive/ia-clearable-text-input": "^1.1.1",
-    "@internetarchive/ia-dropdown": "^2.2.0",
-    "lit": "^2.8.0 || ^3.3.2",
-    "magic-snowflakes": "^7.0.2",
-    "tslib": "^2.8.1"
-  },
-  "devDependencies": {
-    "@open-wc/testing-helpers": "^3.0.1",
-    "@typescript-eslint/eslint-plugin": "^8.46.4",
-    "@vitest/browser": "^4.0.8",
-    "@vitest/browser-playwright": "^4.0.8",
-    "@vitest/coverage-v8": "^4.0.8",
-    "eslint": "^9.39.1",
-    "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-html": "^8.1.3",
-    "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-lit": "^1.15.0",
-    "eslint-plugin-lit-a11y": "^4.1.4",
-    "eslint-plugin-no-only-tests": "^3.3.0",
-    "eslint-plugin-wc": "^2.2.1",
-    "highlight.js": "^11.11.1",
-    "madge": "^8.0.0",
-    "playwright": "^1.56.1",
-    "prettier": "^3.6.2",
-    "ts-lit-plugin": "^2.0.2",
-    "tsc-alias": "^1.8.16",
-    "typescript": "^5.9.3",
-    "vite": "^7.2.2",
-    "vitest": "^4.0.8",
-    "wireit": "^0.14.12"
-  },
-  "exports": {
-    ".": "./dist/src/index.js",
-    "./*": "./dist/src/elements/*.js",
-    "./labs/*": "./dist/src/labs/*.js"
-  },
-  "files": [
-    "README.md",
-    "dist",
-    "!dist/**/*.test*",
-    "!dist/**/*-story*",
-    "!dist/demo",
-    "!dist/src/internal",
-    "!dist/*.tsbuildinfo"
-  ],
-  "wireit": {
-    "build": {
-      "command": "tsc --build --pretty && tsc-alias && rsync -zarvm --prune-empty-dirs --include \"*/\" --include \"*.svg\" --exclude=\"*\" src dist",
-      "dependencies": [
-        "circular"
-      ],
-      "files": [
-        "src/**/*.ts",
-        "tsconfig.json"
-      ],
-      "output": [
-        "dist/**"
-      ]
-    },
-    "circular": {
-      "command": "madge --circular --extensions ts ."
-    },
-    "clean": {
-      "command": "rm -rf dist"
-    },
-    "dev": {
-      "command": "vite"
-    },
-    "lint": {
-      "command": "eslint . && prettier \"**/*.ts\" --check"
-    },
-    "format": {
-      "command": "eslint . --fix && prettier \"**/*.ts\" --write"
-    },
-    "prepare": {
-      "dependencies": [
-        "build"
-      ]
-    },
-    "test": {
-      "command": "vitest",
-      "dependencies": [
-        "circular"
-      ]
-    },
-    "ghpages:build": {
-      "command": "vite build --config vite.config.ghpages.ts && touch ./ghpages/.nojekyll"
-    }
-  }
-}
+{
+  "name": "@internetarchive/elements",
+  "version": "0.2.7",
+  "description": "A web component library from the Internet Archive.",
+  "license": "AGPL-3.0-only",
+  "types": "./dist/src/elements/index.d.ts",
+  "type": "module",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/internetarchive/elements.git"
+  },
+  "bugs": {
+    "url": "https://github.com/internetarchive/elements/issues"
+  },
+  "scripts": {
+    "dev": "wireit",
+    "build": "wireit",
+    "clean": "wireit",
+    "lint": "wireit",
+    "format": "wireit",
+    "circular": "wireit",
+    "prepare": "wireit",
+    "test": "wireit",
+    "ghpages:build": "wireit"
+  },
+  "dependencies": {
+    "@lit/localize": "^0.12.2",
+    "@internetarchive/ia-clearable-text-input": "^1.1.1",
+    "@internetarchive/ia-dropdown": "^2.2.0",
+    "lit": "^2.8.0 || ^3.3.2",
+    "magic-snowflakes": "^7.0.2",
+    "tslib": "^2.8.1"
+  },
+  "devDependencies": {
+    "@open-wc/testing-helpers": "^3.0.1",
+    "@typescript-eslint/eslint-plugin": "^8.46.4",
+    "@vitest/browser": "^4.0.8",
+    "@vitest/browser-playwright": "^4.0.8",
+    "@vitest/coverage-v8": "^4.0.8",
+    "eslint": "^9.39.1",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-html": "^8.1.3",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-lit": "^1.15.0",
+    "eslint-plugin-lit-a11y": "^4.1.4",
+    "eslint-plugin-no-only-tests": "^3.3.0",
+    "eslint-plugin-wc": "^2.2.1",
+    "highlight.js": "^11.11.1",
+    "madge": "^8.0.0",
+    "playwright": "^1.56.1",
+    "prettier": "^3.6.2",
+    "ts-lit-plugin": "^2.0.2",
+    "tsc-alias": "^1.8.16",
+    "typescript": "^5.9.3",
+    "vite": "^7.2.2",
+    "vitest": "^4.0.8",
+    "wireit": "^0.14.12"
+  },
+  "exports": {
+    ".": "./dist/src/index.js",
+    "./*": "./dist/src/elements/*.js",
+    "./labs/*": "./dist/src/labs/*.js"
+  },
+  "files": [
+    "README.md",
+    "dist",
+    "!dist/**/*.test*",
+    "!dist/**/*-story*",
+    "!dist/demo",
+    "!dist/src/internal",
+    "!dist/*.tsbuildinfo"
+  ],
+  "wireit": {
+    "build": {
+      "command": "tsc --build --pretty && tsc-alias && rsync -zarvm --prune-empty-dirs --include \"*/\" --include \"*.svg\" --exclude=\"*\" src dist",
+      "dependencies": [
+        "circular"
+      ],
+      "files": [
+        "src/**/*.ts",
+        "tsconfig.json"
+      ],
+      "output": [
+        "dist/**"
+      ]
+    },
+    "circular": {
+      "command": "madge --circular --extensions ts ."
+    },
+    "clean": {
+      "command": "rm -rf dist"
+    },
+    "dev": {
+      "command": "vite"
+    },
+    "lint": {
+      "command": "eslint . && prettier \"**/*.ts\" --check"
+    },
+    "format": {
+      "command": "eslint . --fix && prettier \"**/*.ts\" --write"
+    },
+    "prepare": {
+      "dependencies": [
+        "build"
+      ]
+    },
+    "test": {
+      "command": "vitest",
+      "dependencies": [
+        "circular"
+      ]
+    },
+    "ghpages:build": {
+      "command": "vite build --config vite.config.ghpages.ts && touch ./ghpages/.nojekyll"
+    }
+  }
+}