@aurodesignsystem/auro-formkit 2.0.0-beta.42 → 2.0.0-beta.43

package/components/select/src/styles/color.scss

@@ -1,33 +0,0 @@
-// Copyright (c) 2024 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
-// See LICENSE in the project root for license information.
-
-// ---------------------------------------------------------------------
-
-// Import Auro tokens
-@import '@aurodesignsystem/design-tokens/dist/tokens/SCSSVariables';
-
-@import '@aurodesignsystem/webcorestylesheets/src/breakpoints';
-@import '@aurodesignsystem/webcorestylesheets/src/core';
-@import '@aurodesignsystem/webcorestylesheets/src/utilityClasses/displayProperties';
-
-/* stylelint-disable max-nesting-depth, selector-class-pattern */
-
-:host {
-  [auro-dropdown] {
-    &::part(trigger) {
-      &:hover {
-        --ds-auro-dropdown-trigger-container-color: rgba(0 0 0 / 0.06); // Needs container token
-      }
-    }
-  }
-}
-
-:host([disabled]) {
-  * {
-    color: var(--ds-color-text-ui-disabled-default, $ds-color-text-ui-disabled-default);
-  }
-}
-
-.placeholder {
-  color: var(--ds-auro-select-placeholder-text-color);
-}

package/components/select/src/styles/style-css.js

@@ -1,2 +0,0 @@
-import { css } from 'lit';
-export default css`*,*:before,*:after{box-sizing:border-box}@media(prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}*:focus-visible{outline:0}*:focus-visible{outline:0}:focus:not(:focus-visible){outline:3px solid transparent}.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}[slot=trigger]{width:100%;padding:0;border:0;cursor:pointer;font-family:inherit;font-size:inherit;text-align:left}[slot=trigger] .nestingSpacer{display:none}[slot=trigger] #placeholder.hidden{position:absolute;z-index:-1;opacity:0;pointer-events:none}:host [auro-dropdown]{position:relative}:host [auro-dropdown]::part(trigger){max-height:var(--ds-size-300, 1.5rem)}:host [auro-dropdown]::part(popover){max-width:-webkit-fill-available;overflow-y:scroll}:host([disabled]) *{user-select:none}.outerWrapper{position:relative}auro-menuoption{padding:0;pointer-events:none}.menuWrapper{padding:var(--ds-size-50, 0.25rem) 0}:host([multiselect]) [slot=trigger]{display:flex}:host([multiselect]) auro-menuoption:not(:first-child){margin-left:var(--ds-size-100)}`;

package/components/select/src/styles/style.css

@@ -1,105 +0,0 @@
-*, *:before, *:after {
-  box-sizing: border-box;
-}
-@media (prefers-reduced-motion: reduce) {
-  *, *:before, *:after {
-    animation-duration: 0.01ms !important;
-    animation-iteration-count: 1 !important;
-    transition-duration: 0.01ms !important;
-  }
-}
-*:focus-visible {
-  outline: 0;
-}
-*:focus-visible {
-  outline: 0;
-}
-
-:focus:not(:focus-visible) {
-  outline: 3px solid transparent;
-}
-
-.util_displayInline {
-  display: inline;
-}
-
-.util_displayInlineBlock {
-  display: inline-block;
-}
-
-.util_displayBlock {
-  display: block;
-}
-
-.util_displayFlex {
-  display: flex;
-}
-
-.util_displayHidden {
-  display: none;
-}
-
-.util_displayHiddenVisually {
-  position: absolute;
-  overflow: hidden;
-  clip: rect(1px, 1px, 1px, 1px);
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  border: 0;
-}
-
-/* stylelint-disable selector-class-pattern */
-[slot=trigger] {
-  width: 100%;
-  padding: 0;
-  border: 0;
-  cursor: pointer;
-  font-family: inherit;
-  font-size: inherit;
-  text-align: left;
-}
-[slot=trigger] .nestingSpacer {
-  display: none;
-}
-[slot=trigger] #placeholder.hidden {
-  position: absolute;
-  z-index: -1;
-  opacity: 0;
-  pointer-events: none;
-}
-
-:host [auro-dropdown] {
-  position: relative;
-}
-:host [auro-dropdown]::part(trigger) {
-  max-height: var(--ds-size-300, 1.5rem);
-}
-:host [auro-dropdown]::part(popover) {
-  max-width: -webkit-fill-available;
-  overflow-y: scroll;
-}
-
-:host([disabled]) * {
-  user-select: none;
-}
-
-.outerWrapper {
-  position: relative;
-}
-
-auro-menuoption {
-  padding: 0;
-  pointer-events: none;
-}
-
-.menuWrapper {
-  padding: var(--ds-size-50, 0.25rem) 0;
-}
-
-:host([multiselect]) [slot=trigger] {
-  display: flex;
-}
-:host([multiselect]) auro-menuoption:not(:first-child) {
-  margin-left: var(--ds-size-100);
-}

