@l3mpire/tokens 0.15.0 → 0.17.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/css/components.css +13 -0
  2. package/dist/css/semantic.css +6 -1
  3. package/dist/css/tokens-dark.css +0 -1
  4. package/dist/css/tokens.css +19 -1
  5. package/dist/ts/tokens.ts +19 -1
  6. package/package.json +1 -1
package/dist/css/components.css CHANGED
@@ -303,6 +303,19 @@
303
303
  --comp-info-message-title: var(--core-text-main-primary);
304
304
  --comp-info-message-description: var(--core-text-main-secondary);
305
305
  --comp-info-message-close: var(--core-text-main-secondary);
306
+ --comp-inline-field-value-text: var(--core-text-main-primary);
307
+ --comp-inline-field-value-muted: var(--core-text-main-tertiary);
308
+ --comp-inline-field-pill-bg-hover: var(--core-bg-main-tertiary);
309
+ --comp-inline-field-pill-bg-outline: var(--core-bg-main-primary);
310
+ --comp-inline-field-pill-border-outline: var(--core-border-main-primary);
311
+ --comp-inline-field-affordance-icon: var(--core-text-main-tertiary);
312
+ --comp-inline-field-affordance-spinner: var(--core-text-main-tertiary);
313
+ --comp-inline-field-affordance-saved: var(--core-text-functional-success);
314
+ --comp-inline-field-accent-default: var(--interactive-bg-primary-dark-default);
315
+ --comp-inline-field-accent-hover: var(--interactive-bg-primary-dark-hover);
316
+ --comp-inline-field-link-text: var(--interactive-bg-primary-dark-default);
317
+ --comp-inline-field-error-text: var(--core-text-functional-critical);
318
+ --comp-inline-field-error-border: var(--core-border-functional-critical);
306
319
  --comp-input-label-text: var(--core-text-main-secondary);
307
320
  --comp-input-label-optional: var(--core-text-main-tertiary);
308
321
  --comp-input-label-mandatory: var(--core-text-functional-critical);
package/dist/css/semantic.css CHANGED
@@ -50,7 +50,12 @@
50
50
  --core-bg-specific-brands-logo-linkedin-premium: #9f8333;
51
51
  --core-bg-specific-brands-logo-hubspot: #ff7a59;
52
52
  --core-bg-specific-brands-logo-salesforce: #00a1e0;
