tuix-webcomponents 0.0.26 → 0.0.27

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 (7) hide show
  1. package/README.md +27 -12
  2. package/custom-elements.json +835 -835
  3. package/dist/assets/tuix-styles.css +9 -3
  4. package/dist/src/tuix-toast/enums/tuix-toast.enums.js +4 -4
  5. package/dist/src/utils/darkColors.d.ts +8 -4
  6. package/dist/src/utils/darkColors.js +7 -3
  7. package/package.json +2 -3
package/dist/assets/tuix-styles.css CHANGED
@@ -55,13 +55,15 @@
55
55
  --tuix-dark-color-neutral-200: #C9C8D3;
56
56
  --tuix-dark-color-neutral-600: #8A8894;
57
57
  --tuix-dark-color-success: #6BC49D;
58
- --tuix-dark-color-success-50: rgba(241, 249, 245, 0.30);
58
+ --tuix-dark-color-success-50: #F1F9F5;
59
59
  --tuix-dark-color-validation: #F5C66A;
60
- --tuix-dark-color-validation-50: rgba(255, 212, 137, 0.20);
60
+ --tuix-dark-color-validation-50: #FFFBF4;
61
+ --tuix-dark-color-#fffbf4: VALIDATION_50;
61
62
  --tuix-dark-color-validation-200: #FFEAC1;
62
63
  --tuix-dark-color-#ffeac1: VALIDATION_200;
63
64
  --tuix-dark-color-error: #FF7A7A;
64
- --tuix-dark-color-error-50: rgba(255, 132, 134, 0.20);
65
+ --tuix-dark-color-error-50: #FFF5F5;
66
+ --tuix-dark-color-#fff5f5: ERROR_50;
65
67
  --tuix-dark-color-error-200: #FFD8D8;
66
68
  --tuix-dark-color-#ffd8d8: ERROR_200;
67
69
  --tuix-dark-color-section-bg: #0E0E0E;
@@ -70,4 +72,8 @@
70
72
  --tuix-dark-color-elevation-2: #181C29;
71
73
  --tuix-dark-color-elevation-3: #1D2131;
72
74
  --tuix-dark-color-elevation-4: #23273A;
75
+ --tuix-dark-color-toast-success: #3C4046;
76
+ --tuix-dark-color-toast-warning: #3F382D;
77
+ --tuix-dark-color-toast-text: #181A32;
78
+ --tuix-dark-color-toast-error: #3F282D;
73
79
  }
package/dist/src/tuix-toast/enums/tuix-toast.enums.js CHANGED
@@ -16,10 +16,10 @@ export const toastBgColorMap = {
16
16
  [ToastType.SUCCESS]: Palette.SUCCESS_50,
17
17
  };
18
18
  export const toastBgDarkColorMap = {
19
- [ToastType.TEXT]: Palette.PRIMARY_950,
20
- [ToastType.WARNING]: DarkPalette.VALIDATION_50,
21
- [ToastType.ERROR]: DarkPalette.ERROR_50,
22
- [ToastType.SUCCESS]: DarkPalette.SUCCESS_50,
19
+ [ToastType.TEXT]: DarkPalette.TOAST_TEXT,
20
+ [ToastType.WARNING]: DarkPalette.TOAST_WARNING,
21
+ [ToastType.ERROR]: DarkPalette.TOAST_ERROR,
22
+ [ToastType.SUCCESS]: DarkPalette.TOAST_SUCCESS,
23
23
  };
