@serenis/design-tokens 0.21.0

package/dist/constants/color.d.ts

@@ -0,0 +1,278 @@
+/** In `light` theme is `#FC8DFE` */
+export declare const COLOR_ACCENT: 'var(--srns-color-accent)'
+
+/** In `light` theme is `#FFE9FD` */
+export declare const COLOR_ACCENT_10: 'var(--srns-color-accent-10)'
+
+/** In `light` theme is `#FFD1FB` */
+export declare const COLOR_ACCENT_20: 'var(--srns-color-accent-20)'
+
+/** In `light` theme is `#FEA7F9` */
+export declare const COLOR_ACCENT_30: 'var(--srns-color-accent-30)'
+
+/** In `light` theme is `#FD86F6` */
+export declare const COLOR_ACCENT_40: 'var(--srns-color-accent-40)'
+
+/** In `light` theme is `#FC8DFE` */
+export declare const COLOR_ACCENT_50: 'var(--srns-color-accent-50)'
+
+/** In `light` theme is `#E569DC` */
+export declare const COLOR_ACCENT_60: 'var(--srns-color-accent-60)'
+
+/** In `light` theme is `#CA50B7` */
+export declare const COLOR_ACCENT_70: 'var(--srns-color-accent-70)'
+
+/** In `light` theme is `#A83C94` */
+export declare const COLOR_ACCENT_80: 'var(--srns-color-accent-80)'
+
+/** In `light` theme is `#0B0B1E` */
+export declare const COLOR_BLACK: 'var(--srns-color-black)'
+
+/** In `light` theme is `#007AFF` */
+export declare const COLOR_BLUE: 'var(--srns-color-blue)'
+
+/** In `light` theme is `#CCE7FF` */
+export declare const COLOR_BLUE_20: 'var(--srns-color-blue-20)'
+
+/** In `light` theme is `#66B8FF` */
+export declare const COLOR_BLUE_40: 'var(--srns-color-blue-40)'
+
+/** In `light` theme is `#007AFF` */
+export declare const COLOR_BLUE_60: 'var(--srns-color-blue-60)'
+
+/** In `light` theme is `#004299` */
+export declare const COLOR_BLUE_80: 'var(--srns-color-blue-80)'
+
+/** In `light` theme is `#1C1C36` */
+export declare const COLOR_DARKER: 'var(--srns-color-darker)'
+
+/** In `light` theme is `#E12D19` */
+export declare const COLOR_ERROR: 'var(--srns-color-error)'
+
+/** In `light` theme is `#419F77` */
+export declare const COLOR_GREEN: 'var(--srns-color-green)'
+
+/** In `light` theme is `#C8EEDE` */
+export declare const COLOR_GREEN_20: 'var(--srns-color-green-20)'
+
+/** In `light` theme is `#7AD7AF` */
+export declare const COLOR_GREEN_40: 'var(--srns-color-green-40)'
+
+/** In `light` theme is `#419F77` */
+export declare const COLOR_GREEN_60: 'var(--srns-color-green-60)'
+
+/** In `light` theme is `#227251` */
+export declare const COLOR_GREEN_80: 'var(--srns-color-green-80)'
+
+/** In `light` theme is `#7A7AAE` */
+export declare const COLOR_GREY: 'var(--srns-color-grey)'
+
+/** In `light` theme is `#FFFFFF` */
+export declare const COLOR_GREY_10: 'var(--srns-color-grey-10)'
+
+/** In `light` theme is `#2D2D58` */
+export declare const COLOR_GREY_100: 'var(--srns-color-grey-100)'
+
+/** In `light` theme is `#1C1C36` */
+export declare const COLOR_GREY_110: 'var(--srns-color-grey-110)'
+
+/** In `light` theme is `#0B0B1E` */
+export declare const COLOR_GREY_120: 'var(--srns-color-grey-120)'
+
+/** In `light` theme is `#F6F7FD` */
+export declare const COLOR_GREY_20: 'var(--srns-color-grey-20)'
+
+/** In `light` theme is `#ECEDF9` */
+export declare const COLOR_GREY_30: 'var(--srns-color-grey-30)'
+
+/** In `light` theme is `#D7D7EA` */
+export declare const COLOR_GREY_40: 'var(--srns-color-grey-40)'
+
+/** In `light` theme is `#A7A7D2` */
+export declare const COLOR_GREY_50: 'var(--srns-color-grey-50)'
+
+/** In `light` theme is `#8686C1` */
+export declare const COLOR_GREY_60: 'var(--srns-color-grey-60)'
+
+/** In `light` theme is `#7A7AAE` */
+export declare const COLOR_GREY_70: 'var(--srns-color-grey-70)'
+
+/** In `light` theme is `#5D5D98` */
+export declare const COLOR_GREY_80: 'var(--srns-color-grey-80)'
+
+/** In `light` theme is `#3E3E79` */
+export declare const COLOR_GREY_90: 'var(--srns-color-grey-90)'
+
+/** In `light` theme is `#007AFF` */
+export declare const COLOR_INFO: 'var(--srns-color-info)'
+
+/** In `light` theme is `#FFFFFF` */
+export declare const COLOR_LIGHTER: 'var(--srns-color-lighter)'
+
+/** In `light` theme is `#0D99BB` */
+export declare const COLOR_MEDICINE: 'var(--srns-color-medicine)'
+
+/** In `light` theme is `#D0F9FD` */
+export declare const COLOR_MEDICINE_20: 'var(--srns-color-medicine-20)'
+
+/** In `light` theme is `#6BE5F5` */
+export declare const COLOR_MEDICINE_40: 'var(--srns-color-medicine-40)'
+
+/** In `light` theme is `#0D99BB` */
+export declare const COLOR_MEDICINE_60: 'var(--srns-color-medicine-60)'
+
+/** In `light` theme is `#175D73` */
+export declare const COLOR_MEDICINE_80: 'var(--srns-color-medicine-80)'
+
+/** In `light` theme is `#AE4FDD` */
+export declare const COLOR_MENTAL: 'var(--srns-color-mental)'
+
+/** In `light` theme is `#F1D6FF` */
+export declare const COLOR_MENTAL_20: 'var(--srns-color-mental-20)'
+
+/** In `light` theme is `#CE8EF2` */
+export declare const COLOR_MENTAL_40: 'var(--srns-color-mental-40)'
+
+/** In `light` theme is `#AE4FDD` */
+export declare const COLOR_MENTAL_60: 'var(--srns-color-mental-60)'
+
+/** In `light` theme is `#7A2C9D` */
+export declare const COLOR_MENTAL_80: 'var(--srns-color-mental-80)'
+
+/** In `light` theme is `#CAFACB` */
+export declare const COLOR_MINTTEA: 'var(--srns-color-minttea)'
+
+/** In `light` theme is `#CAFACB` */
+export declare const COLOR_MINTTEA_20: 'var(--srns-color-minttea-20)'
+
+/** In `light` theme is `#179A92` */
+export declare const COLOR_MINTTEA_40: 'var(--srns-color-minttea-40)'
+
+/** In `light` theme is `#003B2E` */
+export declare const COLOR_MINTTEA_60: 'var(--srns-color-minttea-60)'
+
+/** In `light` theme is `#061A1D` */
+export declare const COLOR_MINTTEA_80: 'var(--srns-color-minttea-80)'
+
+/** In `light` theme is `#7A7AAE` */
+export declare const COLOR_NEUTRAL: 'var(--srns-color-neutral)'
+
+/** In `light` theme is `#FFFFFF` */
+export declare const COLOR_NEUTRAL_10: 'var(--srns-color-neutral-10)'
+
+/** In `light` theme is `#2D2D58` */
+export declare const COLOR_NEUTRAL_100: 'var(--srns-color-neutral-100)'
+
+/** In `light` theme is `#1C1C36` */
+export declare const COLOR_NEUTRAL_110: 'var(--srns-color-neutral-110)'
+
+/** In `light` theme is `#0B0B1E` */
+export declare const COLOR_NEUTRAL_120: 'var(--srns-color-neutral-120)'
+
+/** In `light` theme is `#F6F7FD` */
+export declare const COLOR_NEUTRAL_20: 'var(--srns-color-neutral-20)'
+
+/** In `light` theme is `#ECEDF9` */
+export declare const COLOR_NEUTRAL_30: 'var(--srns-color-neutral-30)'
+
+/** In `light` theme is `#D7D7EA` */
+export declare const COLOR_NEUTRAL_40: 'var(--srns-color-neutral-40)'
+
+/** In `light` theme is `#A7A7D2` */
+export declare const COLOR_NEUTRAL_50: 'var(--srns-color-neutral-50)'
+
+/** In `light` theme is `#8686C1` */
+export declare const COLOR_NEUTRAL_60: 'var(--srns-color-neutral-60)'
+
+/** In `light` theme is `#7A7AAE` */
+export declare const COLOR_NEUTRAL_70: 'var(--srns-color-neutral-70)'
+
+/** In `light` theme is `#5D5D98` */
+export declare const COLOR_NEUTRAL_80: 'var(--srns-color-neutral-80)'
+
+/** In `light` theme is `#3E3E79` */
+export declare const COLOR_NEUTRAL_90: 'var(--srns-color-neutral-90)'
+
+/** In `light` theme is `#225559` */
+export declare const COLOR_NUTRITION: 'var(--srns-color-nutrition)'
+
+/** In `light` theme is `#CCF5E0` */
+export declare const COLOR_NUTRITION_20: 'var(--srns-color-nutrition-20)'
+
+/** In `light` theme is `#83A8A4` */
+export declare const COLOR_NUTRITION_40: 'var(--srns-color-nutrition-40)'
+
+/** In `light` theme is `#225559` */
+export declare const COLOR_NUTRITION_60: 'var(--srns-color-nutrition-60)'
+
+/** In `light` theme is `#1F4042` */
+export declare const COLOR_NUTRITION_80: 'var(--srns-color-nutrition-80)'
+
+/** In `light` theme is `#7A59F5` */
+export declare const COLOR_PRIMARY: 'var(--srns-color-primary)'
+
+/** In `light` theme is `#EBE9FE` */
+export declare const COLOR_PRIMARY_10: 'var(--srns-color-primary-10)'
+
+/** In `light` theme is `#D9D6FE` */
+export declare const COLOR_PRIMARY_20: 'var(--srns-color-primary-20)'
+
+/** In `light` theme is `#BDB5FD` */
+export declare const COLOR_PRIMARY_30: 'var(--srns-color-primary-30)'
+
+/** In `light` theme is `#9D8CF9` */
+export declare const COLOR_PRIMARY_40: 'var(--srns-color-primary-40)'
+
+/** In `light` theme is `#7A59F5` */
+export declare const COLOR_PRIMARY_50: 'var(--srns-color-primary-50)'
+
+/** In `light` theme is `#6B3BEC` */
+export declare const COLOR_PRIMARY_60: 'var(--srns-color-primary-60)'
+
+/** In `light` theme is `#5D29D8` */
+export declare const COLOR_PRIMARY_70: 'var(--srns-color-primary-70)'
+
+/** In `light` theme is `#4D22B5` */
+export declare const COLOR_PRIMARY_80: 'var(--srns-color-primary-80)'
+
+/** In `light` theme is `#E12D19` */
+export declare const COLOR_RED: 'var(--srns-color-red)'
+
+/** In `light` theme is `#FFE2D4` */
+export declare const COLOR_RED_20: 'var(--srns-color-red-20)'
+
+/** In `light` theme is `#FF796A` */
+export declare const COLOR_RED_40: 'var(--srns-color-red-40)'
+
+/** In `light` theme is `#E12D19` */
+export declare const COLOR_RED_60: 'var(--srns-color-red-60)'
+
+/** In `light` theme is `#BF2818` */
+export declare const COLOR_RED_80: 'var(--srns-color-red-80)'
+
+/** In `light` theme is `#419F77` */
+export declare const COLOR_SUCCESS: 'var(--srns-color-success)'
+
+/** In `light` theme is `#00000000` */
+export declare const COLOR_TRANSPARENT: 'var(--srns-color-transparent)'
+
+/** In `light` theme is `#FFAB00` */
+export declare const COLOR_WARNING: 'var(--srns-color-warning)'
+
+/** In `light` theme is `#FFFFFF` */
+export declare const COLOR_WHITE: 'var(--srns-color-white)'
+
+/** In `light` theme is `#FFAB00` */
+export declare const COLOR_YELLOW: 'var(--srns-color-yellow)'
+
+/** In `light` theme is `#FFDF99` */
+export declare const COLOR_YELLOW_20: 'var(--srns-color-yellow-20)'
+
+/** In `light` theme is `#FFCA5C` */
+export declare const COLOR_YELLOW_40: 'var(--srns-color-yellow-40)'
+
+/** In `light` theme is `#FFAB00` */
+export declare const COLOR_YELLOW_60: 'var(--srns-color-yellow-60)'
+
+/** In `light` theme is `#D05E06` */
+export declare const COLOR_YELLOW_80: 'var(--srns-color-yellow-80)'

