@graphprotocol/gds-css 0.1.1 → 0.2.0

package/src/design-tokens.generated.ts

@@ -758,6 +758,30 @@ export const semanticColors = [
         "#2d2a3f"
       ]
     },
+    {
+      "name": "brand-subtlest",
+      "category": "background",
+      "light": [
+        "var(--color-brand-100)",
+        "#e2dbff"
+      ],
+      "dark": [
+        "var(--color-brand-1100)",
+        "#19123a"
+      ]
+    },
+    {
+      "name": "brand-subtler",
+      "category": "background",
+      "light": [
+        "var(--color-brand-200)",
+        "#c5b7ff"
+      ],
+      "dark": [
+        "var(--color-brand-1000)",
+        "#281c5c"
+      ]
+    },
     {
       "name": "brand-subtle",
       "category": "background",
@@ -1018,6 +1042,30 @@ export const semanticColors = [
         "#49465d"
       ]
     },
+    {
+      "name": "brand-subtlest",
+      "category": "border",
+      "light": [
+        "var(--color-brand-100)",
+        "#e2dbff"
+      ],
+      "dark": [
+        "var(--color-brand-1100)",
+        "#19123a"
+      ]
+    },
+    {
+      "name": "brand-subtler",
+      "category": "border",
+      "light": [
+        "var(--color-brand-200)",
+        "#c5b7ff"
+      ],
+      "dark": [
+        "var(--color-brand-1000)",
+        "#281c5c"
+      ]
+    },
     {
       "name": "brand-subtle",
       "category": "border",
@@ -1668,10 +1716,12 @@ export const componentColors = [
       "name": "button-secondary-toggled-idle",
       "category": "background",
       "light": [
+        "var(--background-color-brand-subtlest)",
         "var(--color-brand-100)",
         "#e2dbff"
       ],
       "dark": [
+        "var(--background-color-brand-subtlest)",
         "var(--color-brand-1100)",
         "#19123a"
       ]
@@ -1680,10 +1730,12 @@ export const componentColors = [
       "name": "button-secondary-toggled-hover",
       "category": "background",
       "light": [
+        "var(--background-color-brand-subtler)",
         "var(--color-brand-200)",
         "#c5b7ff"
       ],
       "dark": [
+        "var(--background-color-brand-subtler)",
         "var(--color-brand-1000)",
         "#281c5c"
       ]
@@ -1692,22 +1744,26 @@ export const componentColors = [
       "name": "button-secondary-toggled-active",
       "category": "background",
       "light": [
+        "var(--background-color-brand-subtlest)",
         "var(--color-brand-100)",
         "#e2dbff"
       ],
       "dark": [
-        "var(--color-brand-1200)",
-        "#140f2f"
+        "var(--background-color-brand-subtlest)",
+        "var(--color-brand-1100)",
+        "#19123a"
       ]
     },
     {
       "name": "button-secondary-toggled-disabled",
       "category": "background",
       "light": [
+        "var(--background-color-brand-subtlest)",
         "var(--color-brand-100)",
         "#e2dbff"
       ],
       "dark": [
+        "var(--background-color-brand-subtlest)",
         "var(--color-brand-1100)",
         "#19123a"
       ]
@@ -2008,10 +2064,12 @@ export const componentColors = [
       "name": "form-checked-disabled",
       "category": "background",
       "light": [
+        "var(--background-color-brand-subtler)",
         "var(--color-brand-200)",
         "#c5b7ff"
       ],
       "dark": [
+        "var(--background-color-brand-subtler)",
         "var(--color-brand-1000)",
         "#281c5c"
       ]
@@ -2068,48 +2126,56 @@ export const componentColors = [
       "name": "card-primary-idle",
       "category": "background",
       "light": [
+        "var(--background-color-brand-subtlest)",
         "var(--color-brand-100)",
         "#e2dbff"
       ],
       "dark": [
-        "var(--color-brand-1200)",
-        "#140f2f"
+        "var(--background-color-brand-subtlest)",
+        "var(--color-brand-1100)",
+        "#19123a"
       ]
     },
     {
       "name": "card-primary-hover",
       "category": "background",
       "light": [
+        "var(--background-color-brand-subtler)",
         "var(--color-brand-200)",
         "#c5b7ff"
       ],
       "dark": [
-        "var(--color-brand-1100)",
-        "#19123a"
+        "var(--background-color-brand-subtler)",
+        "var(--color-brand-1000)",
+        "#281c5c"
       ]
     },
     {
       "name": "card-primary-active",
       "category": "background",
       "light": [
+        "var(--background-color-brand-subtlest)",
         "var(--color-brand-100)",
         "#e2dbff"
       ],
       "dark": [
-        "var(--color-brand-1200)",
-        "#140f2f"
+        "var(--background-color-brand-subtlest)",
+        "var(--color-brand-1100)",
+        "#19123a"
       ]
     },
     {
       "name": "card-primary-disabled",
       "category": "background",
       "light": [
+        "var(--background-color-brand-subtlest)",
         "var(--color-brand-100)",
         "#e2dbff"
       ],
       "dark": [
-        "var(--color-brand-1200)",
-        "#140f2f"
+        "var(--background-color-brand-subtlest)",
+        "var(--color-brand-1100)",
+        "#19123a"
       ]
     },
     {
@@ -2662,10 +2728,12 @@ export const componentColors = [
       "name": "card-primary-idle",
       "category": "border",
       "light": [
+        "var(--border-color-brand-subtle)",
         "var(--color-brand-300)",
         "#a994ff"
       ],
       "dark": [
+        "var(--border-color-brand-subtle)",
         "var(--color-brand-800)",
         "#3d2b8c"
       ]
@@ -2674,10 +2742,12 @@ export const componentColors = [
       "name": "card-primary-hover",
       "category": "border",
       "light": [
+        "var(--border-color-brand-muted)",
         "var(--color-brand-400)",
         "#8c70ff"
       ],
       "dark": [
+        "var(--border-color-brand-muted)",
         "var(--color-brand-700)",
         "#5138ba"
       ]
@@ -2686,10 +2756,12 @@ export const componentColors = [
       "name": "card-primary-active",
       "category": "border",
       "light": [
+        "var(--border-color-brand-subtle)",
         "var(--color-brand-300)",
         "#a994ff"
       ],
       "dark": [
+        "var(--border-color-brand-subtle)",
         "var(--color-brand-800)",
         "#3d2b8c"
       ]

package/src/tailwind-customizations/index.ts

@@ -1,2 +1,2 @@
-export { registerUtilities } from './registerUtilities.ts'
-export { registerVariants } from './registerVariants.ts'
+export { setupComponents } from './setupComponents.ts'
+export { setupVariants } from './setupVariants.ts'

package/src/tailwind-customizations/setupComponents.ts

@@ -0,0 +1,87 @@
+import type { DeepRecord } from '@graphprotocol/gds-utils'
+
+import { getRegisteredComponents } from '../component-registry.ts'
+import type { PluginAPI } from '../types.ts'
+
+/**
+ * Sets up registered components via the Tailwind plugin. This includes base styles that vary
+ * depending on the options used in `createComponent`: container(s) for style/size/scroll queries,
+ * stacking context and more for style isolation, and vars for advanced style customizations.
+ */
+export function setupComponents(api: PluginAPI) {
+  for (const component of getRegisteredComponents()) {
+    api.addBase({
+      '@layer components': {
+        [`.${component.className}`]: {
+          'container-name': component.getContainerNameChain().join(' ') || {},
+          ...(component.isolate && {
+            isolation: 'isolate',
+            ...(component.isolate !== 'allow-inheritance' && {
+              color: 'var(--text-color-default)',
+              // font: font-style font-variant font-weight font-stretch font-size/line-height font-family
+              font: 'normal normal var(--font-weight-regular) normal var(--text-16)/var(--leading-normal) var(--font-sans)',
+              'font-feature-settings': 'initial',
+              'font-variation-settings': 'initial',
+              'letter-spacing': 'initial',
+              'word-spacing': 'initial',
+              'text-align': 'initial',
+              'text-transform': 'initial',
+              'text-indent': 'initial',
+              'white-space': 'initial',
+            }),
+          }),
+          ...(component.vars && {
+            ...Object.fromEntries(
+              Object.keys(component.vars).map((varName) => [`--gds-var-${varName}`, 'initial']),
+            ),
+            ...Object.fromEntries(
+              (['&', '& > *'] as const).map((selector) => [
+                selector,
+                Object.entries(component.vars!).flatMap(([varName, varCSS]) => {
+                  const requiresNestedSelector = typeof varCSS === 'object'
+                  if (
+                    (requiresNestedSelector && selector === '&') ||
+                    (!requiresNestedSelector && selector === '& > *')
+                  ) {
+                    return []
+                  }
+                  function getDefaultVarRule(cssOrValue: typeof varCSS): DeepRecord<string> {
+                    if (!cssOrValue) {
+                      return {}
+                    }
+                    if (typeof cssOrValue === 'string') {
+                      return {
+                        [`--gds-default-${varName}`]: cssOrValue,
+                      }
+                    }
+                    return Object.fromEntries(
+                      Object.entries(cssOrValue).map(([selector, nestedCSSOrValue]) => {
+                        return [selector || '&', getDefaultVarRule(nestedCSSOrValue)]
+                      }),
+                    )
+                  }
+                  return [
+                    getDefaultVarRule(varCSS),
+                    {
+                      [`--gds-${component.kebabName}-${varName}`]: `var(--gds-var-${varName}, var(--gds-default-${varName}))`,
+                    },
+                  ]
+                }),
+              ]),
+            ),
+          }),
+        },
+      },
+    })
+  }
+
+  /** Register `var-[var=value]` utilities to override default var values. */
+  api.matchUtilities({
+    var: (varNameAndValue) => {
+      const [varName, ...valueParts] = varNameAndValue.split('=')
+      return {
+        [`--gds-var-${varName}`]: valueParts.join('='),
+      }
+    },
+  })
+}

package/src/tailwind-customizations/{registerVariants.ts → setupVariants.ts}

@@ -50,11 +50,11 @@ function addSimpleVariant(
 }
 
 /**
- * Registers custom variants in the Tailwind plugin. Since Tailwind 4 it is preferable to do this in
- * CSS, and we do it whenever we can (see `variants.css`), but `@custom-variant` doesn't support
- * dynamic variants or modifiers.
+ * Sets up custom variants via the Tailwind plugin, in addition to those defined in CSS (see
+ * `variants.css`). This includes all variants that are too complex or dynamic for
+ * `@custom-variant`, which notably doesn't support modifiers.
  */
-export function registerVariants(api: PluginAPI) {
+export function setupVariants(api: PluginAPI) {
   const variantSelectors = getVariantSelectors()
   const registeredComponents = getRegisteredComponents()
   const componentKebabNames = new Set(registeredComponents.map((component) => component.kebabName))
@@ -63,7 +63,7 @@ export function registerVariants(api: PluginAPI) {
     includePositional: !IS_INTELLISENSE,
   })
 
-  /** Register the base variants, including some overrides required by the CSS States system. */
+  /** Register the base variants, including some overrides required by the CSS states system. */
   for (const [variant, selector] of objectEntries(variantSelectors)) {
     addSimpleVariant(api, variant, selector, variant === 'clickable')
   }
@@ -218,7 +218,7 @@ export function registerVariants(api: PluginAPI) {
           )
           .join(' or ')})`,
       ]
-      // Fallback selector for browsers without style query support; see `css-props/registerCSSProps.ts` for more details
+      // Fallback selector for browsers without style query support; see `setupCSSProps` for more details
       const onlyEnabledClickables =
         states.includes('hover') || states.includes('active') || states.includes('focus')
       selectors.push(

package/src/tailwind-customizations/variants.ts

@@ -10,6 +10,8 @@ function getClickableSelector(enabled: boolean | 'any' = true) {
     summary,
     [role='button'],
     [role='link'],
+    [role='checkbox'],
+    [role='radio'],
     [role='menuitem'],
     [role='menuitemcheckbox'],
     [role='menuitemradio'],
@@ -103,21 +105,15 @@ const positionalVariants = ['first', 'last', 'only', 'odd', 'even', 'inert'] as
 /** Generate positional variant selectors (`{prefix}-first`, `{prefix}-last`, etc.) */
 function generatePositionalVariantSelectors(prefix: string, baseSelector: string) {
   return {
-    ...positionalVariants.reduce(
-      (result, variant) => {
-        result[`${prefix}-not-${variant}`] =
-          `${baseSelector}${wrapSelector(':not', staticVariantSelectors[variant])}`
-        return result
-      },
-      {} as Record<string, string>,
-    ),
-    ...positionalVariants.reduce(
-      (result, variant) => {
-        result[`${prefix}-${variant}`] = `${baseSelector}${staticVariantSelectors[variant]}`
-        return result
-      },
-      {} as Record<string, string>,
-    ),
+    ...positionalVariants.reduce<Record<string, string>>((result, variant) => {
+      result[`${prefix}-not-${variant}`] =
+        `${baseSelector}${wrapSelector(':not', staticVariantSelectors[variant])}`
+      return result
+    }, {}),
+    ...positionalVariants.reduce<Record<string, string>>((result, variant) => {
+      result[`${prefix}-${variant}`] = `${baseSelector}${staticVariantSelectors[variant]}`
+      return result
+    }, {}),
   }
 }
 

package/src/tailwind-plugin.ts

@@ -1,14 +1,14 @@
 import createPlugin from 'tailwindcss/plugin'
 
-import { registerCSSProps } from './css-props/registerCSSProps.ts'
-import { registerCSSStates } from './css-states/registerCSSStates.ts'
-import { registerUtilities, registerVariants } from './tailwind-customizations/index.ts'
+import { setupCSSProps } from './css-props/setupCSSProps.ts'
+import { setupCSSStates } from './css-states/setupCSSStates.ts'
+import { setupComponents, setupVariants } from './tailwind-customizations/index.ts'
 
 const gdsTailwindPlugin: ReturnType<typeof createPlugin> = createPlugin((api) => {
-  registerUtilities(api)
-  registerVariants(api)
-  registerCSSStates(api)
-  registerCSSProps(api)
+  setupComponents(api)
+  setupVariants(api)
+  setupCSSStates(api)
+  setupCSSProps(api)
 })
 
 export default gdsTailwindPlugin

package/src/utils/cssUnescape.ts

@@ -9,9 +9,11 @@
  *
  * @example
  *
- *     cssUnescape('foo\.bar') // 'foo.bar'
- *     cssUnescape('hello\20world') // 'hello world'
- *     cssUnescape('test\2d case') // 'test-case'
+ * ```ts
+ * cssUnescape('foo\.bar') // 'foo.bar'
+ * cssUnescape('hello\20world') // 'hello world'
+ * cssUnescape('test\2d case') // 'test-case'
+ * ```
  *
  * @param input - The CSS-escaped string to unescape.
  * @returns The unescaped string.

package/styles/global.css

@@ -82,7 +82,8 @@
   /* Default clickable styles */
   * {
     /* Turn the cursor into a pointer when hovering clickable elements (except checked radio buttons) */
-    @apply clickable:[:where(:not(.gds-checkable-label:has(input[type=radio]:checked)))]:cursor-pointer;
+    @apply clickable:cursor-pointer;
+    @apply clickable:[[role=radio][aria-checked=true],.gds-checkable-label:has(input[type=radio]:checked)]:cursor-default;
     /* Remove the text cursor of disabled links */
     @apply clickable-disabled:cursor-default;
     /* Set some custom properties to detect the state of the nearest clickable */
@@ -148,7 +149,7 @@
    * `max-width: 100%`, since it allows resizing images/videos that have `width` and `height` HTML attributes just by
    * changing their width in CSS without distorting their aspect ratio. For some reason however, Preflight doesn't apply
    * the same to SVGs even though they also accept `width` and `height` attributes and have an intrinsic aspect ratio.
-   * So we add it here. TODO: Remove if this PR gets merged and released: https://github.com/tailwindlabs/tailwindcss/pull/19368
+   * So we add it here.
    */
   svg {
     @apply h-auto;
@@ -168,7 +169,7 @@
   ::file-selector-button,
   label {
     @apply block; /* We almost never want inline form elements, including labels */
-    /* TODO: Remove if this PR gets merged and released: https://github.com/tailwindlabs/tailwindcss/pull/19369 */
+    word-spacing: inherit;
     text-align: inherit;
     text-transform: inherit;
   }

package/styles/theme.css

@@ -145,6 +145,8 @@
   --background-color-elevated: light-dark(var(--color-foam-400), var(--color-space-1400));
   --background-color-strong: light-dark(var(--color-foam-500), var(--color-space-1300));
 
+  --background-color-brand-subtlest: light-dark(var(--color-brand-100), var(--color-brand-1100));
+  --background-color-brand-subtler: light-dark(var(--color-brand-200), var(--color-brand-1000));
   --background-color-brand-subtle: light-dark(var(--color-brand-300), var(--color-brand-800));
   --background-color-brand-muted: light-dark(var(--color-brand-400), var(--color-brand-700));
   --background-color-brand-default: var(--color-brand-500);
@@ -175,6 +177,8 @@
   --border-color-elevated: light-dark(var(--color-foam-800), var(--color-space-1200));
   --border-color-strong: light-dark(var(--color-foam-1000), var(--color-space-1100));
 
+  --border-color-brand-subtlest: light-dark(var(--color-brand-100), var(--color-brand-1100));
+  --border-color-brand-subtler: light-dark(var(--color-brand-200), var(--color-brand-1000));
   --border-color-brand-subtle: light-dark(var(--color-brand-300), var(--color-brand-800));
   --border-color-brand-muted: light-dark(var(--color-brand-400), var(--color-brand-700));
   --border-color-brand-default: var(--color-brand-500);
@@ -235,10 +239,10 @@
   --background-color-button-secondary-hover: var(--background-color-elevated);
   --background-color-button-secondary-active: var(--background-color-muted);
   --background-color-button-secondary-disabled: var(--background-color-default);
-  --background-color-button-secondary-toggled-idle: light-dark(var(--color-brand-100), var(--color-brand-1100));
-  --background-color-button-secondary-toggled-hover: light-dark(var(--color-brand-200), var(--color-brand-1000));
-  --background-color-button-secondary-toggled-active: light-dark(var(--color-brand-100), var(--color-brand-1200));
-  --background-color-button-secondary-toggled-disabled: light-dark(var(--color-brand-100), var(--color-brand-1100));
+  --background-color-button-secondary-toggled-idle: var(--background-color-brand-subtlest);
+  --background-color-button-secondary-toggled-hover: var(--background-color-brand-subtler);
+  --background-color-button-secondary-toggled-active: var(--background-color-brand-subtlest);
+  --background-color-button-secondary-toggled-disabled: var(--background-color-brand-subtlest);
 
   --background-color-button-tertiary-idle: var(--color-transparent);
   --background-color-button-tertiary-hover: var(--background-color-elevated);
@@ -303,7 +307,7 @@
   --background-color-form-checked-idle: var(--background-color-brand-default);
   --background-color-form-checked-hover: var(--background-color-brand-elevated);
   --background-color-form-checked-active: light-dark(var(--color-brand-300), var(--color-brand-1100));
-  --background-color-form-checked-disabled: light-dark(var(--color-brand-200), var(--color-brand-1000));
+  --background-color-form-checked-disabled: var(--background-color-brand-subtler);
 
   /* Form handle colors */
   --background-color-form-handle-default: light-dark(var(--color-space-1000), var(--color-white));
@@ -332,10 +336,10 @@
   --border-color-form-status-success-focus: var(--color-status-success-muted);
 
   /* Card bg colors */
-  --background-color-card-primary-idle: light-dark(var(--color-brand-100), var(--color-brand-1200));
-  --background-color-card-primary-hover: light-dark(var(--color-brand-200), var(--color-brand-1100));
-  --background-color-card-primary-active: light-dark(var(--color-brand-100), var(--color-brand-1200));
-  --background-color-card-primary-disabled: light-dark(var(--color-brand-100), var(--color-brand-1200));
+  --background-color-card-primary-idle: var(--background-color-brand-subtlest);
+  --background-color-card-primary-hover: var(--background-color-brand-subtler);
+  --background-color-card-primary-active: var(--background-color-brand-subtlest);
+  --background-color-card-primary-disabled: var(--background-color-brand-subtlest);
 
   --background-color-card-secondary-idle: var(--background-color-muted);
   --background-color-card-secondary-hover: var(--background-color-default);
@@ -348,9 +352,9 @@
   --background-color-card-tertiary-disabled: var(--color-transparent);
 
   /* Card border colors */
-  --border-color-card-primary-idle: light-dark(var(--color-brand-300), var(--color-brand-800));
-  --border-color-card-primary-hover: light-dark(var(--color-brand-400), var(--color-brand-700));
-  --border-color-card-primary-active: light-dark(var(--color-brand-300), var(--color-brand-800));
+  --border-color-card-primary-idle: var(--border-color-brand-subtle);
+  --border-color-card-primary-hover: var(--border-color-brand-muted);
+  --border-color-card-primary-active: var(--border-color-brand-subtle);
   --border-color-card-primary-disabled: var(--color-transparent);
 
   --border-color-card-secondary-idle: var(--border-color-muted);

package/styles/typography.css

@@ -74,18 +74,6 @@
   --tracking-caption: 0.15em;
 }
 
-/* Redefine the `normal` and `loose` leadings for every font size utility */
-@utility text-* {
-  --gds-font-size: --value(--text-*, [length]);
-  --leading-normal: --value(--text-* --line-height);
-  --leading-loose: --value(--text-* --line-height--loose);
-  /**
-   * Ensure changing the font size without specifying a leading uses the last specified one.
-   * This makes `prose text-16` work without `text-16` overriding the `loose` leading from `prose`.
-   */
-  --tw-leading: --modifier(--leading-*);
-}
-
 /* Redefine the `lighter` and `bolder` font weights for every font weight utility */
 @utility font-* {
   --gds-font-weight: --value(--font-weight-*, [integer], [weight]);
@@ -111,6 +99,31 @@
   }
 }
 
+/* Redefine the `normal` and `loose` leadings for every font size utility */
+@utility text-* {
+  --gds-font-size: --value(--text-*, [length]);
+  --leading-normal: --value(--text-* --line-height);
+  --leading-loose: --value(--text-* --line-height--loose);
+  /**
+   * Ensure changing the font size without specifying a leading uses the last specified one.
+   * This makes `prose text-16` work without `text-16` overriding the `loose` leading from `prose`.
+   */
+  --tw-leading: --modifier(--leading-*);
+}
+
+/**
+ * Add a `text-size-inherit` utility to reset the font size to inherit (`text-inherit` already
+ * exists by default, and it resets the color).
+ */
+@utility text-size-inherit {
+  font-size: inherit;
+  line-height: inherit;
+  --gds-font-size: inherit;
+  --leading-normal: inherit;
+  --leading-loose: inherit;
+  --tw-leading: inherit;
+}
+
 /**
  * Extend the default `italic` and `not-italic` utilities to work around Safari rendering issues.
  * Safari needs manual `slnt` and `ital` axis settings to properly render a variable font in italic.
@@ -125,12 +138,12 @@
   font-variation-settings: initial;
 }
 
-/* Caption text style */
+/* Helper utility to apply the "caption" text style (all caps with letter spacing) */
 @utility text-caption {
   @apply tracking-caption uppercase;
 }
 
-/* Add a `prose` class to style long-form content with basic spacing and typography defaults */
+/* Component class to style long-form content with basic spacing and typography defaults */
 @layer base.components {
   .prose {
     @apply text-18/loose text-muted;

package/styles/utilities.css

@@ -54,6 +54,15 @@
     display: var(--gds-display-none, var(--gds-display-outside) var(--gds-display-inside));
   }
 }
+@utility root-contents {
+  @variant u {
+    --gds-display-outside: block;
+    --gds-display-none: initial;
+  }
+  @variant i {
+    display: var(--gds-display-none, contents);
+  }
+}
 
 /**
  * Extend the display utilities to support the `root-{display}` utilities.

package/dist/css-props/registerCSSProps.d.ts

@@ -1,7 +0,0 @@
-import type { PluginAPI } from '../types.ts';
-/**
- * Registers CSS Props functionality in the Tailwind plugin. This includes custom properties,
- * utilities, and variants for prop-based styling.
- */
-export declare function registerCSSProps(api: PluginAPI): void;
-//# sourceMappingURL=registerCSSProps.d.ts.map

package/dist/css-props/registerCSSProps.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"registerCSSProps.d.ts","sourceRoot":"","sources":["../../src/css-props/registerCSSProps.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAI5C;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,SAAS,QAgQ9C"}

package/dist/css-props/registerCSSProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"registerCSSProps.js","sourceRoot":"","sources":["../../src/css-props/registerCSSProps.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,QAAQ,CAAA;AAE3B,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAEtD,OAAO,EACL,sBAAsB,EACtB,uBAAuB,GAExB,MAAM,0BAA0B,CAAA;AAEjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAG5D;;;GAGG;AACH,MAAM,UAAU,gBAAgB,CAAC,GAAc;IAC7C,MAAM,mBAAmB,GAAG,uBAAuB,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE;QACvF,KAAK,MAAM,OAAO,IAAI,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAC;YACxD,MAAM,QAAQ,GACZ,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC;gBAC/B,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,EAAE,IAAI,GAAG,EAAwB,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAE,CAAA;YAC1F,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;QAC9C,CAAC;QACD,OAAO,QAAQ,CAAA;IACjB,CAAC,EAAE,IAAI,GAAG,EAAqC,CAAC,CAAA;IAEhD,MAAM,iBAAiB,GAAG,CAAC,GAAG,mBAAmB,CAAC,IAAI,EAAE,CAAC,CAAA;IAEzD,4EAA4E;IAC5E,KAAK,MAAM,gBAAgB,IAAI,iBAAiB,EAAE,CAAC;QACjD,GAAG,CAAC,OAAO,CAAC;YACV,CAAC,2BAA2B,gBAAgB,EAAE,CAAC,EAAE;gBAC/C,MAAM,EAAE,KAAK;gBACb,QAAQ,EAAE,OAAO;aAClB;YACD,CAAC,0BAA0B,gBAAgB,EAAE,CAAC,EAAE;gBAC9C,MAAM,EAAE,KAAK;gBACb,QAAQ,EAAE,OAAO;aAClB;YACD,CAAC,wBAAwB,gBAAgB,EAAE,CAAC,EAAE;gBAC5C,MAAM,EAAE,KAAK;gBACb,QAAQ,EAAE,OAAO;aAClB;SACF,CAAC,CAAA;IACJ,CAAC;IAED,8FAA8F;IAC9F,KAAK,MAAM,SAAS,IAAI,uBAAuB,EAAE,EAAE,CAAC;QAClD,KAAK,MAAM,OAAO,IAAI,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAC;YACxD,MAAM,MAAM,GAAG,CAAC,GAAG,EAAE;gBACnB,QAAQ,OAAO,CAAC,IAAI,EAAE,CAAC;oBACrB,KAAK,QAAQ;wBACX,OAAO,IAAI,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAA;oBAC7F,KAAK,QAAQ;wBACX,OAAO,YAAY,CAAA;oBACrB,KAAK,QAAQ;wBACX,OAAO,YAAY,CAAA;oBACrB,KAAK,QAAQ;wBACX,OAAO,uBAAuB,CAAA;oBAChC,KAAK,OAAO;wBACV,OAAO,WAAW,CAAA;oBACpB;wBACE,OAAO,KAAK,CAAA;gBAChB,CAAC;YACH,CAAC,CAAC,EAAE,CAAA;YACJ,GAAG,CAAC,OAAO,CAAC;gBACV,CAAC,mBAAmB,SAAS,CAAC,SAAS,IAAI,OAAO,CAAC,SAAS,EAAE,CAAC,EAAE;oBAC/D,MAAM;oBACN;;;uBAGG;oBACH,QAAQ,EAAE,OAAO,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;oBACtD,eAAe,EAAE,CAAC,GAAG,EAAE;wBACrB,IACE,OAAO,CAAC,IAAI,KAAK,QAAQ;4BACzB,OAAO,OAAO,CAAC,YAAY,KAAK,QAAQ;4BACxC,uBAAuB,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,EAClD,CAAC;4BACD,+CAA+C;4BAC/C,OAAO,MAAM,CAAA;wBACf,CAAC;wBACD,OAAO,kBAAkB,CAAC,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,CAAA;oBAC1D,CAAC,CAAC,EAAE;iBACL;aACF,CAAC,CAAA;QACJ,CAAC;QAED;;;;WAIG;QACH,GAAG,CAAC,OAAO,CAAC;YACV,mBAAmB,EAAE;gBACnB,CAAC,IAAI,SAAS,CAAC,SAAS,EAAE,CAAC,EAAE;oBAC3B,WAAW,EAAE,gBAAgB;oBAC7B,GAAG,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,gBAAgB,EAAE,SAAS,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;oBACjF,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,MAAM,CACzC,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;wBACjB,OAAO;4BACL,GAAG,KAAK;4BACR,CAAC,2BAA2B,OAAO,CAAC,SAAS,EAAE,CAAC,EAAE,oBAAoB,OAAO,CAAC,SAAS,uBAAuB,OAAO,CAAC,SAAS,KAAK,kBAAkB,CAAC,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,IAAI;4BACzL,CAAC,SAAS,SAAS,CAAC,SAAS,IAAI,OAAO,CAAC,SAAS,EAAE,CAAC,EAAE,kBAAkB,OAAO,CAAC,SAAS,iCAAiC,OAAO,CAAC,SAAS,IAAI;yBACjJ,CAAA;oBACH,CAAC,EACD,EAA4B,CAC7B;iBACF;aACF;SACF,CAAC,CAAA;IACJ,CAAC;IAED,SAAS,oBAAoB,CAAC,SAAiB,EAAE,SAAS,GAAG,IAAI;QAC/D,MAAM,MAAM,GAAG,WAAW,CAAC,SAAS,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAA;QACvD,IAAI,MAAM,KAAK,IAAI,IAAI,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC;YAAE,OAAO,IAAI,CAAA;QAC7F,OAAO,MAAM,CAAA;IACf,CAAC;IASD,6EAA6E;IAC7E,KAAK,MAAM,CAAC,gBAAgB,EAAE,UAAU,CAAC,IAAI,mBAAmB,EAAE,CAAC;QACjE,MAAM,QAAQ,GAAG,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE;YAC9D,MAAM,OAAO,GAAG,SAAS,CAAC,sBAAsB,CAAC,gBAAgB,CAAC,CAAA;YAClE,OAAO,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;QACjC,CAAC,CAAC,CAAA;QACF,MAAM,YAAY,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;QAC5D,MAAM,kBAAkB,GAAG,CAAC,KAAK,CAAC,CAAA;QAClC,MAAM,oBAAoB,GAA2B;YACnD,OAAO,EAAE,SAAS;SACnB,CAAA;QACD,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;YAC3B,CAAC;YAAA,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,IAAI,EAAE,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,eAAe,IAAI,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;gBACjF,oBAAoB,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,kBAAkB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;YAC1E,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;QACF,IAAI,YAAY,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;YACxE,MAAM,iBAAiB,GAAsB,CAAC,KAAK,EAAE,EAAE;gBACrD,MAAM,WAAW,GAAG,oBAAoB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;gBACrD,IAAI,WAAW,KAAK,IAAI;oBAAE,OAAO,SAAS,CAAA;gBAC1C,OAAO,MAAM,CAAC,WAAW,CAAC,CAAA;YAC5B,CAAC,CAAA;YACD,oBAAoB,CAAC,gBAAgB,CAAC,GAAG,iBAAsC,CAAA;QACjF,CAAC;QACD,IAAI,YAAY,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;YACpC,KAAK,MAAM,CAAC,UAAU,EAAE,YAAY,CAAC,IAAI,MAAM,CAAC,OAAO,CACrD,GAAG,CAAC,KAAK,CAAC,SAAS,CAA2B,CAC/C,EAAE,CAAC;gBACF,oBAAoB,CAAC,UAAU,CAAC;oBAC9B,WAAW,CAAC,UAAU,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,KAAK,IAAI;wBAChD,CAAC,CAAC,aAAa,UAAU,GAAG;wBAC5B,CAAC,CAAC,YAAY,CAAA;YACpB,CAAC;YACD,MAAM,iBAAiB,GAAsB,CAAC,KAAK,EAAE,EAAE;gBACrD,MAAM,WAAW,GAAG,oBAAoB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;gBACrD,IAAI,WAAW,KAAK,IAAI;oBAAE,OAAO,SAAS,CAAA;gBAC1C,OAAO,aAAa,WAAW,GAAG,CAAA;YACpC,CAAC,CAAA;YACD,oBAAoB,CAAC,gBAAgB,CAAC,GAAG,iBAAsC,CAAA;QACjF,CAAC;QACD,IAAI,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;YACnC,kBAAkB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA,CAAC,iCAAiC;YAClE,KAAK,MAAM,QAAQ,IAAI,GAAG,CAAC,KAAK,CAAC,QAAQ,CAA2B,EAAE,CAAC;gBACrE,oBAAoB,CAAC,QAAQ,CAAC,GAAG,kBAAkB,CACjD,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,EAC1C,QAAwB,CACzB,CAAA;YACH,CAAC;QACH,CAAC;QACD,GAAG,CAAC,cAAc,CAChB,MAAM,CAAC,WAAW,CACf,CAAC,MAAM,EAAE,SAAS,CAAW,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC;YAClD,GAAG,WAAW,IAAI,gBAAgB,EAAE;YACpC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;gBACV,CAAC,SAAS,WAAW,IAAI,gBAAgB,EAAE,CAAC,EAAE,KAAK;aACpD,CAAC;SACH,CAAC,CACH,EACD;YACE,IAAI,EAAE,kBAAkB;YACxB,MAAM,EAAE,oBAAoB;SAC7B,CACF,CAAA;IACH,CAAC;IAED;;;OAGG;IACH,KAAK,MAAM,OAAO,IAAI,CAAC,WAAW,EAAE,OAAO,CAAU,EAAE,CAAC;QACtD,GAAG,CAAC,YAAY,CACd,OAAO,EACP,CAAC,wBAAwB,EAAE,EAAE,QAAQ,EAAE,kBAAkB,EAAE,EAAE,EAAE;YAC7D;;;eAGG;YACH,IAAI,kBAAkB,KAAK,OAAO;gBAAE,OAAO,EAAE,CAAA;YAC7C;;;eAGG;YACH,MAAM,SAAS,GAAG,sBAAsB,CAAC,kBAAkB,IAAI,OAAO,CAAC,CAAA;YACvE;;;eAGG;YACH,IAAI,CAAC,SAAS;gBAAE,OAAO,EAAE,CAAA;YACzB,IAAI,CAAC;gBACH,MAAM,EAAE,gBAAgB,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAA;gBACxE,IACE,OAAO,gBAAgB,KAAK,QAAQ;oBACpC,CAAC,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,SAAS,CAAC;oBAEtF,OAAO,EAAE,CAAA;gBACX,MAAM,OAAO,GAAG,SAAS,CAAC,sBAAsB,CAAC,gBAAgB,CAAC,CAAA;gBAClE;;;;mBAIG;gBACH,IACE,CAAC,CAAC,OAAO,IAAI,OAAO,CAAC,IAAI,KAAK,QAAQ,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;oBAC1E,SAAS,CAAC,SAAS,KAAK,OAAO,EAC/B,CAAC;oBACD,OAAO,EAAE,CAAA;gBACX,CAAC;gBACD,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;gBAC7E,OAAO;oBACL,gDAAgD;oBAChD,cAAc,SAAS,CAAC,aAAa,IAAI,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,gBAAgB,SAAS,CAAC,SAAS,IAAI,gBAAgB,KAAK,QAAQ,GAAG;oBACpJ;;;;;;;;uBAQG;oBACH,oFAAoF,SAAS,CAAC,SAAS,GAAG,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,4BAA4B,gBAAgB,IAAI,MAAM,CAAC,QAAQ,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,SAAS;iBACpP,CAAA;YACH,CAAC;YAAC,MAAM,CAAC;gBACP;;;mBAGG;gBACH,OAAO,EAAE,CAAA;YACX,CAAC;QACH,CAAC,EACD;YACE,MAAM,EAAE,MAAM,CAAC,WAAW,CACxB,CAAC,GAAG,mBAAmB,CAAC,OAAO,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,EAAE,UAAU,CAAC,EAAE,EAAE;gBAC5E,MAAM,aAAa,GAAG,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC,OAAO,CACpD,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,sBAAsB,CAAC,gBAAgB,CAAC,EAAE,MAAM,IAAI,EAAE,CAChF,CAAA;gBACD,OAAO,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC;oBAClC,GAAG,gBAAgB,IAAI,KAAK,EAAE;oBAC9B,IAAI,CAAC,SAAS,CAAC,EAAE,gBAAgB,EAAE,KAAK,EAAE,CAAC;iBAC5C,CAAC,CAAA;YACJ,CAAC,CAAC,CACH;SACF,CACF,CAAA;IACH,CAAC;AACH,CAAC"}