package/components/select/src/styles/style.scss

@@ -1,83 +0,0 @@
-// Copyright (c) 2024 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
-// See LICENSE in the project root for license information.
-
-// ---------------------------------------------------------------------
-
-// Import Auro tokens
-@import '@aurodesignsystem/design-tokens/dist/tokens/SCSSVariables';
-
-@import '@aurodesignsystem/webcorestylesheets/src/breakpoints';
-@import '@aurodesignsystem/webcorestylesheets/src/core';
-@import '@aurodesignsystem/webcorestylesheets/src/utilityClasses/displayProperties';
-
-/* stylelint-disable selector-class-pattern */
-
-[slot='trigger'] {
-  width: 100%;
-  padding: 0;
-  border: 0;
-  cursor: pointer;
-  font-family: inherit;
-  font-size: inherit;
-  text-align: left;
-
-  .nestingSpacer {
-    display: none;
-  }
-
-  #placeholder {
-    &.hidden {
-      position: absolute;
-      z-index: -1;
-      opacity: 0;
-      pointer-events: none;
-    }
-  }
-} 
-
-:host {
-  [auro-dropdown] {
-    position: relative;
-
-    &::part(trigger) {
-      max-height: var(--ds-size-300, $ds-size-300);
-    }
-
-    &::part(popover) {
-      max-width: -webkit-fill-available;
-      overflow-y: scroll;
-    }
-  }
-}
-
-:host([disabled]) {
-  * {
-    user-select: none;
-  }
-}
-
-.outerWrapper {
-  position: relative;
-}
-
-auro-menuoption {
-  padding: 0;
-  pointer-events: none;
-}
-
-.menuWrapper {
-  padding: var(--ds-size-50, $ds-size-50) 0;
-}
-
-// Multiselect styles
-:host([multiselect]) {
-  [slot="trigger"] {
-    display: flex;
-  }
-
-  auro-menuoption {
-    &:not(:first-child) {
-      margin-left: var(--ds-size-100);
-    }
-  }
-}

package/components/select/src/styles/tokens-css.js

@@ -1,2 +0,0 @@
-import { css } from 'lit';
-export default css`:host{--ds-auro-select-placeholder-text-color: var(--ds-color-text-secondary-default, $ds-color-text-secondary-default)}`;

package/components/select/src/styles/tokens.css

@@ -1,3 +0,0 @@
-:host {
-  --ds-auro-select-placeholder-text-color: var(--ds-color-text-secondary-default, $ds-color-text-secondary-default);
-}

package/components/select/src/styles/tokens.scss

@@ -1,5 +0,0 @@
-@import '@aurodesignsystem/design-tokens/dist/tokens/SCSSVariables';
-
-:host {
-  --ds-auro-select-placeholder-text-color: var(--ds-color-text-secondary-default, $ds-color-text-secondary-default);
-}

package/packages/build-tools/package.json

