@trackunit/react-components 1.4.6 → 1.4.7

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 (8) hide show
  1. package/index.cjs.js +46 -48
  2. package/index.esm.js +47 -49
  3. package/package.json +6 -6
  4. package/src/components/Icon/Icon.d.ts +249 -80
  5. package/src/components/Icon/Icon.variants.d.ts +1 -1
  6. package/src/components/Indicator/Indicator.variants.d.ts +2 -2
  7. package/src/components/Notice/Notice.variants.d.ts +2 -2
  8. package/src/components/Tag/Tag.variants.d.ts +1 -1
package/index.cjs.js CHANGED
@@ -32,9 +32,8 @@ const cvaIcon = cssClassVarianceUtilities.cvaMerge(["aspect-square", "inline-gri
32
32
  variants: {
33
33
  color: {
34
34
  primary: "text-primary-600",
35
- secondary: "text-secondary-600",
36
- accent: "text-accent-600",
37
- neutral: "text-neutral-600",
35
+ secondary: "text-secondary-400",
36
+ neutral: "text-neutral-400",
38
37
  info: "text-info-600",
39
38
  success: "text-success-600",
40
39
  warning: "text-warning-600",
@@ -44,39 +43,31 @@ const cvaIcon = cssClassVarianceUtilities.cvaMerge(["aspect-square", "inline-gri
44
43
  critical: "text-critical-600",
45
44
  working: "text-working-600",
46
45
  idle: "text-idle-600",
47
- moving: "text-moving",
48
- active: "text-active",
46
+ moving: "text-moving-600",
47
+ active: "text-active-600",
49
48
  stopped: "text-stopped-600",
50
49
  unknown: "text-unknown-600",
51
50
  default: "text-current",
52
51
  black: "text-black",
53
52
  white: "text-white",
54
- unused: {
55
- 300: "text-red-300",
56
- 400: "text-red-400",
57
- },
58
- utilized: { 400: "text-blue-400", 600: "text-blue-600" },
59
- heavily_utilized: { 300: "text-amber-300", 500: "text-amber-500" },
60
- unknown_utilization: { 300: "text-neutral-300", 600: "text-neutral-600" },
61
- site: {
62
- area: "text-blue-600",
63
- classic_poi: "text-neutral-500",
64
- classic_zone: "text-neutral-500",
65
- depot: "text-emerald-500",
66
- work_place: "text-violet-600",
67
- construction_site: "text-amber-500",
68
- unknown: "text-neutral-500",
69
- },
70
- on_rent: { 100: uiDesignTokens.rentalStatusPalette.ON_RENT[100], 600: uiDesignTokens.rentalStatusPalette.ON_RENT[600] },
71
- returned: { 100: uiDesignTokens.rentalStatusPalette.RETURNED[100], 600: uiDesignTokens.rentalStatusPalette.RETURNED[600] },
72
- available: { 100: uiDesignTokens.rentalStatusPalette.AVAILABLE[100], 600: uiDesignTokens.rentalStatusPalette.AVAILABLE[600] },
73
- pickup_ready: { 100: uiDesignTokens.rentalStatusPalette.PICKUP_READY[100], 600: uiDesignTokens.rentalStatusPalette.PICKUP_READY[600] },
74
- transfer: { 100: uiDesignTokens.rentalStatusPalette.TRANSFER[100], 600: uiDesignTokens.rentalStatusPalette.TRANSFER[600] },
75
- in_repair: { 100: uiDesignTokens.rentalStatusPalette.IN_REPAIR[100], 600: uiDesignTokens.rentalStatusPalette.IN_REPAIR[600] },
76
- other_rental_status: {
77
- 100: uiDesignTokens.rentalStatusPalette.OTHER_RENTAL_STATUS[100],
78
- 600: uiDesignTokens.rentalStatusPalette.OTHER_RENTAL_STATUS[100],
79
- },
53
+ unused: "text-unused-500",
54
+ utilized: "text-utilized-600",
55
+ heavily_utilized: "text-heavily_utilized-500",
56
+ unknown_utilization: "text-unknown-600",
57
+ site_area: "text-site_area-600",
58
+ site_classic_poi: "text-site_classic_poi-500",
59
+ site_classic_zone: "text-site_classic_zone-500",
60
+ site_depot: "text-site_depot-500",
61
+ site_work_place: "text-site_work_place-600",
62
+ site_construction_site: "text-site_construction_site-500",
63
+ site_unknown: "text-site_unknown-500",
64
+ on_rent: "text-on_rent-600",
65
+ returned: "text-returned-600",
66
+ available: "text-available-600",
67
+ pickup_ready: "text-pickup_ready-600",
68
+ transfer: "text-transfer-400",
69
+ in_repair: "text-in_repair-600",
70
+ other_rental_status: "text-other_rental_status-600",
80
71
  },
81
72
  size: {
82
73
  small: "w-4",
@@ -214,7 +205,6 @@ const cvaTag = cssClassVarianceUtilities.cvaMerge([
214
205
  color: {
215
206
  primary: "bg-primary-100 text-primary-700",
216
207
  secondary: "bg-secondary-100 text-secondary-700",
217
- accent: "bg-accent-100 text-accent-700",
218
208
  neutral: "bg-neutral-100 text-neutral-700",
219
209
  black: "bg-neutral-100 text-neutral-700",
220
210
  white: "bg-white-100 text-white-700",
@@ -836,9 +826,9 @@ const cvaBadge = cssClassVarianceUtilities.cvaMerge([
836
826
  ], {
837
827
  variants: {
838
828
  color: {
839
- primary: "bg-primary-600 text-white",
840
- danger: "bg-danger-700 text-white",
841
- warning: "bg-warning-700 text-white",
829
+ primary: "bg-info-600 text-white",
830
+ danger: "bg-danger-600 text-white",
831
+ warning: "bg-warning-600 text-white",
842
832
  },
843
833
  },
844
834
  defaultVariants: {
@@ -2571,7 +2561,6 @@ const cvaIndicatorPing = cssClassVarianceUtilities.cvaMerge(["animate-ping-sm",
2571
2561
  color: {
2572
2562
  primary: "bg-primary-600",
2573
2563
  secondary: "bg-secondary-600",
2574
- accent: "bg-accent-600",
2575
2564
  neutral: "bg-neutral-600",
2576
2565
  info: "bg-info-600",
2577
2566
  success: "bg-success-600",
@@ -2583,8 +2572,8 @@ const cvaIndicatorPing = cssClassVarianceUtilities.cvaMerge(["animate-ping-sm",
2583
2572
  working: "bg-working-600",
2584
2573
  idle: "bg-idle-600",
2585
2574
  stopped: "bg-stopped-600",
2586
- moving: "bg-moving",
2587
- active: "bg-active",
2575
+ moving: "bg-moving-600",
2576
+ active: "bg-active-600",
2588
2577
  unknown: "bg-unknown-600",
2589
2578
  unused: "bg-unused-400",
2590
2579
  utilized: "bg-utilized-600",
@@ -2597,7 +2586,13 @@ const cvaIndicatorPing = cssClassVarianceUtilities.cvaMerge(["animate-ping-sm",
2597
2586
  in_repair: "bg-in_repair-600",
2598
2587
  returned: "bg-returned-600",
2599
2588
  other_rental_status: "bg-other_rental_status-600",
2600
- site: "bg-neutral-600",
2589
+ site_area: "bg-site_area-600",
2590
+ site_classic_poi: "bg-site_classic_poi-500",
2591
+ site_classic_zone: "bg-site_classic_zone-500",
2592
+ site_depot: "bg-site_depot-500",
2593
+ site_work_place: "bg-site_work_place-600",
2594
+ site_construction_site: "bg-site_construction_site-500",
2595
+ site_unknown: "bg-site_unknown-500",
2601
2596
  white: "bg-white",
2602
2597
  black: "bg-black",
2603
2598
  },
@@ -2608,20 +2603,19 @@ const cvaIndicatorIconBackground = cssClassVarianceUtilities.cvaMerge(["rounded-
2608
2603
  color: {
2609
2604
  primary: "bg-primary-100 text-primary-600",
2610
2605
  secondary: "bg-secondary-100 text-secondary-600",
2611
- accent: "bg-accent-100 text-accent-600",
2612
2606
  neutral: "bg-neutral-100 text-neutral-600",
2613
2607
  info: "bg-info-100 text-info-600",
2614
2608
  success: "bg-success-100 text-success-600",
2615
- warning: "bg-warning-100 text-warning-600",
2609
+ warning: "bg-warning-100 text-warning-500",
2616
2610
  danger: "bg-danger-100 text-danger-600",
2617
2611
  good: "bg-good-100 text-good-600",
2618
- low: "bg-low-100 text-low-600",
2612
+ low: "bg-low-100 text-low-500",
2619
2613
  critical: "bg-critical-100 text-critical-600",
2620
2614
  working: "bg-working-100 text-working-600",
2621
- idle: "bg-idle-100 text-idle-600",
2615
+ idle: "bg-idle-100 text-idle-500",
2622
2616
  stopped: "bg-stopped-100 text-stopped-600",
2623
- moving: "text-moving bg-neutral-100",
2624
- active: "text-active bg-neutral-100",
2617
+ moving: "text-moving-600 bg-neutral-100",
2618
+ active: "text-active-600 bg-neutral-100",
2625
2619
  unknown: "bg-unknown-100 text-unknown-600",
2626
2620
  unused: "bg-unused-300 text-unused-400",
2627
2621
  utilized: "bg-utilized-400 text-utilized-600",
@@ -2634,7 +2628,13 @@ const cvaIndicatorIconBackground = cssClassVarianceUtilities.cvaMerge(["rounded-
2634
2628
  in_repair: "bg-in_repair-100 text-in_repair-600",
2635
2629
  returned: "bg-returned-100 text-returned-600",
2636
2630
  other_rental_status: "bg-other_rental_status-100 text-other_rental_status-600",
2637
- site: "bg-neutral-100 text-neutral-600",
2631
+ site_area: "bg-site_area-100 text-site_area-600",
2632
+ site_classic_poi: "bg-site_classic_poi-100 text-site_classic_poi-500",
2633
+ site_classic_zone: "bg-site_classic_zone-100 text-site_classic_zone-500",
2634
+ site_depot: "bg-site_depot-100 text-site_depot-500",
2635
+ site_work_place: "bg-site_work_place-100 text-site_work_place-600",
2636
+ site_construction_site: "bg-site_construction_site-100 text-site_construction_site-500",
2637
+ site_unknown: "bg-site_unknown-100 text-site_unknown-500",
2638
2638
  white: "bg-white text-black",
2639
2639
  black: "bg-black text-white",
2640
2640
  },
@@ -3037,7 +3037,6 @@ const cvaNoticeLabel = cssClassVarianceUtilities.cvaMerge(["pl-1", "pr-1", "font
3037
3037
  color: {
3038
3038
  primary: "text-primary-600",
3039
3039
  secondary: "text-secondary-600",
3040
- accent: "text-accent-600",
3041
3040
  neutral: "text-neutral-400",
3042
3041
  info: "text-info-600",
3043
3042
  success: "text-success-600",
@@ -3064,7 +3063,6 @@ const cvaNoticeIcon = cssClassVarianceUtilities.cvaMerge(["rounded-full", "items
3064
3063
  color: {
3065
3064
  primary: "text-primary-600",
3066
3065
  secondary: "text-secondary-600",
3067
- accent: "text-accent-600",
3068
3066
  neutral: "text-neutral-300",
3069
3067
  info: "text-info-600",
3070
3068
  success: "text-success-600",
package/index.esm.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
2
2
  import { useRef, useMemo, useEffect, forwardRef, useState, useCallback, createElement, useReducer, memo, createContext, useContext, isValidElement, cloneElement, Children } from 'react';
3
3
  import { objectKeys, uuidv4, objectEntries, objectValues } from '@trackunit/shared-utils';
4
- import { rentalStatusPalette, intentPalette, generalPalette, criticalityPalette, activityPalette, utilizationPalette, sitesPalette, themeScreenSizeAsNumber, color } from '@trackunit/ui-design-tokens';
4
+ import { intentPalette, generalPalette, criticalityPalette, activityPalette, utilizationPalette, sitesPalette, rentalStatusPalette, themeScreenSizeAsNumber, color } from '@trackunit/ui-design-tokens';
5
5
  import { iconNames } from '@trackunit/ui-icons';
6
6
  import IconSpriteMicro from '@trackunit/ui-icons/icons-sprite-micro.svg';
7
7
  import IconSpriteMini from '@trackunit/ui-icons/icons-sprite-mini.svg';
@@ -30,9 +30,8 @@ const cvaIcon = cvaMerge(["aspect-square", "inline-grid", "relative"], {
30
30
  variants: {
31
31
  color: {
32
32
  primary: "text-primary-600",
33
- secondary: "text-secondary-600",
34
- accent: "text-accent-600",
35
- neutral: "text-neutral-600",
33
+ secondary: "text-secondary-400",
34
+ neutral: "text-neutral-400",
36
35
  info: "text-info-600",
37
36
  success: "text-success-600",
38
37
  warning: "text-warning-600",
@@ -42,39 +41,31 @@ const cvaIcon = cvaMerge(["aspect-square", "inline-grid", "relative"], {
42
41
  critical: "text-critical-600",
43
42
  working: "text-working-600",
44
43
  idle: "text-idle-600",
45
- moving: "text-moving",
46
- active: "text-active",
44
+ moving: "text-moving-600",
45
+ active: "text-active-600",
47
46
  stopped: "text-stopped-600",
48
47
  unknown: "text-unknown-600",
49
48
  default: "text-current",
50
49
  black: "text-black",
51
50
  white: "text-white",
52
- unused: {
53
- 300: "text-red-300",
54
- 400: "text-red-400",
55
- },
56
- utilized: { 400: "text-blue-400", 600: "text-blue-600" },
57
- heavily_utilized: { 300: "text-amber-300", 500: "text-amber-500" },
58
- unknown_utilization: { 300: "text-neutral-300", 600: "text-neutral-600" },
59
- site: {
60
- area: "text-blue-600",
61
- classic_poi: "text-neutral-500",
62
- classic_zone: "text-neutral-500",
63
- depot: "text-emerald-500",
64
- work_place: "text-violet-600",
65
- construction_site: "text-amber-500",
66
- unknown: "text-neutral-500",
67
- },
68
- on_rent: { 100: rentalStatusPalette.ON_RENT[100], 600: rentalStatusPalette.ON_RENT[600] },
69
- returned: { 100: rentalStatusPalette.RETURNED[100], 600: rentalStatusPalette.RETURNED[600] },
70
- available: { 100: rentalStatusPalette.AVAILABLE[100], 600: rentalStatusPalette.AVAILABLE[600] },
71
- pickup_ready: { 100: rentalStatusPalette.PICKUP_READY[100], 600: rentalStatusPalette.PICKUP_READY[600] },
72
- transfer: { 100: rentalStatusPalette.TRANSFER[100], 600: rentalStatusPalette.TRANSFER[600] },
73
- in_repair: { 100: rentalStatusPalette.IN_REPAIR[100], 600: rentalStatusPalette.IN_REPAIR[600] },
74
- other_rental_status: {
75
- 100: rentalStatusPalette.OTHER_RENTAL_STATUS[100],
76
- 600: rentalStatusPalette.OTHER_RENTAL_STATUS[100],
77
- },
51
+ unused: "text-unused-500",
52
+ utilized: "text-utilized-600",
53
+ heavily_utilized: "text-heavily_utilized-500",
54
+ unknown_utilization: "text-unknown-600",
55
+ site_area: "text-site_area-600",
56
+ site_classic_poi: "text-site_classic_poi-500",
57
+ site_classic_zone: "text-site_classic_zone-500",
58
+ site_depot: "text-site_depot-500",
59
+ site_work_place: "text-site_work_place-600",
60
+ site_construction_site: "text-site_construction_site-500",
61
+ site_unknown: "text-site_unknown-500",
62
+ on_rent: "text-on_rent-600",
63
+ returned: "text-returned-600",
64
+ available: "text-available-600",
65
+ pickup_ready: "text-pickup_ready-600",
66
+ transfer: "text-transfer-400",
67
+ in_repair: "text-in_repair-600",
68
+ other_rental_status: "text-other_rental_status-600",
78
69
  },
79
70
  size: {
80
71
  small: "w-4",
@@ -212,7 +203,6 @@ const cvaTag = cvaMerge([
212
203
  color: {
213
204
  primary: "bg-primary-100 text-primary-700",
214
205
  secondary: "bg-secondary-100 text-secondary-700",
215
- accent: "bg-accent-100 text-accent-700",
216
206
  neutral: "bg-neutral-100 text-neutral-700",
217
207
  black: "bg-neutral-100 text-neutral-700",
218
208
  white: "bg-white-100 text-white-700",
@@ -834,9 +824,9 @@ const cvaBadge = cvaMerge([
834
824
  ], {
835
825
  variants: {
836
826
  color: {
837
- primary: "bg-primary-600 text-white",
838
- danger: "bg-danger-700 text-white",
839
- warning: "bg-warning-700 text-white",
827
+ primary: "bg-info-600 text-white",
828
+ danger: "bg-danger-600 text-white",
829
+ warning: "bg-warning-600 text-white",
840
830
  },
841
831
  },
842
832
  defaultVariants: {
@@ -2569,7 +2559,6 @@ const cvaIndicatorPing = cvaMerge(["animate-ping-sm", "absolute", "inline-flex",
2569
2559
  color: {
2570
2560
  primary: "bg-primary-600",
2571
2561
  secondary: "bg-secondary-600",
2572
- accent: "bg-accent-600",
2573
2562
  neutral: "bg-neutral-600",
2574
2563
  info: "bg-info-600",
2575
2564
  success: "bg-success-600",
@@ -2581,8 +2570,8 @@ const cvaIndicatorPing = cvaMerge(["animate-ping-sm", "absolute", "inline-flex",
2581
2570
  working: "bg-working-600",
2582
2571
  idle: "bg-idle-600",
2583
2572
  stopped: "bg-stopped-600",
2584
- moving: "bg-moving",
2585
- active: "bg-active",
2573
+ moving: "bg-moving-600",
2574
+ active: "bg-active-600",
2586
2575
  unknown: "bg-unknown-600",
2587
2576
  unused: "bg-unused-400",
2588
2577
  utilized: "bg-utilized-600",
@@ -2595,7 +2584,13 @@ const cvaIndicatorPing = cvaMerge(["animate-ping-sm", "absolute", "inline-flex",
2595
2584
  in_repair: "bg-in_repair-600",
2596
2585
  returned: "bg-returned-600",
2597
2586
  other_rental_status: "bg-other_rental_status-600",
2598
- site: "bg-neutral-600",
2587
+ site_area: "bg-site_area-600",
2588
+ site_classic_poi: "bg-site_classic_poi-500",
2589
+ site_classic_zone: "bg-site_classic_zone-500",
2590
+ site_depot: "bg-site_depot-500",
2591
+ site_work_place: "bg-site_work_place-600",
2592
+ site_construction_site: "bg-site_construction_site-500",
2593
+ site_unknown: "bg-site_unknown-500",
2599
2594
  white: "bg-white",
2600
2595
  black: "bg-black",
2601
2596
  },
@@ -2606,20 +2601,19 @@ const cvaIndicatorIconBackground = cvaMerge(["rounded-full", "items-center", "ju
2606
2601
  color: {
2607
2602
  primary: "bg-primary-100 text-primary-600",
2608
2603
  secondary: "bg-secondary-100 text-secondary-600",
2609
- accent: "bg-accent-100 text-accent-600",
2610
2604
  neutral: "bg-neutral-100 text-neutral-600",
2611
2605
  info: "bg-info-100 text-info-600",
2612
2606
  success: "bg-success-100 text-success-600",
2613
- warning: "bg-warning-100 text-warning-600",
2607
+ warning: "bg-warning-100 text-warning-500",
2614
2608
  danger: "bg-danger-100 text-danger-600",
2615
2609
  good: "bg-good-100 text-good-600",
2616
- low: "bg-low-100 text-low-600",
2610
+ low: "bg-low-100 text-low-500",
2617
2611
  critical: "bg-critical-100 text-critical-600",
2618
2612
  working: "bg-working-100 text-working-600",
2619
- idle: "bg-idle-100 text-idle-600",
2613
+ idle: "bg-idle-100 text-idle-500",
2620
2614
  stopped: "bg-stopped-100 text-stopped-600",
2621
- moving: "text-moving bg-neutral-100",
2622
- active: "text-active bg-neutral-100",
2615
+ moving: "text-moving-600 bg-neutral-100",
2616
+ active: "text-active-600 bg-neutral-100",
2623
2617
  unknown: "bg-unknown-100 text-unknown-600",
2624
2618
  unused: "bg-unused-300 text-unused-400",
2625
2619
  utilized: "bg-utilized-400 text-utilized-600",
@@ -2632,7 +2626,13 @@ const cvaIndicatorIconBackground = cvaMerge(["rounded-full", "items-center", "ju
2632
2626
  in_repair: "bg-in_repair-100 text-in_repair-600",
2633
2627
  returned: "bg-returned-100 text-returned-600",
2634
2628
  other_rental_status: "bg-other_rental_status-100 text-other_rental_status-600",
2635
- site: "bg-neutral-100 text-neutral-600",
2629
+ site_area: "bg-site_area-100 text-site_area-600",
2630
+ site_classic_poi: "bg-site_classic_poi-100 text-site_classic_poi-500",
2631
+ site_classic_zone: "bg-site_classic_zone-100 text-site_classic_zone-500",
2632
+ site_depot: "bg-site_depot-100 text-site_depot-500",
2633
+ site_work_place: "bg-site_work_place-100 text-site_work_place-600",
2634
+ site_construction_site: "bg-site_construction_site-100 text-site_construction_site-500",
2635
+ site_unknown: "bg-site_unknown-100 text-site_unknown-500",
2636
2636
  white: "bg-white text-black",
2637
2637
  black: "bg-black text-white",
2638
2638
  },
@@ -3035,7 +3035,6 @@ const cvaNoticeLabel = cvaMerge(["pl-1", "pr-1", "font-medium", "text-sm"], {
3035
3035
  color: {
3036
3036
  primary: "text-primary-600",
3037
3037
  secondary: "text-secondary-600",
3038
- accent: "text-accent-600",
3039
3038
  neutral: "text-neutral-400",
3040
3039
  info: "text-info-600",
3041
3040
  success: "text-success-600",
@@ -3062,7 +3061,6 @@ const cvaNoticeIcon = cvaMerge(["rounded-full", "items-center", "justify-center"
3062
3061
  color: {
3063
3062
  primary: "text-primary-600",
3064
3063
  secondary: "text-secondary-600",
3065
- accent: "text-accent-600",
3066
3064
  neutral: "text-neutral-300",
3067
3065
  info: "text-info-600",
3068
3066
  success: "text-success-600",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@trackunit/react-components",
3
- "version": "1.4.6",
3
+ "version": "1.4.7",
4
4
  "repository": "https://github.com/Trackunit/manager",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "engines": {
@@ -19,11 +19,11 @@
19
19
  "@tanstack/react-router": "1.47.1",
20
20
  "string-ts": "^2.0.0",
21
21
  "tailwind-merge": "^2.0.0",
22
- "@trackunit/ui-design-tokens": "1.3.6",
23
- "@trackunit/css-class-variance-utilities": "1.3.6",
24
- "@trackunit/shared-utils": "1.5.6",
25
- "@trackunit/ui-icons": "1.3.6",
26
- "@trackunit/react-table-pagination": "1.3.6"
22
+ "@trackunit/ui-design-tokens": "1.3.7",
23
+ "@trackunit/css-class-variance-utilities": "1.3.7",
24
+ "@trackunit/shared-utils": "1.5.7",
25
+ "@trackunit/ui-icons": "1.3.7",
26
+ "@trackunit/react-table-pagination": "1.3.7"
27
27
  },
28
28
  "module": "./index.esm.js",
29
29
  "main": "./index.cjs.js",
package/src/components/Icon/Icon.d.ts CHANGED
@@ -6,57 +6,220 @@ import { AriaProps } from "../../common/AriaProps";
6
6
  export type IconColors = IntentColors | GeneralColors | CriticalityColors | ActivityColors | UtilizationColors | SitesColors | RentalStatusColors;
7
7
  export declare const iconPalette: {
8
8
  ON_RENT: {
9
- readonly 100: "223 244 254";
10
- readonly 600: "90 200 250";
9
+ readonly 50: "239 246 255";
10
+ readonly 100: "219 234 254";
11
+ readonly 200: "191 219 254";
12
+ readonly 300: "147 197 253";
13
+ readonly 400: "96 165 250";
14
+ readonly 500: "59 130 246";
15
+ readonly 600: "37 99 235";
16
+ readonly 700: "29 78 216";
17
+ readonly 800: "30 64 175";
18
+ readonly 900: "30 58 138";
11
19
  };
12
20
  RETURNED: {
13
- readonly 100: "230 202 255";
14
- readonly 600: "176 90 255";
21
+ readonly 50: "245 243 255";
22
+ readonly 100: "237 233 254";
23
+ readonly 200: "221 214 254";
24
+ readonly 300: "196 181 253";
25
+ readonly 400: "167 139 250";
26
+ readonly 500: "139 92 246";
27
+ readonly 600: "124 58 237";
28
+ readonly 700: "109 40 217";
29
+ readonly 800: "91 33 182";
30
+ readonly 900: "76 29 149";
15
31
  };
16
32
  AVAILABLE: {
17
- readonly 100: "206 255 232";
18
- readonly 600: "0 166 88";
33
+ readonly 50: "240 253 244";
34
+ readonly 100: "220 252 231";
35
+ readonly 200: "187 247 208";
36
+ readonly 300: "134 239 172";
37
+ readonly 400: "74 222 128";
38
+ readonly 500: "34 197 94";
39
+ readonly 600: "22 163 74";
40
+ readonly 700: "21 128 61";
41
+ readonly 800: "22 101 52";
42
+ readonly 900: "20 83 45";
19
43
  };
20
44
  PICKUP_READY: {
21
- readonly 100: "255 236 209";
22
- readonly 600: "255 149 0";
45
+ readonly 50: "255 251 235";
46
+ readonly 100: "254 243 199";
47
+ readonly 200: "253 230 138";
48
+ readonly 300: "252 211 77";
49
+ readonly 400: "251 191 36";
50
+ readonly 500: "245 158 11";
51
+ readonly 600: "217 119 6";
52
+ readonly 700: "180 83 9";
53
+ readonly 800: "146 64 14";
54
+ readonly 900: "120 53 15";
23
55
  };
24
56
  TRANSFER: {
25
- readonly 100: "255 248 217";
26
- readonly 600: "253 208 8";
57
+ readonly 50: "254 252 232";
58
+ readonly 100: "254 249 195";
59
+ readonly 200: "254 240 138";
60
+ readonly 300: "253 224 71";
61
+ readonly 400: "250 204 21";
62
+ readonly 500: "234 179 8";
63
+ readonly 600: "202 138 4";
64
+ readonly 700: "161 98 7";
65
+ readonly 800: "133 77 14";
66
+ readonly 900: "113 63 18";
27
67
  };
28
68
  IN_REPAIR: {
29
- readonly 100: "255 233 233";
30
- readonly 600: "255 90 90";
69
+ readonly 50: "254 242 242";
70
+ readonly 100: "254 226 226";
71
+ readonly 200: "254 202 202";
72
+ readonly 300: "252 165 165";
73
+ readonly 400: "248 113 113";
74
+ readonly 500: "239 68 68";
75
+ readonly 600: "220 38 38";
76
+ readonly 700: "185 28 28";
77
+ readonly 800: "153 27 27";
78
+ readonly 900: "127 29 29";
31
79
  };
32
80
  OTHER_RENTAL_STATUS: {
33
- readonly 100: "238 239 239";
34
- readonly 600: "151 154 154";
35
- };
36
- SITE: {
37
- readonly AREA: "37 99 235";
38
- readonly CLASSIC_POI: "115 115 115";
39
- readonly CLASSIC_ZONE: "115 115 115";
40
- readonly DEPOT: "16 185 129";
41
- readonly WORK_PLACE: "124 58 237";
42
- readonly CONSTRUCTION_SITE: "245 158 11";
43
- readonly UNKNOWN: "115 115 115";
81
+ readonly 50: "249 250 251";
82
+ readonly 100: "243 244 246";
83
+ readonly 200: "229 231 235";
84
+ readonly 300: "209 213 219";
85
+ readonly 400: "156 163 175";
86
+ readonly 500: "107 114 128";
87
+ readonly 600: "75 85 99";
88
+ readonly 700: "55 65 81";
89
+ readonly 800: "31 41 55";
90
+ readonly 900: "17 24 39";
91
+ };
92
+ SITE_AREA: {
93
+ readonly 50: "239 246 255";
94
+ readonly 100: "219 234 254";
95
+ readonly 200: "191 219 254";
96
+ readonly 300: "147 197 253";
97
+ readonly 400: "96 165 250";
98
+ readonly 500: "59 130 246";
99
+ readonly 600: "37 99 235";
100
+ readonly 700: "29 78 216";
101
+ readonly 800: "30 64 175";
102
+ readonly 900: "30 58 138";
103
+ };
104
+ SITE_CLASSIC_POI: {
105
+ readonly 50: "249 250 251";
106
+ readonly 100: "243 244 246";
107
+ readonly 200: "229 231 235";
108
+ readonly 300: "209 213 219";
109
+ readonly 400: "156 163 175";
110
+ readonly 500: "107 114 128";
111
+ readonly 600: "75 85 99";
112
+ readonly 700: "55 65 81";
113
+ readonly 800: "31 41 55";
114
+ readonly 900: "17 24 39";
115
+ };
116
+ SITE_CLASSIC_ZONE: {
117
+ readonly 50: "249 250 251";
118
+ readonly 100: "243 244 246";
119
+ readonly 200: "229 231 235";
120
+ readonly 300: "209 213 219";
121
+ readonly 400: "156 163 175";
122
+ readonly 500: "107 114 128";
123
+ readonly 600: "75 85 99";
124
+ readonly 700: "55 65 81";
125
+ readonly 800: "31 41 55";
126
+ readonly 900: "17 24 39";
127
+ };
128
+ SITE_DEPOT: {
129
+ readonly 50: "240 253 244";
130
+ readonly 100: "220 252 231";
131
+ readonly 200: "187 247 208";
132
+ readonly 300: "134 239 172";
133
+ readonly 400: "74 222 128";
134
+ readonly 500: "34 197 94";
135
+ readonly 600: "22 163 74";
136
+ readonly 700: "21 128 61";
137
+ readonly 800: "22 101 52";
138
+ readonly 900: "20 83 45";
139
+ };
140
+ SITE_WORK_PLACE: {
141
+ readonly 50: "245 243 255";
142
+ readonly 100: "237 233 254";
143
+ readonly 200: "221 214 254";
144
+ readonly 300: "196 181 253";
145
+ readonly 400: "167 139 250";
146
+ readonly 500: "139 92 246";
147
+ readonly 600: "124 58 237";
148
+ readonly 700: "109 40 217";
149
+ readonly 800: "91 33 182";
150
+ readonly 900: "76 29 149";
151
+ };
152
+ SITE_CONSTRUCTION_SITE: {
153
+ readonly 50: "255 251 235";
154
+ readonly 100: "254 243 199";
155
+ readonly 200: "253 230 138";
156
+ readonly 300: "252 211 77";
157
+ readonly 400: "251 191 36";
158
+ readonly 500: "245 158 11";
159
+ readonly 600: "217 119 6";
160
+ readonly 700: "180 83 9";
161
+ readonly 800: "146 64 14";
162
+ readonly 900: "120 53 15";
163
+ };
164
+ SITE_UNKNOWN: {
165
+ readonly 50: "249 250 251";
166
+ readonly 100: "243 244 246";
167
+ readonly 200: "229 231 235";
168
+ readonly 300: "209 213 219";
169
+ readonly 400: "156 163 175";
170
+ readonly 500: "107 114 128";
171
+ readonly 600: "75 85 99";
172
+ readonly 700: "55 65 81";
173
+ readonly 800: "31 41 55";
174
+ readonly 900: "17 24 39";
44
175
  };
45
176
  UNUSED: {
177
+ readonly 50: "254 242 242";
178
+ readonly 100: "254 226 226";
179
+ readonly 200: "254 202 202";
46
180
  readonly 300: "252 165 165";
47
181
  readonly 400: "248 113 113";
182
+ readonly 500: "239 68 68";
183
+ readonly 600: "220 38 38";
184
+ readonly 700: "185 28 28";
185
+ readonly 800: "153 27 27";
186
+ readonly 900: "127 29 29";
48
187
  };
49
188
  UTILIZED: {
189
+ readonly 50: "239 246 255";
190
+ readonly 100: "219 234 254";
191
+ readonly 200: "191 219 254";
192
+ readonly 300: "147 197 253";
50
193
  readonly 400: "96 165 250";
194
+ readonly 500: "59 130 246";
51
195
  readonly 600: "37 99 235";
196
+ readonly 700: "29 78 216";
197
+ readonly 800: "30 64 175";
198
+ readonly 900: "30 58 138";
52
199
  };
53
200
  HEAVILY_UTILIZED: {
201
+ readonly 50: "255 251 235";
202
+ readonly 100: "254 243 199";
203
+ readonly 200: "253 230 138";
54
204
  readonly 300: "252 211 77";
205
+ readonly 400: "251 191 36";
55
206
  readonly 500: "245 158 11";
207
+ readonly 600: "217 119 6";
208
+ readonly 700: "180 83 9";
209
+ readonly 800: "146 64 14";
210
+ readonly 900: "120 53 15";
56
211
  };
57
212
  UNKNOWN_UTILIZATION: {
58
- readonly 300: "212 212 212";
59
- readonly 600: "82 82 82";
213
+ readonly 50: "249 250 251";
214
+ readonly 100: "243 244 246";
215
+ readonly 200: "229 231 235";
216
+ readonly 300: "209 213 219";
217
+ readonly 400: "156 163 175";
218
+ readonly 500: "107 114 128";
219
+ readonly 600: "75 85 99";
220
+ readonly 700: "55 65 81";
221
+ readonly 800: "31 41 55";
222
+ readonly 900: "17 24 39";
60
223
  };
61
224
  WORKING: {
62
225
  readonly 50: "239 246 255";
@@ -71,16 +234,16 @@ export declare const iconPalette: {
71
234
  readonly 900: "30 58 138";
72
235
  };
73
236
  IDLE: {
74
- readonly 50: "255 247 237";
75
- readonly 100: "255 237 213";
76
- readonly 200: "254 215 170";
77
- readonly 300: "253 186 116";
78
- readonly 400: "251 146 60";
79
- readonly 500: "249 115 22";
80
- readonly 600: "234 88 12";
81
- readonly 700: "194 65 12";
82
- readonly 800: "154 52 18";
83
- readonly 900: "124 45 18";
237
+ readonly 50: "255 251 235";
238
+ readonly 100: "254 243 199";
239
+ readonly 200: "253 230 138";
240
+ readonly 300: "252 211 77";
241
+ readonly 400: "251 191 36";
242
+ readonly 500: "245 158 11";
243
+ readonly 600: "217 119 6";
244
+ readonly 700: "180 83 9";
245
+ readonly 800: "146 64 14";
246
+ readonly 900: "120 53 15";
84
247
  };
85
248
  STOPPED: {
86
249
  readonly 50: "245 243 255";
@@ -95,34 +258,52 @@ export declare const iconPalette: {
95
258
  readonly 900: "76 29 149";
96
259
  };
97
260
  UNKNOWN: {
98
- readonly 50: "250 250 250";
99
- readonly 100: "245 245 245";
100
- readonly 200: "229 229 229";
101
- readonly 300: "212 212 212";
102
- readonly 400: "163 163 163";
103
- readonly 500: "115 115 115";
104
- readonly 600: "82 82 82";
105
- readonly 700: "64 64 64";
106
- readonly 800: "38 38 38";
107
- readonly 900: "23 23 23";
261
+ readonly 50: "249 250 251";
262
+ readonly 100: "243 244 246";
263
+ readonly 200: "229 231 235";
264
+ readonly 300: "209 213 219";
265
+ readonly 400: "156 163 175";
266
+ readonly 500: "107 114 128";
267
+ readonly 600: "75 85 99";
268
+ readonly 700: "55 65 81";
269
+ readonly 800: "31 41 55";
270
+ readonly 900: "17 24 39";
108
271
  };
109
272
  MOVING: {
110
- readonly DEFAULT: "230 144 177";
273
+ readonly 50: "240 253 244";
274
+ readonly 100: "220 252 231";
275
+ readonly 200: "187 247 208";
276
+ readonly 300: "134 239 172";
277
+ readonly 400: "74 222 128";
278
+ readonly 500: "34 197 94";
279
+ readonly 600: "22 163 74";
280
+ readonly 700: "21 128 61";
281
+ readonly 800: "22 101 52";
282
+ readonly 900: "20 83 45";
111
283
  };
112
284
  ACTIVE: {
113
- readonly DEFAULT: "63 219 147";
285
+ readonly 50: "240 253 244";
286
+ readonly 100: "220 252 231";
287
+ readonly 200: "187 247 208";
288
+ readonly 300: "134 239 172";
289
+ readonly 400: "74 222 128";
290
+ readonly 500: "34 197 94";
291
+ readonly 600: "22 163 74";
292
+ readonly 700: "21 128 61";
293
+ readonly 800: "22 101 52";
294
+ readonly 900: "20 83 45";
114
295
  };
115
296
  GOOD: {
116
- readonly 50: "236 253 245";
117
- readonly 100: "209 250 229";
118
- readonly 200: "167 243 208";
119
- readonly 300: "110 231 183";
120
- readonly 400: "52 211 153";
121
- readonly 500: "16 185 129";
122
- readonly 600: "5 150 105";
123
- readonly 700: "4 120 87";
124
- readonly 800: "6 95 70";
125
- readonly 900: "6 78 59";
297
+ readonly 50: "240 253 244";
298
+ readonly 100: "220 252 231";
299
+ readonly 200: "187 247 208";
300
+ readonly 300: "134 239 172";
301
+ readonly 400: "74 222 128";
302
+ readonly 500: "34 197 94";
303
+ readonly 600: "22 163 74";
304
+ readonly 700: "21 128 61";
305
+ readonly 800: "22 101 52";
306
+ readonly 900: "20 83 45";
126
307
  };
127
308
  LOW: {
128
309
  readonly 50: "255 251 235";
@@ -172,29 +353,17 @@ export declare const iconPalette: {
172
353
  readonly 800: "30 41 59";
173
354
  readonly 900: "15 23 42";
174
355
  };
175
- ACCENT: {
176
- readonly 50: "236 254 255";
177
- readonly 100: "207 250 254";
178
- readonly 200: "165 243 252";
179
- readonly 300: "103 232 249";
180
- readonly 400: "34 211 238";
181
- readonly 500: "6 182 212";
182
- readonly 600: "8 145 178";
183
- readonly 700: "14 116 144";
184
- readonly 800: "21 94 117";
185
- readonly 900: "22 78 99";
186
- };
187
356
  NEUTRAL: {
188
- readonly 50: "250 250 250";
189
- readonly 100: "245 245 245";
190
- readonly 200: "229 229 229";
191
- readonly 300: "212 212 212";
192
- readonly 400: "163 163 163";
193
- readonly 500: "115 115 115";
194
- readonly 600: "82 82 82";
195
- readonly 700: "64 64 64";
196
- readonly 800: "38 38 38";
197
- readonly 900: "23 23 23";
357
+ readonly 50: "249 250 251";
358
+ readonly 100: "243 244 246";
359
+ readonly 200: "229 231 235";
360
+ readonly 300: "209 213 219";
361
+ readonly 400: "156 163 175";
362
+ readonly 500: "107 114 128";
363
+ readonly 600: "75 85 99";
364
+ readonly 700: "55 65 81";
365
+ readonly 800: "31 41 55";
366
+ readonly 900: "17 24 39";
198
367
  };
199
368
  BLACK: {
200
369
  readonly DEFAULT: "26 27 28";
@@ -251,7 +420,7 @@ export declare const iconPalette: {
251
420
  readonly 900: "127 29 29";
252
421
  };
253
422
  };
254
- export declare const iconColorNames: ("info" | "success" | "warning" | "danger" | "primary" | "secondary" | "accent" | "neutral" | "black" | "white" | "good" | "low" | "critical" | "working" | "idle" | "stopped" | "unknown" | "moving" | "active" | "unused" | "utilized" | "heavily_utilized" | "unknown_utilization" | "site" | "on_rent" | "returned" | "available" | "pickup_ready" | "transfer" | "in_repair" | "other_rental_status")[];
423
+ export declare const iconColorNames: ("info" | "success" | "warning" | "danger" | "primary" | "secondary" | "neutral" | "black" | "white" | "good" | "low" | "critical" | "working" | "idle" | "stopped" | "unknown" | "moving" | "active" | "unused" | "utilized" | "heavily_utilized" | "unknown_utilization" | "site_area" | "site_classic_poi" | "site_classic_zone" | "site_depot" | "site_work_place" | "site_construction_site" | "site_unknown" | "on_rent" | "returned" | "available" | "pickup_ready" | "transfer" | "in_repair" | "other_rental_status")[];
255
424
  type IconPropsSmall = {
256
425
  size?: "small";
257
426
  type?: "solid";
package/src/components/Icon/Icon.variants.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  export declare const cvaIcon: (props?: ({
2
- color?: "default" | "primary" | "secondary" | "accent" | "neutral" | "info" | "success" | "warning" | "danger" | "good" | "low" | "critical" | "working" | "idle" | "moving" | "active" | "stopped" | "unknown" | "black" | "white" | "unused" | "utilized" | "heavily_utilized" | "unknown_utilization" | "site" | "on_rent" | "returned" | "available" | "pickup_ready" | "transfer" | "in_repair" | "other_rental_status" | null | undefined;
2
+ color?: "default" | "primary" | "secondary" | "neutral" | "info" | "success" | "warning" | "danger" | "good" | "low" | "critical" | "working" | "idle" | "moving" | "active" | "stopped" | "unknown" | "black" | "white" | "unused" | "utilized" | "heavily_utilized" | "unknown_utilization" | "site_area" | "site_classic_poi" | "site_classic_zone" | "site_depot" | "site_work_place" | "site_construction_site" | "site_unknown" | "on_rent" | "returned" | "available" | "pickup_ready" | "transfer" | "in_repair" | "other_rental_status" | null | undefined;
3
3
  size?: "small" | "medium" | "large" | null | undefined;
4
4
  fontSize?: boolean | null | undefined;
5
5
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
package/src/components/Indicator/Indicator.variants.d.ts CHANGED
@@ -4,9 +4,9 @@ export declare const cvaIndicatorLabel: (props?: ({
4
4
  size?: "small" | "medium" | "large" | null | undefined;
5
5
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
6
6
  export declare const cvaIndicatorPing: (props?: ({
7
- color?: "primary" | "secondary" | "accent" | "neutral" | "info" | "success" | "warning" | "danger" | "good" | "low" | "critical" | "working" | "idle" | "stopped" | "moving" | "active" | "unknown" | "unused" | "utilized" | "heavily_utilized" | "unknown_utilization" | "available" | "on_rent" | "pickup_ready" | "transfer" | "in_repair" | "returned" | "other_rental_status" | "site" | "white" | "black" | null | undefined;
7
+ color?: "primary" | "secondary" | "neutral" | "info" | "success" | "warning" | "danger" | "good" | "low" | "critical" | "working" | "idle" | "stopped" | "moving" | "active" | "unknown" | "unused" | "utilized" | "heavily_utilized" | "unknown_utilization" | "available" | "on_rent" | "pickup_ready" | "transfer" | "in_repair" | "returned" | "other_rental_status" | "site_area" | "site_classic_poi" | "site_classic_zone" | "site_depot" | "site_work_place" | "site_construction_site" | "site_unknown" | "white" | "black" | null | undefined;
8
8
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
9
9
  export declare const cvaIndicatorIconBackground: (props?: ({
10
- color?: "primary" | "secondary" | "accent" | "neutral" | "info" | "success" | "warning" | "danger" | "good" | "low" | "critical" | "working" | "idle" | "stopped" | "moving" | "active" | "unknown" | "unused" | "utilized" | "heavily_utilized" | "unknown_utilization" | "available" | "on_rent" | "pickup_ready" | "transfer" | "in_repair" | "returned" | "other_rental_status" | "site" | "white" | "black" | null | undefined;
10
+ color?: "primary" | "secondary" | "neutral" | "info" | "success" | "warning" | "danger" | "good" | "low" | "critical" | "working" | "idle" | "stopped" | "moving" | "active" | "unknown" | "unused" | "utilized" | "heavily_utilized" | "unknown_utilization" | "available" | "on_rent" | "pickup_ready" | "transfer" | "in_repair" | "returned" | "other_rental_status" | "site_area" | "site_classic_poi" | "site_classic_zone" | "site_depot" | "site_work_place" | "site_construction_site" | "site_unknown" | "white" | "black" | null | undefined;
11
11
  background?: "visible" | "hidden" | null | undefined;
12
12
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
package/src/components/Notice/Notice.variants.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  export declare const cvaNotice: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
2
2
  export declare const cvaNoticeLabel: (props?: ({
3
- color?: "primary" | "secondary" | "accent" | "neutral" | "info" | "success" | "warning" | "danger" | "black" | "white" | "critical" | "low" | null | undefined;
3
+ color?: "primary" | "secondary" | "neutral" | "info" | "success" | "warning" | "danger" | "black" | "white" | "critical" | "low" | null | undefined;
4
4
  size?: "small" | "medium" | "large" | null | undefined;
5
5
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
6
6
  export declare const cvaNoticeIcon: (props?: ({
7
- color?: "primary" | "secondary" | "accent" | "neutral" | "info" | "success" | "warning" | "danger" | "black" | "white" | "critical" | "low" | null | undefined;
7
+ color?: "primary" | "secondary" | "neutral" | "info" | "success" | "warning" | "danger" | "black" | "white" | "critical" | "low" | null | undefined;
8
8
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
package/src/components/Tag/Tag.variants.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  export declare const cvaTag: (props?: ({
2
2
  size?: "small" | "medium" | null | undefined;
3
3
  layout?: "default" | "withIcon" | null | undefined;
4
- color?: "primary" | "secondary" | "accent" | "neutral" | "black" | "white" | "info" | "success" | "warning" | "danger" | "good" | "low" | "critical" | "working" | "stopped" | "idle" | "unknown" | "moving" | "active" | null | undefined;
4
+ color?: "primary" | "secondary" | "neutral" | "black" | "white" | "info" | "success" | "warning" | "danger" | "good" | "low" | "critical" | "working" | "stopped" | "idle" | "unknown" | "moving" | "active" | null | undefined;
5
5
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
6
6
  export declare const cvaTagIconContainer: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
7
7
  export declare const cvaTagIcon: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;