@graphprotocol/gds-css 0.1.1 → 0.2.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 (84) hide show
  1. package/dist/component-registry.d.ts +112 -40
  2. package/dist/component-registry.d.ts.map +1 -1
  3. package/dist/component-registry.js +42 -7
  4. package/dist/component-registry.js.map +1 -1
  5. package/dist/css-props/index.d.ts +1 -1
  6. package/dist/css-props/index.d.ts.map +1 -1
  7. package/dist/css-props/index.js +1 -1
  8. package/dist/css-props/index.js.map +1 -1
  9. package/dist/css-props/parseCSSPropValue.js +1 -1
  10. package/dist/css-props/parseCSSPropValue.js.map +1 -1
  11. package/dist/css-props/setupCSSProps.d.ts +7 -0
  12. package/dist/css-props/setupCSSProps.d.ts.map +1 -0
  13. package/dist/css-props/{registerCSSProps.js → setupCSSProps.js} +30 -42
  14. package/dist/css-props/setupCSSProps.js.map +1 -0
  15. package/dist/css-states/index.d.ts +1 -1
  16. package/dist/css-states/index.d.ts.map +1 -1
  17. package/dist/css-states/index.js +1 -1
  18. package/dist/css-states/index.js.map +1 -1
  19. package/dist/css-states/setupCSSStates.d.ts +20 -0
  20. package/dist/css-states/setupCSSStates.d.ts.map +1 -0
  21. package/dist/css-states/{registerCSSStates.js → setupCSSStates.js} +21 -18
  22. package/dist/css-states/setupCSSStates.js.map +1 -0
  23. package/dist/css-states/states.d.ts +1 -0
  24. package/dist/css-states/states.d.ts.map +1 -1
  25. package/dist/css-states/states.js +2 -1
  26. package/dist/css-states/states.js.map +1 -1
  27. package/dist/design-tokens.generated.d.ts +44 -24
  28. package/dist/design-tokens.generated.d.ts.map +1 -1
  29. package/dist/design-tokens.generated.js +82 -10
  30. package/dist/design-tokens.generated.js.map +1 -1
  31. package/dist/tailwind-customizations/index.d.ts +2 -2
  32. package/dist/tailwind-customizations/index.d.ts.map +1 -1
  33. package/dist/tailwind-customizations/index.js +2 -2
  34. package/dist/tailwind-customizations/index.js.map +1 -1
  35. package/dist/tailwind-customizations/setupComponents.d.ts +8 -0
  36. package/dist/tailwind-customizations/setupComponents.d.ts.map +1 -0
  37. package/dist/tailwind-customizations/setupComponents.js +75 -0
  38. package/dist/tailwind-customizations/setupComponents.js.map +1 -0
  39. package/dist/tailwind-customizations/setupVariants.d.ts +8 -0
  40. package/dist/tailwind-customizations/setupVariants.d.ts.map +1 -0
  41. package/dist/tailwind-customizations/{registerVariants.js → setupVariants.js} +7 -7
  42. package/dist/tailwind-customizations/setupVariants.js.map +1 -0
  43. package/dist/tailwind-customizations/variants.d.ts.map +1 -1
  44. package/dist/tailwind-customizations/variants.js +2 -0
  45. package/dist/tailwind-customizations/variants.js.map +1 -1
  46. package/dist/tailwind-plugin.js +7 -7
  47. package/dist/tailwind-plugin.js.map +1 -1
  48. package/dist/utils/cssUnescape.d.ts +5 -3
  49. package/dist/utils/cssUnescape.d.ts.map +1 -1
  50. package/dist/utils/cssUnescape.js +5 -3
  51. package/dist/utils/cssUnescape.js.map +1 -1
  52. package/package.json +5 -5
  53. package/src/component-registry.ts +205 -71
  54. package/src/css-props/index.ts +1 -1
  55. package/src/css-props/parseCSSPropValue.ts +1 -1
  56. package/src/css-props/{registerCSSProps.ts → setupCSSProps.ts} +31 -46
  57. package/src/css-states/index.ts +1 -1
  58. package/src/css-states/{registerCSSStates.ts → setupCSSStates.ts} +20 -17
  59. package/src/css-states/states.ts +2 -1
  60. package/src/design-tokens.generated.ts +82 -10
  61. package/src/tailwind-customizations/index.ts +2 -2
  62. package/src/tailwind-customizations/setupComponents.ts +87 -0
  63. package/src/tailwind-customizations/{registerVariants.ts → setupVariants.ts} +6 -6
  64. package/src/tailwind-customizations/variants.ts +11 -15
  65. package/src/tailwind-plugin.ts +7 -7
  66. package/src/utils/cssUnescape.ts +5 -3
  67. package/styles/global.css +4 -3
  68. package/styles/theme.css +16 -12
  69. package/styles/typography.css +27 -14
  70. package/styles/utilities.css +9 -0
  71. package/dist/css-props/registerCSSProps.d.ts +0 -7
  72. package/dist/css-props/registerCSSProps.d.ts.map +0 -1
  73. package/dist/css-props/registerCSSProps.js.map +0 -1
  74. package/dist/css-states/registerCSSStates.d.ts +0 -23
  75. package/dist/css-states/registerCSSStates.d.ts.map +0 -1
  76. package/dist/css-states/registerCSSStates.js.map +0 -1
  77. package/dist/tailwind-customizations/registerUtilities.d.ts +0 -9
  78. package/dist/tailwind-customizations/registerUtilities.d.ts.map +0 -1
  79. package/dist/tailwind-customizations/registerUtilities.js +0 -59
  80. package/dist/tailwind-customizations/registerUtilities.js.map +0 -1
  81. package/dist/tailwind-customizations/registerVariants.d.ts +0 -8
  82. package/dist/tailwind-customizations/registerVariants.d.ts.map +0 -1
  83. package/dist/tailwind-customizations/registerVariants.js.map +0 -1
  84. package/src/tailwind-customizations/registerUtilities.ts +0 -65
