@jsekulowicz/ds-components 0.7.2 → 0.9.0

package/dist/css/utilities/spacing.css

@@ -0,0 +1,137 @@
+@layer ds.utilities {
+  .ds-p-0 { padding: var(--ds-space-0); }
+  .ds-p-1 { padding: var(--ds-space-1); }
+  .ds-p-2 { padding: var(--ds-space-2); }
+  .ds-p-3 { padding: var(--ds-space-3); }
+  .ds-p-4 { padding: var(--ds-space-4); }
+  .ds-p-5 { padding: var(--ds-space-5); }
+  .ds-p-6 { padding: var(--ds-space-6); }
+
+  .ds-px-0 { padding-inline: var(--ds-space-0); }
+  .ds-px-1 { padding-inline: var(--ds-space-1); }
+  .ds-px-2 { padding-inline: var(--ds-space-2); }
+  .ds-px-3 { padding-inline: var(--ds-space-3); }
+  .ds-px-4 { padding-inline: var(--ds-space-4); }
+  .ds-px-5 { padding-inline: var(--ds-space-5); }
+  .ds-px-6 { padding-inline: var(--ds-space-6); }
+
+  .ds-py-0 { padding-block: var(--ds-space-0); }
+  .ds-py-1 { padding-block: var(--ds-space-1); }
+  .ds-py-2 { padding-block: var(--ds-space-2); }
+  .ds-py-3 { padding-block: var(--ds-space-3); }
+  .ds-py-4 { padding-block: var(--ds-space-4); }
+  .ds-py-5 { padding-block: var(--ds-space-5); }
+  .ds-py-6 { padding-block: var(--ds-space-6); }
+
+  .ds-pt-0 { padding-block-start: var(--ds-space-0); }
+  .ds-pt-1 { padding-block-start: var(--ds-space-1); }
+  .ds-pt-2 { padding-block-start: var(--ds-space-2); }
+  .ds-pt-3 { padding-block-start: var(--ds-space-3); }
+  .ds-pt-4 { padding-block-start: var(--ds-space-4); }
+  .ds-pt-5 { padding-block-start: var(--ds-space-5); }
+  .ds-pt-6 { padding-block-start: var(--ds-space-6); }
+
+  .ds-pr-0 { padding-inline-end: var(--ds-space-0); }
+  .ds-pr-1 { padding-inline-end: var(--ds-space-1); }
+  .ds-pr-2 { padding-inline-end: var(--ds-space-2); }
+  .ds-pr-3 { padding-inline-end: var(--ds-space-3); }
+  .ds-pr-4 { padding-inline-end: var(--ds-space-4); }
+  .ds-pr-5 { padding-inline-end: var(--ds-space-5); }
+  .ds-pr-6 { padding-inline-end: var(--ds-space-6); }
+
+  .ds-pb-0 { padding-block-end: var(--ds-space-0); }
+  .ds-pb-1 { padding-block-end: var(--ds-space-1); }
+  .ds-pb-2 { padding-block-end: var(--ds-space-2); }
+  .ds-pb-3 { padding-block-end: var(--ds-space-3); }
+  .ds-pb-4 { padding-block-end: var(--ds-space-4); }
+  .ds-pb-5 { padding-block-end: var(--ds-space-5); }
+  .ds-pb-6 { padding-block-end: var(--ds-space-6); }
+
+  .ds-pl-0 { padding-inline-start: var(--ds-space-0); }
+  .ds-pl-1 { padding-inline-start: var(--ds-space-1); }
+  .ds-pl-2 { padding-inline-start: var(--ds-space-2); }
+  .ds-pl-3 { padding-inline-start: var(--ds-space-3); }
+  .ds-pl-4 { padding-inline-start: var(--ds-space-4); }
+  .ds-pl-5 { padding-inline-start: var(--ds-space-5); }
+  .ds-pl-6 { padding-inline-start: var(--ds-space-6); }
+
+  .ds-m-0 { margin: var(--ds-space-0); }
+  .ds-m-1 { margin: var(--ds-space-1); }
+  .ds-m-2 { margin: var(--ds-space-2); }
+  .ds-m-3 { margin: var(--ds-space-3); }
+  .ds-m-4 { margin: var(--ds-space-4); }
+  .ds-m-5 { margin: var(--ds-space-5); }
+  .ds-m-6 { margin: var(--ds-space-6); }
+
+  .ds-mx-0 { margin-inline: var(--ds-space-0); }
+  .ds-mx-1 { margin-inline: var(--ds-space-1); }
+  .ds-mx-2 { margin-inline: var(--ds-space-2); }
+  .ds-mx-3 { margin-inline: var(--ds-space-3); }
+  .ds-mx-4 { margin-inline: var(--ds-space-4); }
+  .ds-mx-5 { margin-inline: var(--ds-space-5); }
+  .ds-mx-6 { margin-inline: var(--ds-space-6); }
+
+  .ds-my-0 { margin-block: var(--ds-space-0); }
+  .ds-my-1 { margin-block: var(--ds-space-1); }
+  .ds-my-2 { margin-block: var(--ds-space-2); }
+  .ds-my-3 { margin-block: var(--ds-space-3); }
+  .ds-my-4 { margin-block: var(--ds-space-4); }
+  .ds-my-5 { margin-block: var(--ds-space-5); }
+  .ds-my-6 { margin-block: var(--ds-space-6); }
+
+  .ds-mt-0 { margin-block-start: var(--ds-space-0); }
+  .ds-mt-1 { margin-block-start: var(--ds-space-1); }
+  .ds-mt-2 { margin-block-start: var(--ds-space-2); }
+  .ds-mt-3 { margin-block-start: var(--ds-space-3); }
+  .ds-mt-4 { margin-block-start: var(--ds-space-4); }
+  .ds-mt-5 { margin-block-start: var(--ds-space-5); }
+  .ds-mt-6 { margin-block-start: var(--ds-space-6); }
+
+  .ds-mr-0 { margin-inline-end: var(--ds-space-0); }
+  .ds-mr-1 { margin-inline-end: var(--ds-space-1); }
+  .ds-mr-2 { margin-inline-end: var(--ds-space-2); }
+  .ds-mr-3 { margin-inline-end: var(--ds-space-3); }
+  .ds-mr-4 { margin-inline-end: var(--ds-space-4); }
+  .ds-mr-5 { margin-inline-end: var(--ds-space-5); }
+  .ds-mr-6 { margin-inline-end: var(--ds-space-6); }
+
+  .ds-mb-0 { margin-block-end: var(--ds-space-0); }
+  .ds-mb-1 { margin-block-end: var(--ds-space-1); }
+  .ds-mb-2 { margin-block-end: var(--ds-space-2); }
+  .ds-mb-3 { margin-block-end: var(--ds-space-3); }
+  .ds-mb-4 { margin-block-end: var(--ds-space-4); }
+  .ds-mb-5 { margin-block-end: var(--ds-space-5); }
+  .ds-mb-6 { margin-block-end: var(--ds-space-6); }
+
+  .ds-ml-0 { margin-inline-start: var(--ds-space-0); }
+  .ds-ml-1 { margin-inline-start: var(--ds-space-1); }
+  .ds-ml-2 { margin-inline-start: var(--ds-space-2); }
+  .ds-ml-3 { margin-inline-start: var(--ds-space-3); }
+  .ds-ml-4 { margin-inline-start: var(--ds-space-4); }
+  .ds-ml-5 { margin-inline-start: var(--ds-space-5); }
+  .ds-ml-6 { margin-inline-start: var(--ds-space-6); }
+
+  .ds-gap-0 { gap: var(--ds-space-0); }
+  .ds-gap-1 { gap: var(--ds-space-1); }
+  .ds-gap-2 { gap: var(--ds-space-2); }
+  .ds-gap-3 { gap: var(--ds-space-3); }
+  .ds-gap-4 { gap: var(--ds-space-4); }
+  .ds-gap-5 { gap: var(--ds-space-5); }
+  .ds-gap-6 { gap: var(--ds-space-6); }
+
+  .ds-gap-x-0 { column-gap: var(--ds-space-0); }
+  .ds-gap-x-1 { column-gap: var(--ds-space-1); }
+  .ds-gap-x-2 { column-gap: var(--ds-space-2); }
+  .ds-gap-x-3 { column-gap: var(--ds-space-3); }
+  .ds-gap-x-4 { column-gap: var(--ds-space-4); }
+  .ds-gap-x-5 { column-gap: var(--ds-space-5); }
+  .ds-gap-x-6 { column-gap: var(--ds-space-6); }
+
+  .ds-gap-y-0 { row-gap: var(--ds-space-0); }
+  .ds-gap-y-1 { row-gap: var(--ds-space-1); }
+  .ds-gap-y-2 { row-gap: var(--ds-space-2); }
+  .ds-gap-y-3 { row-gap: var(--ds-space-3); }
+  .ds-gap-y-4 { row-gap: var(--ds-space-4); }
+  .ds-gap-y-5 { row-gap: var(--ds-space-5); }
+  .ds-gap-y-6 { row-gap: var(--ds-space-6); }
+}

