@public-ui/theme-default 2.0.0-rc.3 → 2.0.0-rc.4

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 (4) hide show
  1. package/dist/index.cjs +37 -32
  2. package/dist/index.d.ts +0 -1
  3. package/dist/index.mjs +37 -32
  4. package/package.json +7 -7
package/dist/index.cjs CHANGED
@@ -377,10 +377,9 @@ var TagEnum = /* @__PURE__ */ ((TagEnum2) => {
377
377
  TagEnum2[TagEnum2["table"] = 41] = "table";
378
378
  TagEnum2[TagEnum2["tabs"] = 42] = "tabs";
379
379
  TagEnum2[TagEnum2["textarea"] = 43] = "textarea";
380
- TagEnum2[TagEnum2["toast"] = 44] = "toast";
381
- TagEnum2[TagEnum2["toast-container"] = 45] = "toast-container";
382
- TagEnum2[TagEnum2["toolbar"] = 46] = "toolbar";
383
- TagEnum2[TagEnum2["tooltip"] = 47] = "tooltip";
380
+ TagEnum2[TagEnum2["toast-container"] = 44] = "toast-container";
381
+ TagEnum2[TagEnum2["toolbar"] = 45] = "toolbar";
382
+ TagEnum2[TagEnum2["tooltip"] = 46] = "tooltip";
384
383
  return TagEnum2;
385
384
  })(TagEnum || {});
386
385
 
