vira 31.14.1 → 31.15.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 (6) hide show
  1. package/dist/elements/vira-button.element.d.ts +1 -1
  2. package/dist/elements/vira-tabs.element.d.ts +1 -1
  3. package/dist/elements/vira-tag.element.d.ts +1 -1
  4. package/dist/styles/form-variants.d.ts +3 -1
  5. package/dist/styles/form-variants.js +4 -0
  6. package/package.json +1 -1
package/dist/elements/vira-button.element.d.ts CHANGED
@@ -39,4 +39,4 @@ export declare const ViraButton: import("element-vir").DeclarativeElementDefinit
39
39
  * @default false
40
40
  */
41
41
  showMenuCaret: boolean;
42
- }>, {}, {}, "vira-button-with-menu-caret" | "vira-button-size-large" | "vira-button-size-medium" | "vira-button-size-small" | "vira-button-emphasis-standard" | "vira-button-emphasis-subtle" | "vira-button-color-info" | "vira-button-color-plain" | "vira-button-color-neutral" | "vira-button-color-danger" | "vira-button-color-warning" | "vira-button-color-positive" | "vira-button-color-special" | "vira-button-disabled" | "vira-button-icon-only", "vira-button-text-color" | "vira-button-background-color" | "vira-button-border-color" | "vira-button-hover-text-color" | "vira-button-hover-background-color" | "vira-button-hover-border-color" | "vira-button-active-text-color" | "vira-button-active-background-color" | "vira-button-active-border-color" | "vira-button-disabled-text-color" | "vira-button-disabled-background-color" | "vira-button-disabled-border-color" | "vira-button-border-width" | "vira-button-border-radius", readonly [], readonly []>;
42
+ }>, {}, {}, "vira-button-with-menu-caret" | "vira-button-size-large" | "vira-button-size-medium" | "vira-button-size-small" | "vira-button-emphasis-standard" | "vira-button-emphasis-subtle" | "vira-button-color-info" | "vira-button-color-plain" | "vira-button-color-neutral" | "vira-button-color-danger" | "vira-button-color-warning" | "vira-button-color-positive" | "vira-button-color-brand" | "vira-button-color-special" | "vira-button-disabled" | "vira-button-icon-only", "vira-button-text-color" | "vira-button-background-color" | "vira-button-border-color" | "vira-button-hover-text-color" | "vira-button-hover-background-color" | "vira-button-hover-border-color" | "vira-button-active-text-color" | "vira-button-active-background-color" | "vira-button-active-border-color" | "vira-button-disabled-text-color" | "vira-button-disabled-background-color" | "vira-button-disabled-border-color" | "vira-button-border-width" | "vira-button-border-radius", readonly [], readonly []>;
package/dist/elements/vira-tabs.element.d.ts CHANGED
@@ -85,4 +85,4 @@ export declare const ViraTabs: import("element-vir").DeclarativeElementDefinitio
85
85
  }, {
86
86
  /** Fires when a tab is clicked with the corresponding tab entry. */
87
87
  tabSelect: import("element-vir").DefineEvent<Readonly<ViraTab>>;
88
- }, "vira-tabs-bar-top" | "vira-tabs-bar-bottom" | "vira-tabs-bar-left" | "vira-tabs-bar-right" | "vira-tabs-color-info" | "vira-tabs-color-plain" | "vira-tabs-color-neutral" | "vira-tabs-color-danger" | "vira-tabs-color-warning" | "vira-tabs-color-positive" | "vira-tabs-color-special" | "vira-tabs-icon-layout-vertical" | "vira-tabs-icon-layout-horizontal" | "vira-tabs-overflowing" | "vira-tabs-fill-width", "vira-tabs-active-color" | "vira-tabs-active-hover-color" | "vira-tabs-inactive-color" | "vira-tabs-inactive-hover-color" | "vira-tabs-bar-thickness", readonly [], readonly []>;
88
+ }, "vira-tabs-bar-top" | "vira-tabs-bar-bottom" | "vira-tabs-bar-left" | "vira-tabs-bar-right" | "vira-tabs-color-info" | "vira-tabs-color-plain" | "vira-tabs-color-neutral" | "vira-tabs-color-danger" | "vira-tabs-color-warning" | "vira-tabs-color-positive" | "vira-tabs-color-brand" | "vira-tabs-color-special" | "vira-tabs-icon-layout-vertical" | "vira-tabs-icon-layout-horizontal" | "vira-tabs-overflowing" | "vira-tabs-fill-width", "vira-tabs-active-color" | "vira-tabs-active-hover-color" | "vira-tabs-inactive-color" | "vira-tabs-inactive-hover-color" | "vira-tabs-bar-thickness", readonly [], readonly []>;
package/dist/elements/vira-tag.element.d.ts CHANGED
@@ -32,4 +32,4 @@ export declare const ViraTag: import("element-vir").DeclarativeElementDefinition
32
32
  }>, {}, {
33
33
  toggle: import("element-vir").DefineEvent<boolean>;
34
34
  cancel: import("element-vir").DefineEvent<void>;
35
- }, "vira-tag-selectable" | "vira-tag-checked" | "vira-tag-not-checked" | "vira-tag-cancellable" | "vira-tag-not-clickable" | "vira-tag-disabled" | "vira-tag-size-large" | "vira-tag-size-medium" | "vira-tag-size-small" | "vira-tag-emphasis-standard" | "vira-tag-emphasis-subtle" | "vira-tag-color-info" | "vira-tag-color-plain" | "vira-tag-color-neutral" | "vira-tag-color-danger" | "vira-tag-color-warning" | "vira-tag-color-positive" | "vira-tag-color-special", "vira-tag-text-color" | "vira-tag-background-color" | "vira-tag-border-color" | "vira-tag-hover-text-color" | "vira-tag-hover-background-color" | "vira-tag-hover-border-color" | "vira-tag-active-text-color" | "vira-tag-active-background-color" | "vira-tag-active-border-color" | "vira-tag-disabled-text-color" | "vira-tag-disabled-background-color" | "vira-tag-disabled-border-color" | "vira-tag-border-radius" | "vira-tag-gap" | "vira-tag-horizontal-padding" | "vira-tag-border-width", readonly [], readonly []>;
35
+ }, "vira-tag-selectable" | "vira-tag-checked" | "vira-tag-not-checked" | "vira-tag-cancellable" | "vira-tag-not-clickable" | "vira-tag-disabled" | "vira-tag-size-large" | "vira-tag-size-medium" | "vira-tag-size-small" | "vira-tag-emphasis-standard" | "vira-tag-emphasis-subtle" | "vira-tag-color-info" | "vira-tag-color-plain" | "vira-tag-color-neutral" | "vira-tag-color-danger" | "vira-tag-color-warning" | "vira-tag-color-positive" | "vira-tag-color-brand" | "vira-tag-color-special", "vira-tag-text-color" | "vira-tag-background-color" | "vira-tag-border-color" | "vira-tag-hover-text-color" | "vira-tag-hover-background-color" | "vira-tag-hover-border-color" | "vira-tag-active-text-color" | "vira-tag-active-background-color" | "vira-tag-active-border-color" | "vira-tag-disabled-text-color" | "vira-tag-disabled-background-color" | "vira-tag-disabled-border-color" | "vira-tag-border-radius" | "vira-tag-gap" | "vira-tag-horizontal-padding" | "vira-tag-border-width", readonly [], readonly []>;
package/dist/styles/form-variants.d.ts CHANGED
@@ -21,6 +21,8 @@ export declare enum ViraColorVariant {
21
21
  Warning = "warning",
22
22
  /** @default green colored */
23
23
  Positive = "positive",
24
+ /** @default brand colored */
25
+ Brand = "brand",
24
26
  /** @default purple colored */
25
27
  Special = "special",
26
28
  /**
@@ -41,7 +43,7 @@ export declare const viraColorVariantToColorName: Record<ViraColorVariant, ViraT
41
43
  *
42
44
  * @category Internal
43
45
  */
44
- export declare const viraColorVariants: readonly [ViraColorVariant.Info, ViraColorVariant.Plain, ViraColorVariant.Neutral, ViraColorVariant.Danger, ViraColorVariant.Warning, ViraColorVariant.Positive, ViraColorVariant.Special];
46
+ export declare const viraColorVariants: readonly [ViraColorVariant.Info, ViraColorVariant.Plain, ViraColorVariant.Neutral, ViraColorVariant.Danger, ViraColorVariant.Warning, ViraColorVariant.Positive, ViraColorVariant.Brand, ViraColorVariant.Special];
45
47
  /**
46
48
  * All available variants for controlling vira form sizes.
47
49
  *
package/dist/styles/form-variants.js CHANGED
@@ -22,6 +22,8 @@ export var ViraColorVariant;
22
22
  ViraColorVariant["Warning"] = "warning";
23
23
  /** @default green colored */
24
24
  ViraColorVariant["Positive"] = "positive";
25
+ /** @default brand colored */
26
+ ViraColorVariant["Brand"] = "brand";
25
27
  /** @default purple colored */
26
28
  ViraColorVariant["Special"] = "special";
27
29
  /**
@@ -42,6 +44,7 @@ export const viraColorVariantToColorName = {
42
44
  [ViraColorVariant.Danger]: ViraThemeColorName.red,
43
45
  [ViraColorVariant.Warning]: ViraThemeColorName.yellow,
44
46
  [ViraColorVariant.Positive]: ViraThemeColorName.green,
47
+ [ViraColorVariant.Brand]: ViraThemeColorName.brand,
45
48
  [ViraColorVariant.Special]: ViraThemeColorName.purple,
46
49
  [ViraColorVariant.Plain]: ViraThemeColorName.grey,
47
50
  [ViraColorVariant.None]: ViraThemeColorName.grey,
@@ -58,6 +61,7 @@ export const viraColorVariants = [
58
61
  ViraColorVariant.Danger,
59
62
  ViraColorVariant.Warning,
60
63
  ViraColorVariant.Positive,
64
+ ViraColorVariant.Brand,
61
65
  ViraColorVariant.Special,
62
66
  ];
63
67
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vira",
3
- "version": "31.14.1",
3
+ "version": "31.15.0",
4
4
  "description": "A simple and highly versatile design system using element-vir.",
5
5
  "keywords": [
6
6
  "design",