package/dist/css/utilities/typography.css

@@ -0,0 +1,30 @@
+@layer ds.utilities {
+  .ds-font-sans {
+    font-family: var(--ds-font-family-body, var(--ds-font-body));
+  }
+
+  .ds-font-serif {
+    font-family: var(--ds-font-family-display, var(--ds-font-display));
+  }
+
+  .ds-font-mono {
+    font-family: var(--ds-font-family-mono, var(--ds-font-mono));
+  }
+
+  .ds-text-xs { font-size: var(--ds-font-size-xs); }
+  .ds-text-sm { font-size: var(--ds-font-size-sm); }
+  .ds-text-md { font-size: var(--ds-font-size-md); }
+  .ds-text-lg { font-size: var(--ds-font-size-lg); }
+  .ds-text-xl { font-size: var(--ds-font-size-xl); }
+  .ds-text-2xl { font-size: var(--ds-font-size-2xl); }
+  .ds-text-3xl { font-size: var(--ds-font-size-3xl); }
+
+  .ds-font-normal { font-weight: var(--ds-font-weight-regular); }
+  .ds-font-medium { font-weight: var(--ds-font-weight-medium); }
+  .ds-font-semibold { font-weight: var(--ds-font-weight-semibold); }
+  .ds-font-bold { font-weight: var(--ds-font-weight-bold); }
+
+  .ds-leading-tight { line-height: var(--ds-line-height-tight); }
+  .ds-leading-normal { line-height: var(--ds-line-height-normal); }
+  .ds-leading-relaxed { line-height: var(--ds-line-height-relaxed); }
+}