24
24
  export const iconPropertiesMap = {
25
25
  [ToastType.TEXT]: {
package/dist/src/utils/darkColors.d.ts CHANGED
@@ -17,17 +17,21 @@ export declare enum DarkPalette {
17
17
  NEUTRAL_200 = "#C9C8D3",
18
18
  NEUTRAL_600 = "#8A8894",
19
19
  SUCCESS = "#6BC49D",
20
- SUCCESS_50 = "rgba(241, 249, 245, 0.30)",
20
+ SUCCESS_50 = "#F1F9F5",
21
21
  VALIDATION = "#F5C66A",
22
- VALIDATION_50 = "rgba(255, 212, 137, 0.20)",
22
+ VALIDATION_50 = "#FFFBF4",
23
23
  VALIDATION_200 = "#FFEAC1",
24
24
  ERROR = "#FF7A7A",
25
- ERROR_50 = "rgba(255, 132, 134, 0.20)",
25
+ ERROR_50 = "#FFF5F5",
26
26
  ERROR_200 = "#FFD8D8",
27
27
  SECTION_BG = "#0E0E0E",
28
28
  STROKE_GREY = "#32355F",
29
29
  ELEVATION_1 = "#141722",
30
30
  ELEVATION_2 = "#181C29",
31
31
  ELEVATION_3 = "#1D2131",
32
- ELEVATION_4 = "#23273A"
32
+ ELEVATION_4 = "#23273A",
33
+ TOAST_SUCCESS = "#3C4046",
34
+ TOAST_WARNING = "#3F382D",
35
+ TOAST_TEXT = "#181A32",
36
+ TOAST_ERROR = "#3F282D"
33
37
  }
package/dist/src/utils/darkColors.js CHANGED
@@ -18,12 +18,12 @@ export var DarkPalette;
18
18
  DarkPalette["NEUTRAL_200"] = "#C9C8D3";
19
19
  DarkPalette["NEUTRAL_600"] = "#8A8894";
20
20
  DarkPalette["SUCCESS"] = "#6BC49D";
21
- DarkPalette["SUCCESS_50"] = "rgba(241, 249, 245, 0.30)";
21
+ DarkPalette["SUCCESS_50"] = "#F1F9F5";
22
22
  DarkPalette["VALIDATION"] = "#F5C66A";
23
- DarkPalette["VALIDATION_50"] = "rgba(255, 212, 137, 0.20)";
23
+ DarkPalette["VALIDATION_50"] = "#FFFBF4";
24
24
  DarkPalette["VALIDATION_200"] = "#FFEAC1";
25
25
  DarkPalette["ERROR"] = "#FF7A7A";
26
- DarkPalette["ERROR_50"] = "rgba(255, 132, 134, 0.20)";
26
+ DarkPalette["ERROR_50"] = "#FFF5F5";
27
27
  DarkPalette["ERROR_200"] = "#FFD8D8";
28
28
  DarkPalette["SECTION_BG"] = "#0E0E0E";
29
29
  DarkPalette["STROKE_GREY"] = "#32355F";
@@ -31,4 +31,8 @@ export var DarkPalette;
31
31
  DarkPalette["ELEVATION_2"] = "#181C29";
32
32
  DarkPalette["ELEVATION_3"] = "#1D2131";
33
33
  DarkPalette["ELEVATION_4"] = "#23273A";
34
+ DarkPalette["TOAST_SUCCESS"] = "#3C4046";
35
+ DarkPalette["TOAST_WARNING"] = "#3F382D";
36
+ DarkPalette["TOAST_TEXT"] = "#181A32";
37
+ DarkPalette["TOAST_ERROR"] = "#3F282D";
34
38
  })(DarkPalette || (DarkPalette = {}));
package/package.json CHANGED
@@ -124,14 +124,13 @@
124
124
  "createWebbundle": "tsx ./scripts/build-webbundle.ts",
125
125
  "docs:build": "npm --prefix docs run build",
126
126
  "docs:dev": "npm --prefix docs run dev",
127
- "docs:install": "npm --prefix docs install",
127
+ "docs:install": "npm --prefix docs ci",
128
128
  "docs:format": "npm --prefix docs run format",
129
129
  "generate:react": "tsx ./scripts/build-react.ts",
130
130
  "format": "prettier --write './**/*.{mjs,js,ts,tsx,vue}'",
131
131
  "format:check": "prettier --check \"**/**/*.ts\" ",
132
132
  "lint": "eslint './src/**/*.{ts,tsx}' --fix",
133
133
  "prepare": "husky install",
134
- "prepublishOnly": "npm run build && npm run stage:package",
135
134
  "publish:local": "./scripts/publish-local-npm.sh",
136
135
  "stage:package": "rm -rf dist && mkdir dist && cp -a package-build/. dist/",
137
136
  "storybook": "npm run analyze && storybook dev -p 6006",
@@ -139,5 +138,5 @@
139
138
  "test": "echo \"No tests configured\""
140
139
  },
141
140
  "type": "module",
142
- "version": "0.0.26"
141
+ "version": "0.0.27"
143
142
  }