package/dist/constants/color.js

@@ -0,0 +1,278 @@
+/** In `light` theme is `#FC8DFE` */
+export const COLOR_ACCENT = 'var(--srns-color-accent)'
+
+/** In `light` theme is `#FFE9FD` */
+export const COLOR_ACCENT_10 = 'var(--srns-color-accent-10)'
+
+/** In `light` theme is `#FFD1FB` */
+export const COLOR_ACCENT_20 = 'var(--srns-color-accent-20)'
+
+/** In `light` theme is `#FEA7F9` */
+export const COLOR_ACCENT_30 = 'var(--srns-color-accent-30)'
+
+/** In `light` theme is `#FD86F6` */
+export const COLOR_ACCENT_40 = 'var(--srns-color-accent-40)'
+
+/** In `light` theme is `#FC8DFE` */
+export const COLOR_ACCENT_50 = 'var(--srns-color-accent-50)'
+
+/** In `light` theme is `#E569DC` */
+export const COLOR_ACCENT_60 = 'var(--srns-color-accent-60)'
+
+/** In `light` theme is `#CA50B7` */
+export const COLOR_ACCENT_70 = 'var(--srns-color-accent-70)'
+
+/** In `light` theme is `#A83C94` */
+export const COLOR_ACCENT_80 = 'var(--srns-color-accent-80)'
+
+/** In `light` theme is `#0B0B1E` */
+export const COLOR_BLACK = 'var(--srns-color-black)'
+
+/** In `light` theme is `#007AFF` */
+export const COLOR_BLUE = 'var(--srns-color-blue)'
+
+/** In `light` theme is `#CCE7FF` */
+export const COLOR_BLUE_20 = 'var(--srns-color-blue-20)'
+
+/** In `light` theme is `#66B8FF` */
+export const COLOR_BLUE_40 = 'var(--srns-color-blue-40)'
+
+/** In `light` theme is `#007AFF` */
+export const COLOR_BLUE_60 = 'var(--srns-color-blue-60)'
+
+/** In `light` theme is `#004299` */
+export const COLOR_BLUE_80 = 'var(--srns-color-blue-80)'
+
+/** In `light` theme is `#1C1C36` */
+export const COLOR_DARKER = 'var(--srns-color-darker)'
+
+/** In `light` theme is `#E12D19` */
+export const COLOR_ERROR = 'var(--srns-color-error)'
+
+/** In `light` theme is `#419F77` */
+export const COLOR_GREEN = 'var(--srns-color-green)'
+
+/** In `light` theme is `#C8EEDE` */
+export const COLOR_GREEN_20 = 'var(--srns-color-green-20)'
+
+/** In `light` theme is `#7AD7AF` */
+export const COLOR_GREEN_40 = 'var(--srns-color-green-40)'
+
+/** In `light` theme is `#419F77` */
+export const COLOR_GREEN_60 = 'var(--srns-color-green-60)'
+
+/** In `light` theme is `#227251` */
+export const COLOR_GREEN_80 = 'var(--srns-color-green-80)'
+
+/** In `light` theme is `#7A7AAE` */
+export const COLOR_GREY = 'var(--srns-color-grey)'
+
+/** In `light` theme is `#FFFFFF` */
+export const COLOR_GREY_10 = 'var(--srns-color-grey-10)'
+
+/** In `light` theme is `#2D2D58` */
+export const COLOR_GREY_100 = 'var(--srns-color-grey-100)'
+
+/** In `light` theme is `#1C1C36` */
+export const COLOR_GREY_110 = 'var(--srns-color-grey-110)'
+
+/** In `light` theme is `#0B0B1E` */
+export const COLOR_GREY_120 = 'var(--srns-color-grey-120)'
+
+/** In `light` theme is `#F6F7FD` */
+export const COLOR_GREY_20 = 'var(--srns-color-grey-20)'
+
+/** In `light` theme is `#ECEDF9` */
+export const COLOR_GREY_30 = 'var(--srns-color-grey-30)'
+
+/** In `light` theme is `#D7D7EA` */
+export const COLOR_GREY_40 = 'var(--srns-color-grey-40)'
+
+/** In `light` theme is `#A7A7D2` */
+export const COLOR_GREY_50 = 'var(--srns-color-grey-50)'
+
+/** In `light` theme is `#8686C1` */
+export const COLOR_GREY_60 = 'var(--srns-color-grey-60)'
+
+/** In `light` theme is `#7A7AAE` */
+export const COLOR_GREY_70 = 'var(--srns-color-grey-70)'
+
+/** In `light` theme is `#5D5D98` */
+export const COLOR_GREY_80 = 'var(--srns-color-grey-80)'
+
+/** In `light` theme is `#3E3E79` */
+export const COLOR_GREY_90 = 'var(--srns-color-grey-90)'
+
+/** In `light` theme is `#007AFF` */
+export const COLOR_INFO = 'var(--srns-color-info)'
+
+/** In `light` theme is `#FFFFFF` */
+export const COLOR_LIGHTER = 'var(--srns-color-lighter)'
+
+/** In `light` theme is `#0D99BB` */
+export const COLOR_MEDICINE = 'var(--srns-color-medicine)'
+
+/** In `light` theme is `#D0F9FD` */
+export const COLOR_MEDICINE_20 = 'var(--srns-color-medicine-20)'
+
+/** In `light` theme is `#6BE5F5` */
+export const COLOR_MEDICINE_40 = 'var(--srns-color-medicine-40)'
+
+/** In `light` theme is `#0D99BB` */
+export const COLOR_MEDICINE_60 = 'var(--srns-color-medicine-60)'
+
+/** In `light` theme is `#175D73` */
+export const COLOR_MEDICINE_80 = 'var(--srns-color-medicine-80)'
+
+/** In `light` theme is `#AE4FDD` */
+export const COLOR_MENTAL = 'var(--srns-color-mental)'
+
+/** In `light` theme is `#F1D6FF` */
+export const COLOR_MENTAL_20 = 'var(--srns-color-mental-20)'
+
+/** In `light` theme is `#CE8EF2` */
+export const COLOR_MENTAL_40 = 'var(--srns-color-mental-40)'
+
+/** In `light` theme is `#AE4FDD` */
+export const COLOR_MENTAL_60 = 'var(--srns-color-mental-60)'
+
+/** In `light` theme is `#7A2C9D` */
+export const COLOR_MENTAL_80 = 'var(--srns-color-mental-80)'
+
+/** In `light` theme is `#CAFACB` */
+export const COLOR_MINTTEA = 'var(--srns-color-minttea)'
+
+/** In `light` theme is `#CAFACB` */
+export const COLOR_MINTTEA_20 = 'var(--srns-color-minttea-20)'
+
+/** In `light` theme is `#179A92` */
+export const COLOR_MINTTEA_40 = 'var(--srns-color-minttea-40)'
+
+/** In `light` theme is `#003B2E` */
+export const COLOR_MINTTEA_60 = 'var(--srns-color-minttea-60)'
+
+/** In `light` theme is `#061A1D` */
+export const COLOR_MINTTEA_80 = 'var(--srns-color-minttea-80)'
+
+/** In `light` theme is `#7A7AAE` */
+export const COLOR_NEUTRAL = 'var(--srns-color-neutral)'
+
+/** In `light` theme is `#FFFFFF` */
+export const COLOR_NEUTRAL_10 = 'var(--srns-color-neutral-10)'
+
+/** In `light` theme is `#2D2D58` */
+export const COLOR_NEUTRAL_100 = 'var(--srns-color-neutral-100)'
+
+/** In `light` theme is `#1C1C36` */
+export const COLOR_NEUTRAL_110 = 'var(--srns-color-neutral-110)'
+
+/** In `light` theme is `#0B0B1E` */
+export const COLOR_NEUTRAL_120 = 'var(--srns-color-neutral-120)'
+
+/** In `light` theme is `#F6F7FD` */
+export const COLOR_NEUTRAL_20 = 'var(--srns-color-neutral-20)'
+
+/** In `light` theme is `#ECEDF9` */
+export const COLOR_NEUTRAL_30 = 'var(--srns-color-neutral-30)'
+
+/** In `light` theme is `#D7D7EA` */
+export const COLOR_NEUTRAL_40 = 'var(--srns-color-neutral-40)'
+
+/** In `light` theme is `#A7A7D2` */
+export const COLOR_NEUTRAL_50 = 'var(--srns-color-neutral-50)'
+
+/** In `light` theme is `#8686C1` */
+export const COLOR_NEUTRAL_60 = 'var(--srns-color-neutral-60)'
+
+/** In `light` theme is `#7A7AAE` */
+export const COLOR_NEUTRAL_70 = 'var(--srns-color-neutral-70)'
+
+/** In `light` theme is `#5D5D98` */
+export const COLOR_NEUTRAL_80 = 'var(--srns-color-neutral-80)'
+
+/** In `light` theme is `#3E3E79` */
+export const COLOR_NEUTRAL_90 = 'var(--srns-color-neutral-90)'
+
+/** In `light` theme is `#225559` */
+export const COLOR_NUTRITION = 'var(--srns-color-nutrition)'
+
+/** In `light` theme is `#CCF5E0` */
+export const COLOR_NUTRITION_20 = 'var(--srns-color-nutrition-20)'
+
+/** In `light` theme is `#83A8A4` */
+export const COLOR_NUTRITION_40 = 'var(--srns-color-nutrition-40)'
+
+/** In `light` theme is `#225559` */
+export const COLOR_NUTRITION_60 = 'var(--srns-color-nutrition-60)'
+
+/** In `light` theme is `#1F4042` */
+export const COLOR_NUTRITION_80 = 'var(--srns-color-nutrition-80)'
+
+/** In `light` theme is `#7A59F5` */
+export const COLOR_PRIMARY = 'var(--srns-color-primary)'
+
+/** In `light` theme is `#EBE9FE` */
+export const COLOR_PRIMARY_10 = 'var(--srns-color-primary-10)'
+
+/** In `light` theme is `#D9D6FE` */
+export const COLOR_PRIMARY_20 = 'var(--srns-color-primary-20)'
+
+/** In `light` theme is `#BDB5FD` */
+export const COLOR_PRIMARY_30 = 'var(--srns-color-primary-30)'
+
+/** In `light` theme is `#9D8CF9` */
+export const COLOR_PRIMARY_40 = 'var(--srns-color-primary-40)'
+
+/** In `light` theme is `#7A59F5` */
+export const COLOR_PRIMARY_50 = 'var(--srns-color-primary-50)'
+
+/** In `light` theme is `#6B3BEC` */
+export const COLOR_PRIMARY_60 = 'var(--srns-color-primary-60)'
+
+/** In `light` theme is `#5D29D8` */
+export const COLOR_PRIMARY_70 = 'var(--srns-color-primary-70)'
+
+/** In `light` theme is `#4D22B5` */
+export const COLOR_PRIMARY_80 = 'var(--srns-color-primary-80)'
+
+/** In `light` theme is `#E12D19` */
+export const COLOR_RED = 'var(--srns-color-red)'
+
+/** In `light` theme is `#FFE2D4` */
+export const COLOR_RED_20 = 'var(--srns-color-red-20)'
+
+/** In `light` theme is `#FF796A` */
+export const COLOR_RED_40 = 'var(--srns-color-red-40)'
+
+/** In `light` theme is `#E12D19` */
+export const COLOR_RED_60 = 'var(--srns-color-red-60)'
+
+/** In `light` theme is `#BF2818` */
+export const COLOR_RED_80 = 'var(--srns-color-red-80)'
+
+/** In `light` theme is `#419F77` */
+export const COLOR_SUCCESS = 'var(--srns-color-success)'
+
+/** In `light` theme is `#00000000` */
+export const COLOR_TRANSPARENT = 'var(--srns-color-transparent)'
+
+/** In `light` theme is `#FFAB00` */
+export const COLOR_WARNING = 'var(--srns-color-warning)'
+
+/** In `light` theme is `#FFFFFF` */
+export const COLOR_WHITE = 'var(--srns-color-white)'
+
+/** In `light` theme is `#FFAB00` */
+export const COLOR_YELLOW = 'var(--srns-color-yellow)'
+
+/** In `light` theme is `#FFDF99` */
+export const COLOR_YELLOW_20 = 'var(--srns-color-yellow-20)'
+
+/** In `light` theme is `#FFCA5C` */
+export const COLOR_YELLOW_40 = 'var(--srns-color-yellow-40)'
+
+/** In `light` theme is `#FFAB00` */
+export const COLOR_YELLOW_60 = 'var(--srns-color-yellow-60)'
+
+/** In `light` theme is `#D05E06` */
+export const COLOR_YELLOW_80 = 'var(--srns-color-yellow-80)'