53
- --core-bg-specific-ai: #ffffff;
53
+ --core-bg-specific-ai-light-default: linear-gradient(0deg, rgba(49, 107, 255, 0.06) -10%, rgba(139, 92, 246, 0.06) 100%);
54
+ --core-bg-specific-ai-light-hover: linear-gradient(0deg, rgba(31, 94, 255, 0.08) -10%, rgba(168, 85, 247, 0.08) 100%);
55
+ --core-bg-specific-ai-light-pressed: linear-gradient(0deg, rgba(19, 76, 221, 0.1) -10%, rgba(168, 85, 247, 0.1) 100%);
56
+ --core-bg-specific-ai-dark-default: linear-gradient(0deg, #316bff -10%, #8b5cf6 100%);
57
+ --core-bg-specific-ai-dark-hover: linear-gradient(0deg, #1f5eff -10%, #a855f7 100%);
58
+ --core-bg-specific-ai-dark-pressed: linear-gradient(0deg, #134cdd -10%, #a855f7 100%);
54
59
  --core-bg-specific-tags-invert-neutral: #374151;
55
60
  --core-bg-specific-tags-invert-orange: #f97316;
56
61
  --core-bg-specific-tags-invert-amber: #f59e0b;
package/dist/css/tokens-dark.css CHANGED
@@ -244,7 +244,6 @@
244
244
  --core-bg-specific-brands-logo-linkedin-premium: #9f8333;
245
245
  --core-bg-specific-brands-logo-hubspot: #ff7a59;
246
246
  --core-bg-specific-brands-logo-salesforce: #00a1e0;
247
- --core-bg-specific-ai: #ffffff;
248
247
  --core-text-specific-tags-on-solid: #ffffff;
249
248
  --core-border-main-secondary: #ffffff;
250
249
  --core-border-main-subtle: #ffffff;
package/dist/css/tokens.css CHANGED
@@ -243,7 +243,12 @@
243
243
  --core-bg-specific-brands-logo-linkedin-premium: #9f8333;
244
244
  --core-bg-specific-brands-logo-hubspot: #ff7a59;
245
245
  --core-bg-specific-brands-logo-salesforce: #00a1e0;
246
- --core-bg-specific-ai: #ffffff;
246
+ --core-bg-specific-ai-light-default: linear-gradient(0deg, rgba(49, 107, 255, 0.06) -10%, rgba(139, 92, 246, 0.06) 100%);
247
+ --core-bg-specific-ai-light-hover: linear-gradient(0deg, rgba(31, 94, 255, 0.08) -10%, rgba(168, 85, 247, 0.08) 100%);
248
+ --core-bg-specific-ai-light-pressed: linear-gradient(0deg, rgba(19, 76, 221, 0.1) -10%, rgba(168, 85, 247, 0.1) 100%);
249
+ --core-bg-specific-ai-dark-default: linear-gradient(0deg, #316bff -10%, #8b5cf6 100%);
250
+ --core-bg-specific-ai-dark-hover: linear-gradient(0deg, #1f5eff -10%, #a855f7 100%);
251
+ --core-bg-specific-ai-dark-pressed: linear-gradient(0deg, #134cdd -10%, #a855f7 100%);
247
252
  --core-text-specific-tags-on-solid: #ffffff;
248
253
  --radius-none: 0;
249
254
  --radius-2xs: 2px;
@@ -809,6 +814,19 @@
809
814
  --comp-info-message-title: var(--core-text-main-primary);
810
815
  --comp-info-message-description: var(--core-text-main-secondary);
811
816
  --comp-info-message-close: var(--core-text-main-secondary);
817
+ --comp-inline-field-value-text: var(--core-text-main-primary);
818
+ --comp-inline-field-value-muted: var(--core-text-main-tertiary);
819
+ --comp-inline-field-pill-bg-hover: var(--core-bg-main-tertiary);
820
+ --comp-inline-field-pill-bg-outline: var(--core-bg-main-primary);
821
+ --comp-inline-field-pill-border-outline: var(--core-border-main-primary);
822
+ --comp-inline-field-affordance-icon: var(--core-text-main-tertiary);
823
+ --comp-inline-field-affordance-spinner: var(--core-text-main-tertiary);
824
+ --comp-inline-field-affordance-saved: var(--core-text-functional-success);
825
+ --comp-inline-field-accent-default: var(--interactive-bg-primary-dark-default);
826
+ --comp-inline-field-accent-hover: var(--interactive-bg-primary-dark-hover);
827
+ --comp-inline-field-link-text: var(--interactive-bg-primary-dark-default);
828
+ --comp-inline-field-error-text: var(--core-text-functional-critical);
829
+ --comp-inline-field-error-border: var(--core-border-functional-critical);
812
830
  --comp-input-label-text: var(--core-text-main-secondary);
813
831
  --comp-input-label-optional: var(--core-text-main-tertiary);
814
832
  --comp-input-label-mandatory: var(--core-text-functional-critical);
package/dist/ts/tokens.ts CHANGED
@@ -282,7 +282,12 @@ export const tokens = {
282
282
  "core-bg-specific-brands-logo-linkedin-premium": "#9f8333",
283
283
  "core-bg-specific-brands-logo-hubspot": "#ff7a59",
284
284
  "core-bg-specific-brands-logo-salesforce": "#00a1e0",
285
- "core-bg-specific-ai": "#ffffff",
285
+ "core-bg-specific-ai-light-default": "linear-gradient(0deg, rgba(49, 107, 255, 0.06) -10%, rgba(139, 92, 246, 0.06) 100%)",
286
+ "core-bg-specific-ai-light-hover": "linear-gradient(0deg, rgba(31, 94, 255, 0.08) -10%, rgba(168, 85, 247, 0.08) 100%)",
287
+ "core-bg-specific-ai-light-pressed": "linear-gradient(0deg, rgba(19, 76, 221, 0.1) -10%, rgba(168, 85, 247, 0.1) 100%)",
288
+ "core-bg-specific-ai-dark-default": "linear-gradient(0deg, #316bff -10%, #8b5cf6 100%)",
289
+ "core-bg-specific-ai-dark-hover": "linear-gradient(0deg, #1f5eff -10%, #a855f7 100%)",
290
+ "core-bg-specific-ai-dark-pressed": "linear-gradient(0deg, #134cdd -10%, #a855f7 100%)",
286
291
  "core-bg-specific-tags-invert-neutral": "#374151",
287
292
  "core-bg-specific-tags-invert-orange": "#f97316",
288
293
  "core-bg-specific-tags-invert-amber": "#f59e0b",
@@ -790,6 +795,19 @@ export const tokens = {
790
795
  "comp-info-message-title": "#1f2937",
791
796
  "comp-info-message-description": "#5a6472",
792
797
  "comp-info-message-close": "#5a6472",
798
+ "comp-inline-field-value-text": "#1f2937",
799
+ "comp-inline-field-value-muted": "#6b7280",
800
+ "comp-inline-field-pill-bg-hover": "#f3f4f6",
801
+ "comp-inline-field-pill-bg-outline": "#ffffff",
802
+ "comp-inline-field-pill-border-outline": "rgba(31, 41, 55, 0.1)",
803
+ "comp-inline-field-affordance-icon": "#6b7280",
804
+ "comp-inline-field-affordance-spinner": "#6b7280",
805
+ "comp-inline-field-affordance-saved": "#15803d",
806
+ "comp-inline-field-accent-default": "#316bff",
807
+ "comp-inline-field-accent-hover": "#1f5eff",
808
+ "comp-inline-field-link-text": "#316bff",
809
+ "comp-inline-field-error-text": "#b91c1c",
810
+ "comp-inline-field-error-border": "#b91c1c",
793
811
  "comp-input-label-text": "#5a6472",
794
812
  "comp-input-label-optional": "#6b7280",
795
813
  "comp-input-label-mandatory": "#b91c1c",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@l3mpire/tokens",
3
- "version": "0.15.0",
3
+ "version": "0.17.0",
4
4
  "publishConfig": {
5
5
  "registry": "https://registry.npmjs.org",
6
6
  "access": "public"