npm - @octaviaflow/elements - Versions diffs - 1.0.0 - Mend

@octaviaflow/elements 1.0.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.

Files changed (12) hide show

package/README.md +91 -0
package/es/index.js +5 -0
package/index.scss +13 -0
package/lib/index.js +646 -0
package/package.json +53 -0
package/src/__tests__/PublicAPI-test.js +15 -0
package/src/__tests__/PublicAPI.test.js +14 -0
package/src/__tests__/__snapshots__/PublicAPI-test.js.snap +384 -0
package/src/__tests__/__snapshots__/PublicAPI.test.js.snap +384 -0
package/src/index.js +176 -0
package/telemetry.yml +17 -0
package/umd/index.js +644 -0

package/src/__tests__/__snapshots__/PublicAPI.test.js.snap ADDED Viewed

@@ -0,0 +1,384 @@
+// Bun Snapshot v1, https://bun.sh/docs/test/snapshots
+exports[`Public API should only change with a semver change 1`] = `
+[
+  "aiAuraEnd",
+  "aiAuraHoverBackground",
+  "aiAuraHoverEnd",
+  "aiAuraHoverStart",
+  "aiAuraStart",
+  "aiAuraStartSm",
+  "aiBorderEnd",
+  "aiBorderStart",
+  "aiBorderStrong",
+  "aiDropShadow",
+  "aiInnerShadow",
+  "aiOverlay",
+  "aiPopoverBackground",
+  "aiPopoverCaretBottom",
+  "aiPopoverCaretBottomBackground",
+  "aiPopoverCaretBottomBackgroundActions",
+  "aiPopoverCaretCenter",
+  "aiPopoverShadowOuter01",
+  "aiPopoverShadowOuter02",
+  "aiSkeletonBackground",
+  "aiSkeletonElementBackground",
+  "background",
+  "backgroundActive",
+  "backgroundBrand",
+  "backgroundHover",
+  "backgroundInverse",
+  "backgroundInverseHover",
+  "backgroundSelected",
+  "backgroundSelectedHover",
+  "baseFontSize",
+  "black",
+  "black100",
+  "blue",
+  "blue10",
+  "blue100",
+  "blue20",
+  "blue30",
+  "blue40",
+  "blue50",
+  "blue60",
+  "blue70",
+  "blue80",
+  "blue90",
+  "bodyLong01",
+  "bodyLong02",
+  "bodyShort01",
+  "bodyShort02",
+  "borderDisabled",
+  "borderInteractive",
+  "borderInverse",
+  "borderStrong01",
+  "borderStrong02",
+  "borderStrong03",
+  "borderSubtle00",
+  "borderSubtle01",
+  "borderSubtle02",
+  "borderSubtle03",
+  "borderSubtleSelected01",
+  "borderSubtleSelected02",
+  "borderSubtleSelected03",
+  "borderTile01",
+  "borderTile02",
+  "borderTile03",
+  "breakpoint",
+  "breakpointDown",
+  "breakpointUp",
+  "breakpoints",
+  "buttonTokens",
+  "caption01",
+  "caption02",
+  "chatAvatarAgent",
+  "chatAvatarBot",
+  "chatAvatarUser",
+  "chatBubbleAgent",
+  "chatBubbleBorder",
+  "chatBubbleUser",
+  "chatButton",
+  "chatButtonActive",
+  "chatButtonHover",
+  "chatButtonSelected",
+  "chatButtonTextHover",
+  "chatButtonTextSelected",
+  "chatHeaderBackground",
+  "chatPromptBackground",
+  "chatPromptBorderEnd",
+  "chatPromptBorderStart",
+  "chatShellBackground",
+  "code01",
+  "code02",
+  "colors",
+  "container",
+  "container01",
+  "container02",
+  "container03",
+  "container04",
+  "container05",
+  "coolGray",
+  "coolGray10",
+  "coolGray100",
+  "coolGray20",
+  "coolGray30",
+  "coolGray40",
+  "coolGray50",
+  "coolGray60",
+  "coolGray70",
+  "coolGray80",
+  "coolGray90",
+  "cyan",
+  "cyan10",
+  "cyan100",
+  "cyan20",
+  "cyan30",
+  "cyan40",
+  "cyan50",
+  "cyan60",
+  "cyan70",
+  "cyan80",
+  "cyan90",
+  "display01",
+  "display02",
+  "display03",
+  "display04",
+  "easings",
+  "em",
+  "expressiveHeading01",
+  "expressiveHeading02",
+  "expressiveHeading03",
+  "expressiveHeading04",
+  "expressiveHeading05",
+  "expressiveHeading06",
+  "expressiveParagraph01",
+  "fast01",
+  "fast02",
+  "field01",
+  "field02",
+  "field03",
+  "fieldHover01",
+  "fieldHover02",
+  "fieldHover03",
+  "fluid",
+  "fluidSpacing",
+  "fluidSpacing01",
+  "fluidSpacing02",
+  "fluidSpacing03",
+  "fluidSpacing04",
+  "focus",
+  "focusInset",
+  "focusInverse",
+  "fontFamilies",
+  "fontFamily",
+  "fontWeight",
+  "fontWeights",
+  "formatTokenName",
+  "g10",
+  "g100",
+  "g90",
+  "getTypeSize",
+  "gray",
+  "gray10",
+  "gray100",
+  "gray20",
+  "gray30",
+  "gray40",
+  "gray50",
+  "gray60",
+  "gray70",
+  "gray80",
+  "gray90",
+  "green",
+  "green10",
+  "green100",
+  "green20",
+  "green30",
+  "green40",
+  "green50",
+  "green60",
+  "green70",
+  "green80",
+  "green90",
+  "heading01",
+  "heading02",
+  "helperText01",
+  "helperText02",
+  "highlight",
+  "iconDisabled",
+  "iconInteractive",
+  "iconInverse",
+  "iconOnColor",
+  "iconOnColorDisabled",
+  "iconPrimary",
+  "iconSecondary",
+  "iconSize",
+  "iconSize01",
+  "iconSize02",
+  "interactive",
+  "label01",
+  "label02",
+  "layer01",
+  "layer02",
+  "layer03",
+  "layerAccent01",
+  "layerAccent02",
+  "layerAccent03",
+  "layerAccentActive01",
+  "layerAccentActive02",
+  "layerAccentActive03",
+  "layerAccentHover01",
+  "layerAccentHover02",
+  "layerAccentHover03",
+  "layerActive01",
+  "layerActive02",
+  "layerActive03",
+  "layerHover01",
+  "layerHover02",
+  "layerHover03",
+  "layerSelected01",
+  "layerSelected02",
+  "layerSelected03",
+  "layerSelectedDisabled",
+  "layerSelectedHover01",
+  "layerSelectedHover02",
+  "layerSelectedHover03",
+  "layerSelectedInverse",
+  "layout01",
+  "layout02",
+  "layout03",
+  "layout04",
+  "layout05",
+  "layout06",
+  "layout07",
+  "linkInverse",
+  "linkInverseActive",
+  "linkInverseHover",
+  "linkInverseVisited",
+  "linkPrimary",
+  "linkPrimaryHover",
+  "linkSecondary",
+  "linkVisited",
+  "magenta",
+  "magenta10",
+  "magenta100",
+  "magenta20",
+  "magenta30",
+  "magenta40",
+  "magenta50",
+  "magenta60",
+  "magenta70",
+  "magenta80",
+  "magenta90",
+  "miniUnit",
+  "miniUnits",
+  "moderate01",
+  "moderate02",
+  "motion",
+  "notificationTokens",
+  "orange",
+  "orange40",
+  "orange60",
+  "orange70",
+  "overlay",
+  "print",
+  "productiveHeading01",
+  "productiveHeading02",
+  "productiveHeading03",
+  "productiveHeading04",
+  "productiveHeading05",
+  "productiveHeading06",
+  "productiveHeading07",
+  "purple",
+  "purple10",
+  "purple100",
+  "purple20",
+  "purple30",
+  "purple40",
+  "purple50",
+  "purple60",
+  "purple70",
+  "purple80",
+  "purple90",
+  "px",
+  "quotation01",
+  "quotation02",
+  "red",
+  "red10",
+  "red100",
+  "red20",
+  "red30",
+  "red40",
+  "red50",
+  "red60",
+  "red70",
+  "red80",
+  "red90",
+  "rem",
+  "reset",
+  "rgba",
+  "scale",
+  "shadow",
+  "size2XLarge",
+  "sizeLarge",
+  "sizeMedium",
+  "sizeSmall",
+  "sizeXLarge",
+  "sizeXSmall",
+  "skeletonBackground",
+  "skeletonElement",
+  "slow01",
+  "slow02",
+  "spacing",
+  "spacing01",
+  "spacing02",
+  "spacing03",
+  "spacing04",
+  "spacing05",
+  "spacing06",
+  "spacing07",
+  "spacing08",
+  "spacing09",
+  "spacing10",
+  "spacing11",
+  "spacing12",
+  "spacing13",
+  "styles",
+  "supportCautionMajor",
+  "supportCautionMinor",
+  "supportCautionUndefined",
+  "supportError",
+  "supportErrorInverse",
+  "supportInfo",
+  "supportInfoInverse",
+  "supportSuccess",
+  "supportSuccessInverse",
+  "supportWarning",
+  "supportWarningInverse",
+  "tagTokens",
+  "teal",
+  "teal10",
+  "teal100",
+  "teal20",
+  "teal30",
+  "teal40",
+  "teal50",
+  "teal60",
+  "teal70",
+  "teal80",
+  "teal90",
+  "textDisabled",
+  "textError",
+  "textHelper",
+  "textInverse",
+  "textOnColor",
+  "textOnColorDisabled",
+  "textPlaceholder",
+  "textPrimary",
+  "textSecondary",
+  "themes",
+  "toggleOff",
+  "unstable_metadata",
+  "unstable_tokens",
+  "v10",
+  "warmGray",
+  "warmGray10",
+  "warmGray100",
+  "warmGray20",
+  "warmGray30",
+  "warmGray40",
+  "warmGray50",
+  "warmGray60",
+  "warmGray70",
+  "warmGray80",
+  "warmGray90",
+  "white",
+  "white0",
+  "yellow",
+  "yellow20",
+  "yellow30",
+  "yellow40",
+  "yellow50",
+]
+`;