package/dist/css/utilities.css

@@ -0,0 +1,3 @@
+@import './utilities/spacing.css';
+@import './utilities/layout.css';
+@import './utilities/typography.css';

package/dist/define.d.ts

@@ -1,6 +1,7 @@
 import './atoms/button/define.js';
 import './atoms/tooltip/define.js';
 import './atoms/badge/define.js';
+import './atoms/skeleton/define.js';
 import './atoms/divider/define.js';
 import './atoms/list/define.js';
 import './atoms/icon/define.js';

package/dist/define.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"define.d.ts","sourceRoot":"","sources":["../src/define.ts"],"names":[],"mappings":"AAAA,OAAO,0BAA0B,CAAC;AAClC,OAAO,2BAA2B,CAAC;AACnC,OAAO,yBAAyB,CAAC;AACjC,OAAO,2BAA2B,CAAC;AACnC,OAAO,wBAAwB,CAAC;AAChC,OAAO,wBAAwB,CAAC;AAChC,OAAO,wBAAwB,CAAC;AAChC,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AACpC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,yBAAyB,CAAC;AACjC,OAAO,+BAA+B,CAAC;AACvC,OAAO,0BAA0B,CAAC;AAClC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,wBAAwB,CAAC;AAChC,OAAO,yBAAyB,CAAC;AACjC,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AACpC,OAAO,wBAAwB,CAAC;AAChC,OAAO,4BAA4B,CAAC;AACpC,OAAO,8BAA8B,CAAC;AACtC,OAAO,6BAA6B,CAAC;AACrC,OAAO,oCAAoC,CAAC;AAC5C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,iCAAiC,CAAC;AACzC,OAAO,6BAA6B,CAAC;AACrC,OAAO,4BAA4B,CAAC;AACpC,OAAO,+BAA+B,CAAC;AACvC,OAAO,+BAA+B,CAAC;AACvC,OAAO,8BAA8B,CAAC;AACtC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,iCAAiC,CAAC"}
+{"version":3,"file":"define.d.ts","sourceRoot":"","sources":["../src/define.ts"],"names":[],"mappings":"AAAA,OAAO,0BAA0B,CAAC;AAClC,OAAO,2BAA2B,CAAC;AACnC,OAAO,yBAAyB,CAAC;AACjC,OAAO,4BAA4B,CAAC;AACpC,OAAO,2BAA2B,CAAC;AACnC,OAAO,wBAAwB,CAAC;AAChC,OAAO,wBAAwB,CAAC;AAChC,OAAO,wBAAwB,CAAC;AAChC,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AACpC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,yBAAyB,CAAC;AACjC,OAAO,+BAA+B,CAAC;AACvC,OAAO,0BAA0B,CAAC;AAClC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,wBAAwB,CAAC;AAChC,OAAO,yBAAyB,CAAC;AACjC,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AACpC,OAAO,wBAAwB,CAAC;AAChC,OAAO,4BAA4B,CAAC;AACpC,OAAO,8BAA8B,CAAC;AACtC,OAAO,6BAA6B,CAAC;AACrC,OAAO,oCAAoC,CAAC;AAC5C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,iCAAiC,CAAC;AACzC,OAAO,6BAA6B,CAAC;AACrC,OAAO,4BAA4B,CAAC;AACpC,OAAO,+BAA+B,CAAC;AACvC,OAAO,+BAA+B,CAAC;AACvC,OAAO,8BAA8B,CAAC;AACtC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,iCAAiC,CAAC"}

