@operato/styles 8.0.0-beta.0 → 8.0.0-beta.1

package/CHANGELOG.md

@@ -3,6 +3,15 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.0.0-beta.1](https://github.com/hatiolab/operato/compare/v8.0.0-beta.0...v8.0.0-beta.1) (2025-01-08)
+
+
+### :bug: Bug Fix
+
+* missing .npmignore ([be05985](https://github.com/hatiolab/operato/commit/be05985abfae4af53501f718dd52932099f7fbcb))
+
+
+
 ## [8.0.0-beta.0](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.56...v8.0.0-beta.0) (2025-01-07)
 
 **Note:** Version bump only for package @operato/styles

package/package.json

@@ -2,7 +2,7 @@
   "name": "@operato/styles",
   "description": "Webcomponent styles following open-wc recommendations",
   "author": "heartyoh",
-  "version": "8.0.0-beta.0",
+  "version": "8.0.0-beta.1",
   "main": "dist/src/index.js",
   "module": "dist/src/index.js",
   "license": "MIT",
@@ -52,5 +52,5 @@
   },
   "customElements": "custom-elements.json",
   "prettier": "@hatiolab/prettier-config",
-  "gitHead": "c4e9cc245659d050a9ffd66542083a6daad4bcb9"
+  "gitHead": "d5b28a2e9deb632c0dc80132f6a7196dd6fe4220"
 }

package/.editorconfig

@@ -1,29 +0,0 @@
-# EditorConfig helps developers define and maintain consistent
-# coding styles between different editors and IDEs
-# editorconfig.org
-
-root = true
-
-
-[*]
-
-# Change these settings to your own preference
-indent_style = space
-indent_size = 2
-
-# We recommend you to keep these unchanged
-end_of_line = lf
-charset = utf-8
-trim_trailing_whitespace = true
-insert_final_newline = true
-
-[*.md]
-trim_trailing_whitespace = false
-
-[*.json]
-indent_size = 2
-
-[*.{html,js,md}]
-block_comment_start = /**
-block_comment = *
-block_comment_end = */

package/.storybook/main.js

@@ -1,3 +0,0 @@
-module.exports = {
-  stories: ['../dist/stories/**/*.stories.{js,md,mdx}'],
-};

package/.storybook/preview.js

@@ -1,52 +0,0 @@
-import { i18next } from '@operato/i18n'
-
-export const globalTypes = {
-  locale: {
-    name: 'Locale',
-    description: 'Internationalization locale',
-    toolbar: {
-      icon: 'globe',
-      items: [
-        { value: 'en', right: '🇺🇸', title: 'English' },
-        { value: 'ko', right: '🇰🇷', title: '한국어' },
-        { value: 'zh', right: '🇨🇳', title: '中文' },
-        { value: 'ja', right: '🇯🇵', title: '日本語' },
-        { value: 'ms', right: '🇲🇾', title: 'Bahasa Melayu' }
-      ],
-      showName: true
-    }
-  },
-  theme: {
-    name: 'Theme',
-    description: 'Global theme for components',
-    toolbar: {
-      icon: 'paintbrush',
-      items: [
-        { value: 'light', title: 'Light' },
-        { value: 'dark', title: 'Dark' }
-      ],
-      showName: true
-    }
-  }
-}
-
-export const decorators = [
-  (Story, context) => {
-    const { locale, theme } = context.globals
-
-    if (locale) {
-      i18next.changeLanguage(locale)
-    }
-
-    // Set the theme class for the document
-    if (theme === 'dark') {
-      document.documentElement.classList.add('dark')
-      document.documentElement.classList.remove('light')
-    } else {
-      document.documentElement.classList.add('light')
-      document.documentElement.classList.remove('dark')
-    }
-
-    return Story()
-  }
-]

package/.storybook/server.mjs

@@ -1,8 +0,0 @@
-import { storybookPlugin } from '@web/dev-server-storybook';
-import baseConfig from '../web-dev-server.config.mjs';
-
-export default /** @type {import('@web/dev-server').DevServerConfig} */ ({
-  ...baseConfig,
-  open: '/',
-  plugins: [storybookPlugin({ type: 'web-components' }), ...baseConfig.plugins],
-});

package/src/button-container-styles.ts

@@ -1,101 +0,0 @@
-import { css } from 'lit'
-
-export const ButtonContainerStyles = css`
-  .button-container {
-    display: flex;
-    margin-left: auto;
-    padding: var(--spacing-small);
-    gap: var(--spacing-small);
-
-    text-transform: capitalize;
-  }
-
-  button {
-    display: flex;
-    align-items: center;
-    background-color: var(--button-background-color, var(--md-sys-color-secondary-container));
-    border: 1px solid var(--md-sys-color-secondary-container);
-    border-radius: var(--button-border-radius);
-
-    font-size: var(--fontsize-default);
-    color: var(--button-color, var(--md-sys-color-on-secondary-container));
-    text-wrap: nowrap;
-
-    md-icon {
-      margin: 4px 1px;
-
-      --md-icon-size: var(--icon-size-small);
-    }
-
-    &:hover {
-      background-color: var(--md-sys-color-secondary);
-      color: var(--md-sys-color-on-secondary);
-
-      border: 1px solid var(--md-sys-color-secondary);
-    }
-  }
-
-  [filled] {
-    font-variation-settings: 'FILL' 1;
-  }
-
-  [danger],
-  button[danger],
-  md-assist-chip[danger] {
-    --md-assist-chip-outline-color: var(--md-sys-color-error);
-    --md-assist-chip-elevated-container-color: var(--md-sys-color-error);
-
-    --md-assist-chip-label-text-color: var(--md-sys-color-on-error);
-    --md-assist-chip-leading-icon-color: var(--md-sys-color-on-error);
-
-    --md-assist-chip-hover-label-text-color: var(--md-sys-color-error);
-    --md-assist-chip-hover-leading-icon-color: var(--md-sys-color-error);
-
-    color: var(--md-sys-color-on-error);
-    background-color: var(--md-sys-color-error);
-    border-color: var(--md-sys-color-error);
-
-    &:hover {
-      --md-assist-chip-outline-color: var(--md-sys-color-error);
-      --md-assist-chip-elevated-container-color: var(--md-sys-color-on-error);
-
-      --md-assist-chip-label-text-color: var(--md-sys-color-error);
-      --md-assist-chip-leading-icon-color: var(--md-sys-color-error);
-
-      color: var(--md-sys-color-error);
-      background-color: var(--md-sys-color-on-error);
-    }
-  }
-
-  select,
-  input[type='text'] {
-    background-color: var(--button-background-color, var(--md-sys-color-secondary-container));
-    border: 1px solid var(--md-sys-color-outline);
-    border-radius: var(--button-border-radius);
-    padding: 0 var(--spacing-tiny);
-
-    font-size: var(--fontsize-default);
-    color: var(--button-color, var(--md-sys-color-on-secondary-container));
-  }
-
-  [filler] {
-    flex: 1;
-  }
-
-  @media screen and (max-width: 460px) {
-    .button-container {
-      padding: 0;
-      gap: 0;
-    }
-
-    button,
-    md-icon {
-      border-radius: 0;
-    }
-
-    button:not(:last-child),
-    md-icon:not(:last-child) {
-      border-right-width: 0;
-    }
-  }
-`

package/src/common-button-styles.ts

@@ -1,430 +0,0 @@
-export const CommonButtonStyles = {
-  // alphabet  a
-  activate: {
-    icon: 'toggle_on',
-    emphasis: {
-      raised: false,
-      outlined: true,
-      dense: false,
-      danger: false
-    }
-  },
-  add: {
-    icon: 'post_add',
-    emphasis: {
-      raised: true,
-      outlined: false,
-      dense: false,
-      danger: false
-    }
-  },
-  additional: {
-    icon: 'library_add',
-    emphasis: {
-      raised: false,
-      outlined: true,
-      dense: false,
-      danger: false
-    }
-  },
-  approve: {
-    icon: 'assignment_turned_in',
-    emphasis: {
-      raised: false,
-      outlined: true,
-      dense: false,
-      danger: false
-    }
-  },
-  arrived: {
-    icon: 'where_to_vote',
-    emphasis: {
-      raised: false,
-      outlined: true,
-      dense: false,
-      danger: false
-    }
-  },
-  assignment: {
-    icon: 'assignment',
-    emphasis: {
-      raised: false,
-      outlined: true,
-      dense: false,
-      danger: false
-    }
-  },
-  // alphabet  b
-  back: {
-    icon: 'arrow_back_ios_new',
-    emphasis: {
-      raised: false,
-      outlined: true,
-      dense: false,
-      danger: false
-    }
-  },
-
-  // alphabet  c
-  cancel: {
-    icon: 'cancel',
-    emphasis: {
-      raised: false,
-      outlined: true,
-      dense: false,
-      danger: true
-    }
-  },
-  clear: {
-    icon: 'clear',
-    emphasis: {
-      raised: false,
-      outlined: true,
-      dense: false,
-      danger: true
-    }
-  },
-  connect: {
-    icon: 'mediation',
-    emphasis: {
-      raised: true,
-      outlined: false,
-      dense: false,
-      danger: false
-    }
-  },
-  copy: {
-    icon: 'content_copy',
-    emphasis: {
-      raised: false,
-      outlined: true,
-      dense: false,
-      danger: false
-    }
-  },
-  confirm: {
-    icon: 'fact_check',
-    emphasis: {
-      raised: false,
-      outlined: true,
-      dense: false,
-      danger: false
-    }
-  },
-
-  // alphabet  d
-  delete: {
-    icon: 'delete_outline',
-    emphasis: {
-      raised: true,
-      outlined: false,
-      dense: false,
-      danger: true
-    }
-  },
-  description: {
-    icon: 'description',
-    emphasis: {
-      raised: false,
-      outlined: true,
-      dense: false,
-      danger: false
-    }
-  },
-  draft: {
-    icon: 'create',
-    emphasis: {
-      raised: false,
-      outlined: true,
-      dense: false,
-      danger: false
-    }
-  },
-
-  // alphabet  e
-  edit: {
-    icon: 'edit',
-    emphasis: {
-      raised: false,
-      outlined: true,
-      dense: false,
-      danger: false
-    }
-  },
-  export: {
-    icon: 'open_in_browser',
-    emphasis: {
-      raised: false,
-      outlined: true,
-      dense: false,
-      danger: false
-    }
-  },
-
-  // alphabet  f
-
-  // alphabet  g
-  generate: {
-    icon: 'add_task',
-    emphasis: {
-      raised: false,
-      outlined: true,
-      dense: false,
-      danger: false
-    }
-  },
-
-  // alphabet  h
-
-  // alphabet  i
-  import: {
-    icon: 'save_alt',
-    emphasis: {
-      raised: false,
-      outlined: true,
-      dense: false,
-      danger: false
-    }
-  },
-  init: {
-    icon: 'content_paste',
-    emphasis: {
-      raised: false,
-      outlined: true,
-      dense: false,
-      danger: false
-    }
-  },
-  inspect: {
-    icon: 'pageview',
-    emphasis: {
-      raised: false,
-      outlined: true,
-      dense: false,
-      danger: false
-    }
-  },
-  issue: {
-    icon: 'error',
-    emphasis: {
-      raised: false,
-      outlined: true,
-      dense: false,
-      danger: true
-    }
-  },
-
-  // alphabet  j
-
-  // alphabet  k
-
-  // alphabet  l
-  label: {
-    icon: 'print',
-    emphasis: {
-      raised: false,
-      outlined: true,
-      dense: false,
-      danger: false
-    }
-  },
-  load: {
-    icon: 'local_shipping',
-    emphasis: {
-      raised: false,
-      outlined: true,
-      dense: false,
-      danger: false
-    }
-  },
-  logistics: {
-    icon: 'moped',
-    emphasis: {
-      raised: false,
-      outlined: true,
-      dense: false,
-      danger: false
-    }
-  },
-
-  // alphabet  m
-
-  // alphabet  n
-
-  // alphabet  o
-
-  // alphabet  p
-  pause: {
-    icon: 'pause',
-    emphasis: {
-      raised: false,
-      outlined: true,
-      dense: false,
-      danger: false
-    }
-  },
-  play: {
-    icon: 'play_arrow',
-    emphasis: {
-      raised: false,
-      outlined: true,
-      dense: false,
-      danger: false
-    }
-  },
-  preview: {
-    icon: 'preview',
-    emphasis: {
-      raised: false,
-      outlined: true,
-      dense: false,
-      danger: false
-    }
-  },
-  print: {
-    icon: 'print',
-    emphasis: {
-      raised: false,
-      outlined: true,
-      dense: false,
-      danger: false
-    }
-  },
-
-  // alphabet  q
-
-  // alphabet  r
-  receive: {
-    icon: 'assignment_turn_in',
-    emphasis: {
-      raised: false,
-      outlined: true,
-      dense: false,
-      danger: false
-    }
-  },
-  refresh: {
-    icon: 'refresh',
-    emphasis: {
-      raised: false,
-      outlined: true,
-      dense: false,
-      danger: false
-    }
-  },
-  register: {
-    icon: 'add',
-    emphasis: {
-      raised: false,
-      outlined: true,
-      dense: false,
-      danger: false
-    }
-  },
-  reject: {
-    icon: 'not_interested',
-    emphasis: {
-      raised: false,
-      outlined: true,
-      dense: false,
-      danger: true
-    }
-  },
-  relocate: {
-    icon: 'edit_location_alt',
-    emphasis: {
-      raised: false,
-      outlined: true,
-      dense: false,
-      danger: false
-    }
-  },
-  reorder: {
-    icon: 'reorder',
-    emphasis: {
-      raised: false,
-      outlined: true,
-      dense: false,
-      danger: false
-    }
-  },
-
-  // alphabet  s
-  save: {
-    icon: 'save',
-    emphasis: {
-      raised: false,
-      outlined: true,
-      dense: false,
-      danger: false
-    }
-  },
-  submit: {
-    icon: 'task_alt',
-    emphasis: {
-      raised: true,
-      outlined: false,
-      dense: false,
-      danger: false
-    }
-  },
-  sync: {
-    icon: 'sync',
-    emphasis: {
-      raised: false,
-      outlined: true,
-      dense: false,
-      danger: false
-    }
-  },
-
-  // alphabet  t
-  transfer: {
-    icon: 'swap_horiz',
-    emphasis: {
-      raised: false,
-      outlined: true,
-      dense: false,
-      danger: false
-    }
-  },
-
-  // alphabet  u
-  undo: {
-    icon: 'undo',
-    emphasis: {
-      raised: false,
-      outlined: true,
-      dense: false,
-      danger: false
-    }
-  },
-
-  // alphabet  v
-  vas: {
-    icon: 'dashboard_customize',
-    emphasis: {
-      raised: false,
-      outlined: true,
-      dense: false,
-      danger: false
-    }
-  },
-
-  // alphabet  w
-  warehouse: {
-    icon: 'add_business',
-    emphasis: {
-      raised: false,
-      outlined: true,
-      dense: false,
-      danger: false
-    }
-  }
-
-  // alphabet  x
-
-  // alphabet  y
-
-  // alphabet  z
-}