@apple-pie/slice-native 0.1.6 → 0.1.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 (124) hide show
  1. package/README.md +138 -261
  2. package/SliceNative.podspec +24 -0
  3. package/dist/cjs/components.js +4 -0
  4. package/dist/cjs/hooks.js +2 -0
  5. package/dist/cjs/index.js +9 -0
  6. package/dist/cjs/src/components/SliceBackgroundBlur/SliceBackgroundBlur.js +11 -0
  7. package/dist/cjs/src/components/SliceButton/SliceButton.js +50 -23
  8. package/dist/cjs/src/components/SliceLiquidGlassView/SliceLiquidGlassView.js +12 -0
  9. package/dist/cjs/src/components/SliceTextInput/SliceTextInput.js +39 -9
  10. package/dist/cjs/src/hooks/useDeviceCapabilities/useDeviceCapabilities.js +19 -0
  11. package/dist/cjs/src/utils/sizes/sizes.js +40 -0
  12. package/dist/cjs/utils.js +3 -0
  13. package/dist/esm/components.mjs +2 -0
  14. package/dist/esm/hooks.mjs +1 -0
  15. package/dist/esm/index.mjs +4 -0
  16. package/dist/esm/src/components/SliceBackgroundBlur/SliceBackgroundBlur.mjs +9 -0
  17. package/dist/esm/src/components/SliceButton/SliceButton.mjs +50 -23
  18. package/dist/esm/src/components/SliceLiquidGlassView/SliceLiquidGlassView.mjs +10 -0
  19. package/dist/esm/src/components/SliceTextInput/SliceTextInput.mjs +39 -9
  20. package/dist/esm/src/hooks/useDeviceCapabilities/useDeviceCapabilities.mjs +17 -0
  21. package/dist/esm/src/utils/sizes/sizes.mjs +37 -0
  22. package/dist/esm/utils.mjs +1 -0
  23. package/dist/react-native/native/src/components/SliceBackgroundBlur/SliceBackgroundBlur.js +6 -0
  24. package/dist/react-native/native/src/components/SliceBackgroundBlur/SliceBackgroundBlur.native.js +6 -0
  25. package/dist/react-native/native/src/components/SliceBackgroundBlur/_types.js +1 -0
  26. package/dist/react-native/native/src/components/SliceBackgroundBlur/index.js +1 -0
  27. package/dist/react-native/native/src/components/SliceButton/SliceButton.js +141 -0
  28. package/dist/react-native/native/src/components/SliceButton/_types.js +1 -0
  29. package/dist/react-native/native/src/components/SliceButton/index.js +1 -0
  30. package/dist/react-native/native/src/components/SliceIcon/SliceIcon.js +15 -0
  31. package/dist/react-native/native/src/components/SliceIcon/_types.js +1 -0
  32. package/dist/react-native/native/src/components/SliceIcon/iconRegistry.js +663 -0
  33. package/dist/react-native/native/src/components/SliceIcon/icons.js +140 -0
  34. package/dist/react-native/native/src/components/SliceIcon/index.js +2 -0
  35. package/dist/react-native/native/src/components/SliceLiquidGlassView/SliceLiquidGlassView.ios.js +6 -0
  36. package/dist/react-native/native/src/components/SliceLiquidGlassView/SliceLiquidGlassView.js +7 -0
  37. package/dist/react-native/native/src/components/SliceLiquidGlassView/_types.js +1 -0
  38. package/dist/react-native/native/src/components/SliceLiquidGlassView/index.js +1 -0
  39. package/dist/react-native/native/src/components/SliceText/SliceText.js +16 -0
  40. package/dist/react-native/native/src/components/SliceText/_types.js +1 -0
  41. package/dist/react-native/native/src/components/SliceText/index.js +1 -0
  42. package/dist/react-native/native/src/components/SliceTextInput/SliceTextInput.js +111 -0
  43. package/dist/react-native/native/src/components/SliceTextInput/_types.js +1 -0
  44. package/dist/react-native/native/src/components/SliceTextInput/index.js +1 -0
  45. package/dist/react-native/native/src/components/index.js +6 -0
  46. package/dist/react-native/native/src/hooks/index.js +2 -0
  47. package/dist/react-native/native/src/hooks/useCreateThemedStyles/index.js +1 -0
  48. package/dist/react-native/native/src/hooks/useCreateThemedStyles/useCreateThemedStyles.js +8 -0
  49. package/dist/react-native/native/src/hooks/useDeviceCapabilities/_types.js +1 -0
  50. package/dist/react-native/native/src/hooks/useDeviceCapabilities/index.js +1 -0
  51. package/dist/react-native/native/src/hooks/useDeviceCapabilities/useDeviceCapabilities.js +14 -0
  52. package/dist/react-native/native/src/hooks/useDeviceCapabilities/useDeviceCapabilities.native.js +23 -0
  53. package/dist/react-native/native/src/index.js +6 -0
  54. package/dist/react-native/native/src/providers/SliceThemeProvider.js +30 -0
  55. package/dist/react-native/native/src/providers/index.js +1 -0
  56. package/dist/react-native/native/src/specs/BackgroundBlurNativeComponent.ts +16 -0
  57. package/dist/react-native/native/src/specs/LiquidGlassNativeComponent.ts +18 -0
  58. package/dist/react-native/native/src/specs/NativeDeviceCapabilities.ts +13 -0
  59. package/dist/react-native/native/src/theme/index.js +69 -0
  60. package/dist/react-native/native/src/theme/motion.js +43 -0
  61. package/dist/react-native/native/src/types/index.js +1 -0
  62. package/dist/react-native/native/src/types/sharedTypes.js +1 -0
  63. package/dist/react-native/native/src/utils/index.js +2 -0
  64. package/dist/react-native/native/src/utils/sizes/index.js +1 -0
  65. package/dist/react-native/native/src/utils/sizes/sizes.js +35 -0
  66. package/dist/react-native/native/src/utils/typography/index.js +1 -0
  67. package/dist/react-native/native/src/utils/typography/typography.js +13 -0
  68. package/dist/react-native/src/theme/colors/colors.js +385 -0
  69. package/dist/react-native/src/theme/colors/types.js +1 -0
  70. package/dist/react-native/src/theme/corners/corners.js +10 -0
  71. package/dist/react-native/src/theme/corners/types.js +1 -0
  72. package/dist/react-native/src/theme/elevations/_types.js +1 -0
  73. package/dist/react-native/src/theme/elevations/elevations.js +13 -0
  74. package/dist/react-native/src/theme/motion/_types.js +1 -0
  75. package/dist/react-native/src/theme/motion/motion.js +11 -0
  76. package/dist/react-native/src/theme/spacing/_types.js +1 -0
  77. package/dist/react-native/src/theme/spacing/spacing.js +10 -0
  78. package/dist/react-native/src/theme/type/type.js +371 -0
  79. package/dist/react-native/src/theme/type/types.js +1 -0
  80. package/dist/types/native/src/components/SliceBackgroundBlur/SliceBackgroundBlur.d.ts +3 -0
  81. package/dist/types/native/src/components/SliceBackgroundBlur/SliceBackgroundBlur.native.d.ts +2 -0
  82. package/dist/types/native/src/components/SliceBackgroundBlur/_types.d.ts +24 -0
  83. package/dist/types/native/src/components/SliceBackgroundBlur/index.d.ts +2 -0
  84. package/dist/types/native/src/components/SliceButton/_types.d.ts +33 -2
  85. package/dist/types/native/src/components/SliceLiquidGlassView/SliceLiquidGlassView.d.ts +3 -0
  86. package/dist/types/native/src/components/SliceLiquidGlassView/SliceLiquidGlassView.ios.d.ts +2 -0
  87. package/dist/types/native/src/components/SliceLiquidGlassView/_types.d.ts +17 -0
  88. package/dist/types/native/src/components/SliceLiquidGlassView/index.d.ts +2 -0
  89. package/dist/types/native/src/components/SliceTextInput/_types.d.ts +23 -1
  90. package/dist/types/native/src/components/index.d.ts +4 -0
  91. package/dist/types/native/src/hooks/index.d.ts +2 -0
  92. package/dist/types/native/src/hooks/useDeviceCapabilities/_types.d.ts +17 -0
  93. package/dist/types/native/src/hooks/useDeviceCapabilities/index.d.ts +2 -0
  94. package/dist/types/native/src/hooks/useDeviceCapabilities/useDeviceCapabilities.d.ts +3 -0
  95. package/dist/types/native/src/hooks/useDeviceCapabilities/useDeviceCapabilities.native.d.ts +7 -0
  96. package/dist/types/native/src/index.d.ts +12 -0
  97. package/dist/types/native/src/specs/BackgroundBlurNativeComponent.d.ts +9 -0
  98. package/dist/types/native/src/specs/LiquidGlassNativeComponent.d.ts +9 -0
  99. package/dist/types/native/src/specs/NativeDeviceCapabilities.d.ts +11 -0
  100. package/dist/types/native/src/types/index.d.ts +1 -0
  101. package/dist/types/native/src/types/sharedTypes.d.ts +14 -0
  102. package/dist/types/native/src/utils/index.d.ts +1 -0
  103. package/dist/types/native/src/utils/sizes/index.d.ts +1 -0
  104. package/dist/types/native/src/utils/sizes/sizes.d.ts +7 -0
  105. package/package.json +30 -13
  106. package/platform/android/build.gradle +22 -0
  107. package/platform/android/src/main/AndroidManifest.xml +1 -0
  108. package/platform/android/src/main/java/com/slice/SliceBackgroundBlurManager.java +28 -0
  109. package/platform/android/src/main/java/com/slice/SliceBackgroundBlurView.java +98 -0
  110. package/platform/android/src/main/java/com/slice/SliceDeviceCapabilitiesModule.java +25 -0
  111. package/platform/android/src/main/java/com/slice/SlicePackage.java +25 -0
  112. package/platform/ios/BackgroundBlurSurface.swift +89 -0
  113. package/platform/ios/LiquidGlassSurface.swift +82 -0
  114. package/platform/ios/RCTBackgroundBlurView.h +3 -0
  115. package/platform/ios/RCTBackgroundBlurView.mm +42 -0
  116. package/platform/ios/RCTLiquidGlassView.h +8 -0
  117. package/platform/ios/RCTLiquidGlassView.mm +73 -0
  118. package/platform/ios/SliceDeviceCapabilities.h +4 -0
  119. package/platform/ios/SliceDeviceCapabilities.mm +35 -0
  120. package/react-native.config.js +1 -0
  121. package/src/specs/BackgroundBlurNativeComponent.ts +16 -0
  122. package/src/specs/LiquidGlassNativeComponent.ts +18 -0
  123. package/src/specs/NativeDeviceCapabilities.ts +13 -0
  124. package/dist/types/native/index.d.ts +0 -8