package/dist/constants/container.d.ts

@@ -0,0 +1,51 @@
+/** `256px` */
+export declare const CONTAINER_3XS: 'var(--srns-container-3xs)'
+export declare const CONTAINER_3XS_VALUE: '256px'
+
+/** `288px` */
+export declare const CONTAINER_2XS: 'var(--srns-container-2xs)'
+export declare const CONTAINER_2XS_VALUE: '288px'
+
+/** `320px` */
+export declare const CONTAINER_XS: 'var(--srns-container-xs)'
+export declare const CONTAINER_XS_VALUE: '320px'
+
+/** `384px` */
+export declare const CONTAINER_SM: 'var(--srns-container-sm)'
+export declare const CONTAINER_SM_VALUE: '384px'
+
+/** `448px` */
+export declare const CONTAINER_MD: 'var(--srns-container-md)'
+export declare const CONTAINER_MD_VALUE: '448px'
+
+/** `512px` */
+export declare const CONTAINER_LG: 'var(--srns-container-lg)'
+export declare const CONTAINER_LG_VALUE: '512px'
+
+/** `576px` */
+export declare const CONTAINER_XL: 'var(--srns-container-xl)'
+export declare const CONTAINER_XL_VALUE: '576px'
+
+/** `672px` */
+export declare const CONTAINER_2XL: 'var(--srns-container-2xl)'
+export declare const CONTAINER_2XL_VALUE: '672px'
+
+/** `768px` */
+export declare const CONTAINER_3XL: 'var(--srns-container-3xl)'
+export declare const CONTAINER_3XL_VALUE: '768px'
+
+/** `896px` */
+export declare const CONTAINER_4XL: 'var(--srns-container-4xl)'
+export declare const CONTAINER_4XL_VALUE: '896px'
+
+/** `1024px` */
+export declare const CONTAINER_5XL: 'var(--srns-container-5xl)'
+export declare const CONTAINER_5XL_VALUE: '1024px'
+
+/** `1152px` */
+export declare const CONTAINER_6XL: 'var(--srns-container-6xl)'
+export declare const CONTAINER_6XL_VALUE: '1152px'
+
+/** `1280px` */
+export declare const CONTAINER_7XL: 'var(--srns-container-7xl)'
+export declare const CONTAINER_7XL_VALUE: '1280px'