package/dist/define.js

@@ -1,6 +1,7 @@
 import './atoms/button/define.js';
 import './atoms/tooltip/define.js';
 import './atoms/badge/define.js';
+import './atoms/skeleton/define.js';
 import './atoms/divider/define.js';
 import './atoms/list/define.js';
 import './atoms/icon/define.js';

package/dist/define.js.map

@@ -1 +1 @@
-{"version":3,"file":"define.js","sourceRoot":"","sources":["../src/define.ts"],"names":[],"mappings":"AAAA,OAAO,0BAA0B,CAAC;AAClC,OAAO,2BAA2B,CAAC;AACnC,OAAO,yBAAyB,CAAC;AACjC,OAAO,2BAA2B,CAAC;AACnC,OAAO,wBAAwB,CAAC;AAChC,OAAO,wBAAwB,CAAC;AAChC,OAAO,wBAAwB,CAAC;AAChC,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AACpC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,yBAAyB,CAAC;AACjC,OAAO,+BAA+B,CAAC;AACvC,OAAO,0BAA0B,CAAC;AAClC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,wBAAwB,CAAC;AAChC,OAAO,yBAAyB,CAAC;AACjC,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AACpC,OAAO,wBAAwB,CAAC;AAChC,OAAO,4BAA4B,CAAC;AACpC,OAAO,8BAA8B,CAAC;AACtC,OAAO,6BAA6B,CAAC;AACrC,OAAO,oCAAoC,CAAC;AAC5C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,iCAAiC,CAAC;AACzC,OAAO,6BAA6B,CAAC;AACrC,OAAO,4BAA4B,CAAC;AACpC,OAAO,+BAA+B,CAAC;AACvC,OAAO,+BAA+B,CAAC;AACvC,OAAO,8BAA8B,CAAC;AACtC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,iCAAiC,CAAC"}
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../src/define.ts"],"names":[],"mappings":"AAAA,OAAO,0BAA0B,CAAC;AAClC,OAAO,2BAA2B,CAAC;AACnC,OAAO,yBAAyB,CAAC;AACjC,OAAO,4BAA4B,CAAC;AACpC,OAAO,2BAA2B,CAAC;AACnC,OAAO,wBAAwB,CAAC;AAChC,OAAO,wBAAwB,CAAC;AAChC,OAAO,wBAAwB,CAAC;AAChC,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AACpC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,yBAAyB,CAAC;AACjC,OAAO,+BAA+B,CAAC;AACvC,OAAO,0BAA0B,CAAC;AAClC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,wBAAwB,CAAC;AAChC,OAAO,yBAAyB,CAAC;AACjC,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AACpC,OAAO,wBAAwB,CAAC;AAChC,OAAO,4BAA4B,CAAC;AACpC,OAAO,8BAA8B,CAAC;AACtC,OAAO,6BAA6B,CAAC;AACrC,OAAO,oCAAoC,CAAC;AAC5C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,iCAAiC,CAAC;AACzC,OAAO,6BAA6B,CAAC;AACrC,OAAO,4BAA4B,CAAC;AACpC,OAAO,+BAA+B,CAAC;AACvC,OAAO,+BAA+B,CAAC;AACvC,OAAO,8BAA8B,CAAC;AACtC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,iCAAiC,CAAC"}

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 export { DsButton, type ButtonVariant, type ButtonSize, type ButtonType, } from './atoms/button/index.js';
 export { DsTooltip, type TooltipPlacement } from './atoms/tooltip/index.js';
 export { DsBadge, type BadgeTone } from './atoms/badge/index.js';