@@ -2271,8 +2270,6 @@ const DEFAULT = KoliBri.createTheme("default", {
2271
2270
  right: 1rem;
2272
2271
  width: 440px;
2273
2272
  }
2274
- `,
2275
- "KOL-TOAST": css`
2276
2273
  .toast {
2277
2274
  margin-top: 1rem;
2278
2275
  }
@@ -2412,38 +2409,46 @@ const DEFAULT = KoliBri.createTheme("default", {
2412
2409
  }
2413
2410
  `,
2414
2411
  "KOL-PAGINATION": css`
2415
- :host {
2416
- display: grid;
2417
- gap: 1rem;
2418
- }
2419
- :host .navigation-list {
2420
- display: inline-flex;
2421
- flex-wrap: wrap;
2422
- align-items: center;
2423
- gap: 0.5rem;
2412
+ .button:focus {
2413
+ outline: none;
2424
2414
  }
2425
- :host .selected button {
2426
- min-width: var(--a11y-min-size);
2427
- min-height: var(--a11y-min-size);
2428
- display: grid;
2429
- place-items: center;
2430
- font-family: var(--font-family);
2431
- cursor: not-allowed;
2415
+ .button-inner {
2416
+ background-color: var(--color-light);
2417
+ border-radius: var(--border-radius);
2418
+ border: 1px solid var(--color-primary);
2419
+ color: var(--color-primary);
2432
2420
  font-weight: 700;
2433
- border-radius: 50%;
2434
- border: none;
2435
- font-style: normal;
2421
+ min-height: var(--a11y-min-size);
2422
+ min-width: var(--a11y-min-size);
2423
+ padding: 8px;
2436
2424
  text-align: center;
2437
- width: inherit;
2438
2425
  transition-duration: 0.5s;
2439
2426
  transition-property: background-color, color, border-color;
2440
- color: var(--color-primary);
2441
- background-color: var(--color-mute-variant);
2442
2427
  }
2443
- :host > div > span {
2444
- align-self: flex-end;
2445
- padding-bottom: 0.5rem;
2446
- color: var(--color-primary);
2428
+ .button:focus .button-inner {
2429
+ outline-offset: 2px;
2430
+ outline: 2px solid var(--color-primary-variant);
2431
+ transition: outline-offset 0.2s linear;
2432
+ }
2433
+ .button:is(:active, :hover):not(:disabled) .button-inner {
2434
+ background-color: var(--color-primary-variant);
2435
+ border-color: var(--color-primary-variant);
2436
+ box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);
2437
+ color: var(--color-light);
2438
+ }
2439
+ .button:active .button-inner {
2440
+ color: var(--color-light);
2441
+ outline: none;
2442
+ }
2443
+ .button:disabled .button-inner {
2444
+ cursor: not-allowed;
2445
+ opacity: 0.5;
2446
+ }
2447
+ .selected .button-inner {
2448
+ background-color: var(--color-mute-variant);
2449
+ border-radius: var(--a11y-min-size);
2450
+ border: 0;
2451
+ opacity: 1 !important;
2447
2452
  }
2448
2453
  `,
2449
2454
  "KOL-INPUT-RANGE": css`
package/dist/index.d.ts CHANGED
@@ -45,7 +45,6 @@ declare const DEFAULT: (patch: (name: string, map: {
45
45
  "KOL-TABLE"?: string | undefined;
46
46
  "KOL-TABS"?: string | undefined;
47
47
  "KOL-TEXTAREA"?: string | undefined;
48
- "KOL-TOAST"?: string | undefined;
49
48
  "KOL-TOAST-CONTAINER"?: string | undefined;
50
49
  "KOL-TOOLBAR"?: string | undefined;
51
50
  "KOL-TOOLTIP"?: string | undefined;
package/dist/index.mjs CHANGED
@@ -375,10 +375,9 @@ var TagEnum = /* @__PURE__ */ ((TagEnum2) => {
375
375
  TagEnum2[TagEnum2["table"] = 41] = "table";
376
376
  TagEnum2[TagEnum2["tabs"] = 42] = "tabs";
377
377
  TagEnum2[TagEnum2["textarea"] = 43] = "textarea";
378
- TagEnum2[TagEnum2["toast"] = 44] = "toast";
379
- TagEnum2[TagEnum2["toast-container"] = 45] = "toast-container";
380
- TagEnum2[TagEnum2["toolbar"] = 46] = "toolbar";
381
- TagEnum2[TagEnum2["tooltip"] = 47] = "tooltip";
378
+ TagEnum2[TagEnum2["toast-container"] = 44] = "toast-container";
379
+ TagEnum2[TagEnum2["toolbar"] = 45] = "toolbar";
380
+ TagEnum2[TagEnum2["tooltip"] = 46] = "tooltip";
382
381
  return TagEnum2;
383
382
  })(TagEnum || {});
384
383
 
@@ -2269,8 +2268,6 @@ const DEFAULT = KoliBri.createTheme("default", {
2269
2268
  right: 1rem;
2270
2269
  width: 440px;
2271
2270
  }
2272
- `,
2273
- "KOL-TOAST": css`
2274
2271
  .toast {
2275
2272
  margin-top: 1rem;
2276
2273
  }
@@ -2410,38 +2407,46 @@ const DEFAULT = KoliBri.createTheme("default", {
2410
2407
  }
2411
2408
  `,
2412
2409
  "KOL-PAGINATION": css`
2413
- :host {
2414
- display: grid;
2415
- gap: 1rem;
2416
- }
2417
- :host .navigation-list {
2418
- display: inline-flex;
2419
- flex-wrap: wrap;
2420
- align-items: center;
2421
- gap: 0.5rem;
2410
+ .button:focus {
2411
+ outline: none;
2422
2412
  }
2423
- :host .selected button {
2424
- min-width: var(--a11y-min-size);
2425
- min-height: var(--a11y-min-size);
2426
- display: grid;
2427
- place-items: center;
2428
- font-family: var(--font-family);
2429
- cursor: not-allowed;
2413
+ .button-inner {
2414
+ background-color: var(--color-light);
2415
+ border-radius: var(--border-radius);
2416
+ border: 1px solid var(--color-primary);
2417
+ color: var(--color-primary);
2430
2418
  font-weight: 700;
2431
- border-radius: 50%;
2432
- border: none;
2433
- font-style: normal;
2419
+ min-height: var(--a11y-min-size);
2420
+ min-width: var(--a11y-min-size);
2421
+ padding: 8px;
2434
2422
  text-align: center;
2435
- width: inherit;
2436
2423
  transition-duration: 0.5s;
2437
2424
  transition-property: background-color, color, border-color;
2438
- color: var(--color-primary);
2439
- background-color: var(--color-mute-variant);
2440
2425
  }
2441
- :host > div > span {
2442
- align-self: flex-end;
2443
- padding-bottom: 0.5rem;
2444
- color: var(--color-primary);
2426
+ .button:focus .button-inner {
2427
+ outline-offset: 2px;
2428
+ outline: 2px solid var(--color-primary-variant);
2429
+ transition: outline-offset 0.2s linear;
2430
+ }
2431
+ .button:is(:active, :hover):not(:disabled) .button-inner {
2432
+ background-color: var(--color-primary-variant);
2433
+ border-color: var(--color-primary-variant);
2434
+ box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);
2435
+ color: var(--color-light);
2436
+ }
2437
+ .button:active .button-inner {
2438
+ color: var(--color-light);
2439
+ outline: none;
2440
+ }
2441
+ .button:disabled .button-inner {
2442
+ cursor: not-allowed;
2443
+ opacity: 0.5;
2444
+ }
2445
+ .selected .button-inner {
2446
+ background-color: var(--color-mute-variant);
2447
+ border-radius: var(--a11y-min-size);
2448
+ border: 0;
2449
+ opacity: 1 !important;
2445
2450
  }
2446
2451
  `,
2447
2452
  "KOL-INPUT-RANGE": css`
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@public-ui/theme-default",
3
- "version": "2.0.0-rc.3",
3
+ "version": "2.0.0-rc.4",
4
4
  "license": "EUPL-1.2",
5
5
  "homepage": "https://public-ui.github.io",
6
6
  "repository": "https://github.com/public-ui/kolibri",
@@ -38,18 +38,18 @@
38
38
  "wcag"
39
39
  ],
40
40
  "devDependencies": {
41
- "@public-ui/schema": "2.0.0-rc.3",
42
- "@public-ui/visual-tests": "2.0.0-rc.3",
41
+ "@public-ui/schema": "2.0.0-rc.4",
42
+ "@public-ui/visual-tests": "2.0.0-rc.4",
43
43
  "@types/node": "ts5.2",
44
- "@typescript-eslint/eslint-plugin": "6.8.0",
45
- "@typescript-eslint/parser": "6.8.0",
46
- "eslint": "8.51.0",
44
+ "@typescript-eslint/eslint-plugin": "6.9.0",
45
+ "@typescript-eslint/parser": "6.9.0",
46
+ "eslint": "8.52.0",
47
47
  "eslint-plugin-no-loops": "0.3.0",
48
48
  "typescript": "5.2.2",
49
49
  "unbuild": "1.2.1"
50
50
  },
51
51
  "peerDependencies": {
52
- "@public-ui/components": "2.0.0-rc.3"
52
+ "@public-ui/components": "2.0.0-rc.4"
53
53
  },
54
54
  "sideEffects": false,
55
55
  "type": "module",