package/dist/constants/container.js

@@ -0,0 +1,51 @@
+/** `256px` */
+export const CONTAINER_3XS = 'var(--srns-container-3xs)'
+export const CONTAINER_3XS_VALUE = '256px'
+
+/** `288px` */
+export const CONTAINER_2XS = 'var(--srns-container-2xs)'
+export const CONTAINER_2XS_VALUE = '288px'
+
+/** `320px` */
+export const CONTAINER_XS = 'var(--srns-container-xs)'
+export const CONTAINER_XS_VALUE = '320px'
+
+/** `384px` */
+export const CONTAINER_SM = 'var(--srns-container-sm)'
+export const CONTAINER_SM_VALUE = '384px'
+
+/** `448px` */
+export const CONTAINER_MD = 'var(--srns-container-md)'
+export const CONTAINER_MD_VALUE = '448px'
+
+/** `512px` */
+export const CONTAINER_LG = 'var(--srns-container-lg)'
+export const CONTAINER_LG_VALUE = '512px'
+
+/** `576px` */
+export const CONTAINER_XL = 'var(--srns-container-xl)'
+export const CONTAINER_XL_VALUE = '576px'
+
+/** `672px` */
+export const CONTAINER_2XL = 'var(--srns-container-2xl)'
+export const CONTAINER_2XL_VALUE = '672px'
+
+/** `768px` */
+export const CONTAINER_3XL = 'var(--srns-container-3xl)'
+export const CONTAINER_3XL_VALUE = '768px'
+
+/** `896px` */
+export const CONTAINER_4XL = 'var(--srns-container-4xl)'
+export const CONTAINER_4XL_VALUE = '896px'
+
+/** `1024px` */
+export const CONTAINER_5XL = 'var(--srns-container-5xl)'
+export const CONTAINER_5XL_VALUE = '1024px'
+
+/** `1152px` */
+export const CONTAINER_6XL = 'var(--srns-container-6xl)'
+export const CONTAINER_6XL_VALUE = '1152px'
+
+/** `1280px` */
+export const CONTAINER_7XL = 'var(--srns-container-7xl)'
+export const CONTAINER_7XL_VALUE = '1280px'

