@titan-design/react-ui 0.9.2 → 0.10.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.
- package/dist/bodymap.js +78 -24
- package/dist/bodymap.js.map +1 -1
- package/dist/bodymap.mjs +78 -24
- package/dist/bodymap.mjs.map +1 -1
- package/dist/index.d.mts +215 -123
- package/dist/index.d.ts +215 -123
- package/dist/index.js +408 -259
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +258 -121
- package/dist/index.mjs.map +1 -1
- package/dist/pages.js +214 -157
- package/dist/pages.js.map +1 -1
- package/dist/pages.mjs +214 -157
- package/dist/pages.mjs.map +1 -1
- package/dist/theme/index.d.mts +895 -795
- package/dist/theme/index.d.ts +895 -795
- package/dist/theme/index.js +101 -20
- package/dist/theme/index.js.map +1 -1
- package/dist/theme/index.mjs +99 -22
- package/dist/theme/index.mjs.map +1 -1
- package/dist/theme/tokens-css.js +88 -24
- package/dist/theme/tokens-css.js.map +1 -1
- package/dist/theme/tokens-css.mjs +88 -24
- package/dist/theme/tokens-css.mjs.map +1 -1
- package/package.json +1 -1
- package/src/components/custom/Workout/BaseBadge.tsx +5 -5
- package/src/components/custom/Workout/RowInventory.stories.tsx +5 -2
- package/src/components/custom/Workout/S3FullRail.stories.tsx +13 -1
- package/src/components/custom/Workout/SessionHeader.tsx +11 -13
- package/src/components/custom/Workout/SessionRail.stories.tsx +4 -1
- package/src/components/custom/Workout/SessionRail.tsx +16 -14
- package/src/components/custom/Workout/SupersetWrapper.stories.tsx +16 -25
- package/src/components/custom/Workout/SupersetWrapper.tsx +1 -1
- package/src/components/custom/Workout/TempoDisplay.tsx +3 -7
- package/src/components/custom/Workout/VolumeLandmarkBar.stories.tsx +4 -1
- package/src/components/custom/Workout/WorkoutPill.tsx +2 -2
- package/src/components/shell/DashboardShell.tsx +6 -3
- package/src/components/ui/surface/Surface.stories.tsx +244 -1
- package/src/components/ui/surface/Surface.test.tsx +244 -1
- package/src/components/ui/surface/Surface.tsx +98 -20
- package/src/components/ui/surface/SurfaceContext.ts +126 -0
- package/src/components/ui/surface/index.ts +13 -0
- package/src/components/ui/surface/surface.contract.test.ts +283 -0
- package/src/test/nativewind-stub.ts +13 -0
- package/src/theme/ColorSystem.stories.tsx +232 -47
- package/src/theme/ThemeProvider.test.tsx +24 -0
- package/src/theme/ThemeProvider.tsx +23 -6
- package/src/theme/config.ts +12 -0
- package/src/theme/elevation.ts +90 -67
- package/src/theme/global.css +35 -9
- package/src/theme/tokens/primitives.ts +40 -0
- package/src/theme/tokens/semantic.ts +63 -14
- package/tailwind.config.js +8 -0
package/tailwind.config.js
CHANGED
|
@@ -119,12 +119,14 @@ module.exports = {
|
|
|
119
119
|
raised: 'var(--color-surface-raised)',
|
|
120
120
|
overlay: 'var(--color-surface-overlay)',
|
|
121
121
|
input: 'var(--color-surface-input)',
|
|
122
|
+
inset: 'var(--color-surface-inset)',
|
|
122
123
|
},
|
|
123
124
|
// Background colors
|
|
124
125
|
background: {
|
|
125
126
|
base: 'var(--color-background-base)',
|
|
126
127
|
DEFAULT: 'var(--color-background-default)',
|
|
127
128
|
subtle: 'var(--color-background-subtle)',
|
|
129
|
+
frame: 'var(--color-background-frame)',
|
|
128
130
|
},
|
|
129
131
|
// Text colors
|
|
130
132
|
text: {
|
|
@@ -163,6 +165,12 @@ module.exports = {
|
|
|
163
165
|
text: 'var(--color-interactive-disabled-text)',
|
|
164
166
|
},
|
|
165
167
|
},
|
|
168
|
+
// Alpha hairline separators (surface-independent — §4/S-2)
|
|
169
|
+
hairline: {
|
|
170
|
+
subtle: 'var(--color-hairline-subtle)',
|
|
171
|
+
DEFAULT: 'var(--color-hairline-default)',
|
|
172
|
+
strong: 'var(--color-hairline-strong)',
|
|
173
|
+
},
|
|
166
174
|
// Divider
|
|
167
175
|
divider: 'var(--color-divider)',
|
|
168
176
|
// Avatar
|