+export { DsSkeleton, type SkeletonVariant } from './atoms/skeleton/index.js';
 export { DsDivider, type DividerOrientation } from './atoms/divider/index.js';
 export { DsList, DsListItem, type ListVariant, type ListDensity } from './atoms/list/index.js';
 export { DsIcon, registerIcon, getIcon, type IconSize } from './atoms/icon/index.js';

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -1,6 +1,7 @@
 export { DsButton, } from './atoms/button/index.js';
 export { DsTooltip } from './atoms/tooltip/index.js';
 export { DsBadge } from './atoms/badge/index.js';
+export { DsSkeleton } from './atoms/skeleton/index.js';
 export { DsDivider } from './atoms/divider/index.js';
 export { DsList, DsListItem } from './atoms/list/index.js';
 export { DsIcon, registerIcon, getIcon } from './atoms/icon/index.js';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,GAIT,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,SAAS,EAAyB,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAAE,OAAO,EAAkB,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,SAAS,EAA2B,MAAM,0BAA0B,CAAC;AAC9E,OAAO,EAAE,MAAM,EAAE,UAAU,EAAsC,MAAM,uBAAuB,CAAC;AAC/F,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,EAAiB,MAAM,uBAAuB,CAAC;AACrF,OAAO,EAAE,MAAM,EAAoB,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,WAAW,EAA0C,MAAM,6BAA6B,CAAC;AAClG,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAqB,MAAM,yBAAyB,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EACL,OAAO,EACP,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,GAYrB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,MAAM,EAA4C,MAAM,2BAA2B,CAAC;AAC7F,OAAO,EAAE,QAAQ,EAAmB,MAAM,6BAA6B,CAAC;AACxE,OAAO,EACL,OAAO,EACP,YAAY,EACZ,KAAK,GAMN,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,aAAa,EACb,uBAAuB,EACvB,mBAAmB,EACnB,wBAAwB,GAEzB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,YAAY,EAA4B,MAAM,kCAAkC,CAAC;AAC1F,OAAO,EACL,UAAU,GAKX,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,OAAO,EAAkB,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAwB,MAAM,gCAAgC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,GAIT,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,SAAS,EAAyB,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAAE,OAAO,EAAkB,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,UAAU,EAAwB,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EAAE,SAAS,EAA2B,MAAM,0BAA0B,CAAC;AAC9E,OAAO,EAAE,MAAM,EAAE,UAAU,EAAsC,MAAM,uBAAuB,CAAC;AAC/F,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,EAAiB,MAAM,uBAAuB,CAAC;AACrF,OAAO,EAAE,MAAM,EAAoB,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,WAAW,EAA0C,MAAM,6BAA6B,CAAC;AAClG,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAqB,MAAM,yBAAyB,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EACL,OAAO,EACP,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,GAYrB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,MAAM,EAA4C,MAAM,2BAA2B,CAAC;AAC7F,OAAO,EAAE,QAAQ,EAAmB,MAAM,6BAA6B,CAAC;AACxE,OAAO,EACL,OAAO,EACP,YAAY,EACZ,KAAK,GAMN,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,aAAa,EACb,uBAAuB,EACvB,mBAAmB,EACnB,wBAAwB,GAEzB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,YAAY,EAA4B,MAAM,kCAAkC,CAAC;AAC1F,OAAO,EACL,UAAU,GAKX,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,OAAO,EAAkB,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAwB,MAAM,gCAAgC,CAAC"}

package/dist/molecules/color-picker/color-picker-swatch-group.styles.js