@@ -1,15 +0,0 @@
-{
-  "name": "@auro-formkit/build-tools",
-  "description": "Shared build tools for auro-formkit monorepo",
-  "version": "0.0.0",
-  "private": true,
-  "type": "module",
-  "main": "./src/index.js",
-  "types": "tsc",
-  "exports": {
-    ".": "./src/index.js",
-    "./formVersionWriter": "./src/formVersionWriter.mjs",
-    "./docProcessor": "./src/docProcessor.mjs",
-    "./kitDocProcessor": "./src/kitDocProcessor.mjs"
-  }
-}

package/packages/build-tools/src/docProcessor.mjs

@@ -1,133 +0,0 @@
-import { Logger } from "@aurodesignsystem/auro-library/scripts/utils/logger.mjs";
-import fs from "node:fs/promises";
-import {
-  fromAuroComponentRoot,
-  processContentForFile,
-  templateFiller
-} from "@aurodesignsystem/auro-library/scripts/utils/sharedFileProcessorUtils.mjs";
-
-/**
- * Processor config object.
- * @typedef {Object} ProcessorConfig
- * @prop {String} [component=undefined] - The name of component to process docs.
- * @prop {boolean} [overwriteLocalCopies=true] - The release version tag to use instead of master.
- * @prop {string} [remoteReadmeVersion="master"] - The release version tag to use instead of master.
- * @prop {string} [remoteReadmeVariant=""] - The variant string to use for the README source.
- * (like "_esm" to make README_esm.md).
- */
-
-/**
- * @param {ProcessorConfig} config - The configuration for this processor.
- */
-export const defaultDocsProcessorConfig = {
-  component: undefined,
-  overwriteLocalCopies: true,
-  remoteReadmeVersion: "master",
-  // eslint-disable-next-line no-warning-comments
-  // TODO: remove this variant when all components are updated to use latest auro-library
-  // AND the default README.md is updated to use the new paths
-  remoteReadmeVariant: "_updated_paths"
-};
-
-/**
- * Get the version from the root package.json
- * @returns {Promise<string>}
- */
-async function getPackageVersion() {
-  const packageJsonPath = fromAuroComponentRoot('package.json');
-  const packageContent = await fs.readFile(packageJsonPath, 'utf8');
-  const packageJson = JSON.parse(packageContent);
-  return packageJson.version;
-}
-
-const formkitVersion = await getPackageVersion();
-
-export const monorepoVars = {
-  formkitVersion,
-  'monorepoName': 'auro-formkit',
-  'dependentComponents': [] //  populated by componentDependencyTree in processDocFiles
-}
-
-export const componentDependencyTree = {
-  'checkbox': ['checkbox'],
-  'combobox': ['dropdown', 'input', 'menu', 'combobox'],
-  'counter': ['counter'],
-  'datepicker': ['dropdown', 'input', 'popover', 'datepicker'],
-  'dropdown': ['dropdown'],
-  'form': ['form'],
-  'input': ['input'],
-  'menu': ['menu'],
-  'radio': ['radio'],
-  'select': ['dropdown', 'menu', 'select'],
-}
-
-/**
- * @param {ProcessorConfig} config - The configuration for this processor.
- * @returns {import('@aurodesignsystem/auro-library/scripts/utils/sharedFileProcessorUtils').FileProcessorConfig[]}
- */
-export const fileConfigs = (config) => [
-  // README.md
-  {
-    identifier: 'README.md',
-    input: fromAuroComponentRoot(`docs/templates/componentReadmeTemplate.md`),
-    output: fromAuroComponentRoot(`components/${config.component}/README.md`)
-  },
-  // index.md
-  {
-    identifier: 'index.md',
-    input: fromAuroComponentRoot(`components/${config.component}/docs/partials/index.md`),
-    output: fromAuroComponentRoot(`components/${config.component}/demo/index.md`),
-    mdMagicConfig: {
-      output: {
-        directory: fromAuroComponentRoot(`components/${config.component}/demo`)
-      }
-    }
-  },
-  // api.md
-  {
-    identifier: 'api.md',
-    input: fromAuroComponentRoot(`components/${config.component}/docs/partials/api.md`),
-    output: fromAuroComponentRoot(`components/${config.component}/demo/api.md`),
-    preProcessors: [templateFiller.formatApiTable],
-  }
-];
-
-/**
- *
- * @param {ProcessorConfig} config - The configuration for this processor.
- * @return {Promise<void>}
- */
-export async function processDocFiles(componentName) {
-  const config = { ...defaultDocsProcessorConfig };
-  if (componentName) {
-    config.component = componentName;
-    // setup
-    await templateFiller.extractNames();
-
-    for (const fileConfig of fileConfigs(config)) {
-      try {
-        const dependencies = componentDependencyTree[config.component];
-
-        // eslint-disable-next-line no-await-in-loop
-        await processContentForFile({ ...fileConfig, extraVars: { ...monorepoVars, dependentComponents: dependencies} });
-      } catch (err) {
-        Logger.error(`Error processing ${fileConfig.identifier}: ${err.message}`);
-      }
-    }
-  } else {
-    Logger.error('no component name provided');
-  }
-}
-
-function main() {
-  const optionIndex = process.argv.indexOf('--component');
-  const componentName = process.argv[optionIndex + 1];
-  processDocFiles(componentName).then(() => {
-    Logger.log('Docs processed successfully for ' + componentName);
-  }).
-    catch((err) => {
-      Logger.error(`Error processing docs: ${err.message}`);
-  });
-}
-
-main();