@@ -1,23 +0,0 @@
1
- import type { PluginAPI } from '../types.ts';
2
- /**
3
- * Registers CSS States functionality in the Tailwind plugin.
4
- *
5
- * This system abstracts away CSS's native states in order to:
6
- *
7
- * - Allow overriding the state of components (e.g. `<Button className="state-active" />`).
8
- * - Allow reading the state of components from their root element even when the native state is
9
- * actually on a nested element (e.g. `group-has-checkbox-checked`), thanks to
10
- * `variants/plugin.ts` overriding some of Tailwind's built-in variants.
11
- * - Allow setting and reading custom states for DRY purposes (e.g. `active:state-[highlighted]` and
12
- * `data-[highlighted]:state-[highlighted]` on a parent element and
13
- * `@state-[highlighted]:bg-strong` on a child; also supports key-values like `state-[foo=bar]
14
- * lg:state-[foo=baz]`).
15
- *
16
- * While this system is separate from the CSS Props one, it also leverages style queries and relies
17
- * on the fact that component classes (e.g. `gds-button`) establish a container that can be queried.
18
- * Furthermore, it uses some of the same techniques in the fallback implementation (querying by data
19
- * attribute, `view-transition-name` to target browsers that don't support style queries, etc.),
20
- * though the CSS props polyfill is not used. See `useCSSState` for more details.
21
- */
22
- export declare function registerCSSStates(api: PluginAPI): void;
23
- //# sourceMappingURL=registerCSSStates.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"registerCSSStates.d.ts","sourceRoot":"","sources":["../../src/css-states/registerCSSStates.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAG5C;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,SAAS,QA6G/C"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"registerCSSStates.js","sourceRoot":"","sources":["../../src/css-states/registerCSSStates.ts"],"names":[],"mappings":"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"}
@@ -1,9 +0,0 @@
1
- import type { PluginAPI } from '../types.ts';
2
- /**
3
- * Registers custom utilities and extends/overrides some built-in ones in the Tailwind plugin. Since
4
- * Tailwind 4 it is preferable to do this in CSS, and we do it whenever we can (see
5
- * `utilities.css`), but `@utility` doesn't support all use cases (e.g. advanced conditions, string
6
- * manipulation, etc.).
7
- */
8
- export declare function registerUtilities(api: PluginAPI): void;
9
- //# sourceMappingURL=registerUtilities.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"registerUtilities.d.ts","sourceRoot":"","sources":["../../src/tailwind-customizations/registerUtilities.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAE5C;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,SAAS,QAqD/C"}
@@ -1,59 +0,0 @@
1
- import { getRegisteredComponents } from "../component-registry.js";
2
- /**
3
- * Registers custom utilities and extends/overrides some built-in ones in the Tailwind plugin. Since
4
- * Tailwind 4 it is preferable to do this in CSS, and we do it whenever we can (see
5
- * `utilities.css`), but `@utility` doesn't support all use cases (e.g. advanced conditions, string
6
- * manipulation, etc.).
7
- */
8
- export function registerUtilities(api) {
9
- /**
10
- * Apply the default "var" values for registered components, and register `var-[var=value]`
11
- * utilities to override them.
12
- */
13
- for (const component of getRegisteredComponents()) {
14
- if (!component.vars)
15
- continue;
16
- api.addBase({
17
- '@layer components': {
18
- [`.${component.className}`]: {
19
- ...Object.fromEntries(Object.keys(component.vars).map((varName) => {
20
- return [`--gds-var-${varName}`, 'initial'];
21
- })),
22
- '& > *': {
23
- '&': Object.entries(component.vars).flatMap(([varName, varCSS]) => {
24
- function getDefaultVarRule(cssOrValue) {
25
- if (!cssOrValue) {
26
- return {};
27
- }
28
- if (typeof cssOrValue === 'string') {
29
- return {
30
- [`--gds-default-${varName}`]: cssOrValue,
31
- };
32
- }
33
- return Object.fromEntries(Object.entries(cssOrValue).map(([selector, nestedCSSOrValue]) => {
34
- return [selector || '&', getDefaultVarRule(nestedCSSOrValue)];
35
- }));
36
- }
37
- return [
38
- getDefaultVarRule(varCSS),
39
- {
40
- [`--gds-${component.kebabName}-${varName}`]: `var(--gds-var-${varName}, var(--gds-default-${varName}))`,
41
- },
42
- ];
43
- }),
44
- },
45
- },
46
- },
47
- });
48
- }
49
- api.matchUtilities({
50
- var: (varNameAndValue) => {
51
- const [varName, ...valueParts] = varNameAndValue.split('=');
52
- const value = valueParts.join('');
53
- return {
54
- [`--gds-var-${varName}`]: value,
55
- };
56
- },
57
- });
58
- }
59
- //# sourceMappingURL=registerUtilities.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"registerUtilities.js","sourceRoot":"","sources":["../../src/tailwind-customizations/registerUtilities.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAA;AAGlE;;;;;GAKG;AACH,MAAM,UAAU,iBAAiB,CAAC,GAAc;IAC9C;;;OAGG;IACH,KAAK,MAAM,SAAS,IAAI,uBAAuB,EAAE,EAAE,CAAC;QAClD,IAAI,CAAC,SAAS,CAAC,IAAI;YAAE,SAAQ;QAC7B,GAAG,CAAC,OAAO,CAAC;YACV,mBAAmB,EAAE;gBACnB,CAAC,IAAI,SAAS,CAAC,SAAS,EAAE,CAAC,EAAE;oBAC3B,GAAG,MAAM,CAAC,WAAW,CACnB,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;wBAC1C,OAAO,CAAC,aAAa,OAAO,EAAE,EAAE,SAAS,CAAC,CAAA;oBAC5C,CAAC,CAAC,CACH;oBACD,OAAO,EAAE;wBACP,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,EAAE;4BAChE,SAAS,iBAAiB,CAAC,UAAyB;gCAClD,IAAI,CAAC,UAAU,EAAE,CAAC;oCAChB,OAAO,EAAE,CAAA;gCACX,CAAC;gCACD,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE,CAAC;oCACnC,OAAO;wCACL,CAAC,iBAAiB,OAAO,EAAE,CAAC,EAAE,UAAU;qCACzC,CAAA;gCACH,CAAC;gCACD,OAAO,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,gBAAgB,CAAC,EAAE,EAAE;oCAC9D,OAAO,CAAC,QAAQ,IAAI,GAAG,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAC,CAAA;gCAC/D,CAAC,CAAC,CACH,CAAA;4BACH,CAAC;4BACD,OAAO;gCACL,iBAAiB,CAAC,MAAM,CAAC;gCACzB;oCACE,CAAC,SAAS,SAAS,CAAC,SAAS,IAAI,OAAO,EAAE,CAAC,EAAE,iBAAiB,OAAO,uBAAuB,OAAO,IAAI;iCACxG;6BACF,CAAA;wBACH,CAAC,CAAC;qBACH;iBACF;aACF;SACF,CAAC,CAAA;IACJ,CAAC;IACD,GAAG,CAAC,cAAc,CAAC;QACjB,GAAG,EAAE,CAAC,eAAe,EAAE,EAAE;YACvB,MAAM,CAAC,OAAO,EAAE,GAAG,UAAU,CAAC,GAAG,eAAe,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;YAC3D,MAAM,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;YACjC,OAAO;gBACL,CAAC,aAAa,OAAO,EAAE,CAAC,EAAE,KAAK;aAChC,CAAA;QACH,CAAC;KACF,CAAC,CAAA;AACJ,CAAC"}
@@ -1,8 +0,0 @@
1
- import type { PluginAPI } from '../types.ts';
2
- /**
3
- * Registers custom variants in the Tailwind plugin. Since Tailwind 4 it is preferable to do this in
4
- * CSS, and we do it whenever we can (see `variants.css`), but `@custom-variant` doesn't support
5
- * dynamic variants or modifiers.
6
- */
7
- export declare function registerVariants(api: PluginAPI): void;
8
- //# sourceMappingURL=registerVariants.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"registerVariants.d.ts","sourceRoot":"","sources":["../../src/tailwind-customizations/registerVariants.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AA8C5C;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,SAAS,QA+O9C"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"registerVariants.js","sourceRoot":"","sources":["../../src/tailwind-customizations/registerVariants.ts"],"names":[],"mappings":"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"}
@@ -1,65 +0,0 @@
1
- import type { DeepRecord } from '@graphprotocol/gds-utils'
2
-
3
- import { getRegisteredComponents } from '../component-registry.ts'
4
- import type { PluginAPI } from '../types.ts'
5
-
6
- /**
7
- * Registers custom utilities and extends/overrides some built-in ones in the Tailwind plugin. Since
8
- * Tailwind 4 it is preferable to do this in CSS, and we do it whenever we can (see
9
- * `utilities.css`), but `@utility` doesn't support all use cases (e.g. advanced conditions, string
10
- * manipulation, etc.).
11
- */
12
- export function registerUtilities(api: PluginAPI) {
13
- /**
14
- * Apply the default "var" values for registered components, and register `var-[var=value]`
15
- * utilities to override them.
16
- */
17
- for (const component of getRegisteredComponents()) {
18
- if (!component.vars) continue
19
- api.addBase({
20
- '@layer components': {
21
- [`.${component.className}`]: {
22
- ...Object.fromEntries(
23
- Object.keys(component.vars).map((varName) => {
24
- return [`--gds-var-${varName}`, 'initial']
25
- }),
26
- ),
27
- '& > *': {
28
- '&': Object.entries(component.vars).flatMap(([varName, varCSS]) => {
29
- function getDefaultVarRule(cssOrValue: typeof varCSS): DeepRecord<string> {
30
- if (!cssOrValue) {
31
- return {}
32
- }
33
- if (typeof cssOrValue === 'string') {
34
- return {
35
- [`--gds-default-${varName}`]: cssOrValue,
36
- }
37
- }
38
- return Object.fromEntries(
39
- Object.entries(cssOrValue).map(([selector, nestedCSSOrValue]) => {
40
- return [selector || '&', getDefaultVarRule(nestedCSSOrValue)]
41
- }),
42
- )
43
- }
44
- return [
45
- getDefaultVarRule(varCSS),
46
- {
47
- [`--gds-${component.kebabName}-${varName}`]: `var(--gds-var-${varName}, var(--gds-default-${varName}))`,
48
- },
49
- ]
50
- }),
51
- },
52
- },
53
- },
54
- })
55
- }
56
- api.matchUtilities({
57
- var: (varNameAndValue) => {
58
- const [varName, ...valueParts] = varNameAndValue.split('=')
59
- const value = valueParts.join('')
60
- return {
61
- [`--gds-var-${varName}`]: value,
62
- }
63
- },
64
- })
65
- }