@graphprotocol/gds-css 0.0.1

package/dist/css-states/states.js

@@ -0,0 +1,140 @@
+import { wrapSelector } from "../utils/index.js";
+export const cssStates = [
+    'open',
+    'not-open',
+    'current',
+    'not-current',
+    'checked',
+    'indeterminate',
+    'unchecked',
+    'read-only',
+    'blank',
+    'not-blank',
+    'idle',
+    'hover',
+    'focus',
+    'not-focus',
+    'active',
+    'enabled',
+    'disabled',
+];
+function createCSSStateVariable(variable) {
+    return variable;
+}
+export const cssStateVariables = {
+    pointer: createCSSStateVariable({
+        values: {
+            idle: 'idle',
+            hover: 'hover',
+            active: 'active',
+        },
+        defaultValue: 'idle',
+    }),
+    focus: createCSSStateVariable({
+        values: {
+            focus: true,
+            'not-focus': false,
+        },
+        defaultValue: false,
+    }),
+    checked: createCSSStateVariable({
+        values: {
+            checked: true,
+            indeterminate: 'indeterminate',
+            unchecked: false,
+        },
+        defaultValue: false,
+    }),
+    disabled: createCSSStateVariable({
+        values: {
+            enabled: false,
+            disabled: true,
+            'read-only': 'read-only',
+        },
+        defaultValue: false,
+    }),
+    open: createCSSStateVariable({
+        values: {
+            open: true,
+            'not-open': false,
+        },
+        defaultValue: false,
+    }),
+    current: createCSSStateVariable({
+        values: {
+            current: true,
+            'not-current': false,
+        },
+        defaultValue: false,
+    }),
+    blank: createCSSStateVariable({
+        values: {
+            blank: true,
+            'not-blank': false,
+        },
+        defaultValue: false,
+    }),
+};
+function isCSSState(state) {
+    return cssStates.includes(state);
+}
+const cssStateVariableEntries = Object.entries(cssStateVariables);
+export function getCSSStateVariable(state) {
+    if (isCSSState(state)) {
+        for (const [variableName, { values, defaultValue }] of cssStateVariableEntries) {
+            if (state in values) {
+                const value = values[state];
+                return {
+                    name: variableName,
+                    value: String(value),
+                    isDefault: value === defaultValue,
+                };
+            }
+        }
+    }
+    // Support arbitrary states in the format `state-[foo]` or `state-[foo=bar]`
+    const [stateName, stateValue] = state.split('=');
+    return { name: stateName, value: stateValue ?? 'true', isDefault: false };
+}
+export function getPointerStateSelector(state) {
+    return `:is(${state === 'hover' ? '[data-gds-exposed-pointer=hover], [data-gds-exposed-pointer=active]' : `[data-gds-exposed-pointer=${state}]`}, :not([data-gds-exposed-pointer]):where(${state === 'idle' ? ':not(:hover, :active)' : state === 'hover' ? ':hover' : ':is(:hover:active, [data-gds-active] :active)'}))`;
+}
+export function getFocusStateSelector(visible, within) {
+    return `${within ? ':has' : ':is'}([data-gds-exposed-focus=true], :not([data-gds-exposed-focus]):where(${visible ? ':focus-visible' : ':focus'}))`;
+}
+export function getCheckedStateSelector(checked) {
+    return `:is([data-gds-exposed-checked=${checked === 'indeterminate' ? 'indeterminate' : checked}], :not([data-gds-exposed-checked]):where(${checked !== 'indeterminate' ? `${checked ? ':checked' : ':not(:checked)'}:not([aria-checked], [aria-pressed], [aria-selected]), ` : ''}[aria-checked=${checked === 'indeterminate' ? 'mixed' : checked}], [aria-pressed=${checked === 'indeterminate' ? 'mixed' : checked}]${checked !== 'indeterminate' ? `, [aria-selected=${checked}]` : ''}))`;
+}
+export function getDisabledStateSelector(disabled) {
+    return `:is([data-gds-exposed-disabled=${disabled === 'read-only' ? 'read-only' : disabled}], :not([data-gds-exposed-disabled]):where(${disabled === true ? ':is' : ':not'}(:disabled, [aria-disabled=true])${disabled !== true ? `${disabled === 'read-only' ? ':is' : ':not'}(input:not([type=hidden], [type=range], [type=color], [type=checkbox], [type=radio], [type=button], [type=submit], [type=reset], [type=image]):read-only, textarea:read-only, [aria-readonly=true])` : ''}))`;
+}
+export function getOpenStateSelector(open) {
+    return `${open ? ':is' : ':not'}([data-gds-exposed-open=true], :not([data-gds-exposed-open]):where([open], :popover-open, :open, [aria-expanded=true]))`;
+}
+export function getCurrentStateSelector(current) {
+    return `${current ? ':is' : ':not'}([data-gds-exposed-current=true], :not([data-gds-exposed-current]):where([aria-current]:not([aria-current=''], [aria-current=false])))`;
+}
+export function getBlankStateSelector(blank) {
+    // Should use `:blank` instead of `:placeholder-shown`, but no browser supports it
+    return `${blank ? ':is' : ':not'}([data-gds-exposed-blank=true], :not([data-gds-exposed-blank]):where(input:placeholder-shown, textarea:placeholder-shown, :not(input, textarea)[data-placeholder-shown]))`;
+}
+export const cssStateSelectors = {
+    open: getOpenStateSelector(true),
+    'not-open': getOpenStateSelector(false),
+    current: getCurrentStateSelector(true),
+    'not-current': getCurrentStateSelector(false),
+    checked: getCheckedStateSelector(true),
+    indeterminate: getCheckedStateSelector('indeterminate'),
+    unchecked: getCheckedStateSelector(false),
+    'read-only': getDisabledStateSelector('read-only'),
+    blank: getBlankStateSelector(true),
+    'not-blank': getBlankStateSelector(false),
+    idle: getPointerStateSelector('idle'),
+    hover: getPointerStateSelector('hover'),
+    focus: getFocusStateSelector(true, false),
+    'not-focus': wrapSelector(':not', getFocusStateSelector(true, false)),
+    active: getPointerStateSelector('active'),
+    enabled: getDisabledStateSelector(false),
+    disabled: getDisabledStateSelector(true),
+};
+//# sourceMappingURL=states.js.map

package/dist/css-states/states.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"states.js","sourceRoot":"","sources":["../../src/css-states/states.ts"],"names":[],"mappings":"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"}