refact: extend types and interfaces

Author: lorant-one

src/once-ui/interfaces.ts

@@ -4,6 +4,7 @@ import {
   ColorWeight,
   flex,
   gridColumns,
+  opacity,
   RadiusNest,
   RadiusSize,
   ShadowSize,
@@ -167,7 +168,7 @@ export interface DisplayProps extends HTMLAttributes<HTMLDivElement> {
     | "macro-short"
     | "macro-medium"
     | "macro-long";
-  opacity?: 0 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100;
+    opacity?: opacity;
   zIndex?: -1 | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
   dark?: boolean;
   light?: boolean;

src/once-ui/types.ts

@@ -41,6 +41,8 @@ export type ShadowSize = TShirtSizes;
 
 export type SpacingToken = StaticSpacingToken | ResponsiveSpacingToken;
 
+export type opacity = 0 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100;
+
 export type ColorScheme =
   | "neutral"
   | "brand"