package/packages/build-tools/src/formVersionWriter.mjs

@@ -1,75 +0,0 @@
-import { readFile, mkdir, writeFile } from 'fs/promises';
-import { existsSync } from 'fs';
-import { dirname, resolve } from 'path';
-import { fileURLToPath } from 'url';
-
-/**
- * Writes a version file for the specified dependency package.
- * Supports workspace and node_modules packages.
- * @param {string} pkg Dependency to write version file for
- * @returns {Promise<void>}
- */
-export async function writeDepVersionFile(pkg) {
-  const auroSubNameIndex = 5;
-  
-  // Function to find package.json path with workspace support
-  async function findPackageJson(packageName) {
-    // List of possible locations to check
-    const possiblePaths = [
-      // Direct workspace path
-      resolve(process.cwd(), '..', packageName.replace('@auro-formkit/', ''), 'package.json'),
-      // Workspace root node_modules
-      resolve(process.cwd(), '../../node_modules', packageName, 'package.json'),
-      // Component-level node_modules
-      resolve(process.cwd(), 'node_modules', packageName, 'package.json'),
-      // Try monorepo packages directory if it exists
-      resolve(process.cwd(), '../../packages', packageName.replace('@auro-formkit/', ''), 'package.json')
-    ];
-
-    for (const path of possiblePaths) {
-      if (existsSync(path)) {
-        return path;
-      }
-    }
-
-    throw new Error(`Could not find package.json for ${packageName} in any of the expected locations`);
-  }
-
-  try {
-    // Get package.json path
-    const packagePath = await findPackageJson(pkg);
-    console.log(`Found package.json at: ${packagePath}`);
-    
-    // Read and parse package.json
-    const packageJson = JSON.parse(await readFile(packagePath, 'utf8'));
-    const { version } = packageJson;
-
-    // Calculate paths
-    const elemSubName = pkg.substring(pkg.indexOf('auro-') + auroSubNameIndex);
-    const callerPath = fileURLToPath(import.meta.url);
-    const pathParts = callerPath.split('/');
-    const componentsIndex = pathParts.indexOf('components');
-    const componentName = componentsIndex !== -1 ? pathParts[componentsIndex + 1] : null;
-    const basePath = componentName
-      ? `components/${componentName}/src`
-      : 'src';
-    const versionFilePath = `./${basePath}/${elemSubName}Version.js`;
-    
-    console.log(`Writing version file to: ${versionFilePath}`);
-
-    // Ensure directory exists
-    const directory = dirname(versionFilePath);
-    if (!existsSync(directory)) {
-      await mkdir(directory, { recursive: true });
-    }
-
-    // Write version file
-    const fileContent = `export default '${version}';\n`;
-    await writeFile(versionFilePath, fileContent);
-    
-    console.log(`Successfully wrote version file for ${pkg}`);
-  } catch (error) {
-    console.error(`Error processing ${pkg}:`, error);
-    throw error;
-  }
-}

