@alleninstitute/cortex-ui 0.2.0 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (75) hide show
  1. package/README.md +52 -8
  2. package/dist/cjs/cortex-ui.cjs.js +3 -3
  3. package/dist/cjs/cui-divider.cjs.entry.js +49 -0
  4. package/dist/cjs/cui-icon.cjs.entry.js +100 -0
  5. package/dist/cjs/cui-progress.cjs.entry.js +4 -4
  6. package/dist/cjs/cui-tag.cjs.entry.js +4 -4
  7. package/dist/cjs/index-RBrlguTk.js +1565 -0
  8. package/dist/cjs/loader.cjs.js +2 -2
  9. package/dist/collection/collection-manifest.json +3 -1
  10. package/dist/collection/components/cui-divider/cui-divider.css +100 -0
  11. package/dist/collection/components/cui-divider/cui-divider.js +150 -0
  12. package/dist/collection/components/cui-icon/cui-icon.css +134 -0
  13. package/dist/collection/components/cui-icon/cui-icon.js +239 -0
  14. package/dist/collection/components/cui-progress/cui-progress.css +12 -12
  15. package/dist/collection/components/cui-progress/cui-progress.js +2 -2
  16. package/dist/collection/components/cui-tag/cui-tag.css +19 -19
  17. package/dist/collection/components/cui-tag/cui-tag.js +5 -5
  18. package/dist/components/cui-divider.d.ts +11 -0
  19. package/dist/components/cui-divider.js +1 -0
  20. package/dist/components/cui-icon.d.ts +11 -0
  21. package/dist/components/cui-icon.js +1 -0
  22. package/dist/components/cui-progress.js +1 -1
  23. package/dist/components/cui-tag.js +1 -1
  24. package/dist/components/index.js +1 -1
  25. package/dist/cortex-ui/cortex-ui.css +1 -1
  26. package/dist/cortex-ui/cortex-ui.esm.js +1 -1
  27. package/dist/cortex-ui/p-0e66a721.entry.js +1 -0
  28. package/dist/cortex-ui/p-1af73c5a.entry.js +1 -0
  29. package/dist/cortex-ui/p-2d2004f0.entry.js +1 -0
  30. package/dist/cortex-ui/p-8925abbe.entry.js +1 -0
  31. package/dist/cortex-ui/p-BZmInLSX.js +3 -0
  32. package/dist/esm/cortex-ui.js +4 -4
  33. package/dist/esm/cui-divider.entry.js +47 -0
  34. package/dist/esm/cui-icon.entry.js +98 -0
  35. package/dist/esm/cui-progress.entry.js +4 -4
  36. package/dist/esm/cui-tag.entry.js +4 -4
  37. package/dist/esm/index-BZmInLSX.js +1557 -0
  38. package/dist/esm/loader.js +3 -3
  39. package/dist/fonts/AllenInstituteHeadline-Bold.woff2 +0 -0
  40. package/dist/fonts/AllenInstituteHeadline-BoldItalic.woff2 +0 -0
  41. package/dist/fonts/AllenInstituteHeadline-Italic.woff2 +0 -0
  42. package/dist/fonts/AllenInstituteHeadline-Light.woff2 +0 -0
  43. package/dist/fonts/AllenInstituteHeadline-LightItalic.woff2 +0 -0
  44. package/dist/fonts/AllenInstituteHeadline-Medium.woff2 +0 -0
  45. package/dist/fonts/AllenInstituteHeadline-MediumItalic.woff2 +0 -0
  46. package/dist/fonts/AllenInstituteHeadline-Regular.woff2 +0 -0
  47. package/dist/fonts/AllenInstituteHeadline-Semibold.woff2 +0 -0
  48. package/dist/fonts/AllenInstituteHeadline-SemiboldItalic.woff2 +0 -0
  49. package/dist/fonts/AllenInstituteText-Bold.woff2 +0 -0
  50. package/dist/fonts/AllenInstituteText-BoldItalic.woff2 +0 -0
  51. package/dist/fonts/AllenInstituteText-Italic.woff2 +0 -0
  52. package/dist/fonts/AllenInstituteText-Light.woff2 +0 -0
  53. package/dist/fonts/AllenInstituteText-LightItalic.woff2 +0 -0
  54. package/dist/fonts/AllenInstituteText-Medium.woff2 +0 -0
  55. package/dist/fonts/AllenInstituteText-MediumItalic.woff2 +0 -0
  56. package/dist/fonts/AllenInstituteText-Regular.woff2 +0 -0
  57. package/dist/fonts/AllenInstituteText-Semibold.woff2 +0 -0
  58. package/dist/fonts/AllenInstituteText-SemiboldItalic.woff2 +0 -0
  59. package/dist/fonts.css +186 -0
  60. package/dist/types/components/cui-divider/cui-divider.d.ts +38 -0
  61. package/dist/types/components/cui-icon/cui-icon.d.ts +76 -0
  62. package/dist/types/components/cui-tag/cui-tag.d.ts +1 -1
  63. package/dist/types/components.d.ts +235 -6
  64. package/dist/types/stencil-public-runtime.d.ts +11 -0
  65. package/package.json +31 -22
  66. package/dist/cjs/index-CJFDVa2g.js +0 -1415
  67. package/dist/collection/stories/assets/accessibility.svg +0 -1
  68. package/dist/collection/stories/assets/discord.svg +0 -1
  69. package/dist/collection/stories/assets/github.svg +0 -1
  70. package/dist/collection/stories/assets/tutorials.svg +0 -1
  71. package/dist/collection/stories/assets/youtube.svg +0 -1
  72. package/dist/cortex-ui/p-371566cd.entry.js +0 -1
  73. package/dist/cortex-ui/p-60c5b038.entry.js +0 -1
  74. package/dist/cortex-ui/p-DbXnQj5f.js +0 -2
  75. package/dist/esm/index-DbXnQj5f.js +0 -1408
