@operato/styles 7.1.25 → 7.1.32

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
-}

package/src/common-grist-styles.ts

@@ -1,135 +0,0 @@
-import { css } from 'lit'
-
-export const CommonGristStyles = css`
-  :host {
-    display: flex;
-
-    width: 100%;
-  }
-
-  ox-grist {
-    flex: 1;
-    overflow-y: auto;
-  }
-
-  [slot='headroom'] {
-    display: flex;
-    flex-direction: row;
-    gap: 0 10px;
-    align-items: center;
-    padding: var(--spacing-small) var(--spacing-medium);
-
-    --md-icon-size: var(--icon-size-medium);
-  }
-
-  [slot='headroom']:empty {
-    padding: 0;
-  }
-
-  #modes {
-    display: flex;
-    gap: var(--spacing-small);
-  }
-
-  #sorters md-icon,
-  #modes md-icon {
-    --md-icon-size: var(--icon-size-small);
-  }
-
-  [slot='setting'] {
-    position: absolute;
-    top: -3px;
-    right: 0;
-  }
-
-  #sorters {
-    display: flex;
-    flex-wrap: nowrap;
-    align-items: center;
-    margin-left: auto;
-    margin-right: var(--spacing-small);
-    padding-left: var(--spacing-tiny);
-    border-bottom: var(--md-sys-color-outline);
-    position: relative;
-    color: var(--md-sys-color-on-secondary-container);
-    font-size: var(--fontsize-default);
-    user-select: none;
-  }
-
-  #sorters > * {
-    padding: var(--spacing-tiny);
-    vertical-align: middle;
-  }
-
-  #modes > * {
-    padding: var(--spacing-tiny);
-    opacity: 0.5;
-    color: var(--md-sys-color-on-primary-container);
-    cursor: pointer;
-  }
-
-  #modes > md-icon[active] {
-    border-radius: 9px;
-    background-color: var(--md-sys-color-surface-variant);
-    opacity: 1;
-    color: var(--md-sys-color-primary);
-    cursor: default;
-  }
-
-  #modes > md-icon:hover {
-    opacity: 1;
-    color: var(--md-sys-color-on-secondary-container);
-  }
-
-  #add {
-    text-align: right;
-  }
-
-  #add button {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 0px 10px;
-
-    background-color: var(--md-sys-color-tertiary);
-    color: var(--md-sys-color-on-tertiary);
-    border: 0;
-    border-radius: 50%;
-    padding: 5px;
-    width: 30px;
-    height: 30px;
-    cursor: pointer;
-  }
-
-  #add button:hover {
-    background-color: var(--md-sys-color-surface-tint);
-    color: var(--md-sys-color-on-primary);
-    box-shadow: var(--box-shadow);
-  }
-
-  #add button md-icon {
-    font-size: 1.5em;
-  }
-
-  #filters {
-    flex: 1;
-
-    display: flex;
-    align-items: center;
-  }
-
-  #filters > * {
-    margin-right: var(--spacing-small);
-  }
-
-  @media only screen and (max-width: 460px) {
-    [slot='headroom'] {
-      box-shadow: var(--box-shadow);
-      padding: 0;
-    }
-
-    #modes {
-      display: none;
-    }
-  }
-`