package/dist/constants/elevation-box-shadow-serenis-dark.d.ts

@@ -0,0 +1,20 @@
+/** `inset 0px 0.5px 0px 0px #5D5D98, inset 0px -0.5px 0px 0px #0B0B1E, 0px 0px 8px -2px #0B0B1E52, 0px 0px 2px 0px #0B0B1E8F, 0px 2px 2px -4px #0B0B1EE0` */
+export declare const ELEVATION_2XS_VALUE: 'inset 0px 0.5px 0px 0px #5D5D98, inset 0px -0.5px 0px 0px #0B0B1E, 0px 0px 8px -2px #0B0B1E52, 0px 0px 2px 0px #0B0B1E8F, 0px 2px 2px -4px #0B0B1EE0'
+
+/** `inset 0px 0.5px 0px 0px #5D5D98, inset 0px -0.5px 0px 0px #0B0B1E, 0px 4px 16px -2px #0B0B1E52, 0px 0px 2px 0px #0B0B1E8F, 0px 2px 8px -4px #0B0B1EA3` */
+export declare const ELEVATION_XS_VALUE: 'inset 0px 0.5px 0px 0px #5D5D98, inset 0px -0.5px 0px 0px #0B0B1E, 0px 4px 16px -2px #0B0B1E52, 0px 0px 2px 0px #0B0B1E8F, 0px 2px 8px -4px #0B0B1EA3'
+
+/** `inset 0px 0.5px 0px 0px #5D5D98, inset 0px -0.5px 0px 0px #0B0B1E, 0px 0px 16px -2px #0B0B1E52, 0px 0px 8px -2px #0B0B1E8F, 0px 12px 8px -12px #0B0B1E8F` */
+export declare const ELEVATION_SM_VALUE: 'inset 0px 0.5px 0px 0px #5D5D98, inset 0px -0.5px 0px 0px #0B0B1E, 0px 0px 16px -2px #0B0B1E52, 0px 0px 8px -2px #0B0B1E8F, 0px 12px 8px -12px #0B0B1E8F'
+
+/** `inset 0px 0.5px 0px 0px #5D5D98, inset 0px -0.5px 0px 0px #0B0B1E, 0px 0px 16px -2px #0B0B1E52, 0px 0px 16px -4px #0B0B1E8F, 0px 16px 12px -16px #0B0B1E7A` */
+export declare const ELEVATION_MD_VALUE: 'inset 0px 0.5px 0px 0px #5D5D98, inset 0px -0.5px 0px 0px #0B0B1E, 0px 0px 16px -2px #0B0B1E52, 0px 0px 16px -4px #0B0B1E8F, 0px 16px 12px -16px #0B0B1E7A'
+
+/** `inset 0px 0.5px 0px 0px #5D5D98, inset 0px -0.5px 0px 0px #0B0B1E, 0px 0px 16px -2px #0B0B1E52, 0px 0px 24px -4px #0B0B1E7A, 0px 16px 24px -16px #0B0B1E7A` */
+export declare const ELEVATION_LG_VALUE: 'inset 0px 0.5px 0px 0px #5D5D98, inset 0px -0.5px 0px 0px #0B0B1E, 0px 0px 16px -2px #0B0B1E52, 0px 0px 24px -4px #0B0B1E7A, 0px 16px 24px -16px #0B0B1E7A'
+
+/** `inset 0px 0.5px 0px 0px #5D5D98, inset 0px -0.5px 0px 0px #0B0B1E, 0px 0px 16px -2px #0B0B1E52, 0px 0px 32px -8px #0B0B1E52, 0px 32px 32px -24px #0B0B1E7A` */
+export declare const ELEVATION_XL_VALUE: 'inset 0px 0.5px 0px 0px #5D5D98, inset 0px -0.5px 0px 0px #0B0B1E, 0px 0px 16px -2px #0B0B1E52, 0px 0px 32px -8px #0B0B1E52, 0px 32px 32px -24px #0B0B1E7A'
+
+/** `0px 0px 8px 0px #6A42FF, 0px 0px 0px 4px #6A42FF14, 0px 0px 0px 8px #6A42FF14` */
+export declare const ELEVATION_SPECIAL_VALUE: '0px 0px 8px 0px #6A42FF, 0px 0px 0px 4px #6A42FF14, 0px 0px 0px 8px #6A42FF14'