@@ -1,16 +1,16 @@
1
- import { r as registerInstance, h } from './index-DbXnQj5f.js';
1
+ import { r as registerInstance, h } from './index-BZmInLSX.js';
2
2
 
3
- const cuiTagCss = () => `:host{display:inline-block}.cui-tag{font-family:var(--cui-font-family-base);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--cui-radius-sm);font-weight:var(--cui-font-weight-semibold);white-space:nowrap}.cui-tag--small{padding:var(--cui-spacing-xxs) var(--cui-spacing-sm);font-size:var(--cui-font-size-xs)}.cui-tag--medium{padding:var(--cui-spacing-xs) var(--cui-spacing-md);font-size:var(--cui-font-size-sm)}.cui-tag--default{background-color:var(--cui-accent-bg);color:var(--cui-accent-text)}.cui-tag--highlight{background-color:var(--cui-highlight-bg);color:var(--cui-highlight-text)}.cui-tag--info{background-color:var(--cui-info-bg);color:var(--cui-info-text)}.cui-tag--negative{background-color:var(--cui-negative-bg);color:var(--cui-negative-text)}.cui-tag--neutral{background-color:var(--cui-neutral-bg);color:var(--cui-neutral-text)}.cui-tag--positive{background-color:var(--cui-positive-bg);color:var(--cui-positive-text)}.cui-tag--warning{background-color:var(--cui-warning-bg);color:var(--cui-warning-text)}`;
3
+ const cuiTagCss = () => `:host{display:inline-block}.cui-tag{font-family:var(--cui-font-family-base);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--cui-border-radius-m);font-weight:var(--cui-font-weight-semibold);white-space:nowrap}.cui-tag--small{padding:var(--cui-spacing-xxs) var(--cui-spacing-s);font-size:var(--cui-font-size-xs)}.cui-tag--medium{padding:var(--cui-spacing-xs) var(--cui-spacing-m);font-size:var(--cui-font-size-s)}.cui-tag--accent{background-color:var(--cui-accent-surface-secondary-default);color:var(--cui-accent-text-secondary-default)}.cui-tag--highlight{background-color:var(--cui-highlight-surface-secondary-default);color:var(--cui-highlight-text-secondary-default)}.cui-tag--info{background-color:var(--cui-info-surface-secondary-default);color:var(--cui-info-text-secondary-default)}.cui-tag--negative{background-color:var(--cui-negative-surface-secondary-default);color:var(--cui-negative-text-secondary-default)}.cui-tag--neutral{background-color:var(--cui-neutral-surface-secondary-default);color:var(--cui-neutral-text-secondary-default)}.cui-tag--positive{background-color:var(--cui-positive-surface-secondary-default);color:var(--cui-positive-text-secondary-default)}.cui-tag--warning{background-color:var(--cui-warning-surface-secondary-default);color:var(--cui-warning-text-secondary-default)}`;
4
4
 
5
5
  const CuiTag = class {
6
6
  constructor(hostRef) {
7
7
  registerInstance(this, hostRef);
8
8
  this.label = '';
9
- this.variant = 'default';
9
+ this.variant = 'neutral';
10
10
  this.size = 'medium';
11
11
  }
12
12
  render() {
13
- return (h("span", { key: '4766498cc28770f682c732522ec571c5b2335cf3', class: {
13
+ return (h("span", { key: '35b8ea2176d1923abcda801fee775a9cd46a2fec', class: {
14
14
  'cui-tag': true,
15
15
  [`cui-tag--${this.variant}`]: true,
16
16
  [`cui-tag--${this.size}`]: true,