@accelint/design-system 0.3.1 → 0.3.3

package/README.md

@@ -12,13 +12,13 @@ This design system, which we've designated C2DS for simplicity, was born of thre
 
 From an engineering perspective, we also want to future-proof our investment by switching to an approach more natively compatible with React Server Components. This is the future of React and getting out ahead of that transition is valuable before it becomes a significant pain point inhibiting rapid feature development.
 
-Developed by the Core team, C2DS is a shared platform that all engineers can -- and are encouraged -- to contribute to. Eventually, this system will be published as open source to invite collaboration across our partners and the engineering community in general.
+Developed by the Core team at Accelint, C2DS is a shared platform that all engineers can -- and are encouraged -- to contribute to. This system is published as open source to invite collaboration across our partners and the engineering community in general.
 
 ### Performance
 
 The runtime performance of our applications is an enduring central concern. Our applications place a high performance demand on the browser client, primarily due to the sheer data throughput and intensive rendering requirements. Therefore, it makes sense to move away from a runtime CSS-in-JS solution in favor of a build/compile time styling solution.
 
-[Advantages >](./documentation/concepts.md#build-&-runtime)
+[Advantages >](./documentation/concepts.md#build-and-runtime)
 
 ### Flexibility and control
 
@@ -44,20 +44,24 @@ This design system is built on a number of concepts with which you may not be fa
 
 ## Getting started
 
-Check out what exists:
+Check out what exists. You can review the components, tokens and primitives available in the system using the Ladle stories for each element: [C2DS Stories](https://gohypergiant.github.io/standard-toolkit).
+
+From the root of the standard toolkit project, run:
 
 ```bash
-npm i
+pnpm i
 
-npm run preview -w @accelint/design-system
+pnpm --filter=@accelint/design-system preview
 ```
 
+If you run into errors, try running
+`pnpm build` after you install the dependencies and then run the preview command again. If you don't have pnpm enabled then you can enable it with the command
+[`corepack enable pnpm`](https://pnpm.io/installation#using-corepack) .
+
 ### Implementation
 
 [Learn](./documentation/implementation.md) how to get your app up and running.
 
-<!-- TODO - documentation around build systems -->
-
 ### Contribution
 
 [Learn](./documentation/contribution.md) how to craft components for this design system.

package/dist/{chunk-4CPMP3H7.js → chunk-4ZUGQMUD.js}

@@ -1,6 +1,7 @@
-import { clamp, kebabCase } from 'lodash';
+import clamp from 'lodash/clamp';
 import { z } from 'zod';
 import { assignInlineVars } from '@vanilla-extract/dynamic';
+import kebabCase from 'lodash/kebabCase';
 
 // src/styles/layers.css.ts
 var layers = { reset: "layers_reset__qkbqqj0", variables: { l1: "layers_framework__qkbqqj1.layers_variables__qkbqqj2.layers_variables.l1__qkbqqj3", l2: "layers_framework__qkbqqj1.layers_variables__qkbqqj2.layers_variables.l2__qkbqqj4", l3: "layers_framework__qkbqqj1.layers_variables__qkbqqj2.layers_variables.l3__qkbqqj5", l4: "layers_framework__qkbqqj1.layers_variables__qkbqqj2.layers_variables.l4__qkbqqj6", l5: "layers_framework__qkbqqj1.layers_variables__qkbqqj2.layers_variables.l5__qkbqqj7" }, styles: "layers_framework__qkbqqj1.layers_styles__qkbqqj8", components: { l1: "layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l1__qkbqqja", l2: "layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l2__qkbqqjb", l3: "layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l3__qkbqqjc", l4: "layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l4__qkbqqjd", l5: "layers_framework__qkbqqj1.layers_components__qkbqqj9.layers_components.l5__qkbqqje" }, overrides: { l1: "layers_overrides__qkbqqjf.layers_overrides.l1__qkbqqjg", l2: "layers_overrides__qkbqqjf.layers_overrides.l2__qkbqqjh", l3: "layers_overrides__qkbqqjf.layers_overrides.l3__qkbqqji", l4: "layers_overrides__qkbqqjf.layers_overrides.l4__qkbqqjj", l5: "layers_overrides__qkbqqjf.layers_overrides.l5__qkbqqjk" } };
@@ -414,5 +415,5 @@ var treeSpaceVars = { bar: { x: "var(--bar-x__kbtjn39)", y: "var(--bar-y__kbtjn3
 var treeStateVars = { allowsDragging: "var(--allowsDragging__kbtjn3f)", allowsExpansion: "var(--allowsExpansion__kbtjn3g)", allowsVisibility: "var(--allowsVisibility__kbtjn3h)", showTreeLines: "var(--showTreeLines__kbtjn3i)", size: "var(--size__kbtjn3j)" };
 
 export { alphaChannelAsNumberValidator, alphaChannelAsStringValidator, applyThemeVars, assignPartialVars, bodies, buttonClassNames, buttonColorVars, buttonContainer, buttonSpaceVars, buttonStateVars, checkboxClassNames, checkboxColorVars, checkboxContainer, checkboxGroupStateVars, checkboxSpaceVars, checkboxStateVars, chipClassNames, chipColorVars, chipContainer, chipSpaceVars, chipStateVars, colorChannelAsNumberValidator, colorChannelAsStringValidator, comboBoxClassNames, comboBoxColorVars, comboBoxContainer, comboBoxSpaceVars, comboBoxStateVars, computeContract, containerQueries, containerQuery, defaultElevationVarValues, defaultElevations, defaultFocus, defaultFocusVarValues, defaultGenericColorVarValues, defaultGenericColors, defaultRadius, defaultRadiusVarValues, defaultSemanticColorVarValues, defaultSemanticColors, defaultSizes, defaultSizesVarValues, defaultSpace, defaultSpaceVarValues, defaultTypography, defaultTypographyVarValues, defaultZIndex, defaultZIndexVarValues, dialogClassNames, dialogColorVars, dialogContainer, dialogSpaceVars, dialogStateVars, drawerAnimationVars, drawerClassNames, drawerColorVars, drawerContainer, drawerDialogStateVars, drawerSpaceVars, drawerStateVars, elevationVars, families, focusOutlineStyle, focusVars, genericColorVars, groupClassNames, groupContainer, groupSpaceVars, groupStateVars, headings, iconClassNames, iconColorVars, iconContainer, iconSpaceVars, iconStateVars, inlineVars, inputClassNames, inputColorVars, inputContainer, inputSpaceVars, inputStateVars, inputs, label, layers, menuClassNames, menuColorVars, menuItemStateVars, menuSpaceVars, menuStateVars, numberFieldClassNames, numberFieldColorVars, numberFieldContainer, numberFieldSpaceVars, numberFieldStateVars, optionsClassNames, optionsColorVars, optionsContainers, optionsItemStateVars, optionsListStateVars, optionsSpaceVars, optionsStateVars, pickerClassNames, pickerContainers, pickerItemColorVars, pickerItemStateVars, pickerSpaceVars, pickerStateVars, pixelValueAsNumberValidator, pixelValueAsStringValidator, popoverClassNames, popoverColorVars, popoverSpaceVars, popoverStateVars, queryBuilderClassNames, queryBuilderColorVars, queryBuilderContainers, queryBuilderGroupStateVars, queryBuilderRuleStateVars, queryBuilderSpaceVars, queryBuilderStateVars, radioClassNames, radioColorVars, radioGroupStateVars, radioSpaceVars, radioStateVars, radiusVars, reduceContract, rgbaAsStringValidator, rgbaAsTupleValidator, searchFieldClassNames, searchFieldContainer, searchFieldSpaceVars, searchFieldStateVars, selectClassNames, selectColorVars, selectContainer, selectSpaceVars, selectStateVars, semanticColorVars, sizeVars, spaceVars, surfaces, switchClassNames, switchColorVars, switchContainer, switchSpaceVars, switchStateVars, tabColorVars, tabListStateVars, tabPanelStateVars, tabPanelsStateVars, tabSpaceVars, tabStateVars, tabsClassNames, tabsContainers, textAreaClassNames, textAreaColorVars, textAreaContainer, textAreaSpaceVars, textAreaStateVars, textFieldClassNames, textFieldColorVars, textFieldContainer, textFieldSpaceVars, textFieldStateVars, tooltipClassNames, tooltipContainers, tooltipSpaceVars, tooltipStateVars, tooltipTargetStateVars, treeClassNames, treeColorVars, treeContainers, treeGroupStateVars, treeIndicatorStateVars, treeItemStateVars, treeSpaceVars, treeStateVars, typographyVars, unwrapCssVar, zIndexVars };
-//# sourceMappingURL=chunk-4CPMP3H7.js.map
-//# sourceMappingURL=chunk-4CPMP3H7.js.map
+//# sourceMappingURL=chunk-4ZUGQMUD.js.map
+//# sourceMappingURL=chunk-4ZUGQMUD.js.map