package/src/index.js ADDED Viewed

@@ -0,0 +1,176 @@
+/**
+ * Copyright OctaviaFlow
+ * Author: Vishal Kumar
+ * Created: 11/November/2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export {
+  black,
+  black100,
+  blue,
+  blue10,
+  blue20,
+  blue30,
+  blue40,
+  blue50,
+  blue60,
+  blue70,
+  blue80,
+  blue90,
+  blue100,
+  colors,
+  coolGray,
+  coolGray10,
+  coolGray20,
+  coolGray30,
+  coolGray40,
+  coolGray50,
+  coolGray60,
+  coolGray70,
+  coolGray80,
+  coolGray90,
+  coolGray100,
+  cyan,
+  cyan10,
+  cyan20,
+  cyan30,
+  cyan40,
+  cyan50,
+  cyan60,
+  cyan70,
+  cyan80,
+  cyan90,
+  cyan100,
+  gray,
+  gray10,
+  gray20,
+  gray30,
+  gray40,
+  gray50,
+  gray60,
+  gray70,
+  gray80,
+  gray90,
+  gray100,
+  green,
+  green10,
+  green20,
+  green30,
+  green40,
+  green50,
+  green60,
+  green70,
+  green80,
+  green90,
+  green100,
+  magenta,
+  magenta10,
+  magenta20,
+  magenta30,
+  magenta40,
+  magenta50,
+  magenta60,
+  magenta70,
+  magenta80,
+  magenta90,
+  magenta100,
+  orange,
+  orange40,
+  orange60,
+  orange70,
+  purple,
+  purple10,
+  purple20,
+  purple30,
+  purple40,
+  purple50,
+  purple60,
+  purple70,
+  purple80,
+  purple90,
+  purple100,
+  red,
+  red10,
+  red20,
+  red30,
+  red40,
+  red50,
+  red60,
+  red70,
+  red80,
+  red90,
+  red100,
+  rgba,
+  teal,
+  teal10,
+  teal20,
+  teal30,
+  teal40,
+  teal50,
+  teal60,
+  teal70,
+  teal80,
+  teal90,
+  teal100,
+  warmGray,
+  warmGray10,
+  warmGray20,
+  warmGray30,
+  warmGray40,
+  warmGray50,
+  warmGray60,
+  warmGray70,
+  warmGray80,
+  warmGray90,
+  warmGray100,
+  white0,
+  yellow,
+  yellow20,
+  yellow30,
+  yellow40,
+  yellow50,
+} from '@octaviaflow/colors';
+export {
+  fluid,
+  fontFamilies,
+  fontFamily,
+  fontWeights,
+  fontWeight,
+  print,
+  reset,
+  getTypeSize,
+  scale,
+  styles,
+  unstable_tokens,
+} from '@octaviaflow/type';
+export {
+  baseFontSize,
+  rem,
+  em,
+  px,
+  breakpoints,
+  breakpointUp,
+  breakpointDown,
+  breakpoint,
+  container,
+  fluidSpacing,
+  iconSize,
+  miniUnit,
+  miniUnits,
+  spacing,
+} from '@octaviaflow/layout';
+export * from '@octaviaflow/themes';
+export {
+  fast01,
+  fast02,
+  moderate01,
+  moderate02,
+  slow01,
+  slow02,
+  easings,
+  motion,
+} from '@octaviaflow/motion';

package/telemetry.yml ADDED Viewed

@@ -0,0 +1,17 @@
+# yaml-language-server: $schema=https://unpkg.com/@octaviaflow/telemetry-config-schema@v1.0.0/dist/config.schema.json
+version: 1
+projectId: 'd0559f64-ad1b-4595-9201-6175217fe05f'
+name: 'OctaviaFlow Elements'
+storage:
+  type: 'file'
+  file:
+    directory: '/Volumes/Main/Projects/OctaviaFlow-Design-System/telemetry-logs'
+    fileNamePattern: 'octaviaflow-elements-{timestamp}.json'
+    maxFileSizeMB: 10
+    compress: false
+collect:
+  npm:
+    dependencies: null
+  js:
+    functions: {}
+    tokens: null