Merge pull request #32 from tokens-studio/stroke-style

BREAKING: add strokeStyle and rename some union types for consistency

.changeset/many-doors-argue.md

@@ -0,0 +1,5 @@
+---
+'@tokens-studio/types': minor
+---
+
+BREAKING: add strokeStyle token type and values enum, rename the following 3 type exports for consistency: BoxShadowUnion -> BoxShadowTypesUnion, ColorModifierUnion -> ColorModifierTypesUnion, ColorSpaceUnion -> ColorSpaceTypesUnion. Export union types for the enum constants that did not yet have one.

src/constants/BorderValues.ts

@@ -3,3 +3,5 @@ export enum BorderValues {
   BORDER_WIDTH = 'width',
   BORDER_STYLE = 'style',
 }
+
+export type BorderValuesUnion = `${BorderValues}`;

src/constants/BoxShadowTypes.ts

@@ -3,4 +3,4 @@ export enum BoxShadowTypes {
   INNER_SHADOW = 'innerShadow',
 }
 
-export type BoxShadowUnion = `${BoxShadowTypes}`;
+export type BoxShadowTypesUnion = `${BoxShadowTypes}`;

src/constants/BoxShadowValues.ts

@@ -7,3 +7,5 @@ export enum BoxShadowValues {
   SPREAD = 'spread',
   BLEND_MODE = 'blendMode',
 }
+
+export type BoxShadowValuesUnion = `${BoxShadowValues}`;

src/constants/ColorModifierTypes.ts

@@ -5,4 +5,4 @@ export enum ColorModifierTypes {
   ALPHA = 'alpha',
 }
 
-export type ColorModifierUnion = `${ColorModifierTypes}`;
+export type ColorModifierTypesUnion = `${ColorModifierTypes}`;

src/constants/ColorSpaceTypes.ts

@@ -5,4 +5,4 @@ export enum ColorSpaceTypes {
   HSL = 'hsl',
 }
 
-export type ColorSpaceUnion = `${ColorSpaceTypes}`;
+export type ColorSpaceTypesUnion = `${ColorSpaceTypes}`;

src/constants/StrokeStyleValues.ts

@@ -0,0 +1,12 @@
+export enum StrokeStyleValues {
+  SOLID = 'solid',
+  DASHED = 'dashed',
+  DOTTED = 'dotted',
+  DOUBLE = 'double',
+  GROOVE = 'groove',
+  RIDGE = 'ridge',
+  OUTSET = 'outset',
+  INSET = 'inset',
+}
+
+export type StrokeStyleValuesUnion = `${StrokeStyleValues}`;

src/constants/TokenTypes.ts

@@ -8,6 +8,7 @@ export enum TokenTypes {
   TYPOGRAPHY = 'typography',
   OPACITY = 'opacity',
   BORDER_WIDTH = 'borderWidth',
+  STROKE_STYLE = 'strokeStyle',
   BOX_SHADOW = 'boxShadow',
   FONT_FAMILIES = 'fontFamilies',
   FONT_WEIGHTS = 'fontWeights',

src/constants/TypographyValues.ts

@@ -9,3 +9,5 @@ export enum TypographyValues {
   TEXT_DECORATION = 'textDecoration',
   TEXT_CASE = 'textCase',
 }
+
+export type TypographyValuesUnion = `${TypographyValues}`;

src/types/index.ts

@@ -12,6 +12,7 @@ export * from './ThemeObject.js';
 export * from './UsedTokenSetsMap.js';
 export * from './valueTypes.js';
 export * from '../constants/BorderValues.js';
+export * from '../constants/StrokeStyleValues.js';
 export * from '../constants/BoxShadowValues.js';
 export * from '../constants/TypographyValues.js';