@@ -22,7 +22,7 @@ export const colorPickerSwatchGroupStyles = css `
       auto-fill,
       minmax(var(--color-picker-swatch-size), var(--color-picker-swatch-size))
     );
-    gap: var(--ds-space-1);
+    gap: var(--ds-space-2);
   }
 `;
 //# sourceMappingURL=color-picker-swatch-group.styles.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jsekulowicz/ds-components",
-  "version": "0.7.2",
+  "version": "0.9.0",
   "description": "Lit web components for the Design System Library (atoms, molecules, organisms, templates, pages).",
   "license": "UNLICENSED",
   "repository": {
@@ -17,7 +17,9 @@
     "./dist/**/define.js",
     "./src/**/define.ts",
     "./dist/**/icons/*.js",
-    "./src/**/icons/*.ts"
+    "./src/**/icons/*.ts",
+    "./dist/css/**/*.css",
+    "./src/css/**/*.css"
   ],
   "files": [
     "dist",
@@ -60,101 +62,17 @@
     "./icon/define": {
       "import": "./dist/atoms/icon/define.js"
     },
-    "./icon/check": {
-      "types": "./dist/atoms/icon/icons/check.d.ts",
-      "import": "./dist/atoms/icon/icons/check.js"
+    "./icon/all": {
+      "types": "./dist/atoms/icon/icons/all.d.ts",
+      "import": "./dist/atoms/icon/icons/all.js"
     },
-    "./icon/minus": {
-      "types": "./dist/atoms/icon/icons/minus.d.ts",
-      "import": "./dist/atoms/icon/icons/minus.js"
+    "./icon/names": {
+      "types": "./dist/atoms/icon/icons/names.d.ts",
+      "import": "./dist/atoms/icon/icons/names.js"
     },
-    "./icon/magnifying-glass": {
-      "types": "./dist/atoms/icon/icons/magnifying-glass.d.ts",
-      "import": "./dist/atoms/icon/icons/magnifying-glass.js"
-    },
-    "./icon/home": {
-      "types": "./dist/atoms/icon/icons/home.d.ts",
-      "import": "./dist/atoms/icon/icons/home.js"
-    },
-    "./icon/clock": {
-      "types": "./dist/atoms/icon/icons/clock.d.ts",
-      "import": "./dist/atoms/icon/icons/clock.js"
-    },
-    "./icon/cog-6-tooth": {
-      "types": "./dist/atoms/icon/icons/cog-6-tooth.d.ts",
-      "import": "./dist/atoms/icon/icons/cog-6-tooth.js"
-    },
-    "./icon/swatch": {
-      "types": "./dist/atoms/icon/icons/swatch.d.ts",
-      "import": "./dist/atoms/icon/icons/swatch.js"
-    },
-    "./icon/chevron-right": {
-      "types": "./dist/atoms/icon/icons/chevron-right.d.ts",
-      "import": "./dist/atoms/icon/icons/chevron-right.js"
-    },
-    "./icon/chevron-down": {
-      "types": "./dist/atoms/icon/icons/chevron-down.d.ts",
-      "import": "./dist/atoms/icon/icons/chevron-down.js"
-    },
-    "./icon/bars-3": {
-      "types": "./dist/atoms/icon/icons/bars-3.d.ts",
-      "import": "./dist/atoms/icon/icons/bars-3.js"
-    },
-    "./icon/x-mark": {
-      "types": "./dist/atoms/icon/icons/x-mark.d.ts",
-      "import": "./dist/atoms/icon/icons/x-mark.js"
-    },
-    "./icon/eye": {
-      "types": "./dist/atoms/icon/icons/eye.d.ts",
-      "import": "./dist/atoms/icon/icons/eye.js"
-    },
-    "./icon/eye-slash": {
-      "types": "./dist/atoms/icon/icons/eye-slash.d.ts",
-      "import": "./dist/atoms/icon/icons/eye-slash.js"
-    },
-    "./icon/plus": {
-      "types": "./dist/atoms/icon/icons/plus.d.ts",
-      "import": "./dist/atoms/icon/icons/plus.js"
-    },
-    "./icon/moon": {
-      "types": "./dist/atoms/icon/icons/moon.d.ts",
-      "import": "./dist/atoms/icon/icons/moon.js"
-    },
-    "./icon/sun": {
-      "types": "./dist/atoms/icon/icons/sun.d.ts",
-      "import": "./dist/atoms/icon/icons/sun.js"
-    },
-    "./icon/briefcase": {
-      "types": "./dist/atoms/icon/icons/briefcase.d.ts",
-      "import": "./dist/atoms/icon/icons/briefcase.js"
-    },
-    "./icon/user": {
-      "types": "./dist/atoms/icon/icons/user.d.ts",
-      "import": "./dist/atoms/icon/icons/user.js"
-    },
-    "./icon/user-circle": {
-      "types": "./dist/atoms/icon/icons/user-circle.d.ts",
-      "import": "./dist/atoms/icon/icons/user-circle.js"
-    },
-    "./icon/users": {
-      "types": "./dist/atoms/icon/icons/users.d.ts",
-      "import": "./dist/atoms/icon/icons/users.js"
-    },
-    "./icon/key": {
-      "types": "./dist/atoms/icon/icons/key.d.ts",
-      "import": "./dist/atoms/icon/icons/key.js"
-    },
-    "./icon/bell": {
-      "types": "./dist/atoms/icon/icons/bell.d.ts",
-      "import": "./dist/atoms/icon/icons/bell.js"
-    },
-    "./icon/book-open": {
-      "types": "./dist/atoms/icon/icons/book-open.d.ts",
-      "import": "./dist/atoms/icon/icons/book-open.js"
-    },
-    "./icon/puzzle-piece": {
-      "types": "./dist/atoms/icon/icons/puzzle-piece.d.ts",
-      "import": "./dist/atoms/icon/icons/puzzle-piece.js"
+    "./icon/*": {
+      "types": "./dist/atoms/icon/icons/*.d.ts",
+      "import": "./dist/atoms/icon/icons/*.js"
     },
     "./text-field": {
       "types": "./dist/atoms/text-field/index.d.ts",
@@ -261,6 +179,13 @@
     "./badge/define": {
       "import": "./dist/atoms/badge/define.js"
     },
+    "./skeleton": {
+      "types": "./dist/atoms/skeleton/index.d.ts",
+      "import": "./dist/atoms/skeleton/index.js"
+    },
+    "./skeleton/define": {
+      "import": "./dist/atoms/skeleton/define.js"
+    },
     "./link": {
       "types": "./dist/atoms/link/index.d.ts",
       "import": "./dist/atoms/link/index.js"
@@ -358,7 +283,11 @@
     },
     "./settings-page/define": {
       "import": "./dist/pages/settings-page/define.js"
-    }
+    },
+    "./css/utilities.css": "./dist/css/utilities.css",
+    "./css/utilities/spacing.css": "./dist/css/utilities/spacing.css",
+    "./css/utilities/layout.css": "./dist/css/utilities/layout.css",
+    "./css/utilities/typography.css": "./dist/css/utilities/typography.css"
   },
   "size-limit": [
     {
@@ -385,8 +314,8 @@
   ],
   "dependencies": {
     "lit": "^3.2.1",
-    "@jsekulowicz/ds-tokens": "0.5.0",
-    "@jsekulowicz/ds-core": "0.5.0"
+    "@jsekulowicz/ds-core": "0.5.0",
+    "@jsekulowicz/ds-tokens": "0.5.0"
   },
   "devDependencies": {
     "heroicons": "2.2.0",
@@ -400,9 +329,10 @@
     "vitest": "^2.1.5"
   },
   "scripts": {
-    "dev": "tsc -p tsconfig.json --watch",
-    "build": "tsc -p tsconfig.json && cem analyze --litelement --globs \"src/**/*.ts\" --exclude \"src/**/*.test.ts\" --outdir .",
-    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "dev": "pnpm generate:icons && tsc -p tsconfig.json --watch",
+    "generate:icons": "node scripts/generate-heroicons.mjs",
+    "build": "pnpm generate:icons && tsc -p tsconfig.json && node scripts/copy-css.mjs && cem analyze --litelement --globs \"src/**/*.ts\" --exclude \"src/**/*.test.ts\" --outdir .",
+    "typecheck": "pnpm generate:icons && tsc -p tsconfig.json --noEmit",
     "lint": "eslint src",
     "test": "vitest run",
     "test:coverage": "vitest run --coverage",