package/packages/build-tools/src/index.js

@@ -1 +0,0 @@
-export { writeDepVersionFile } from './formVersionWriter.js';

package/packages/build-tools/src/kitDocProcessor.mjs

@@ -1,66 +0,0 @@
-import { Logger } from "@aurodesignsystem/auro-library/scripts/utils/logger.mjs";
-import {
-  fromAuroComponentRoot,
-  processContentForFile,
-  templateFiller
-} from "@aurodesignsystem/auro-library/scripts/utils/sharedFileProcessorUtils.mjs";
-
-/**
- * Processor config object.
- * @typedef {Object} ProcessorConfig
- * @prop {String} [component=undefined] - The name of component to process docs.
- * @prop {boolean} [overwriteLocalCopies=true] - The release version tag to use instead of master.
- * @prop {string} [remoteReadmeVersion="master"] - The release version tag to use instead of master.
- * @prop {string} [remoteReadmeVariant=""] - The variant string to use for the README source.
- * (like "_esm" to make README_esm.md).
- */
-
-
-/**
- * @param {ProcessorConfig} config - The configuration for this processor.
- */
-export const defaultDocsProcessorConfig = {
-  component: undefined,
-  overwriteLocalCopies: true,
-  remoteReadmeVersion: "master",
-  // eslint-disable-next-line no-warning-comments
-  // TODO: remove this variant when all components are updated to use latest auro-library
-  // AND the default README.md is updated to use the new paths
-  remoteReadmeVariant: "_updated_paths"
-};
-
-/**
- * @param {ProcessorConfig} config - The configuration for this processor.
- * @returns {import('@aurodesignsystem/auro-library/scripts/utils/sharedFileProcessorUtils').FileProcessorConfig[]}
- */
-export const fileConfigs = (config) => [
-  // README.md
-  {
-    identifier: 'README.md',
-    input: fromAuroComponentRoot(`docs/templates/README.md`),
-    output: fromAuroComponentRoot(`README.md`)
-  }
-];
-
-/**
- *
- * @param {ProcessorConfig} config - The configuration for this processor.
- * @return {Promise<void>}
- */
-export async function processDocFiles(config = defaultDocsProcessorConfig) {
-  // setup
-  await templateFiller.extractNames();
-
-  for (const fileConfig of fileConfigs(config)) {
-    try {
-      // eslint-disable-next-line no-await-in-loop
-      await processContentForFile(fileConfig);
-    } catch (err) {
-      Logger.error(`Error processing ${fileConfig.identifier}: ${err.message}`);
-    }
-  }
-}
-
-processDocFiles().catch(err => {
-  Logger.error(`Failed to process docs: ${err}`);
-});

package/packages/form-validation/package.json

@@ -1,12 +0,0 @@
-{
-  "name": "@auro-formkit/form-validation",
-  "description": "Shared validation for all form components in auro-formkit monorepo",
-  "version": "0.0.0",
-  "private": true,
-  "type": "module",
-  "main": "./src/index.js",
-  "types": "tsc",
-  "exports": {
-    ".": "./src/index.js"
-  }
-}

package/packages/form-validation/src/index.js

@@ -1 +0,0 @@
-export { default } from './validation.js';