@shohojdhara/atomix 0.2.1 → 0.2.3

package/src/lib/constants/components.ts

@@ -1081,6 +1081,9 @@ export const VIDEO_PLAYER = {
     SETTINGS_OPTION_ACTIVE: 'c-video-player__settings-option--active',
     AMBIENT: 'c-video-player--ambient',
     AMBIENT_CANVAS: 'c-video-player__ambient-canvas',
+    GLASS: 'c-video-player--glass',
+    GLASS_OVERLAY: 'c-video-player__glass-overlay',
+    GLASS_CONTENT: 'c-video-player__glass-content',
   },
   DEFAULTS: {
     CONTROLS_TIMEOUT: 3000,
@@ -1431,3 +1434,173 @@ export const BLOCK = {
     DEFAULT: 'md' as const,
   },
 };
+
+/**
+ * GlassContainer-specific constants
+ */
+export const GLASS_CONTAINER = {
+  CLASSES: {
+    BASE: 'c-glass-container',
+    GLASS: 'c-glass-container__glass',
+    WARP: 'c-glass-container__warp',
+    CONTENT: 'c-glass-container__content',
+    OVERLAY: 'c-glass-container__overlay',
+    OVERLAY_VISIBLE: 'c-glass-container__overlay--visible',
+    OVERLAY_HIDDEN: 'c-glass-container__overlay--hidden',
+    OVERLAY_BLEND: 'c-glass-container__overlay-blend',
+    BORDER: 'c-glass-container__border',
+    BORDER_OVERLAY: 'c-glass-container__border-overlay',
+    HOVER_EFFECT: 'c-glass-container__hover-effect',
+    ACTIVE_EFFECT: 'c-glass-container__active-effect',
+    INTERACTION_EFFECT: 'c-glass-container__interaction-effect',
+    ACTIVE: 'c-glass-container--active',
+    CLICKABLE: 'c-glass-container--clickable',
+  },
+  DISPLACEMENT_MAPS: {
+    STANDARD:
+      'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjcwIiBoZWlnaHQ9IjY5IiB2aWV3Qm94PSIwIDAgMjcwIDY5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxyYWRpYWxHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGN4PSI1MCUiIGN5PSI1MCUiIHI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgwODA4MCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzgwODA4MCIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZGllbnQpIi8+PC9zdmc+',
+    POLAR:
+      'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjcwIiBoZWlnaHQ9IjY5IiB2aWV3Qm94PSIwIDAgMjcwIDY5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxyYWRpYWxHcmFkaWVudCBpZD0icG9sYXIiIGN4PSI1MCUiIGN5PSI1MCUiIHI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQwNDA0MCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjODA4MDgwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNDA0MDQwIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNwb2xhcikiLz48L3N2Zz4=',
+    PROMINENT:
+      'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjcwIiBoZWlnaHQ9IjY5IiB2aWV3Qm94PSIwIDAgMjcwIDY5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0icHJvbWluZW50IiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNDA0MDQwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNjMGMwYzAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MDQwNDAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI3Byb21pbmVudCkiLz48L3N2Zz4=',
+  },
+};
+
+/**
+ * Footer-specific constants
+ */
+export const FOOTER = {
+  SELECTORS: {
+    FOOTER: '.c-footer',
+    CONTAINER: '.c-footer__container',
+    SECTIONS: '.c-footer__sections',
+    BRAND: '.c-footer__brand',
+    BRAND_LOGO: '.c-footer__brand-logo',
+    BRAND_NAME: '.c-footer__brand-name',
+    BRAND_DESCRIPTION: '.c-footer__brand-description',
+    SECTION: '.c-footer__section',
+    SECTION_HEADER: '.c-footer__section-header',
+    SECTION_TITLE: '.c-footer__section-title',
+    SECTION_CONTENT: '.c-footer__section-content',
+    SECTION_TOGGLE: '.c-footer__section-toggle',
+    LINK: '.c-footer__link',
+    SOCIAL: '.c-footer__social',
+    SOCIAL_LINK: '.c-footer__social-link',
+    NEWSLETTER: '.c-footer__newsletter',
+    NEWSLETTER_FORM: '.c-footer__newsletter-form',
+    NEWSLETTER_INPUT: '.c-footer__newsletter-input',
+    NEWSLETTER_BUTTON: '.c-footer__newsletter-button',
+    BOTTOM: '.c-footer__bottom',
+    COPYRIGHT: '.c-footer__copyright',
+    BACK_TO_TOP: '.c-footer__back-to-top',
+    DIVIDER: '.c-footer__divider',
+  },
+  CLASSES: {
+    BASE: 'c-footer',
+    CONTAINER: 'c-footer__container',
+    SECTIONS: 'c-footer__sections',
+    BRAND: 'c-footer__brand',
+    BRAND_LOGO: 'c-footer__brand-logo',
+    BRAND_NAME: 'c-footer__brand-name',
+    BRAND_DESCRIPTION: 'c-footer__brand-description',
+    SECTION: 'c-footer__section',
+    SECTION_HEADER: 'c-footer__section-header',
+    SECTION_TITLE: 'c-footer__section-title',
+    SECTION_CONTENT: 'c-footer__section-content',
+    SECTION_TOGGLE: 'c-footer__section-toggle',
+    SECTION_COLLAPSIBLE: 'c-footer__section--collapsible',
+    SECTION_COLLAPSED: 'c-footer__section--collapsed',
+    LINK: 'c-footer__link',
+    LINK_ACTIVE: 'c-footer__link--active',
+    LINK_DISABLED: 'c-footer__link--disabled',
+    SOCIAL: 'c-footer__social',
+    SOCIAL_LINK: 'c-footer__social-link',
+    NEWSLETTER: 'c-footer__newsletter',
+    NEWSLETTER_FORM: 'c-footer__newsletter-form',
+    NEWSLETTER_INPUT: 'c-footer__newsletter-input',
+    NEWSLETTER_BUTTON: 'c-footer__newsletter-button',
+    BOTTOM: 'c-footer__bottom',
+    COPYRIGHT: 'c-footer__copyright',
+    BACK_TO_TOP: 'c-footer__back-to-top',
+    DIVIDER: 'c-footer__divider',
+    // Layout variants
+    COLUMNS: 'c-footer--columns',
+    CENTERED: 'c-footer--centered',
+    MINIMAL: 'c-footer--minimal',
+    STACKED: 'c-footer--stacked',
+    // Size variants
+    SM: 'c-footer--sm',
+    MD: 'c-footer--md',
+    LG: 'c-footer--lg',
+    // State modifiers
+    STICKY: 'c-footer--sticky',
+  },
+  DEFAULTS: {
+    LAYOUT: 'columns',
+    VARIANT: 'primary',
+    SIZE: 'md',
+    SHOW_NEWSLETTER: false,
+    SHOW_BACK_TO_TOP: false,
+    SHOW_DIVIDER: true,
+    STICKY: false,
+    NEWSLETTER_TITLE: 'Stay Updated',
+    NEWSLETTER_DESCRIPTION: 'Subscribe to our newsletter for the latest updates.',
+    NEWSLETTER_PLACEHOLDER: 'Enter your email',
+    NEWSLETTER_BUTTON_TEXT: 'Subscribe',
+    BACK_TO_TOP_TEXT: 'Back to Top',
+  },
+};
+
+/**
+ * AtomixGlass-specific constants
+ */
+export const ATOMIX_GLASS = {
+  BASE_CLASS: 'c-atomix-glass',
+  WARP_CLASS: 'c-atomix-glass__warp',
+  CONTENT_CLASS: 'c-atomix-glass__content',
+  BORDER_CLASS: 'c-atomix-glass__border',
+  OVER_LIGHT_CLASS: 'c-atomix-glass__over-light',
+  HOVER_EFFECT_CLASS: 'c-atomix-glass__hover-effect',
+  ACTIVE_EFFECT_CLASS: 'c-atomix-glass__active-effect',
+  GLOW_EFFECT_CLASS: 'c-atomix-glass__glow-effect',
+  VARIANT_PREFIX: 'c-atomix-glass--',
+  MODE_PREFIX: 'c-atomix-glass--',
+  CLASSES: {
+    BASE: 'c-atomix-glass',
+    WARP: 'c-atomix-glass__warp',
+    CONTENT: 'c-atomix-glass__content',
+    BORDER: 'c-atomix-glass__border',
+    BORDER_OVERLAY: 'c-atomix-glass__border--overlay',
+    OVER_LIGHT: 'c-atomix-glass__over-light',
+    OVER_LIGHT_ACTIVE: 'c-atomix-glass__over-light--active',
+    OVER_LIGHT_OVERLAY: 'c-atomix-glass__over-light--overlay',
+    OVER_LIGHT_OVERLAY_ACTIVE: 'c-atomix-glass__over-light--overlay-active',
+    HOVER_EFFECT: 'c-atomix-glass__hover-effect',
+    HOVER_EFFECT_ACTIVE: 'c-atomix-glass__hover-effect--active',
+    ACTIVE_EFFECT: 'c-atomix-glass__active-effect',
+    ACTIVE_EFFECT_ACTIVE: 'c-atomix-glass__active-effect--active',
+    GLOW_EFFECT: 'c-atomix-glass__glow-effect',
+    GLOW_EFFECT_HOVER: 'c-atomix-glass__glow-effect--hover',
+    GLOW_EFFECT_ACTIVE: 'c-atomix-glass__glow-effect--active',
+    // Modifiers
+    CLICKABLE: 'c-atomix-glass--clickable',
+    ACTIVE: 'c-atomix-glass--active',
+    // Mode variants
+    STANDARD: 'c-atomix-glass--standard',
+    POLAR: 'c-atomix-glass--polar',
+    PROMINENT: 'c-atomix-glass--prominent',
+    SHADER: 'c-atomix-glass--shader',
+  },
+  DEFAULTS: {
+    DISPLACEMENT_SCALE: 70,
+    BLUR_AMOUNT: 0.0625,
+    SATURATION: 140,
+    ABERRATION_INTENSITY: 2,
+    ELASTICITY: 0.15,
+    CORNER_RADIUS: 999,
+    PADDING: '24px 32px',
+    MODE: 'standard',
+    OVER_LIGHT: false,
+    SIZE: 'md',
+  },
+};