@@ -0,0 +1,385 @@
1
+ export const coreColors = {
2
+ 'brand-grey-50': '#f4f7fa',
3
+ 'brand-grey-100': '#e5ecf3',
4
+ 'brand-grey-200': '#d5e0ea',
5
+ 'brand-grey-300': '#98acbf',
6
+ 'brand-grey-400': '#7f96a9',
7
+ 'brand-grey-500': '#657d91',
8
+ 'brand-grey-600': '#4c6273',
9
+ 'brand-grey-700': '#405261',
10
+ 'brand-grey-800': '#37434e',
11
+ 'brand-grey-900': '#2d353d',
12
+ 'brand-grey-950': '#1f262d',
13
+ 'brand-sea-50': '#e8f1ff',
14
+ 'brand-sea-100': '#c7defe',
15
+ 'brand-sea-200': '#a5c9ff',
16
+ 'brand-sea-300': '#7ab3ff',
17
+ 'brand-sea-400': '#4084ff',
18
+ 'brand-sea-500': '#2f45ff',
19
+ 'brand-sea-600': '#2d2fff',
20
+ 'brand-sea-700': '#0000ff',
21
+ 'brand-sea-800': '#0609cd',
22
+ 'brand-sea-900': '#001699',
23
+ 'brand-sea-950': '#0a0b5c',
24
+ 'brand-sky-50': '#eafffe',
25
+ 'brand-sky-100': '#cdfffb',
26
+ 'brand-sky-200': '#a3f8ff',
27
+ 'brand-sky-300': '#6af5ff',
28
+ 'brand-sky-400': '#00edff',
29
+ 'brand-sky-500': '#00c8e0',
30
+ 'brand-sky-600': '#00a6c0',
31
+ 'brand-sky-700': '#03839b',
32
+ 'brand-sky-800': '#0d697d',
33
+ 'brand-sky-900': '#105669',
34
+ 'brand-sky-950': '#033949',
35
+ 'brand-land-50': '#f4ffe5',
36
+ 'brand-land-100': '#e0ffb7',
37
+ 'brand-land-200': '#caff95',
38
+ 'brand-land-300': '#b7fe59',
39
+ 'brand-land-400': '#9cf820',
40
+ 'brand-land-500': '#71e618',
41
+ 'brand-land-600': '#56c900',
42
+ 'brand-land-700': '#2d8c00',
43
+ 'brand-land-800': '#31690b',
44
+ 'brand-land-900': '#2a580f',
45
+ 'brand-land-950': '#123201',
46
+ 'brand-orange-50': '#fff8ec',
47
+ 'brand-orange-100': '#ffebd7',
48
+ 'brand-orange-200': '#ffe3c6',
49
+ 'brand-orange-300': '#ffc182',
50
+ 'brand-orange-400': '#ff972e',
51
+ 'brand-orange-500': '#ff800a',
52
+ 'brand-orange-600': '#ff6700',
53
+ 'brand-orange-700': '#ff3700',
54
+ 'brand-orange-800': '#a02b0b',
55
+ 'brand-orange-900': '#80250b',
56
+ 'brand-orange-950': '#461604',
57
+ 'brand-yellow-50': '#ffffea',
58
+ 'brand-yellow-100': '#fffdca',
59
+ 'brand-yellow-200': '#fff2a0',
60
+ 'brand-yellow-300': '#ffeb72',
61
+ 'brand-yellow-400': '#ffd333',
62
+ 'brand-yellow-500': '#ffc200',
63
+ 'brand-yellow-600': '#ffad00',
64
+ 'brand-yellow-700': '#c68601',
65
+ 'brand-yellow-800': '#8f6307',
66
+ 'brand-yellow-900': '#5f430a',
67
+ 'brand-yellow-950': '#442e00',
68
+ 'brand-purple-50': '#faf0ff',
69
+ 'brand-purple-100': '#f4ddff',
70
+ 'brand-purple-200': '#e5cdff',
71
+ 'brand-purple-300': '#ccafff',
72
+ 'brand-purple-400': '#b891ff',
73
+ 'brand-purple-500': '#7d48ff',
74
+ 'brand-purple-600': '#6a14ff',
75
+ 'brand-purple-700': '#5600f1',
76
+ 'brand-purple-800': '#4d01d6',
77
+ 'brand-purple-900': '#4003af',
78
+ 'brand-purple-950': '#1e007c',
79
+ 'brand-magenta-50': '#fef1fc',
80
+ 'brand-magenta-100': '#ffdcef',
81
+ 'brand-magenta-200': '#ffcae6',
82
+ 'brand-magenta-300': '#ff90cb',
83
+ 'brand-magenta-400': '#ff61ca',
84
+ 'brand-magenta-500': '#ff3ac2',
85
+ 'brand-magenta-600': '#f012aa',
86
+ 'brand-magenta-700': '#df059b',
87
+ 'brand-magenta-800': '#9b0069',
88
+ 'brand-magenta-900': '#790a55',
89
+ 'brand-magenta-950': '#58003a',
90
+ 'brand-white-0': '#ffffff',
91
+ 'product-red-400': '#ff474a',
92
+ 'product-red-500': '#df0529',
93
+ 'core-drop-shadow-light': '#0339491a',
94
+ 'core-drop-shadow-dark': '#0000007a',
95
+ 'core-surface-coverup-translucent-light': '#1f262d52',
96
+ 'core-surface-coverup-translucent-dark': '#0000007a',
97
+ 'core-surface-overlay-translucent-light': '#ffffffcc',
98
+ 'core-surface-overlay-translucent-dark': '#1f262dcc',
99
+ 'surface-primary-tint-light': '#fcfcfc',
100
+ 'surface-primary-tint-dark': '#191e24',
101
+ 'scroll-bar-light': '#e3e8ef',
102
+ 'scroll-bar-dark': 'rgba(255, 255, 255, 0.1)',
103
+ 'scroll-bar-hover-light': '#cdd5df',
104
+ 'scroll-bar-hover-dark': 'rgba(255, 255, 255, 0.15)',
105
+ 'surface-shadow-soft-light': '0px 4px 24px #0339491a',
106
+ 'surface-shadow-soft-dark': '0px 4px 24px #0000007a',
107
+ 'surface-shadow-strong-light': '0px 4px 64px #0339491a',
108
+ 'surface-shadow-strong-dark': '0px 4px 64px #0000007a',
109
+ };
110
+ export const light = {
111
+ 'array-land': coreColors['brand-land-100'],
112
+ 'array-land-label': coreColors['brand-land-600'],
113
+ 'array-magenta': coreColors['brand-magenta-100'],
114
+ 'array-magenta-label': coreColors['brand-magenta-600'],
115
+ 'array-orange': coreColors['brand-orange-100'],
116
+ 'array-orange-label': coreColors['brand-orange-600'],
117
+ 'array-purple': coreColors['brand-purple-100'],
118
+ 'array-purple-label': coreColors['brand-purple-600'],
119
+ 'array-sea': coreColors['brand-sea-100'],
120
+ 'array-sea-label': coreColors['brand-sea-600'],
121
+ 'array-sky': coreColors['brand-sky-100'],
122
+ 'array-sky-label': coreColors['brand-sky-600'],
123
+ 'array-yellow': coreColors['brand-yellow-100'],
124
+ 'array-yellow-label': coreColors['brand-yellow-600'],
125
+ 'core-badge-primary': coreColors['brand-sea-500'],
126
+ 'core-badge-secondary': coreColors['brand-grey-100'],
127
+ 'core-button-disabled': coreColors['brand-grey-50'],
128
+ 'core-button-primary': coreColors['brand-sea-500'],
129
+ 'core-drop-shadow': coreColors['core-drop-shadow-light'],
130
+ 'core-gp-logo-primary': coreColors['brand-sea-700'],
131
+ 'core-gp-logo-secondary': coreColors['brand-grey-950'],
132
+ 'core-icon-dark': coreColors['brand-grey-950'],
133
+ 'core-icon-disabled': coreColors['brand-grey-300'],
134
+ 'core-icon-error': coreColors['product-red-500'],
135
+ 'core-icon-light': coreColors['brand-white-0'],
136
+ 'core-icon-primary': coreColors['brand-grey-950'],
137
+ 'core-icon-secondary': coreColors['brand-grey-700'],
138
+ 'core-icon-tertiary': coreColors['brand-sea-500'],
139
+ 'core-outline-secondary': coreColors['brand-grey-100'],
140
+ 'core-outline-primary': coreColors['brand-grey-100'],
141
+ 'core-outline-special': coreColors['brand-sea-100'],
142
+ 'core-outline-tertiary': coreColors['brand-sea-500'],
143
+ 'core-surface-coverup-translucent': coreColors['core-surface-coverup-translucent-light'],
144
+ 'core-surface-overlay-translucent': coreColors['core-surface-overlay-translucent-light'],
145
+ 'core-surface-primary': coreColors['brand-white-0'],
146
+ 'core-surface-primary-tint': coreColors['surface-primary-tint-light'],
147
+ 'core-surface-secondary': coreColors['brand-grey-50'],
148
+ 'core-surface-special': coreColors['brand-sea-50'],
149
+ 'core-text-dark': coreColors['brand-grey-950'],
150
+ 'core-text-disabled': coreColors['brand-grey-300'],
151
+ 'core-text-error': coreColors['product-red-500'],
152
+ 'core-text-light': coreColors['brand-white-0'],
153
+ 'core-text-primary': coreColors['brand-grey-950'],
154
+ 'core-text-secondary': coreColors['brand-grey-700'],
155
+ 'core-text-tertiary': coreColors['brand-grey-600'],
156
+ 'core-text-special': coreColors['brand-sea-500'],
157
+ 'core-text-accent': coreColors['brand-sky-500'],
158
+ 'core-link-primary': coreColors['brand-sea-500'],
159
+ 'eor-tag-employee': coreColors['brand-sky-700'],
160
+ 'eor-tag-overdue': coreColors['product-red-500'],
161
+ 'eor-tag-paid': coreColors['brand-land-700'],
162
+ 'eor-tag-pending': coreColors['brand-orange-500'],
163
+ 'eor-tag-professional': coreColors['brand-sea-500'],
164
+ 'feedback-attention': coreColors['brand-yellow-500'],
165
+ 'feedback-informative': coreColors['brand-sky-700'],
166
+ 'feedback-positive': coreColors['brand-land-700'],
167
+ 'feedback-urgency': coreColors['brand-orange-500'],
168
+ 'feedback-warning': coreColors['product-red-500'],
169
+ 'gia-tag-risk-high': coreColors['product-red-500'],
170
+ 'gia-tag-risk-low': coreColors['brand-sky-700'],
171
+ 'gia-tag-risk-moderate': coreColors['brand-orange-500'],
172
+ 'gia-text-excerpt-highlight': coreColors['brand-orange-100'],
173
+ 'gia-text-selection': coreColors['brand-sea-100'],
174
+ 'scroll-bar': coreColors['scroll-bar-light'],
175
+ 'scroll-bar-hover': coreColors['scroll-bar-hover-light'],
176
+ 'surface-shadow-soft': coreColors['surface-shadow-soft-light'],
177
+ 'surface-shadow-strong': coreColors['surface-shadow-strong-light'],
178
+ };
179
+ export const dark = {
180
+ 'array-land': coreColors['brand-land-100'],
181
+ 'array-land-label': coreColors['brand-land-600'],
182
+ 'array-magenta': coreColors['brand-magenta-100'],
183
+ 'array-magenta-label': coreColors['brand-magenta-600'],
184
+ 'array-orange': coreColors['brand-orange-100'],
185
+ 'array-orange-label': coreColors['brand-orange-600'],
186
+ 'array-purple': coreColors['brand-purple-100'],
187
+ 'array-purple-label': coreColors['brand-purple-600'],
188
+ 'array-sea': coreColors['brand-sea-100'],
189
+ 'array-sea-label': coreColors['brand-sea-600'],
190
+ 'array-sky': coreColors['brand-sky-100'],
191
+ 'array-sky-label': coreColors['brand-sky-600'],
192
+ 'array-yellow': coreColors['brand-yellow-100'],
193
+ 'array-yellow-label': coreColors['brand-yellow-600'],
194
+ 'core-badge-primary': coreColors['brand-sea-500'],
195
+ 'core-badge-secondary': coreColors['brand-grey-700'],
196
+ 'core-button-disabled': coreColors['brand-grey-900'],
197
+ 'core-button-primary': coreColors['brand-sea-500'],
198
+ 'core-drop-shadow': coreColors['core-drop-shadow-dark'],
199
+ 'core-gp-logo-primary': coreColors['brand-sea-500'],
200
+ 'core-gp-logo-secondary': coreColors['brand-white-0'],
201
+ 'core-icon-dark': coreColors['brand-grey-950'],
202
+ 'core-icon-disabled': coreColors['brand-grey-500'],
203
+ 'core-icon-error': coreColors['product-red-400'],
204
+ 'core-icon-light': coreColors['brand-white-0'],
205
+ 'core-icon-primary': coreColors['brand-white-0'],
206
+ 'core-icon-secondary': coreColors['brand-grey-200'],
207
+ 'core-icon-tertiary': coreColors['brand-sky-300'],
208
+ 'core-outline-secondary': coreColors['brand-grey-900'],
209
+ 'core-outline-primary': coreColors['brand-grey-700'],
210
+ 'core-outline-special': coreColors['brand-sky-900'],
211
+ 'core-outline-tertiary': coreColors['brand-sky-300'],
212
+ 'core-surface-coverup-translucent': coreColors['core-surface-coverup-translucent-dark'],
213
+ 'core-surface-overlay-translucent': coreColors['core-surface-overlay-translucent-dark'],
214
+ 'core-surface-primary': coreColors['brand-grey-950'],
215
+ 'core-surface-primary-tint': coreColors['surface-primary-tint-dark'],
216
+ 'core-surface-secondary': coreColors['brand-grey-900'],
217
+ 'core-surface-special': coreColors['brand-sky-950'],
218
+ 'core-text-dark': coreColors['brand-grey-950'],
219
+ 'core-text-disabled': coreColors['brand-grey-500'],
220
+ 'core-text-error': coreColors['product-red-400'],
221
+ 'core-text-light': coreColors['brand-white-0'],
222
+ 'core-text-primary': coreColors['brand-white-0'],
223
+ 'core-text-secondary': coreColors['brand-grey-200'],
224
+ 'core-text-tertiary': coreColors['brand-grey-400'],
225
+ 'core-text-special': coreColors['brand-sky-300'],
226
+ 'core-text-accent': coreColors['brand-sky-300'],
227
+ 'core-link-primary': coreColors['brand-sky-300'],
228
+ 'eor-tag-employee': coreColors['brand-sky-700'],
229
+ 'eor-tag-overdue': coreColors['product-red-400'],
230
+ 'eor-tag-paid': coreColors['brand-land-700'],
231
+ 'eor-tag-pending': coreColors['brand-orange-500'],
232
+ 'eor-tag-professional': coreColors['brand-sea-500'],
233
+ 'feedback-attention': coreColors['brand-yellow-400'],
234
+ 'feedback-informative': coreColors['brand-sky-600'],
235
+ 'feedback-positive': coreColors['brand-land-700'],
236
+ 'feedback-urgency': coreColors['brand-orange-500'],
237
+ 'feedback-warning': coreColors['product-red-400'],
238
+ 'gia-tag-risk-high': coreColors['product-red-400'],
239
+ 'gia-tag-risk-low': coreColors['brand-sky-600'],
240
+ 'gia-tag-risk-moderate': coreColors['brand-orange-500'],
241
+ 'gia-text-excerpt-highlight': coreColors['brand-orange-100'],
242
+ 'gia-text-selection': coreColors['brand-sea-900'],
243
+ 'scroll-bar': coreColors['scroll-bar-dark'],
244
+ 'scroll-bar-hover': coreColors['scroll-bar-hover-dark'],
245
+ 'surface-shadow-soft': coreColors['surface-shadow-soft-dark'],
246
+ 'surface-shadow-strong': coreColors['surface-shadow-strong-dark'],
247
+ };
248
+ export const colorCssVars = {
249
+ 'array-land': 'var(--array-land)',
250
+ 'array-land-label': 'var(--array-land-label)',
251
+ 'array-magenta': 'var(--array-magenta)',
252
+ 'array-magenta-label': 'var(--array-magenta-label)',
253
+ 'array-orange': 'var(--array-orange)',
254
+ 'array-orange-label': 'var(--array-orange-label)',
255
+ 'array-purple': 'var(--array-purple)',
256
+ 'array-purple-label': 'var(--array-purple-label)',
257
+ 'array-sea': 'var(--array-sea)',
258
+ 'array-sea-label': 'var(--array-sea-label)',
259
+ 'array-sky': 'var(--array-sky)',
260
+ 'array-sky-label': 'var(--array-sky-label)',
261
+ 'array-yellow': 'var(--array-yellow)',
262
+ 'array-yellow-label': 'var(--array-yellow-label)',
263
+ 'core-badge-primary': 'var(--core-badge-primary)',
264
+ 'core-badge-secondary': 'var(--core-badge-secondary)',
265
+ 'core-button-disabled': 'var(--core-button-disabled)',
266
+ 'core-button-primary': 'var(--core-button-primary)',
267
+ 'core-drop-shadow': 'var(--core-drop-shadow)',
268
+ 'core-gp-logo-primary': 'var(--core-gp-logo-primary)',
269
+ 'core-gp-logo-secondary': 'var(--core-gp-logo-secondary)',
270
+ 'core-icon-dark': 'var(--core-icon-dark)',
271
+ 'core-icon-disabled': 'var(--core-icon-disabled)',
272
+ 'core-icon-error': 'var(--core-icon-error)',
273
+ 'core-icon-light': 'var(--core-icon-light)',
274
+ 'core-icon-primary': 'var(--core-icon-primary)',
275
+ 'core-icon-secondary': 'var(--core-icon-secondary)',
276
+ 'core-icon-tertiary': 'var(--core-icon-tertiary)',
277
+ 'core-outline-secondary': 'var(--core-outline-secondary)',
278
+ 'core-outline-primary': 'var(--core-outline-primary)',
279
+ 'core-outline-special': 'var(--core-outline-special)',
280
+ 'core-outline-tertiary': 'var(--core-outline-tertiary)',
281
+ 'core-surface-coverup-translucent': 'var(--core-surface-coverup-translucent)',
282
+ 'core-surface-overlay-translucent': 'var(--core-surface-overlay-translucent)',
283
+ 'core-surface-primary': 'var(--core-surface-primary)',
284
+ 'core-surface-primary-tint': 'var(--core-surface-primary-tint)',
285
+ 'core-surface-secondary': 'var(--core-surface-secondary)',
286
+ 'core-surface-special': 'var(--core-surface-special)',
287
+ 'core-text-dark': 'var(--core-text-dark)',
288
+ 'core-text-disabled': 'var(--core-text-disabled)',
289
+ 'core-text-error': 'var(--core-text-error)',
290
+ 'core-text-light': 'var(--core-text-light)',
291
+ 'core-text-primary': 'var(--core-text-primary)',
292
+ 'core-text-secondary': 'var(--core-text-secondary)',
293
+ 'core-text-special': 'var(--core-text-special)',
294
+ 'core-text-accent': 'var(--core-text-accent)',
295
+ 'core-text-tertiary': 'var(--core-text-tertiary)',
296
+ 'core-link-primary': 'var(--core-link-primary)',
297
+ 'eor-tag-employee': 'var(--eor-tag-employee)',
298
+ 'eor-tag-overdue': 'var(--eor-tag-overdue)',
299
+ 'eor-tag-paid': 'var(--eor-tag-paid)',
300
+ 'eor-tag-pending': 'var(--eor-tag-pending)',
301
+ 'eor-tag-professional': 'var(--eor-tag-professional)',
302
+ 'feedback-attention': 'var(--feedback-attention)',
303
+ 'feedback-informative': 'var(--feedback-informative)',
304
+ 'feedback-positive': 'var(--feedback-positive)',
305
+ 'feedback-urgency': 'var(--feedback-urgency)',
306
+ 'feedback-warning': 'var(--feedback-warning)',
307
+ 'gia-tag-risk-high': 'var(--gia-tag-risk-high)',
308
+ 'gia-tag-risk-low': 'var(--gia-tag-risk-low)',
309
+ 'gia-tag-risk-moderate': 'var(--gia-tag-risk-moderate)',
310
+ 'gia-text-excerpt-highlight': 'var(--gia-text-excerpt-highlight)',
311
+ 'gia-text-selection': 'var(--gia-text-selection)',
312
+ 'scroll-bar': 'var(--scroll-bar)',
313
+ 'scroll-bar-hover': 'var(--scroll-bar-hover)',
314
+ 'surface-shadow-soft': 'var(--surface-shadow-soft)',
315
+ 'surface-shadow-strong': 'var(--surface-shadow-strong)',
316
+ };
317
+ export const colorClass = {
318
+ 'array-land': 'array-land',
319
+ 'array-land-label': 'array-land-label',
320
+ 'array-magenta': 'array-magenta',
321
+ 'array-magenta-label': 'array-magenta-label',
322
+ 'array-orange': 'array-orange',
323
+ 'array-orange-label': 'array-orange-label',
324
+ 'array-purple': 'array-purple',
325
+ 'array-purple-label': 'array-purple-label',
326
+ 'array-sea': 'array-sea',
327
+ 'array-sea-label': 'array-sea-label',
328
+ 'array-sky': 'array-sky',
329
+ 'array-sky-label': 'array-sky-label',
330
+ 'array-yellow': 'array-yellow',
331
+ 'array-yellow-label': 'array-yellow-label',
332
+ 'core-badge-primary': 'core-badge-primary',
333
+ 'core-badge-secondary': 'core-badge-secondary',
334
+ 'core-button-disabled': 'core-button-disabled',
335
+ 'core-button-primary': 'core-button-primary',
336
+ 'core-drop-shadow': 'core-drop-shadow',
337
+ 'core-gp-logo-primary': 'core-gp-logo-primary',
338
+ 'core-gp-logo-secondary': 'core-gp-logo-secondary',
339
+ 'core-icon-dark': 'core-icon-dark',
340
+ 'core-icon-disabled': 'core-icon-disabled',
341
+ 'core-icon-error': 'core-icon-error',
342
+ 'core-icon-light': 'core-icon-light',
343
+ 'core-icon-primary': 'core-icon-primary',
344
+ 'core-icon-secondary': 'core-icon-secondary',
345
+ 'core-icon-tertiary': 'core-icon-tertiary',
346
+ 'core-outline-secondary': 'core-outline-secondary',
347
+ 'core-outline-primary': 'core-outline-primary',
348
+ 'core-outline-special': 'core-outline-special',
349
+ 'core-outline-tertiary': 'core-outline-tertiary',
350
+ 'core-surface-coverup-translucent': 'core-surface-coverup-translucent',
351
+ 'core-surface-overlay-translucent': 'core-surface-overlay-translucent',
352
+ 'core-surface-primary': 'core-surface-primary',
353
+ 'core-surface-primary-tint': 'core-surface-primary-tint',
354
+ 'core-surface-secondary': 'core-surface-secondary',
355
+ 'core-surface-special': 'core-surface-special',
356
+ 'core-text-dark': 'core-text-dark',
357
+ 'core-text-disabled': 'core-text-disabled',
358
+ 'core-text-error': 'core-text-error',
359
+ 'core-text-light': 'core-text-light',
360
+ 'core-text-primary': 'core-text-primary',
361
+ 'core-text-secondary': 'core-text-secondary',
362
+ 'core-text-special': 'core-text-special',
363
+ 'core-text-accent': 'core-text-accent',
364
+ 'core-text-tertiary': 'core-text-tertiary',
365
+ 'core-link-primary': 'core-link-primary',
366
+ 'eor-tag-employee': 'eor-tag-employee',
367
+ 'eor-tag-overdue': 'eor-tag-overdue',
368
+ 'eor-tag-paid': 'eor-tag-paid',
369
+ 'eor-tag-pending': 'eor-tag-pending',
370
+ 'eor-tag-professional': 'eor-tag-professional',
371
+ 'feedback-attention': 'feedback-attention',
372
+ 'feedback-informative': 'feedback-informative',
373
+ 'feedback-positive': 'feedback-positive',
374
+ 'feedback-urgency': 'feedback-urgency',
375
+ 'feedback-warning': 'feedback-warning',
376
+ 'gia-tag-risk-high': 'gia-tag-risk-high',
377
+ 'gia-tag-risk-low': 'gia-tag-risk-low',
378
+ 'gia-tag-risk-moderate': 'gia-tag-risk-moderate',
379
+ 'gia-text-excerpt-highlight': 'gia-text-excerpt-highlight',
380
+ 'gia-text-selection': 'gia-text-selection',
381
+ 'scroll-bar': 'scroll-bar',
382
+ 'scroll-bar-hover': 'scroll-bar-hover',
383
+ 'surface-shadow-soft': 'surface-shadow-soft',
384
+ 'surface-shadow-strong': 'surface-shadow-strong',
385
+ };
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,10 @@
1
+ export const corners = {
2
+ 'corner-none': 0,
3
+ 'corner-xs': 4,
4
+ 'corner-s': 6,
5
+ 'corner-m': 8,
6
+ 'corner-l': 12,
7
+ 'corner-xl': 16,
8
+ 'corner-xxl': 32,
9
+ 'corner-round': 1000,
10
+ };
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,13 @@
1
+ /**
2
+ * Elevation levels for UI component types
3
+ */
4
+ export const elevations = {
5
+ 'elevation-below-surface': -100, // items hidden from view
6
+ 'elevation-surface': 0, // default
7
+ 'elevation-float': 100, // toolbars, fab buttons, etc.
8
+ 'elevation-describe': 200, // tooltips, info, etc.
9
+ 'elevation-status': 300, // status bars, toasts, etc.
10
+ 'elevation-notify': 400, // alerts, and other critical status, etc.
11
+ 'elevation-overlay': 500, // overlay covers, etc.
12
+ 'elevation-confirm': 600, // conformation dialogs, etc. requiring action to dismiss
13
+ };
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,11 @@
1
+ /**
2
+ * Motion for Slice UI
3
+ */
4
+ export const motion = {
5
+ 'motion-magnet': 'cubic-bezier(0.352, 0.003, 0.993, -0.052)',
6
+ 'motion-water': 'cubic-bezier(0.36, 0, 0.64, 1)',
7
+ 'motion-spring': 'linear(0, 0.001 0.3%, 0.008 0.7%, 0.034 1.5%, 0.076 2.3%, 0.138 3.2%, 0.275 4.8%, 0.713 9.4%, 0.836 10.9%, 0.933 12.3%, 1.011 13.7%, 1.074 15.2%, 1.096 15.9%, 1.116 16.7%, 1.132 17.5%, 1.142 18.3%, 1.148 19.1%, 1.15 20%, 1.148 21%, 1.142 22%, 1.133 22.9%, 1.12 24%, 1.048 29.1%, 1.015 31.8%, 1.002 33.3%, 0.991 34.9%, 0.983 36.5%, 0.979 38.1%, 0.977 39.9%, 0.979 42%, 0.997 51.7%, 1.003 57.7%, 1 77%, 1)',
8
+ 'motion-magnet-duration': '0.5s',
9
+ 'motion-water-duration': '0.25s',
10
+ 'motion-spring-duration': '1s',
11
+ };
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,10 @@
1
+ export const spacing = {
2
+ xxs: 2,
3
+ xs: 4,
4
+ s: 8,
5
+ m: 16,
6
+ l: 24,
7
+ xl: 32,
8
+ xxl: 64,
9
+ h: 128,
10
+ };