@geoffcox/sterling-svelte 1.0.7 → 1.0.9

package/dist/css/Radio.css

@@ -1,3 +1,2 @@
 @import url('./Radio.base.css');
 @import url('./Radio.colorful.css');
-@import url('./Radio.button.css');

package/dist/index.d.ts

@@ -65,3 +65,4 @@ import TreeChevron from './TreeChevron.svelte';
 import TreeItem from './TreeItem.svelte';
 import TreeItemDisplay from './TreeItemDisplay.svelte';
 export { Button, Callout, Checkbox, ColorPicker, Dialog, Dropdown, HexColorSliders, HslColorSliders, Input, Label, Link, List, ListItem, Menu, MenuBar, MenuButton, MenuItem, MenuItemDisplay, MenuSeparator, Popover, Progress, Radio, RgbColorSliders, Select, Slider, Switch, Tab, TabList, TextArea, Tooltip, Tree, TreeChevron, TreeItem, TreeItemDisplay };
+export * from './css/sterling.css';

package/dist/index.js

@@ -58,3 +58,4 @@ import TreeChevron from './TreeChevron.svelte';
 import TreeItem from './TreeItem.svelte';
 import TreeItemDisplay from './TreeItemDisplay.svelte';
 export { Button, Callout, Checkbox, ColorPicker, Dialog, Dropdown, HexColorSliders, HslColorSliders, Input, Label, Link, List, ListItem, Menu, MenuBar, MenuButton, MenuItem, MenuItemDisplay, MenuSeparator, Popover, Progress, Radio, RgbColorSliders, Select, Slider, Switch, Tab, TabList, TextArea, Tooltip, Tree, TreeChevron, TreeItem, TreeItemDisplay };
+export * from './css/sterling.css';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geoffcox/sterling-svelte",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "author": "Geoff Cox",
   "description": "A modern, accessible, and lightweight component library for Svelte.",
   "license": "MIT",
@@ -44,10 +44,11 @@
     ".": {
       "types": "./dist/index.d.ts",
       "svelte": "./dist/index.js"
-    }
+    },
+    "./css/*.css": "./dist/css/*.css"
   },
   "files": [
-    "dist",
+    "dist/*",
     "!dist/**/*.test.*",
     "!dist/**/*.spec.*"
   ],
@@ -71,14 +72,15 @@
     "@fontsource/open-sans": "^4.5.14",
     "@fontsource/source-code-pro": "^4.5.14",
     "@playwright/test": "^1.28.1",
+    "@stackblitz/sdk": "^1.10.0",
     "@sveltejs/adapter-auto": "^3.0.0",
     "@sveltejs/adapter-static": "^3.0.0",
     "@sveltejs/kit": "^2.0.0",
     "@sveltejs/package": "^2.0.0",
-    "@types/lodash-es": "^4.17.6",
-    "@types/tinycolor2": "^1.4.3",
     "@sveltejs/vite-plugin-svelte": "^3.0.0",
     "@types/eslint": "^8.56.7",
+    "@types/lodash-es": "^4.17.6",
+    "@types/tinycolor2": "^1.4.3",
     "eslint": "^9.0.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-svelte": "^2.36.0",

package/dist/css/Radio.button.css

@@ -1,113 +0,0 @@
-.sterling-radio.button {
-  align-content: center;
-  align-items: center;
-  background-color: var(--stsv-button__background-color);
-  border-color: var(--stsv-button__border-color);
-  border-radius: 0;
-  border-style: solid;
-  border-width: 2px;
-  box-sizing: border-box;
-  color: var(--stsv-button__color);
-  cursor: pointer;
-  display: inline-flex;
-  flex-direction: row;
-  font: inherit;
-  justify-content: center;
-  justify-items: center;
-  margin-left: -2px;
-  overflow: hidden;
-  padding: 0.5em 1em;
-  position: relative;
-  text-decoration: none;
-  text-overflow: ellipsis;
-  transition: background-color 250ms, color 250ms, border-color 250ms;
-  white-space: nowrap;
-  user-select: none;
-}
-
-/* .sterling-radio.button:first-child {
-  border-top-left-radius: 8px;
-  border-bottom-left-radius: 8px;
-  border-left-width: 2px;
-}
-
-.sterling-radio.button:last-child {
-  border-top-right-radius: 8px;
-  border-bottom-right-radius: 8px;
-} */
-
-.sterling-radio.button:not(.checked):not(.disabled):hover {
-  background-color: var(--stsv-button__background-color--hover);
-  border-color: var(--stsv-button__border-color--hover);
-  color: var(--stsv-button__color--hover);
-}
-
-.sterling-radio.button.checked {
-  background-color: var(--stsv-button__background-color--active);
-  border-color: var(--stsv-button__border-color--active);
-  color: var(--stsv-button__color--active);
-}
-
-.sterling-radio.button.using-keyboard:focus-within {
-  border-color: var(--stsv-button__border-color--focus);
-  outline-color: var(--stsv-common__outline-color);
-  outline-offset: 0;
-  outline-style: solid;
-  outline-width: 2px;
-  z-index: 1;
-}
-
-.sterling-radio.button .container {
-  margin-right: 0;
-}
-
-.sterling-radio.button input {
-  height: 0;
-  width: 0;
-}
-
-.sterling-radio.button.disabled * {
-  cursor: not-allowed;
-}
-
-.sterling-radio.button.disabled::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  background: repeating-linear-gradient(
-    var(--stsv-common--disabled__stripe-angle),
-    var(--stsv-common--disabled__stripe-color),
-    var(--stsv-common--disabled__stripe-color) var(--stsv-common--disabled__stripe-width),
-    var(--stsv-common--disabled__stripe-color--alt) var(--stsv-common--disabled__stripe-width),
-    var(--stsv-common--disabled__stripe-color--alt)
-      calc(2 * var(--stsv-common--disabled__stripe-width))
-  );
-  pointer-events: none;
-}
-
-.sterling-radio.button .indicator,
-.sterling-radio.button input:checked + .indicator,
-.sterling-radio.button:not(.disabled):hover .indicator,
-.sterling-radio.button input:focus-visible + .indicator {
-  display: none;
-}
-
-.sterling-radio.button .indicator::after,
-.sterling-radio.button input:checked + .indicator::after {
-  display: none;
-}
-.sterling-radio.button .container::after,
-.sterling-radio.button.disabled .container::after {
-  display: none;
-  opacity: 0;
-}
-
-@media (prefers-reduced-motion) {
-  .sterling-radio.button,
-  .sterling-radio.button::after {
-    transition: none;
-  }
-}